.signup-popup{--sp-cyan: #00fced;position:fixed;z-index:110;inset:auto 20px 20px auto;width:min(360px,calc(100vw - 32px));pointer-events:none}.signup-popup[hidden]{display:none}.signup-popup__card{position:relative;overflow:hidden;border-radius:18px;background-color:var(--color-surface, var(--color-bg));color:var(--color-ink);box-shadow:0 30px 70px -30px #000000b3,inset 0 0 0 1px var(--color-line);pointer-events:auto;outline:none}.signup-popup__close{position:absolute;top:10px;right:10px;z-index:3;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#00000061;color:#fff;cursor:pointer}.signup-popup__body{position:relative;display:grid;gap:12px;padding:20px}.signup-popup__kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-brand)}.signup-popup__kicker i{width:7px;height:7px;border-radius:50%;background:var(--sp-cyan);box-shadow:0 0 10px var(--sp-cyan);animation:signup-pulse 1.6s ease-in-out infinite}@keyframes signup-pulse{50%{opacity:.35}}.signup-popup__heading{margin:0;font-size:24px;line-height:1.05;text-transform:uppercase;text-wrap:balance}.signup-popup__heading em{font-style:normal;color:var(--color-brand)}.signup-popup__text,.signup-popup__fine,.signup-popup__error{margin:0;color:var(--color-muted);font-size:14px}.signup-popup__fine{font-size:11px}.signup-popup__error{color:var(--color-danger, #d2331f)}.signup-popup__form{display:grid;gap:12px}.signup-popup__field{display:flex;gap:8px}.signup-popup__field input{flex:1;min-width:0;height:48px;padding:0 14px;border:1px solid var(--color-line);border-radius:var(--radius-m);background-color:var(--color-bg);color:var(--color-ink);font:inherit;font-size:16px}.signup-popup__field .btn{flex:none;height:48px;min-height:0}.signup-popup__done{display:grid;gap:10px}.signup-popup__code{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px dashed var(--color-brand);border-radius:10px;font-size:18px;font-weight:800;letter-spacing:.12em}.signup-popup__code button{padding:7px 10px;border:0;border-radius:8px;background-color:var(--color-brand);color:var(--color-on-brand, #fff);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.signup-popup--corner{translate:0 calc(100% + 40px);opacity:0;transition:translate .6s cubic-bezier(.2,.9,.25,1.15),opacity .3s ease}.signup-popup--corner.is-open{translate:0 0;opacity:1}.signup-popup--corner .signup-popup__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--beam-angle),transparent 0 78%,var(--color-brand) 91%,var(--sp-cyan) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;animation:beam-travel 9s linear infinite}.signup-popup__media{position:relative;height:150px}.signup-popup__media img{display:block;width:100%;height:100%;object-fit:cover}.signup-popup__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--color-surface, var(--color-bg)),transparent 60%)}.signup-popup__media+.signup-popup__body{margin-top:-22px;padding-top:0}.signup-popup--figure{top:0;right:0;bottom:0;left:0;width:auto;display:grid;place-items:center;padding:16px}.signup-popup__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#060609b8;opacity:0;transition:opacity .35s ease;pointer-events:auto}.signup-popup--figure.is-open .signup-popup__scrim{opacity:1}.signup-popup--figure .signup-popup__card{width:min(440px,100%);overflow:visible;border-radius:24px;background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--color-brand) 38%,var(--color-surface, var(--color-bg))) 0%,var(--color-surface, var(--color-bg)) 62%);box-shadow:0 40px 90px -30px #000000bf,inset 0 0 0 1px color-mix(in srgb,var(--color-brand) 35%,transparent);text-align:center;opacity:0;transform:perspective(900px) translateY(6%) rotateX(18deg) scale(.86);transition:transform .8s cubic-bezier(.2,.9,.2,1.15),opacity .3s ease}.signup-popup--figure.is-open .signup-popup__card{opacity:1;transform:perspective(900px) rotateX(0) scale(1)}.signup-popup--figure .signup-popup__body{padding:150px 26px 26px}.signup-popup--figure .signup-popup__kicker{justify-self:center}.signup-popup--figure .signup-popup__heading{font-size:26px}.signup-popup--figure .signup-popup__field{flex-direction:column}.signup-popup--figure .signup-popup__field input{flex:none}.signup-popup--figure .signup-popup__close{top:12px;right:12px}.signup-popup__ring{position:absolute;top:18px;left:50%;width:230px;height:46px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--sp-cyan) 35%,transparent),transparent);filter:blur(4px)}.signup-popup__figure{position:absolute;top:-120px;left:50%;z-index:1;width:260px;translate:-50% 60px;opacity:0;filter:drop-shadow(0 30px 30px rgb(0 0 0 / 55%)) drop-shadow(0 0 40px color-mix(in srgb,var(--color-brand) 45%,transparent));transition:translate .9s .15s cubic-bezier(.2,.9,.25,1.25),opacity .4s .15s}.signup-popup--figure.is-open .signup-popup__figure{translate:-50% 0;opacity:1;animation:signup-bob 4.5s 1.1s ease-in-out infinite}.signup-popup__figure img{display:block;width:100%;height:auto;rotate:-18deg}@keyframes signup-bob{50%{transform:translateY(-8px) rotate(-2deg)}}.signup-popup__timer{display:flex;justify-content:center;gap:8px}.signup-popup__timer[hidden]{display:none}.signup-popup__timer div{min-width:54px;padding:8px 4px;border-radius:10px;background-color:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-line)}.signup-popup__timer b{display:block;font-size:20px;line-height:1;font-variant-numeric:tabular-nums}.signup-popup__timer small{color:var(--color-muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.signup-popup-lock,.signup-popup-lock body{overflow:hidden}.signup-popup--feed{width:min(370px,calc(100vw - 32px));scale:.9;translate:0 20px;opacity:0;transition:scale .5s cubic-bezier(.2,.9,.25,1.2),translate .5s ease,opacity .3s ease}.signup-popup--feed.is-open{scale:1;translate:0 0;opacity:1}.signup-popup--feed .signup-popup__card{padding:1.5px;border-radius:20px;background:linear-gradient(135deg,var(--color-brand),var(--sp-cyan) 50%,color-mix(in srgb,var(--color-brand) 60%,#000));box-shadow:0 0 34px -6px color-mix(in srgb,var(--color-brand) 60%,transparent)}.signup-popup--feed .signup-popup__body{border-radius:19px;background-color:var(--color-surface, var(--color-bg));overflow:hidden}.signup-popup--feed .signup-popup__body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.signup-popup__feed{display:grid;gap:8px;margin:0;padding:0;list-style:none}.signup-popup__feed-item{opacity:0;translate:0 -10px;transition:opacity .45s ease,translate .45s cubic-bezier(.2,.9,.25,1.2);transition-delay:calc(.35s + var(--i) * .42s)}.signup-popup--feed.is-open .signup-popup__feed-item{opacity:1;translate:0 0}.signup-popup__feed-item a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background-color:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-line);color:inherit;text-decoration:none}.signup-popup__feed-item img{width:38px;height:38px;border-radius:8px;object-fit:contain;background:var(--color-surface, var(--color-bg))}.signup-popup__feed-item strong{display:block;font-size:13px;line-height:1.2}.signup-popup__feed-item small{color:var(--color-muted);font-size:11px}.signup-popup__tag{padding:3px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.signup-popup__tag--live{background:color-mix(in srgb,var(--sp-cyan) 18%,transparent);color:color-mix(in srgb,var(--sp-cyan) 70%,var(--color-ink))}.signup-popup__tag--soon{background:color-mix(in srgb,var(--color-brand) 20%,transparent);color:var(--color-brand)}@media screen and (max-width:749px){.signup-popup--corner,.signup-popup--feed{inset:auto 12px calc(12px + var(--mobile-dock-height, 0px)) 12px;width:auto}.signup-popup--figure .signup-popup__body{padding-top:120px}.signup-popup__figure{top:-96px;width:210px}}@media(prefers-reduced-motion:reduce){.signup-popup,.signup-popup *,.signup-popup *:before,.signup-popup *:after{animation:none!important;transition-duration:.01s!important;transition-delay:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-signup-popup.css.map */