:root:has([data-wheel-design=spin-a-yarn]){font-family:var(--font-alegreya-sans), ui-sans-serif, system-ui, sans-serif;--page:var(--lightningcss-light,#efe8da)var(--lightningcss-dark,#1d1c21);--surface:var(--lightningcss-light,#fbf8f1)var(--lightningcss-dark,#27262c);--fg:var(--lightningcss-light,#2f2a33)var(--lightningcss-dark,#efe9de);--line:var(--lightningcss-light,#ddd3c1)var(--lightningcss-dark,#3a3840);--rim:var(--lightningcss-light,#2f2a3317)var(--lightningcss-dark,#efe9de14);--color-cream:var(--lightningcss-light,#efe8da)var(--lightningcss-dark,#27262c);--color-ink:#2b2733;--color-coral:#b8443a;--color-coral-deep:var(--lightningcss-light,#983429)var(--lightningcss-dark,#f3a093);--color-tangerine:#d9814f;--color-sunny:#e8b14e;--color-lagoon:#3f5a8c;--color-lagoon-deep:var(--lightningcss-light,#34497a)var(--lightningcss-dark,#aec0e8);--color-mint:#b9dcc0;--color-bubblegum:#f0b9b0;--yarn-fabric:var(--lightningcss-light,#ece3d1)var(--lightningcss-dark,#2b2a30);--yarn-thread:#fbf5ea;--yarn-corner-width:clamp(140px, 22vw, 330px);--wheel-divider-color:#2b273338;--wheel-divider-width:.35deg}:root:has([data-wheel-design=spin-a-yarn]) .animate-blob{display:none}:root:has([data-wheel-design=spin-a-yarn]) [data-page-backdrop]{background:radial-gradient(ellipse 80% 70% at 50% 40%, #efe8da99, transparent 75%), url(/images/themes/spin-a-yarn/linen.svg) 0 0 / 96px 96px, var(--page)}:root:has([data-wheel-design=spin-a-yarn]) [data-page-backdrop]>*{display:none}:root:has([data-wheel-design=spin-a-yarn]) body:before,:root:has([data-wheel-design=spin-a-yarn]) body:after{content:"";z-index:-1;width:var(--yarn-corner-width);aspect-ratio:400/300;pointer-events:none;opacity:.9;position:fixed;bottom:0}:root:has([data-wheel-design=spin-a-yarn]) body:before{background:url(/images/themes/spin-a-yarn/spool.svg) 0 100%/contain no-repeat;left:0}:root:has([data-wheel-design=spin-a-yarn]) body:after{background:url(/images/themes/spin-a-yarn/sprig.svg) 100% 100%/contain no-repeat;right:0}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bezel{background:url(/images/themes/spin-a-yarn/hoop.svg) center / 100% 100% no-repeat, radial-gradient(circle closest-side, transparent 86%, #3c281447 93.4%, transparent 93.5%), url(/images/themes/spin-a-yarn/linen.svg) 0 0 / 64px 64px, var(--yarn-fabric);box-shadow:0 20px 40px -18px var(--lightningcss-light,#3c281480)var(--lightningcss-dark,#000c),0 3px 8px #3c281429}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bezel:after{content:"";aspect-ratio:160/90;filter:drop-shadow(0 2px 2px #3c281459);background:url(/images/themes/spin-a-yarn/screw.svg) 50%/contain no-repeat;width:15%;position:absolute;top:-5.4%;left:50%;translate:-50%}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bulb{--knot:#b8443a;background:radial-gradient(circle at 34% 30%, #ffffff8c, transparent 45%), conic-gradient(from 30deg, var(--knot), color-mix(in srgb, var(--knot), black 22%), var(--knot), color-mix(in srgb, var(--knot), black 22%), var(--knot));width:1.25%;height:1.25%;animation:none;top:3.85%;box-shadow:0 1px 1px #28190f66}:root:has([data-wheel-design=spin-a-yarn]) [data-state]>span:nth-child(3n+2) .wheel-bulb{--knot:#e8b14e}:root:has([data-wheel-design=spin-a-yarn]) [data-state]>span:nth-child(3n) .wheel-bulb{--knot:#4f8a6c}:root:has([data-wheel-design=spin-a-yarn]) [data-state=spinning] .wheel-bulb{animation:.6s linear infinite spin-a-yarn-knot;animation-delay:calc(var(--bulb-index) * -.025s)}:root:has([data-wheel-design=spin-a-yarn]) [data-state=won] .wheel-bulb{animation:.4s ease-in-out infinite alternate spin-a-yarn-bob;animation-delay:calc(mod(var(--bulb-index), 2) * -.4s)}:root:has([data-wheel-design=spin-a-yarn]) .wheel-border{border:max(2px, calc(var(--wheel-container-size,400px) * .004)) dashed var(--yarn-thread)}:root:has([data-wheel-design=spin-a-yarn]) .wheel-shadow{box-shadow:0 0 0 1px #3c28141f}:root:has([data-wheel-design=spin-a-yarn]) .wheel-segments{background:repeating-conic-gradient(#ffffff0f 0 .6deg, #00000009 .6deg 1.2deg), var(--wheel-segments-gradient)}@media (max-width:640px){:root:has([data-wheel-design=spin-a-yarn]) .wheel-segments{background:var(--wheel-segments-gradient)}}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(3):last-child){--yarn-half:90deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(4):last-child){--yarn-half:60deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(5):last-child){--yarn-half:45deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(6):last-child){--yarn-half:36deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(7):last-child){--yarn-half:30deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(8):last-child){--yarn-half:25.714deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(9):last-child){--yarn-half:22.5deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(10):last-child){--yarn-half:20deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(11):last-child){--yarn-half:18deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(12):last-child){--yarn-half:16.364deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(13):last-child){--yarn-half:15deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(14):last-child){--yarn-half:13.846deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(15):last-child){--yarn-half:12.857deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(16):last-child){--yarn-half:12deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(17):last-child){--yarn-half:11.25deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(18):last-child){--yarn-half:10.588deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(19):last-child){--yarn-half:10deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(20):last-child){--yarn-half:9.474deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(21):last-child){--yarn-half:9deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(22):last-child){--yarn-half:8.571deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(23):last-child){--yarn-half:8.182deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(24):last-child){--yarn-half:7.826deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(25):last-child){--yarn-half:7.5deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(26):last-child){--yarn-half:7.2deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(27):last-child){--yarn-half:6.923deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(28):last-child){--yarn-half:6.667deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(29):last-child){--yarn-half:6.429deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(30):last-child){--yarn-half:6.207deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(31):last-child){--yarn-half:6deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(32):last-child){--yarn-half:5.806deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(33):last-child){--yarn-half:5.625deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(34):last-child){--yarn-half:5.455deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(35):last-child){--yarn-half:5.294deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(36):last-child){--yarn-half:5.143deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(37):last-child){--yarn-half:5deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(38):last-child){--yarn-half:4.865deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(39):last-child){--yarn-half:4.737deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(40):last-child){--yarn-half:4.615deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg:has(>:nth-child(41):last-child){--yarn-half:4.5deg}:root:has([data-wheel-design=spin-a-yarn]) .wheel-bg>div:not(.wheel-segments)>div:after{content:"";rotate:var(--yarn-half);background:repeating-linear-gradient(to bottom, var(--yarn-thread) 0 calc(var(--wheel-container-size,400px) * .017), transparent 0 calc(var(--wheel-container-size,400px) * .029)) 50% 1.2% / max(2px, calc(var(--wheel-container-size,400px) * .0042)) 44% no-repeat;filter:drop-shadow(0 1px #28190f4d);position:absolute;inset:0}:root:has([data-wheel-design=spin-a-yarn]) .wheel-gloss{background:radial-gradient(60% 40% at 34% 18%,#ffffff29,#0000 70%),radial-gradient(circle,#0000 70%,#28190f1f 100%)}:root:has([data-wheel-design=spin-a-yarn]) .wheel-triangle{top:calc(var(--wheel-center-size,80px) * -.5);width:calc(var(--wheel-center-size,80px) * .52);height:calc(var(--wheel-center-size,80px) * .66);filter:drop-shadow(0 2px 2px #3c1e1459);background:url(/images/themes/spin-a-yarn/pennant.svg) 50%/100% 100% no-repeat;border:0}:root:has([data-wheel-design=spin-a-yarn]) .wheel-inner:has([data-state=won]) .wheel-triangle{animation:.5s ease-in-out 3 alternate spin-a-yarn-wave}:root:has([data-wheel-design=spin-a-yarn]) .wheel-hub{isolation:isolate;color:#2f3557;letter-spacing:.04em;text-shadow:0 0 2px #f6eedd,0 0 3px #f6eedd,0 0 5px #f6eedd,0 1px #ffffffb3;background:0 0;font-weight:800;box-shadow:0 6px 12px -4px #3c281480}:root:has([data-wheel-design=spin-a-yarn]) .wheel-hub span{filter:none}:root:has([data-wheel-design=spin-a-yarn]) .wheel-hub:before{content:"";z-index:-1;background:url(/images/themes/spin-a-yarn/button.svg) 50%/contain no-repeat;position:absolute;inset:0}:root:has([data-wheel-design=spin-a-yarn]) .wheel-inner:has([data-state=spinning]) .wheel-hub:before{animation:.7s linear infinite spin-a-yarn-turn}:root:has([data-wheel-design=spin-a-yarn]):has([data-wheel-scheme=dark]) [data-page-backdrop]{background:radial-gradient(ellipse 80% 70% at 50% 40%, #fff0dc0a, transparent 75%), url(/images/themes/spin-a-yarn/linen-dark.svg) 0 0 / 96px 96px, var(--page)}:root:has([data-wheel-design=spin-a-yarn]):has([data-wheel-scheme=dark]) .wheel-bezel{background:url(/images/themes/spin-a-yarn/hoop.svg) center / 100% 100% no-repeat, radial-gradient(circle closest-side, transparent 86%, #0006 93.4%, transparent 93.5%), url(/images/themes/spin-a-yarn/linen-dark.svg) 0 0 / 64px 64px, var(--yarn-fabric)}:root:has([data-wheel-design=spin-a-yarn]):has([data-wheel-scheme=dark]) body:before,:root:has([data-wheel-design=spin-a-yarn]):has([data-wheel-scheme=dark]) body:after{filter:brightness(.85)}@keyframes spin-a-yarn-knot{0%,30%{filter:brightness(1.25);scale:1.45}31%,to{filter:none;scale:1}}@keyframes spin-a-yarn-bob{0%{scale:1}to{filter:brightness(1.2);scale:1.4}}@keyframes spin-a-yarn-turn{to{rotate:360deg}}@keyframes spin-a-yarn-wave{0%{rotate:-5deg}to{rotate:5deg}}