:root:has([data-wheel-design=spin-spin-hooray]){font-family:var(--font-chewy), ui-rounded, system-ui, sans-serif;--page:var(--lightningcss-light,#fffaf3)var(--lightningcss-dark,#15132b);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#221f42);--fg:var(--lightningcss-light,#1d1d3a)var(--lightningcss-dark,#fff3f8);--line:var(--lightningcss-light,#ffe0c2)var(--lightningcss-dark,#37336a);--rim:var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#fff3f812);--color-cream:var(--lightningcss-light,#fffaf3)var(--lightningcss-dark,#221f42);--color-ink:#1d1d3a;--color-coral:#ff4d8d;--color-coral-deep:var(--lightningcss-light,#d81b6a)var(--lightningcss-dark,#ff9ac2);--color-tangerine:#ff924c;--color-sunny:#ffca3a;--color-lagoon:#1982c4;--color-lagoon-deep:var(--lightningcss-light,#1468a0)var(--lightningcss-dark,#8fd3ff);--color-mint:#8ac926;--color-bubblegum:#ff70a6;--hooray-balloons-width:clamp(110px, 17vw, 260px);--wheel-divider-color:#fffffff2;--wheel-divider-width:.7deg}:root:has([data-wheel-design=spin-spin-hooray]) .animate-blob{display:none}:root:has([data-wheel-design=spin-spin-hooray]) [data-page-backdrop]{background:radial-gradient(ellipse 60% 55% at 50% 45%, #ffecd2b3, transparent 75%), var(--page)}:root:has([data-wheel-design=spin-spin-hooray]) [data-page-backdrop]>*{display:none}:root:has([data-wheel-design=spin-spin-hooray]) [data-page-backdrop]:before{content:"";opacity:.55;background:url(/images/themes/spin-spin-hooray/confetti.svg) 0 0/320px 320px;position:absolute;inset:0;-webkit-mask:radial-gradient(40% 50% at 50% 48%,#0000 45%,#000 95%);mask:radial-gradient(40% 50% at 50% 48%,#0000 45%,#000 95%)}:root:has([data-wheel-design=spin-spin-hooray]):before,:root:has([data-wheel-design=spin-spin-hooray]) body:before,:root:has([data-wheel-design=spin-spin-hooray]) body:after{content:"";z-index:-1;pointer-events:none;position:fixed}:root:has([data-wheel-design=spin-spin-hooray]):before{opacity:.85;background:url(/images/themes/spin-spin-hooray/streamers.svg) 0 0/auto 100% repeat-x;height:clamp(80px,10vw,140px);top:clamp(48px,6.2vh,58px);left:0;right:0}:root:has([data-wheel-design=spin-spin-hooray]) body:before,:root:has([data-wheel-design=spin-spin-hooray]) body:after{width:var(--hooray-balloons-width);aspect-ratio:260/470;opacity:.85;background:url(/images/themes/spin-spin-hooray/balloons-left.svg) bottom/contain no-repeat;bottom:-2vh}:root:has([data-wheel-design=spin-spin-hooray]) body:before{left:clamp(-24px,-1vw,0px)}:root:has([data-wheel-design=spin-spin-hooray]) body:after{background-image:url(/images/themes/spin-spin-hooray/balloons-right.svg);right:clamp(-24px,-1vw,0px)}:root:has([data-wheel-design=spin-spin-hooray]):has([data-state=won]) body:before{animation:.65s cubic-bezier(.3,.7,.4,1) 3 spin-spin-hooray-jump}:root:has([data-wheel-design=spin-spin-hooray]):has([data-state=won]) body:after{animation:.65s cubic-bezier(.3,.7,.4,1) .15s 3 spin-spin-hooray-jump}@media (prefers-reduced-motion:reduce){:root:has([data-wheel-design=spin-spin-hooray]):has([data-state=won]) body:before,:root:has([data-wheel-design=spin-spin-hooray]):has([data-state=won]) body:after{animation:none}}:root:has([data-wheel-design=spin-spin-hooray]) .wheel-bezel{background:radial-gradient(circle at 30% 18%,#ffffff80,#0000 42%),url(/images/themes/spin-spin-hooray/rim.svg) 50%/100% 100% no-repeat;box-shadow:0 24px 46px -16px var(--lightningcss-light,#b43c6e66)var(--lightningcss-dark,#000000bf),0 4px 10px #50283c1f}:root:has([data-wheel-design=spin-spin-hooray]) .wheel-bulb{--candy:#ff595e;background:radial-gradient(circle at 34% 28%, #fffffff2 0 14%, transparent 30%), radial-gradient(circle at 50% 50%, var(--candy) 55%, color-mix(in srgb, var(--candy), black 28%) 100%);width:2.8%;height:2.8%;animation:3.6s ease-in-out infinite spin-spin-hooray-shine;animation-delay:calc(var(--bulb-index) * .15s);top:1.4%;box-shadow:0 1.5px 2px #50283c59}:root:has([data-wheel-design=spin-spin-hooray]) span:nth-child(6n+2)>.wheel-bulb{--candy:#ffca3a}:root:has([data-wheel-design=spin-spin-hooray]) span:nth-child(6n+3)>.wheel-bulb{--candy:#1982c4}:root:has([data-wheel-design=spin-spin-hooray]) span:nth-child(6n+4)>.wheel-bulb{--candy:#8ac926}:root:has([data-wheel-design=spin-spin-hooray]) span:nth-child(6n+5)>.wheel-bulb{--candy:#6a4c93}:root:has([data-wheel-design=spin-spin-hooray]) span:nth-child(6n)>.wheel-bulb{--candy:#ff70a6}:root:has([data-wheel-design=spin-spin-hooray]) [data-state=spinning] .wheel-bulb{animation:.6s ease-out infinite spin-spin-hooray-hop;animation-delay:calc(var(--bulb-index) * -.025s)}:root:has([data-wheel-design=spin-spin-hooray]) [data-state=won] .wheel-bulb{animation:.35s ease-in-out infinite alternate spin-spin-hooray-bounce;animation-delay:calc(mod(var(--bulb-index), 2) * -.175s)}:root:has([data-wheel-design=spin-spin-hooray]) .wheel-border{border-width:3px;border-color:#fff}:root:has([data-wheel-design=spin-spin-hooray]) .wheel-triangle{top:calc(var(--wheel-center-size,80px) * -1.08);width:calc(var(--wheel-center-size,80px) * .34);height:calc(var(--wheel-center-size,80px) * .98);filter:drop-shadow(0 3px 3px #5a143c59);background:url(/images/themes/spin-spin-hooray/horn.svg) 50%/100% 100% no-repeat;border:0}:root:has([data-wheel-design=spin-spin-hooray]) .wheel-hub{box-shadow:none;color:#e0287a;letter-spacing:.03em;text-shadow:0 1px #fff,0 0 3px #fff;background:0 0;border-radius:0;padding-top:40%;font-size:.8em;font-weight:400;scale:1.45}:root:has([data-wheel-design=spin-spin-hooray]) .wheel-hub:before{content:"";z-index:-1;filter:drop-shadow(0 5px 6px #5a143c59);background:url(/images/themes/spin-spin-hooray/cake.svg) 50%/contain no-repeat;position:absolute;inset:0}:root:has([data-wheel-design=spin-spin-hooray]) .wheel-inner:has([data-state=won]) .wheel-hub:before{filter:drop-shadow(0 5px 6px #5a143c59)drop-shadow(0 0 16px #ffca3ad9)}:root:has([data-wheel-design=spin-spin-hooray]):has([data-wheel-scheme=dark]) [data-page-backdrop]{background:radial-gradient(ellipse 45% 55% at 12% 0%, #ff4d8d38, transparent 70%), radial-gradient(ellipse 45% 55% at 88% 0%, #4cc9f033, transparent 70%), radial-gradient(ellipse 60% 40% at 50% 100%, #ffca3a1a, transparent 70%), var(--page)}:root:has([data-wheel-design=spin-spin-hooray]):has([data-wheel-scheme=dark]) [data-page-backdrop]:before{opacity:.22}:root:has([data-wheel-design=spin-spin-hooray]):has([data-wheel-scheme=dark]) [data-page-backdrop]:after{content:"";background:url(/images/themes/spin-spin-hooray/glints.svg) 0 0/360px 360px;position:absolute;inset:0;-webkit-mask:radial-gradient(36% 48% at 50% 48%,#0000 50%,#000 95%);mask:radial-gradient(36% 48% at 50% 48%,#0000 50%,#000 95%)}:root:has([data-wheel-design=spin-spin-hooray]):has([data-wheel-scheme=dark]):before{opacity:.75}:root:has([data-wheel-design=spin-spin-hooray]):has([data-wheel-scheme=dark]) body:before,:root:has([data-wheel-design=spin-spin-hooray]):has([data-wheel-scheme=dark]) body:after{filter:brightness(.8)saturate(1.1);opacity:.8}:root:has([data-wheel-design=spin-spin-hooray]):has([data-wheel-scheme=dark]) .wheel-bezel{filter:brightness(.92);box-shadow:0 24px 50px -16px #000c,0 0 60px -12px #ff4d8d66}@keyframes spin-spin-hooray-shine{0%,12%,to{filter:none;scale:1}6%{filter:brightness(1.25)drop-shadow(0 0 3px #ffffffe6);scale:1.2}}@keyframes spin-spin-hooray-hop{0%,8%{filter:brightness(1.2) drop-shadow(0 0 4px var(--candy));scale:1.35}35%,to{filter:none;scale:1}}@keyframes spin-spin-hooray-bounce{0%{filter:brightness(1.1);scale:1}to{filter:brightness(1.3) drop-shadow(0 0 5px var(--candy));scale:1.3}}@keyframes spin-spin-hooray-jump{0%,to{translate:0}40%{translate:0 -34px}70%{translate:0 -10px}}
