@layer properties,theme,base,payload-default,components,utilities,payload;.wtf-wheel{--wheel-accent:#ff951c;isolation:isolate;aspect-ratio:1;grid-area:1/1;width:100%;max-width:360px;margin:auto;position:relative;container-type:inline-size}.wtf-wheel-robinhood{--wheel-accent:#cf0;grid-column:3}.wtf-wheel-rings{border:1px solid color-mix(in srgb, var(--wheel-accent) 18%, transparent);background:radial-gradient(circle, color-mix(in srgb, var(--wheel-accent) 7%, transparent), transparent 70%);border-radius:50%;position:absolute;inset:13%}.wtf-wheel-rings:before,.wtf-wheel-rings:after{content:"";border:1px solid #ffffff0c;border-radius:50%;position:absolute}.wtf-wheel-rings:before{inset:-15%}.wtf-wheel-rings:after{border-style:dashed;inset:14%}.wtf-wheel-rotor{animation:90s linear infinite wtf-wheel-turn;position:absolute;inset:0}.wtf-wheel-slot{width:0;height:0;transform:rotate(var(--angle)) translateX(33cqw) rotate(calc(-1 * var(--angle)));position:absolute;top:50%;left:50%}.wtf-wheel-slot:has(a:is(:hover,:focus-visible)){z-index:4}.wtf-wheel-counter{animation:90s linear infinite wtf-wheel-upright}.wtf-wheel-robinhood :is(.wtf-wheel-rotor,.wtf-wheel-counter){animation-direction:reverse}.wtf-wheel-card{perspective:650px;border-radius:12px;width:25cqw;display:block;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.wtf-wheel-card-face{color:#181510;transform:rotate(var(--lean)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));background:#f9f7f1;border:3px solid #0c0b08;border-radius:12px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:5px 7px #050503,0 12px 22px #0005}.wtf-wheel-card:is(:hover,:focus-visible) .wtf-wheel-card-face{transform:translateY(-9px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.12);box-shadow:7px 12px #050503,0 18px 30px #0007}.wtf-wheel-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.wtf-wheel-card span{white-space:nowrap;padding:7px 6px 8px;font-size:clamp(7px,3cqw,11px);font-weight:700;line-height:1.1;display:block}.wtf-wheel-hub{aspect-ratio:1;background:var(--wheel-accent);cursor:pointer;border:3px solid #0c0b08;border-radius:50%;width:19cqw;transition:transform .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:4px 6px #050503}button.wtf-wheel-hub:hover{transform:translate(-50%,-50%)rotate(0)scale(1.07)}.wtf-wheel-hub>img{border-radius:50%;width:100%;height:100%;display:block}.wtf-wheel-fan-hub{display:none}.wtf-wheel-play-state{color:#181510;opacity:0;background:#f9f7f1;border-radius:50%;place-items:center;width:23px;height:23px;transition:opacity .18s;display:grid;position:absolute;bottom:-8px;right:-4px}.wtf-wheel-play-state svg{width:12px;height:12px}.wtf-wheel-hub:is(:hover,:focus-visible,[aria-pressed=true]) .wtf-wheel-play-state{opacity:1}.wtf-wheel-hub:focus-visible{outline:2px solid var(--wheel-accent);outline-offset:5px}.wtf-wheel:is([data-paused=true],:focus-within) :is(.wtf-wheel-rotor,.wtf-wheel-counter){animation-play-state:paused}@media (hover:hover){.wtf-wheel:hover :is(.wtf-wheel-rotor,.wtf-wheel-counter){animation-play-state:paused}}@keyframes wtf-wheel-turn{to{transform:rotate(360deg)}}@keyframes wtf-wheel-upright{to{transform:rotate(-360deg)}}@media (width<=1199px){.wtf-wheel{aspect-ratio:1.38;align-self:start;width:calc(100% - 8px);max-width:220px;margin:0 auto;transform:translate(8px)rotate(-18deg)}.wtf-wheel-robinhood{grid-column:2;margin-top:34px;transform:translate(-8px)rotate(18deg)}.wtf-wheel-rings,.wtf-wheel-slot:not([data-fan-position]),button.wtf-wheel-hub{display:none}.wtf-wheel-rotor,.wtf-wheel-counter{animation:none}.wtf-wheel-slot{transform:translateX(var(--fan-x)) translateY(var(--fan-y));z-index:1;top:40%}.wtf-wheel-slot[data-fan-position="0"]{--fan-x:-27cqw;--fan-y:7cqw;--fan-lean:-17deg}.wtf-wheel-slot[data-fan-position="1"]{--fan-x:0cqw;--fan-y:0cqw;--fan-lean:0deg;z-index:3}.wtf-wheel-slot[data-fan-position="2"]{--fan-x:27cqw;--fan-y:7cqw;--fan-lean:17deg;z-index:2}.wtf-wheel-card{width:43cqw}.wtf-wheel-card-face{transform:rotate(var(--fan-lean));border-radius:10px}.wtf-wheel-card span{display:none}.wtf-wheel-fan-hub{z-index:5;cursor:default;width:21cqw;display:block;top:auto;bottom:0;transform:translate(-50%)}}@media (width>=600px) and (width<=1199px){.wtf-wheel-bitcoin{margin-right:0}.wtf-wheel-robinhood{margin-left:0}}@media (width<=599px){.wtf-wheel-card-face{border-width:2px;box-shadow:3px 4px #050503}.wtf-wheel-hub{border-width:2px}}@media (prefers-reduced-motion:reduce){.wtf-wheel-rotor,.wtf-wheel-counter{animation:none}.wtf-wheel-card-face,.wtf-wheel-hub{transition:none}.wtf-wheel-card:is(:hover,:focus-visible) .wtf-wheel-card-face{transform:rotate(var(--fan-lean,var(--lean)))}}