.subscribe-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:20px;background-color:#0000009e;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-base),visibility var(--transition-base)}.subscribe-popup.is-open{opacity:1;visibility:visible;pointer-events:auto}.subscribe-popup__dialog{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:880px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:hidden;border-radius:10px;background-color:#fff;box-shadow:0 24px 70px #00000059;transform:translateY(18px) scale(.98);transition:transform var(--transition-base)}.subscribe-popup.is-open .subscribe-popup__dialog{transform:none}.subscribe-popup__media{position:relative;background-color:#121212;min-height:420px}.subscribe-popup__media img{width:100%;height:100%;object-fit:cover;display:block}.subscribe-popup__content{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.subscribe-popup__kicker{display:inline-block;align-self:flex-start;padding:5px 12px;margin-bottom:16px;border-radius:var(--radius-full);background-color:var(--color-primary);font-family:var(--font-primary);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#121212}.subscribe-popup__title{font-family:var(--font-primary);font-size:var(--fs-h2);letter-spacing:var(--tracking-tight);font-weight:800;line-height:1.1;text-transform:uppercase;color:#121212;margin-bottom:12px}.subscribe-popup__title em{font-style:italic;font-weight:500;text-transform:none;color:var(--color-primary-text)}.subscribe-popup__text{font-size:16px;line-height:1.6;color:#4a4a4a;margin-bottom:22px}.subscribe-popup__form{display:flex;flex-direction:column;gap:12px}.subscribe-popup__input{width:100%;height:52px;padding:0 16px;border:1px solid #8A8A8A;border-radius:3px;font-family:var(--font-primary);font-size:16px;color:#121212;transition:border-color var(--transition-fast)}.subscribe-popup__input:focus-visible{border-color:#121212;outline:2px solid #121212;outline-offset:1px}.subscribe-popup__submit{height:52px;border:none;border-radius:3px;background-color:var(--color-primary);color:#121212;font-family:var(--font-primary);font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background-color var(--transition-fast)}.subscribe-popup__submit:hover{background-color:var(--color-primary-hover)}.subscribe-popup__decline{align-self:center;margin-top:4px;padding:6px;background:none;border:none;font-family:var(--font-primary);font-size:13px;color:#707070;text-decoration:underline;cursor:pointer}.subscribe-popup__decline:hover{color:#121212}.subscribe-popup__fineprint{margin-top:14px;font-size:12px;line-height:1.5;color:#707070}.subscribe-popup__fineprint a{text-decoration:underline}.subscribe-popup__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;border-radius:50%;background-color:#ffffffeb;color:#121212;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background-color var(--transition-fast)}.subscribe-popup__close:hover{background-color:var(--color-primary)}.subscribe-popup__success,.subscribe-popup.is-done .subscribe-popup__form,.subscribe-popup.is-done .subscribe-popup__text,.subscribe-popup.is-done .subscribe-popup__fineprint{display:none}.subscribe-popup.is-done .subscribe-popup__success{display:block}.subscribe-popup__code{display:inline-block;margin:14px 0 10px;padding:12px 22px;border:2px dashed var(--color-primary);border-radius:4px;font-family:var(--font-primary);font-size:22px;font-weight:800;letter-spacing:3px;color:#121212;background-color:#fff8ec}.subscribe-popup__error{font-size:14px;color:#c0392b}@media(max-width:767px){.subscribe-popup{padding:12px;align-items:flex-end}.subscribe-popup__dialog{grid-template-columns:minmax(0,1fr);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.subscribe-popup__media{display:none}.subscribe-popup__content{padding:40px 24px 28px}}@media(prefers-reduced-motion:reduce){.subscribe-popup,.subscribe-popup__dialog{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/subscribe-popup.css.map */