:root:has([data-wheel-design=thick-and-spin]){font-family:var(--font-archivo), ui-sans-serif, system-ui, sans-serif;--page:var(--lightningcss-light,#f7f3e8)var(--lightningcss-dark,#18181d);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#25252c);--fg:var(--lightningcss-light,#111)var(--lightningcss-dark,#f6f1e4);--line:var(--lightningcss-light,#111)var(--lightningcss-dark,#f6f1e4);--rim:var(--lightningcss-light,#111)var(--lightningcss-dark,#f6f1e4);--color-cream:var(--lightningcss-light,#f7f3e8)var(--lightningcss-dark,#25252c);--color-ink:#111;--color-coral:#3b5bfd;--color-coral-deep:var(--lightningcss-light,#2340e0)var(--lightningcss-dark,#93a6ff);--color-tangerine:#ff8ac8;--color-sunny:#ffde4d;--color-lagoon:#3ddc97;--color-lagoon-deep:var(--lightningcss-light,#0b7a50)var(--lightningcss-dark,#6ff0b8);--color-mint:#3ddc97;--color-bubblegum:#ff8ac8;--tas-ink:#111;--tas-edge:var(--lightningcss-light,#111)var(--lightningcss-dark,#f6f1e4);--tas-shadow:var(--lightningcss-light,#111)var(--lightningcss-dark,#ff8ac8);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-3xl:14px;--wheel-divider-color:var(--tas-ink);--wheel-divider-width:1deg}:root:has([data-wheel-design=thick-and-spin]) .animate-blob{display:none}:root:has([data-wheel-design=thick-and-spin]) [data-page-backdrop]{background:var(--page)}:root:has([data-wheel-design=thick-and-spin]) [data-page-backdrop]>div{display:none}:root:has([data-wheel-design=thick-and-spin]):before,:root:has([data-wheel-design=thick-and-spin]):after,:root:has([data-wheel-design=thick-and-spin]) body:before{content:"";z-index:-1;pointer-events:none;border:4px solid var(--tas-ink);box-shadow:7px 7px 0 var(--tas-shadow);position:fixed}:root:has([data-wheel-design=thick-and-spin]):before{aspect-ratio:1;background:#ffde4d;border-radius:50%;width:clamp(150px,18vw,280px);bottom:max(-9vw,-150px);left:max(-8vw,-130px)}:root:has([data-wheel-design=thick-and-spin]):after{aspect-ratio:1;background:#3b5bfd;border-radius:14px;width:clamp(120px,14vw,220px);bottom:max(-7vw,-120px);right:max(-6vw,-100px);rotate:14deg}:root:has([data-wheel-design=thick-and-spin]) body:before{background:#ff8ac8;border-radius:999px;width:clamp(90px,10vw,150px);height:clamp(44px,4.6vw,68px);top:60vh;right:max(-4vw,-60px)}:root:has([data-wheel-design=thick-and-spin]):has([data-state=spinning]):before{animation:.5s step-end infinite thick-and-spin-bob}:root:has([data-wheel-design=thick-and-spin]):has([data-state=spinning]):after{animation:.5s step-end infinite thick-and-spin-bob}:root:has([data-wheel-design=thick-and-spin]):has([data-state=spinning]) body:before{animation:.5s step-end infinite thick-and-spin-bob}:root:has([data-wheel-design=thick-and-spin]):has([data-state=spinning]):after{animation-delay:-.25s}:root:has([data-wheel-design=thick-and-spin]):has([data-state=won]):before{animation:.45s cubic-bezier(.3,1.6,.5,1) thick-and-spin-hop}:root:has([data-wheel-design=thick-and-spin]):has([data-state=won]):after{animation:.45s cubic-bezier(.3,1.6,.5,1) thick-and-spin-hop}:root:has([data-wheel-design=thick-and-spin]):has([data-state=won]) body:before{animation:.45s cubic-bezier(.3,1.6,.5,1) thick-and-spin-hop}@media not (min-width:640px){:root:has([data-wheel-design=thick-and-spin]):before{width:30vw}:root:has([data-wheel-design=thick-and-spin]):after{width:26vw}:root:has([data-wheel-design=thick-and-spin]) body:before{display:none}}:root:has([data-wheel-design=thick-and-spin]) nav>.animate-gradient-pan{background:var(--tas-edge);opacity:1;animation:none}:root:has([data-wheel-design=thick-and-spin]) .btn-citrus{color:var(--tas-ink);border:3px solid var(--tas-ink);box-shadow:4px 4px 0 var(--tas-shadow);background:#ff8ac8;transition:translate .12s,box-shadow .12s}:root:has([data-wheel-design=thick-and-spin]) .btn-citrus:after{display:none}:root:has([data-wheel-design=thick-and-spin]) .btn-citrus:hover{box-shadow:6px 6px 0 var(--tas-shadow);transform:translate(-2px,-2px)}:root:has([data-wheel-design=thick-and-spin]) .btn-citrus:active{box-shadow:0 0 0 var(--tas-shadow);filter:none;transform:translate(4px,4px)}:root:has([data-wheel-design=thick-and-spin]) button.border:not(nav button){border-width:3px;border-color:var(--tas-edge);box-shadow:3px 3px 0 var(--tas-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;transition:translate .12s,box-shadow .12s,background-color .12s}:root:has([data-wheel-design=thick-and-spin]) button.border:not(nav button):hover:not(:disabled){box-shadow:5px 5px 0 var(--tas-shadow);background-color:var(--color-sunny);color:var(--tas-ink);transform:translate(-2px,-2px)}:root:has([data-wheel-design=thick-and-spin]) button.border:not(nav button):active:not(:disabled){box-shadow:0 0 0 var(--tas-shadow);transform:translate(3px,3px)}:root:has([data-wheel-design=thick-and-spin]) .winner-modal [role=dialog],:root:has([data-wheel-design=thick-and-spin]) [data-slot=dialog-content]{border:3px solid var(--tas-edge);box-shadow:9px 9px 0 var(--tas-shadow)}:root:has([data-wheel-design=thick-and-spin]) .origin-top-left .animate-gradient-pan{background:var(--tas-edge);box-shadow:6px 6px 0 var(--tas-shadow);animation:none}:root:has([data-wheel-design=thick-and-spin]) .wheel-bezel{box-shadow:0 0 0 4px var(--tas-ink), 12px 12px 0 4px var(--tas-shadow);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#f6f1e4)}:root:has([data-wheel-design=thick-and-spin]) .wheel-bulb,:root:has([data-wheel-design=thick-and-spin]) [data-state] .wheel-bulb{background:var(--tas-ink);width:2.5%;height:2.5%;box-shadow:none;animation:none;top:1.3%}:root:has([data-wheel-design=thick-and-spin]) span:nth-child(2n)>.wheel-bulb{display:none}:root:has([data-wheel-design=thick-and-spin]) [data-state=spinning] .wheel-bulb{animation:.6s step-end infinite thick-and-spin-rivet-chase;animation-delay:calc(var(--bulb-index) * -.025s)}:root:has([data-wheel-design=thick-and-spin]) [data-state=won] .wheel-bulb{animation:.4s step-end infinite thick-and-spin-rivet-flash}:root:has([data-wheel-design=thick-and-spin]) .wheel-border{border-color:var(--tas-ink);border-width:5px}:root:has([data-wheel-design=thick-and-spin]) .wheel-shadow{box-shadow:none}:root:has([data-wheel-design=thick-and-spin]) .wheel-gloss{background:0 0}:root:has([data-wheel-design=thick-and-spin]) .wheel-segment-text{letter-spacing:-.015em;font-weight:800}:root:has([data-wheel-design=thick-and-spin]) .wheel-triangle{top:calc(var(--wheel-center-size,80px) * -.5);width:calc(var(--wheel-center-size,80px) * .74);height:calc(var(--wheel-center-size,80px) * .74);filter:drop-shadow(3px 3px 0 var(--tas-ink));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M30 4 56 38H43v19H17V38H4z' fill='%23ff8ac8' stroke='%23111' stroke-width='4.5' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;border:0}:root:has([data-wheel-design=thick-and-spin]) .wheel-hub{box-shadow:none;filter:drop-shadow(4px 4px 0 var(--tas-ink));color:var(--tas-ink);letter-spacing:-.02em;text-shadow:none;background:url(/images/themes/thick-and-spin/hub.svg) 50%/contain no-repeat;font-weight:900;rotate:-8deg}:root:has([data-wheel-design=thick-and-spin]) .wheel-hub>span{filter:none}:root:has([data-wheel-design=thick-and-spin]) .wheel-inner:has([data-state=won]) .wheel-hub{animation:.45s cubic-bezier(.3,1.6,.5,1) thick-and-spin-hop}:root:has([data-wheel-design=thick-and-spin]) .wheel-inner:has([data-state=won]):before{content:"";z-index:-1;filter:drop-shadow(8px 8px 0 var(--tas-shadow));pointer-events:none;background:url(/images/themes/thick-and-spin/burst.svg) 50%/contain no-repeat;animation:1.8s cubic-bezier(.3,1.5,.5,1) forwards thick-and-spin-burst;position:absolute;inset:-16%}@media (prefers-reduced-motion:reduce){:root:has([data-wheel-design=thick-and-spin]):before,:root:has([data-wheel-design=thick-and-spin]):after,:root:has([data-wheel-design=thick-and-spin]) body:before,:root:has([data-wheel-design=thick-and-spin]) .wheel-hub{animation:none!important}:root:has([data-wheel-design=thick-and-spin]) .wheel-inner:has([data-state=won]):before{display:none}}@keyframes thick-and-spin-bob{0%{translate:0}50%{translate:0 -8px}}@keyframes thick-and-spin-hop{50%{scale:1.12}}@keyframes thick-and-spin-rivet-chase{0%,30%{background:#ff8ac8}31%,to{background:#111}}@keyframes thick-and-spin-rivet-flash{0%{background:#ffde4d}50%{background:#111}}@keyframes thick-and-spin-burst{0%{rotate:-40deg;scale:0}30%{rotate:0deg;scale:1}75%{opacity:1;scale:1}to{opacity:0;scale:.6}}
