.newsletter-popup{--np-bg: #0a0a0a;--np-panel: #141414;--np-text: #f5f5f5;--np-muted: #86868b;--np-soft: #a1a1a6;--np-accent: #ff3b30;--np-accent-strong: #d92d23;--np-error: #ff7e79;--np-divider: rgba(255, 255, 255, .1);--np-focus: rgba(245, 245, 245, .55);--np-ease: cubic-bezier(.22, 1, .36, 1);--np-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--np-radius: 18px}html.newsletter-popup-open{overflow:hidden}.newsletter-popup,.newsletter-popup *,.newsletter-popup *:before,.newsletter-popup *:after{box-sizing:border-box}.newsletter-popup ::selection{background:#ff3b3066;color:var(--np-text)}.newsletter-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:24px;border:0;background-color:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color .3s ease,-webkit-backdrop-filter .3s ease,backdrop-filter .3s ease;color:var(--np-text);font-family:var(--font-body-family, "Segoe UI", system-ui, sans-serif);overflow-y:auto;overscroll-behavior:contain}.newsletter-popup.is-visible{background-color:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.newsletter-popup.is-switching,.newsletter-popup.is-switching .newsletter-popup__panel{transition:none!important}.newsletter-popup .h-captcha{position:absolute;bottom:0;left:0}.newsletter-popup:not([open]){display:none}.newsletter-popup[open]{display:flex}.newsletter-popup::backdrop{background:transparent}.newsletter-popup__panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);width:min(920px,100%);min-height:500px;margin:auto;background:var(--np-bg);border:1px solid var(--np-divider);border-radius:var(--np-radius);overflow:hidden;box-shadow:0 40px 120px -24px #000000d9;opacity:0;transform:translateY(16px) scale(.985);transition:opacity .32s var(--np-ease),transform .48s var(--np-ease)}.newsletter-popup.is-visible .newsletter-popup__panel{opacity:1;transform:none}.newsletter-popup__panel:before{content:"";position:absolute;inset:0 0 auto 0;z-index:4;height:1px;background:linear-gradient(90deg,transparent 0%,transparent 35%,var(--np-accent) 75%,transparent 100%);opacity:.85;pointer-events:none}.newsletter-popup__visual{position:relative;order:2;overflow:hidden;background:radial-gradient(120% 90% at 70% 50%,#181818 0%,var(--np-bg) 68%)}.newsletter-popup__image{position:absolute;top:52%;left:10%;z-index:1;display:block;width:112%;max-width:none;height:auto;transform:translateY(-50%);filter:brightness(calc(1 - var(--np-darkness, .4))) contrast(1.12) saturate(.85);-webkit-user-select:none;user-select:none;pointer-events:none}.newsletter-popup__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(90deg,var(--np-bg) 0%,rgba(10,10,10,.6) 24%,rgba(10,10,10,0) 58%),linear-gradient(0deg,var(--np-bg) 0%,rgba(10,10,10,0) 36%),linear-gradient(180deg,#0a0a0acc,#0a0a0a00 28%);pointer-events:none}.newsletter-popup__content{position:relative;z-index:3;order:1;display:flex;flex-direction:column;padding:44px 40px 40px 48px}.newsletter-popup__logo{display:block;width:var(--np-logo-width, 96px);height:auto;margin:0 0 40px}.newsletter-popup__step{display:flex;flex-direction:column;margin-top:auto}.newsletter-popup__step[hidden]{display:none}.newsletter-popup__heading{margin:0 0 14px;font-family:var(--font-heading-family, inherit);font-size:clamp(26px,3.4vw,36px);font-weight:500;line-height:1.1;letter-spacing:-.02em;color:var(--np-text);text-wrap:balance}.newsletter-popup__heading:focus{outline:none}.newsletter-popup__text{max-width:40ch;margin:0 0 32px;font-size:15px;line-height:1.6;color:var(--np-soft);text-wrap:pretty}.newsletter-popup__form{margin:0}.newsletter-popup__label{display:block;margin:0 0 10px;font-family:var(--np-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--np-muted)}.newsletter-popup__field{display:flex;align-items:center;gap:6px;padding:5px;background:var(--np-panel);border:1px solid var(--np-divider);border-radius:9999px;transition:border-color .3s ease,box-shadow .3s ease}.newsletter-popup__field:focus-within{border-color:var(--np-focus);box-shadow:0 0 0 4px #f5f5f514}.newsletter-popup__field.is-invalid,.newsletter-popup__field.is-invalid:focus-within{border-color:var(--np-error);box-shadow:0 0 0 4px #ff7e7929}.newsletter-popup__input{flex:1;min-width:0;height:44px;margin:0;padding:0 16px;background:transparent;border:0;border-radius:9999px;outline:0;box-shadow:none;color:var(--np-text);caret-color:var(--np-accent);font-family:var(--font-body-family, inherit);font-size:16px}.newsletter-popup__input::placeholder{font:inherit;color:var(--np-muted);opacity:1}.newsletter-popup__input:-webkit-autofill{-webkit-text-fill-color:var(--np-text);-webkit-box-shadow:0 0 0 40px var(--np-panel) inset;caret-color:var(--np-accent)}.newsletter-popup__submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;height:44px;margin:0;padding:0 22px;border:0;border-radius:9999px;background:var(--np-text);color:#000;font-family:var(--font-body-family, inherit);font-size:14px;font-weight:600;letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:background-color .3s ease,color .3s ease,transform .3s var(--np-ease),box-shadow .3s ease}.newsletter-popup__submit:hover,.newsletter-popup__submit:focus-visible{background:var(--np-accent-strong);color:#fff;transform:scale(1.03);box-shadow:0 10px 30px #d92d2359}.newsletter-popup__submit:focus-visible{outline:2px solid var(--np-text);outline-offset:3px}.newsletter-popup__submit[disabled]{cursor:progress;opacity:.75;transform:none;box-shadow:none}.newsletter-popup__submit svg{flex-shrink:0}.newsletter-popup .newsletter-popup__error{display:block;min-height:1.45em;margin:8px 0 0 4px;font-size:13px;line-height:1.45;color:var(--np-error)}.newsletter-popup__legal{margin:8px 0 0;font-size:12px;line-height:1.6;color:var(--np-muted);text-wrap:pretty}.newsletter-popup__legal a{color:var(--np-text);text-decoration:underline;text-decoration-color:#f5f5f559;text-underline-offset:3px;border-radius:2px;transition:color .3s ease,text-decoration-color .3s ease}.newsletter-popup__legal a:hover{color:var(--np-error);text-decoration-color:currentColor}.newsletter-popup .newsletter-popup__legal a:focus-visible{outline:2px solid var(--np-text);outline-offset:2px;box-shadow:none;text-decoration-color:currentColor}.newsletter-popup__check{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 0 22px;border:1px solid rgba(245,245,245,.3);border-radius:50%;color:var(--np-text)}.newsletter-popup__subscribed-as{margin:-16px 0 32px;font-size:13px;line-height:1.5;color:var(--np-muted);overflow-wrap:anywhere}.newsletter-popup__subscribed-as strong{font-family:var(--np-mono);font-weight:600;color:var(--np-text)}.newsletter-popup__subscribed-as:empty{display:none}.newsletter-popup__submit--ghost{align-self:flex-start;background:transparent;color:var(--np-text);border:1px solid rgba(245,245,245,.22)}.newsletter-popup__submit--ghost:hover,.newsletter-popup__submit--ghost:focus-visible{background:var(--np-text);color:#000;box-shadow:none}.newsletter-popup__close{position:absolute;top:12px;right:12px;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--np-divider);border-radius:50%;background:#0a0a0a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--np-soft);cursor:pointer;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.newsletter-popup__close:hover,.newsletter-popup__close:focus-visible{color:var(--np-text);background:#1e1e1ed9;border-color:#ffffff40}.newsletter-popup .newsletter-popup__close:focus-visible{outline:2px solid var(--np-text);outline-offset:2px;box-shadow:none}@media screen and (min-width:750px)and (max-height:600px){.newsletter-popup{padding:12px}.newsletter-popup__panel{min-height:0}.newsletter-popup__content{padding:28px 32px 24px 36px}.newsletter-popup__logo{margin-bottom:20px}.newsletter-popup__heading{font-size:26px}.newsletter-popup__text{margin-bottom:18px}}@media screen and (max-width:749px){.newsletter-popup{padding:16px}.newsletter-popup__panel{grid-template-columns:minmax(0,1fr);grid-template-rows:190px auto;min-height:0}.newsletter-popup__visual{order:0}.newsletter-popup__image{top:60%;left:50%;width:min(320px,86%);transform:translate(-50%,-50%)}.newsletter-popup__visual:after{background:linear-gradient(0deg,var(--np-bg) 0%,rgba(10,10,10,.75) 22%,rgba(10,10,10,0) 62%),linear-gradient(180deg,#0a0a0a99,#0a0a0a00 36%)}.newsletter-popup__content{order:1;margin-top:-30px;padding:0 22px 24px}.newsletter-popup__logo{width:min(var(--np-logo-width, 96px),84px);margin-bottom:18px}.newsletter-popup__heading{font-size:25px}.newsletter-popup__text{margin-bottom:22px;font-size:14px}.newsletter-popup__form{display:flex;flex-direction:column}.newsletter-popup__field{display:contents}.newsletter-popup__input{order:1;flex:0 0 auto;width:100%;height:50px;padding:0 20px;background:var(--np-panel);border:1px solid var(--np-divider);transition:border-color .3s ease,box-shadow .3s ease}.newsletter-popup__input:focus{border-color:var(--np-focus);box-shadow:0 0 0 4px #f5f5f514}.newsletter-popup__field.is-invalid .newsletter-popup__input{border-color:var(--np-error);box-shadow:0 0 0 4px #ff7e7929}.newsletter-popup .newsletter-popup__error{order:2;min-height:0;margin:0 0 0 20px}.newsletter-popup .newsletter-popup__error:not(:empty){margin-top:8px}.newsletter-popup__submit{order:3;height:50px;margin-top:10px}.newsletter-popup__submit:hover,.newsletter-popup__submit:focus-visible{transform:none}.newsletter-popup__legal{order:4;margin-top:14px;font-size:13px}.newsletter-popup__submit--ghost{align-self:stretch}.newsletter-popup__close{top:10px;right:10px}}@media screen and (max-width:749px)and (max-height:680px){.newsletter-popup{padding:12px}.newsletter-popup__panel{grid-template-rows:140px auto}.newsletter-popup__image{top:62%;width:min(260px,72%)}.newsletter-popup__heading{font-size:23px}.newsletter-popup__text{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){.newsletter-popup,.newsletter-popup__panel,.newsletter-popup__submit,.newsletter-popup__field,.newsletter-popup__input{transition:none}.newsletter-popup__panel{transform:none}.newsletter-popup__submit:hover,.newsletter-popup__submit:focus-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/newsletter-popup.css.map */