:root:has([data-wheel-design=page-turner]){font-family:var(--font-lora), Georgia, "Times New Roman", serif;--page:var(--lightningcss-light,#f5eddc)var(--lightningcss-dark,#17100b);--surface:var(--lightningcss-light,#fffaf0)var(--lightningcss-dark,#241912);--fg:var(--lightningcss-light,#2b1d14)var(--lightningcss-dark,#f3e9d2);--line:var(--lightningcss-light,#e5d4b5)var(--lightningcss-dark,#3b2a1d);--rim:var(--lightningcss-light,#fffaf0b3)var(--lightningcss-dark,#f3e9d20f);--color-cream:var(--lightningcss-light,#f5eddc)var(--lightningcss-dark,#241912);--color-ink:#2b1d14;--color-coral:#8c2f39;--color-coral-deep:var(--lightningcss-light,#6b1f2a)var(--lightningcss-dark,#e8a3ab);--color-tangerine:#b5833a;--color-sunny:#e9c46a;--color-lagoon:#1f4e5f;--color-lagoon-deep:var(--lightningcss-light,#1f4e5f)var(--lightningcss-dark,#8cc7d6);--color-mint:#b5c99a;--color-bubblegum:#d4a373;--pt-gold:#d4af37;--pt-shelf-width:clamp(56px, 15vw, 230px);--wheel-divider-color:#d4af37d9;--wheel-divider-width:.5deg;background-color:var(--page);background-image:radial-gradient(70% 60% at 50% 40%,var(--lightningcss-light,#ffecc899)var(--lightningcss-dark,#5a371659),#0000 75%);background-attachment:fixed}:root:has([data-wheel-design=page-turner]) .animate-blob{display:none}:root:has([data-wheel-design=page-turner]):before,:root:has([data-wheel-design=page-turner]):after,:root:has([data-wheel-design=page-turner]) body:before,:root:has([data-wheel-design=page-turner]) body:after{content:"";z-index:-1;pointer-events:none;position:fixed}:root:has([data-wheel-design=page-turner]) body:before,:root:has([data-wheel-design=page-turner]) body:after{width:var(--pt-shelf-width);opacity:.2;background:url(/images/themes/page-turner/shelf.svg) 0 0/100% repeat-y;top:0;bottom:0;-webkit-mask:linear-gradient(90deg,#000 25%,#00000080 60%,#0000);mask:linear-gradient(90deg,#000 25%,#00000080 60%,#0000)}:root:has([data-wheel-design=page-turner]) body:before{left:0}:root:has([data-wheel-design=page-turner]) body:after{background-position:0 -170px;right:0;scale:-1 1}:root:has([data-wheel-design=page-turner]):has([data-wheel-scheme=dark]) body:before{opacity:.42}:root:has([data-wheel-design=page-turner]):has([data-wheel-scheme=dark]) body:after{opacity:.42}:root:has([data-wheel-design=page-turner]):before{background:radial-gradient(46% 52% at 50% 40%,var(--lightningcss-light,#ffd68c61)var(--lightningcss-dark,#ffba5a4d),#0000 72%);animation:7s ease-in-out infinite alternate page-turner-lamp;inset:0}:root:has([data-wheel-design=page-turner]):after{background:radial-gradient(circle,var(--lightningcss-light,#b5833a99)var(--lightningcss-dark,#ffdc9699) 0 1.4px,#0000 2px) 0 0/293px 211px,radial-gradient(circle,var(--lightningcss-light,#b5833a73)var(--lightningcss-dark,#ffdc9673) 0 1px,#0000 1.6px) 90px 50px/239px 157px,radial-gradient(circle,var(--lightningcss-light,#b5833a59)var(--lightningcss-dark,#ffdc9666) 0 .8px,#0000 1.3px) 170px 120px/173px 263px;animation:40s linear infinite page-turner-dust;inset:0;-webkit-mask:radial-gradient(40% 45% at 50% 42%,#000,#0000 75%);mask:radial-gradient(40% 45% at 50% 42%,#000,#0000 75%)}@media (prefers-reduced-motion:reduce){:root:has([data-wheel-design=page-turner]):before,:root:has([data-wheel-design=page-turner]):after{animation:none}}:root:has([data-wheel-design=page-turner]) .wheel-bezel{background:radial-gradient(circle at 30% 18%,#ffdcb438,#0000 45%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.03 0 0 0 0 0.02 0 0 0 0.45 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),conic-gradient(from 200deg,#6e1f29,#4a1219,#7d2732,#3f0f15,#6a1d27,#4a1219,#6e1f29);box-shadow:0 24px 46px -18px #2b1d1499,0 0 0 1px #2a0a0f,inset 0 2px 3px #ffc8aa40,inset 0 -8px 16px #00000059}:root:has([data-wheel-design=page-turner]) .wheel-bezel:before,:root:has([data-wheel-design=page-turner]) .wheel-bezel:after{content:"";border:1.5px solid #d4af37d9;border-radius:50%;position:absolute;box-shadow:0 0 2px #ffdc7859}:root:has([data-wheel-design=page-turner]) .wheel-bezel:before{inset:1%}:root:has([data-wheel-design=page-turner]) .wheel-bezel:after{inset:4.5%}:root:has([data-wheel-design=page-turner]) .wheel-bulb,:root:has([data-wheel-design=page-turner]) [data-state] .wheel-bulb{background:linear-gradient(135deg, #fff3c4, var(--pt-gold) 45%, #8a6420);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:2.7%;height:2.7%;box-shadow:none;animation:5s ease-in-out infinite page-turner-glint;animation-delay:calc(var(--bulb-index) * .2s);border-radius:0;top:1.45%}:root:has([data-wheel-design=page-turner]) span:nth-child(2n)>.wheel-bulb{clip-path:none;border-radius:50%;width:1%;height:1%;top:2.3%}:root:has([data-wheel-design=page-turner]) [data-state=spinning] .wheel-bulb{animation-duration:.6s;animation-delay:calc(var(--bulb-index) * 25ms)}:root:has([data-wheel-design=page-turner]) [data-state=won] .wheel-bulb{animation:.45s ease-in-out infinite alternate page-turner-gild}:root:has([data-wheel-design=page-turner]) .wheel-border{border-width:3px;border-color:#c9a24a}:root:has([data-wheel-design=page-turner]) .wheel-gloss{background:radial-gradient(70% 45% at 40% 16%,#ffe6b43d,#0000 70%),radial-gradient(circle,#0000 60%,#2b140a2e 100%)}:root:has([data-wheel-design=page-turner]) .wheel-triangle{top:calc(var(--wheel-center-size,80px) * -1.45);width:calc(var(--wheel-center-size,80px) * .36);height:calc(var(--wheel-center-size,80px) * 1.62);filter:drop-shadow(1px 3px 3px #1e0c0673);background:url(/images/themes/page-turner/pen.svg) 50%/contain no-repeat;border:0}:root:has([data-wheel-design=page-turner]) .wheel-hub{box-shadow:none;filter:drop-shadow(0 6px 8px #2b0a0f73);color:#f6dfa0;letter-spacing:.06em;text-shadow:0 1px #3d0810,0 -1px #ffe6aa40;background:url(/images/themes/page-turner/seal.svg) 50%/contain no-repeat;font-weight:700;scale:1.12}:root:has([data-wheel-design=page-turner]) .wheel-inner:has([data-state=won]) .wheel-hub{filter:drop-shadow(0 6px 8px #2b0a0f73)drop-shadow(0 0 14px #e9c46a8c)}@keyframes page-turner-lamp{0%{opacity:.8}to{opacity:1}}@keyframes page-turner-dust{to{background-position:80px -633px,150px -421px,120px -669px}}@keyframes page-turner-glint{0%,10%,to{filter:brightness();scale:1}5%{filter:brightness(1.7)drop-shadow(0 0 3px #ffe9a8);scale:1.35}}@keyframes page-turner-gild{0%{filter:brightness()}to{filter:brightness(1.6)drop-shadow(0 0 4px #ffe9a8);scale:1.25}}
