.spop{--p-bg: #0f0d0c;--p-tx: #f4ede4;--p-mu: rgba(244,237,228,.74);--p-ac: var(--sn-accent, #C8A97E);--p-ln: rgba(244,237,228,.18);--p-ease: cubic-bezier(.22,1,.36,1);--p-text: var(--dtn-text, "Jost", "Helvetica Neue", Arial, sans-serif);position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:grid;place-items:center;padding:20px;visibility:hidden;pointer-events:none}.spop.is-open{visibility:visible;pointer-events:auto}.spop .spop__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0a099e;-webkit-backdrop-filter:blur(14px) saturate(.8);backdrop-filter:blur(14px) saturate(.8);opacity:0;transition:opacity .7s var(--p-ease)}.spop.is-open .spop__veil{opacity:1}.spop .spop__box{position:relative;width:min(880px,100%);max-height:calc(100dvh - 40px);overflow:auto;display:grid;grid-template-columns:44% 1fr;background:var(--p-bg);color:var(--p-tx);border-radius:var(--sn-radius, 22px);box-shadow:0 40px 120px #00000073;opacity:0;transform:translateY(28px) scale(.975);filter:blur(6px);transition:opacity .8s var(--p-ease),transform .9s var(--p-ease),filter .8s var(--p-ease)}.spop.is-open .spop__box{opacity:1;transform:none;filter:none}.spop .spop__box:not(:has(.spop__media)){grid-template-columns:1fr;width:min(560px,100%)}.spop .spop__main{display:flex;flex-direction:column;justify-content:center;min-width:0}.spop .spop__media{position:relative;min-height:100%;overflow:hidden;background:#1a1614}.spop .spop__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 2.4s var(--p-ease)}.spop.is-open .spop__media img{transform:scale(1)}.spop .spop__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 60%,var(--p-bg))}.spop .spop__body{position:relative;padding:clamp(36px,5vw,56px) clamp(26px,4.4vw,52px);display:flex;flex-direction:column;justify-content:center}.spop .spop__body>*{opacity:0;transform:translateY(12px);transition:opacity .7s var(--p-ease),transform .8s var(--p-ease)}.spop.is-open .spop__body>*{opacity:1;transform:none}.spop.is-open .spop__body>*:nth-child(2){transition-delay:.12s}.spop.is-open .spop__body>*:nth-child(3){transition-delay:.2s}.spop.is-open .spop__body>*:nth-child(4){transition-delay:.28s}.spop.is-open .spop__body>*:nth-child(5){transition-delay:.36s}.spop.is-open .spop__body>*:nth-child(6){transition-delay:.44s}.spop .spop__close{position:absolute;top:14px;right:14px;z-index:2;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--p-ln);border-radius:50%;background:var(--p-bg);color:var(--p-tx);cursor:pointer;transition:transform .5s var(--p-ease),border-color .4s}.spop .spop__close:hover{transform:rotate(90deg);border-color:var(--p-ac)}.spop .spop__eyebrow{margin:0 0 16px;font-family:var(--p-text);font-size:12px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--p-ac)}.spop .spop__title{margin:0;font-family:var(--sn-serif, var(--font-heading--family));font-weight:400;font-size:clamp(34px,4.2vw,50px);line-height:1.04;color:var(--p-tx)}.spop .spop__title em{font-style:normal;color:var(--p-ac)}.spop .spop__text{margin:16px 0 0;font-family:var(--p-text);font-size:16px;font-weight:400;line-height:1.6;color:var(--p-mu)}.spop .spop__field{margin-top:26px;display:flex;flex-direction:column;gap:10px}.spop .spop__input{width:100%;height:54px;padding:0 20px;border:1px solid var(--p-ln);border-radius:999px;background:#1a1614;color:var(--p-tx);font-family:var(--p-text);font-size:16px;outline:none;transition:border-color .4s var(--p-ease),box-shadow .4s var(--p-ease)}.spop .spop__input::placeholder{color:#f4ede480}.spop .spop__input:focus{border-color:var(--p-ac);box-shadow:0 0 0 4px #c8a97e29}.spop .spop__btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;padding:0 24px;border:0;border-radius:999px;background:var(--p-ac);color:#16110d;font-family:var(--p-text);font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;isolation:isolate;transition:transform .5s var(--p-ease)}.spop .spop__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#f4ede4;transform:translateY(101%);transition:transform .6s var(--p-ease)}.spop .spop__btn:hover:before{transform:none}.spop .spop__btn svg{transition:transform .5s var(--p-ease)}.spop .spop__btn:hover svg{transform:translate(4px)}.spop .spop__btn.is-busy{pointer-events:none;opacity:.75}.spop .spop__err{margin:12px 0 0;font-family:var(--p-text);font-size:14px;color:#f0a99a}.spop .spop__legal{margin:14px 0 0;font-family:var(--p-text);font-size:13px;line-height:1.5;color:#f4ede48f}.spop .spop__skip{align-self:flex-start;margin:18px 0 0;padding:4px 0;border:0;background:none;font-family:var(--p-text);font-size:14px;font-weight:500;color:var(--p-mu);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--p-ln);cursor:pointer;transition:color .3s,text-decoration-color .3s}.spop .spop__skip:hover{color:var(--p-tx);text-decoration-color:var(--p-ac)}.spop .spop__code{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 0;padding:10px 10px 10px 22px;border:1px dashed var(--p-ac);border-radius:999px}.spop .spop__code b{font-family:var(--p-text);font-size:20px;font-weight:600;letter-spacing:.16em;color:var(--p-tx);overflow-wrap:anywhere}.spop .spop__copy{flex:none;min-height:40px;padding:0 18px;border:1px solid var(--p-ln);border-radius:999px;background:transparent;color:var(--p-tx);font-family:var(--p-text);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .3s,color .3s}.spop .spop__copy:hover,.spop .spop__copy.is-done{border-color:var(--p-ac);color:var(--p-ac)}.spop .spop__go{margin-top:12px}.spop [hidden]{display:none!important}@media(max-width:749px){.spop{padding:12px;align-items:end}.spop .spop__box{grid-template-columns:1fr;max-height:calc(100dvh - 24px);transform:translateY(60px)}.spop .spop__media{min-height:0;aspect-ratio:16 / 9}.spop .spop__media:after{background:linear-gradient(180deg,transparent 55%,var(--p-bg))}.spop .spop__body{padding:8px 24px 28px}.spop .spop__title{font-size:34px}.spop .spop__text{font-size:15px}}@media(prefers-reduced-motion:reduce){.spop *,.spop .spop__box{transition:none!important;filter:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/sin-popup.css.map */