wheel-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4, 1rem);font-family:var(--text-font-family, system-ui, sans-serif);-webkit-tap-highlight-color:transparent}wheel-popup[hidden]{display:none}.wheel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--wheel-overlay-opacity, .85));animation:wheel-fade .25s ease both}.wheel__card{position:relative;width:min(100%,27rem);max-height:calc(100dvh - 2rem);overflow-y:auto;padding:var(--spacing-9, 2.25rem) var(--spacing-6, 1.5rem) var(--spacing-8, 2rem);border-radius:var(--rounded-lg, 1rem);background:rgb(var(--wheel-bg));color:rgb(var(--wheel-text));text-align:center;animation:wheel-pop .3s cubic-bezier(.2,.8,.3,1) both}.wheel__close{position:absolute;inset-block-start:var(--spacing-3, .75rem);inset-inline-end:var(--spacing-3, .75rem);display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;color:currentColor;opacity:.6;transition:opacity .2s}.wheel__close:hover{opacity:1}.wheel__close[hidden]{display:none}.wheel__eyebrow{margin-block-end:var(--spacing-2, .5rem);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;opacity:.65}.wheel__title{font-family:var(--heading-font-family, inherit);font-size:1.75rem;line-height:1.15;margin-block-end:var(--spacing-2, .5rem)}.wheel__title--sm{font-size:1.375rem}.wheel__subtitle{font-size:.875rem;line-height:1.5;opacity:.7;margin-block-end:var(--spacing-5, 1.25rem)}.wheel__subtitle:empty{display:none}.wheel__stage{position:relative;width:min(100%,18rem);margin:0 auto var(--spacing-6, 1.5rem);aspect-ratio:1}.wheel__canvas{width:100%;height:100%;display:block;border-radius:50%;transform:rotate(0);will-change:transform}.wheel__pointer{position:absolute;inset-block-start:-.35rem;inset-inline-start:50%;translate:-50% 0;z-index:2;width:0;height:0;border-inline:.7rem solid transparent;border-block-start:1.15rem solid rgb(var(--wheel-pointer));filter:drop-shadow(0 2px 4px rgb(0 0 0 / .45))}.wheel__hub{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;z-index:1;display:grid;place-items:center;width:22%;height:22%;border-radius:50%;background:rgb(var(--wheel-bg));box-shadow:0 0 0 .28rem rgb(var(--wheel-pointer)),0 4px 12px #00000059;font-size:1.1rem;pointer-events:none}.wheel__result{display:flex;flex-direction:column;gap:var(--spacing-2, .5rem);padding:var(--spacing-8, 2rem) var(--spacing-5, 1.25rem);margin-block-end:var(--spacing-6, 1.5rem);border-radius:var(--rounded, .75rem);background:rgb(var(--wheel-text) / .08)}.wheel__result-emoji{font-size:2.25rem;line-height:1}.wheel__result-emoji:empty{display:none}.wheel__result-value{font-family:var(--heading-font-family, inherit);font-size:min(var(--wheel-prize-size, 3rem),13vw);line-height:1.05;text-wrap:balance}.wheel__result-desc{font-size:.8125rem;opacity:.7}.wheel__result-desc:empty{display:none}.wheel__form{text-align:start}.wheel__field[hidden]{display:none}.wheel__label{display:block;margin-block-end:var(--spacing-2, .5rem);font-size:.8125rem;font-weight:700}.wheel__control{display:flex;align-items:center;width:100%;padding-inline:var(--spacing-4, 1rem);margin-block-end:var(--spacing-4, 1rem);border:2px solid transparent;border-radius:var(--rounded-input, .5rem);background:rgb(var(--wheel-input-bg));transition:border-color .2s ease,box-shadow .2s ease}.wheel__control:focus-within{border-color:rgb(var(--wheel-input-focus));box-shadow:0 0 0 3px rgb(var(--wheel-input-focus) / .25)}.wheel__prefix{flex:none;padding-inline-end:var(--spacing-3, .75rem);margin-inline-end:var(--spacing-3, .75rem);border-inline-end:1px solid rgb(var(--wheel-input-text) / .2);color:rgb(var(--wheel-input-text) / .6);font-size:.75rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.wheel__input{flex:1;min-width:0;padding-block:var(--spacing-3-5, .875rem);border:0;background:none;color:rgb(var(--wheel-input-text));font-size:1rem}.wheel__input::placeholder{color:rgb(var(--wheel-input-text) / .35)}.wheel__input:focus{outline:none}.wheel__error{margin-block-end:var(--spacing-3, .75rem);color:#ff6b6b;font-size:.8125rem}.wheel__error[hidden]{display:none}.wheel__cta{display:block;width:100%;padding:var(--spacing-4, 1rem);border-radius:var(--rounded-button, .5rem);background-color:rgb(var(--wheel-accent));background-image:linear-gradient(180deg,#ffffff40,#0000000d);box-shadow:0 6px 18px #0000004d,inset 0 1px #ffffff8c;color:rgb(var(--wheel-accent-text));font-size:.9375rem;font-weight:600;text-align:center;text-decoration:none;transition:background-color .25s ease,color .25s ease,transform .15s ease}@media(hover:hover){.wheel__cta:hover,.wheel__cta:focus-visible,.wheel__cta:active{background-color:rgb(var(--wheel-accent-hover));color:rgb(var(--wheel-accent-hover-text))}}.wheel__cta:active{transform:scale(.985)}.wheel__cta[disabled],.wheel__cta[aria-busy=true]{opacity:.5;pointer-events:none}.wheel__link{display:inline-block;margin-block-start:var(--spacing-4, 1rem);color:currentColor;font-size:.8125rem;text-decoration:underline;text-underline-offset:2px;opacity:.7}.wheel__link:hover{opacity:1}.wheel__code{display:flex;flex-direction:column;gap:var(--spacing-2, .5rem);width:100%;padding:var(--spacing-6, 1.5rem) var(--spacing-4, 1rem);margin-block-end:var(--spacing-3, .75rem);border:0;border-radius:var(--rounded-lg, 1rem);background:rgb(var(--wheel-input-bg));box-shadow:0 6px 18px #0000004d;color:rgb(var(--wheel-input-text));font-family:var(--heading-font-family, inherit);font-size:min(2rem,8.5vw);font-weight:700;letter-spacing:.04em;line-height:1.1;transition:transform .15s ease}.wheel__code:active{transform:scale(.99)}.wheel__code-hint{font-family:var(--text-font-family, inherit);font-size:.875rem;font-style:normal;font-weight:500;letter-spacing:normal;text-decoration:underline;text-underline-offset:3px;opacity:.75}.wheel__disclaimer{margin-block-start:var(--spacing-3, .75rem);font-size:.6875rem;line-height:1.5;opacity:.55}.wheel__disclaimer:empty{display:none}.wheel__step[hidden]{display:none}@keyframes wheel-fade{0%{opacity:0}}@keyframes wheel-pop{0%{opacity:0;transform:translateY(1rem) scale(.97)}}@media(prefers-reduced-motion:reduce){.wheel__overlay,.wheel__card{animation:none}}@media screen and (max-width:480px){.wheel__card{padding-inline:var(--spacing-5, 1.25rem)}.wheel__title{font-size:1.5rem}.wheel__stage{width:min(100%,15rem)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/wheel.css.map */