:root{--newsletter-modal-duration: .3s;--newsletter-modal-easing: cubic-bezier(.4, 0, .2, 1);--newsletter-modal-bg: #F6FAF9;--newsletter-modal-text: rgba(1, 1, 1, .8);--newsletter-modal-text-light: rgba(1, 1, 1, .4);--newsletter-modal-border: rgba(0, 0, 0, .4);--newsletter-modal-close-color: rgba(0, 0, 0, .6);--newsletter-modal-button-bg: rgba(1, 1, 1, 1);--newsletter-modal-button-bg-hover: rgba(1, 1, 1, .8)}.newsletter-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:grid;place-items:center;opacity:0;pointer-events:none;transition:none}.newsletter-modal[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}.newsletter-modal.is-open:not([hidden]){opacity:1;pointer-events:auto;visibility:visible;transition:none}.newsletter-modal.is-open:not([hidden]) form,.newsletter-modal.is-open:not([hidden]) .newsletter-modal__field,.newsletter-modal.is-open:not([hidden]) .newsletter-modal__input{pointer-events:auto!important;position:relative;z-index:10}.newsletter-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;z-index:0;opacity:0}.newsletter-modal.is-open:not([hidden]) .newsletter-modal__overlay{opacity:1;transition:none}.newsletter-modal__dialog{position:relative;z-index:2;pointer-events:auto;width:min(480px,90vw);padding:48px 26px 28px;background:var(--newsletter-modal-bg)!important;background-color:var(--newsletter-modal-bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#000;opacity:0;transform:scale(.95);will-change:opacity,transform;backface-visibility:hidden;transition:opacity var(--newsletter-modal-duration) var(--newsletter-modal-easing),transform var(--newsletter-modal-duration) var(--newsletter-modal-easing);touch-action:manipulation}.newsletter-modal.is-open:not([hidden]) .newsletter-modal__dialog{opacity:1;transform:scale(1);box-shadow:0 4px 15px #00000026,0 2px 8px #0000001a;border:1px solid rgba(0,0,0,.1)}.newsletter-modal.is-closing .newsletter-modal__overlay{opacity:0;transition:opacity var(--newsletter-modal-duration) var(--newsletter-modal-easing)}.newsletter-modal.is-closing .newsletter-modal__dialog{opacity:0;transform:scale(.95)}.newsletter-modal__close{position:absolute;top:16px;right:16px;z-index:3;background:none;border:none;padding:0;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--newsletter-modal-close-color);transition:opacity .2s var(--newsletter-modal-easing);cursor:pointer!important;pointer-events:auto}.newsletter-modal__close:hover{opacity:.5}.newsletter-modal__title{margin:0 0 28px;text-transform:uppercase;font-size:.8rem;color:var(--newsletter-modal-text)}.newsletter-modal__field{margin-bottom:24px;pointer-events:auto;position:relative;z-index:1}.newsletter-modal__input{width:100%;padding:10px 0;background:transparent;border:none;border-bottom:1px solid var(--newsletter-modal-border);border-radius:0;font-size:.9rem;letter-spacing:.05em;outline:none;color:var(--newsletter-modal-text);transition:border-bottom-color .2s var(--newsletter-modal-easing);pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1);cursor:text}.newsletter-modal__input::placeholder{color:var(--newsletter-modal-text-light);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.newsletter-modal__input:hover{background-color:inherit}.newsletter-modal__input:focus{border-bottom-color:#000}.newsletter-modal__button{width:100%;margin-top:16px;padding:12px 0;background:var(--newsletter-modal-button-bg);border:none;border-radius:0;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;transition:background .2s var(--newsletter-modal-easing);cursor:pointer!important;pointer-events:auto}.newsletter-modal__button:hover{background:var(--newsletter-modal-button-bg-hover);color:#fff}.newsletter-modal__message{margin-top:14px;font-size:.75rem;letter-spacing:.04em}.newsletter-modal__message--error{color:#ab1d0e}.newsletter-modal__message--success{color:#1e824c}@media(prefers-reduced-motion:reduce){.newsletter-modal,.newsletter-modal__overlay,.newsletter-modal__dialog{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/newsletter-modal.css.map */