:root:has([data-wheel-design=spin-class]){font-family:var(--font-anton), Impact, "Arial Narrow", sans-serif;--page:var(--lightningcss-light,#ebebe7)var(--lightningcss-dark,#0e0e0e);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a1a);--fg:var(--lightningcss-light,#111)var(--lightningcss-dark,#f2f2f2);--line:var(--lightningcss-light,#d3d3cd)var(--lightningcss-dark,#2e2e2e);--rim:var(--lightningcss-light,#1111111a)var(--lightningcss-dark,#c6ff0029);--color-cream:var(--lightningcss-light,#ebebe7)var(--lightningcss-dark,#1a1a1a);--color-ink:#111;--color-coral:var(--lightningcss-light,#a6d900)var(--lightningcss-dark,#c6ff00);--color-coral-deep:var(--lightningcss-light,#4a6e00)var(--lightningcss-dark,#d8ff4d);--color-tangerine:#ff3d00;--color-sunny:#ffea00;--color-lagoon:var(--lightningcss-light,#00a6c4)var(--lightningcss-dark,#00e0ff);--color-lagoon-deep:var(--lightningcss-light,#00748a)var(--lightningcss-dark,#7cefff);--color-mint:#c6ff00;--color-bubblegum:#ff3d00;--wheel-divider-color:#111;--wheel-divider-width:.8deg}:root:has([data-wheel-design=spin-class]) .animate-blob{display:none}:root:has([data-wheel-design=spin-class]) body:before,:root:has([data-wheel-design=spin-class]) body:after,:root:has([data-wheel-design=spin-class]):before{content:"";z-index:-1;pointer-events:none;position:fixed}:root:has([data-wheel-design=spin-class]):before{opacity:.45;background:radial-gradient(58% 62% at 50% 48%,var(--lightningcss-light,#ebebe7d9)var(--lightningcss-dark,#0e0e0ebf),#0000 80%),linear-gradient(90deg,var(--lightningcss-light,#00000012)var(--lightningcss-dark,#ffffff0d) 1px,#0000 1px) 0 0/240px 240px,linear-gradient(var(--lightningcss-light,#00000012)var(--lightningcss-dark,#ffffff0d) 1px,#0000 1px) 0 0/240px 240px,url(/images/themes/spin-class/flecks.svg) 0 0/240px 240px;inset:0}:root:has([data-wheel-design=spin-class]) body:before{opacity:.85;background:repeating-linear-gradient(-45deg,#111 0 16px,#ffd400 16px 32px);width:420px;height:30px;bottom:70px;right:-90px;rotate:-38deg;box-shadow:0 2px 4px #00000040,inset 0 1px #ffffff40}:root:has([data-wheel-design=spin-class]) body:after{aspect-ratio:260/300;filter:drop-shadow(0 0 1px var(--lightningcss-light,#00000059)var(--lightningcss-dark,#0000));background:var(--lightningcss-light,#fffffff2)var(--lightningcss-dark,#ffffff8c);width:clamp(150px,16vw,230px);bottom:10px;left:18px;-webkit-mask:url(/images/themes/spin-class/chalk-hand.svg) 50%/contain no-repeat;mask:url(/images/themes/spin-class/chalk-hand.svg) 50%/contain no-repeat}@media (max-width:767px){:root:has([data-wheel-design=spin-class]) body:before{width:260px;height:20px;bottom:40px}:root:has([data-wheel-design=spin-class]) body:after{width:110px}}:root:has([data-wheel-design=spin-class]) .btn-citrus{color:#111;text-transform:uppercase;letter-spacing:.04em;background-image:linear-gradient(#d4ff33,#c6ff00);box-shadow:3px 3px #111,0 8px 18px -8px #c6ff0099}:root:has([data-wheel-design=spin-class]) .btn-citrus:active{transform:translate(2px,2px);box-shadow:1px 1px #111}:root:has([data-wheel-design=spin-class]) .wheel-bezel{background:url(/images/themes/spin-class/plate.svg) 50%/100% 100% no-repeat,#141414;box-shadow:0 0 0 2px #050505,0 24px 40px -14px #0009,0 4px 8px #0000004d}:root:has([data-wheel-design=spin-class]) .wheel-bulb,:root:has([data-wheel-design=spin-class]) [data-state] .wheel-bulb{width:.9%;height:2.9%;animation:4.8s linear infinite spin-class-sweep;animation-delay:calc(var(--bulb-index) * .2s - 4.8s);background:#2f2f2f;border-radius:2px;top:1.35%;box-shadow:inset 0 0 0 1px #0009}:root:has([data-wheel-design=spin-class]) span:nth-child(24n+24)>.wheel-bulb,:root:has([data-wheel-design=spin-class]) span:nth-child(24n+1)>.wheel-bulb,:root:has([data-wheel-design=spin-class]) span:nth-child(24n+2)>.wheel-bulb,:root:has([data-wheel-design=spin-class]) span:nth-child(24n+12)>.wheel-bulb,:root:has([data-wheel-design=spin-class]) span:nth-child(24n+13)>.wheel-bulb,:root:has([data-wheel-design=spin-class]) span:nth-child(24n+14)>.wheel-bulb{display:none}:root:has([data-wheel-design=spin-class]) [data-state=spinning] .wheel-bulb{animation-duration:.48s;animation-delay:calc(var(--bulb-index) * 20ms - .48s)}:root:has([data-wheel-design=spin-class]) [data-state=won] .wheel-bulb{animation:.3s step-end infinite spin-class-flash}:root:has([data-wheel-design=spin-class]) .wheel-border{border-width:3px;border-color:#111}:root:has([data-wheel-design=spin-class]) .wheel-segment-text{letter-spacing:.04em;text-transform:uppercase;font-weight:400}:root:has([data-wheel-design=spin-class]) .wheel-gloss{background:radial-gradient(70% 40% at 35% 16%,#fff3,#0000 70%),radial-gradient(circle,#0000 60%,#0000002e 100%)}:root:has([data-wheel-design=spin-class]) .wheel-triangle{top:calc(var(--wheel-center-size,80px) * -.86);width:calc(var(--wheel-center-size,80px) * .44);height:calc(var(--wheel-center-size,80px) * .7);filter:drop-shadow(0 2px 3px #00000073);background:url(/images/themes/spin-class/pointer.svg) 50%/contain no-repeat;border:0}:root:has([data-wheel-design=spin-class]) .wheel-hub{box-shadow:none;filter:drop-shadow(0 6px 6px #00000073);color:#c6ff00;letter-spacing:.06em;text-shadow:0 2px #000;transform-origin:50% 12%;background:url(/images/themes/spin-class/kettlebell.svg) 50%/contain no-repeat;border-radius:0;padding-top:18%;font-weight:400;scale:1.28}:root:has([data-wheel-design=spin-class]):has([data-state=spinning]) .wheel-hub{animation:.9s ease-in-out infinite spin-class-swing}@media (prefers-reduced-motion:reduce){:root:has([data-wheel-design=spin-class]):has([data-state=spinning]) .wheel-hub{animation:none}}@keyframes spin-class-sweep{0%,6%{background:#c6ff00;box-shadow:0 0 6px 1px #c6ff00d9,0 0 14px 2px #c6ff0066}30%,to{background:#2f2f2f;box-shadow:inset 0 0 0 1px #0009}}@keyframes spin-class-flash{0%{background:#c6ff00;box-shadow:0 0 6px 2px #c6ff00,0 0 16px 4px #c6ff0080}50%{background:#ff3d00;box-shadow:0 0 6px 2px #ff3d00,0 0 16px 4px #ff3d0080}}@keyframes spin-class-swing{0%,to{rotate:-10deg}50%{rotate:10deg}}