.ujc-prelaunch{--ujc-accent: #9a52e8;--ujc-teal: #2dd4bf;--ujc-ink: #050505;--ujc-text: #f3f1ec;--ujc-muted: #cfc9d6;--ujc-overlay: .72;--ujc-focal-desktop: 50% 38%;--ujc-focal-mobile: 50% 28%;position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--ujc-ink);padding-top:calc(env(safe-area-inset-top,0px) + clamp(1.5rem,5vh,3.5rem));padding-bottom:calc(env(safe-area-inset-bottom,0px) + clamp(5rem,11vh,6.5rem));padding-left:max(env(safe-area-inset-left,0px),clamp(1.25rem,5vw,2.5rem));padding-right:max(env(safe-area-inset-right,0px),clamp(1.25rem,5vw,2.5rem))}.ujc-prelaunch__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.ujc-prelaunch__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--ujc-focal-mobile);transform:scale(1.04);transform-origin:center center}@media screen and (min-width:750px){.ujc-prelaunch__bg-img{object-position:var(--ujc-focal-desktop)}}.ujc-prelaunch__grade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:radial-gradient(70% 60% at 50% 46%,rgb(2 2 2 / .16) 0%,rgb(2 2 2 / .07) 46%,transparent 78%),radial-gradient(125% 95% at 50% 34%,rgb(154 82 232 / .15) 0%,rgb(154 82 232 / .05) 34%,transparent 64%),radial-gradient(105% 85% at 50% 44%,rgb(12 34 26 / .24) 0%,transparent 68%),linear-gradient(180deg,#03070699,rgb(4 5 5 / calc(var(--ujc-overlay) * .92)) 48%,#030404f5)}.ujc-prelaunch__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-image:radial-gradient(ellipse 88% 74% at 50% 42%,transparent 32%,rgb(0 0 0 / .42) 76%,rgb(0 0 0 / .8) 100%),linear-gradient(to top,rgb(6 15 12 / .66) 0%,rgb(6 15 12 / .2) 20%,transparent 44%)}.ujc-prelaunch__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.05;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='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;background-repeat:repeat}.ujc-prelaunch__container{position:relative;z-index:4;width:100%;max-width:38.75rem;margin:0 auto;text-align:center}.ujc-scene{position:relative;width:clamp(16rem,76vw,30rem);max-width:100%;aspect-ratio:1 / 1;margin:0 auto}@media screen and (min-width:750px){.ujc-scene{width:clamp(21rem,40vw,31rem)}}.ujc-scene__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center center}.ujc-prelaunch__content{margin-top:clamp(1.25rem,3.5vh,2.5rem)}.ujc-prelaunch__supporting{font-family:"Inter",var(--font-body-family, sans-serif);color:var(--ujc-muted);font-size:clamp(.875rem,.35vw + .79rem,.9375rem);line-height:1.65;max-width:34ch;margin:0 auto clamp(1.5rem,3.5vh,2.125rem);text-shadow:0 1px 12px rgb(0 0 0 / .65);text-wrap:balance}.ujc-prelaunch__message{font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.04em;margin:0 auto .875rem;max-width:34ch}.ujc-prelaunch__message--success{color:var(--ujc-teal)}.ujc-prelaunch__message--error{color:#ec4899}.ujc-join{max-width:22.5rem;margin:0 auto}.ujc-join__btn,.ujc-join__input,.ujc-join__submit{width:100%;box-sizing:border-box;display:block;min-height:3.25rem;padding:.9rem 1.125rem;border-radius:3px;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ujc-join__btn,.ujc-join__submit{position:relative;cursor:pointer;padding:1rem 1.25rem;background-image:linear-gradient(180deg,#0e091580,#0505078f);border:1px solid rgb(154 82 232 / .55);box-shadow:inset 0 1px #ffffff0d;color:#e9def7;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;transition:color .25s cubic-bezier(.22,.61,.36,1),border-color .25s cubic-bezier(.22,.61,.36,1),box-shadow .3s cubic-bezier(.22,.61,.36,1),transform .3s cubic-bezier(.22,.61,.36,1)}.ujc-join__btn:after,.ujc-join__submit:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:0 0 18px #9a52e857,0 0 34px #2dd4bf21;transition:opacity .25s ease}.ujc-join__btn:hover,.ujc-join__submit:hover,.ujc-join__btn:focus-visible,.ujc-join__submit:focus-visible{color:#fff;border-color:#2dd4bfb3;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff12,0 6px 18px -6px #0000008c}.ujc-join__btn:focus-visible,.ujc-join__submit:focus-visible,.ujc-join__input:focus-visible{outline:2px solid var(--ujc-teal);outline-offset:3px}@keyframes ujc-breathe{0%,to{opacity:0}50%{opacity:.32}}.ujc-js .ujc-join__btn:after{animation:ujc-breathe 5.5s ease-in-out 2.6s infinite}.ujc-join__btn:hover:after,.ujc-join__btn:focus-visible:after,.ujc-join__submit:hover:after,.ujc-join__submit:focus-visible:after{animation:none;opacity:1}.ujc-join__input{background-color:#08080a70;border:1px solid rgb(154 82 232 / .35);color:var(--ujc-text);font-family:"Inter",var(--font-body-family, sans-serif);font-size:1rem;text-align:center}.ujc-join__input::placeholder{color:#b9b1c9}.ujc-join__input:focus{outline:none;border-color:#2dd4bf99;box-shadow:0 0 0 1px #2dd4bf4d}.ujc-join__submit{margin-top:.625rem}html:not(.ujc-js) .ujc-join__btn{display:none}.ujc-js .ujc-join:not([data-state=open]) .ujc-join__input,.ujc-js .ujc-join:not([data-state=open]) .ujc-join__submit{display:none}.ujc-js .ujc-join[data-state=open] .ujc-join__btn{display:none}.ujc-js .ujc-join[data-state=open] .ujc-join__submit{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}html[data-ujc-anim=pending] .ujc-scene,html[data-ujc-anim=pending] .ujc-prelaunch__message,html[data-ujc-anim=pending] .ujc-prelaunch__supporting,html[data-ujc-anim=pending] .ujc-join,html[data-ujc-anim=pending] .signal-password-footer .footer-row{opacity:0;visibility:hidden}.signal-password-footer .list-social__link,.signal-password-footer .signal-footer-lock summary{transition:transform .28s cubic-bezier(.22,.61,.36,1),filter .28s ease}.signal-password-footer .list-social__link:not([aria-label=Spotify]):hover,.signal-password-footer .list-social__link:not([aria-label=Spotify]):focus-visible{transform:translateY(-2px);filter:drop-shadow(0 0 6px rgb(154 82 232 / .55))}.signal-password-footer .list-social__link[aria-label=Spotify]:hover,.signal-password-footer .list-social__link[aria-label=Spotify]:focus-visible{transform:scale(1.09)}.signal-password-footer .signal-footer-lock summary:hover,.signal-password-footer .signal-footer-lock summary:focus-visible{transform:translateY(-1.5px);filter:drop-shadow(0 0 5px rgb(154 82 232 / .45))}.signal-password-footer .list-social__link:focus-visible,.signal-password-footer .signal-footer-lock summary:focus-visible{outline:2px solid #2dd4bf;outline-offset:4px;border-radius:2px}@media screen and (max-height:560px)and (orientation:landscape){.ujc-prelaunch{padding-top:calc(env(safe-area-inset-top,0px) + 1rem);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 3.5rem)}.ujc-scene{width:auto;height:min(52vh,17rem);aspect-ratio:1 / 1}.ujc-prelaunch__content{margin-top:.875rem}.ujc-prelaunch__supporting{margin-bottom:1rem}}@media(prefers-reduced-motion:reduce){.ujc-js .ujc-join__btn:after{animation:none}.ujc-prelaunch *,.ujc-prelaunch *:before,.ujc-prelaunch *:after,.signal-password-footer .list-social__link,.signal-password-footer .signal-footer-lock summary{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ujc-prelaunch__bg-img{transform:scale(1.04)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/ujc-prelaunch.css.map */