:root[data-theme=dark] .preview-showcase-sticky{background:radial-gradient(circle at 50% 42%, color-mix(in oklch, var(--hero-accent) 10%, transparent), transparent 44%), #100d09}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .preview-showcase-sticky{background:radial-gradient(circle at 50% 42%, color-mix(in oklch, var(--hero-accent) 10%, transparent), transparent 44%), lab(3.6967% .755325 1.76995)}}:root[data-theme=dark] .showcase-note{border-color:color-mix(in oklch, var(--hero-accent) 28%, #ede7df26);-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,#241f1a,#181410),#181410;background:linear-gradient(145deg,lab(12.4168% 1.57193 4.39296),lab(6.69316% 1.23337 2.94046)),lab(6.69316% 1.23337 2.94046);box-shadow:inset 0 1px #ede7df12,0 1.2rem 2.8rem #02020157;box-shadow:inset 0 1px lab(91.9027% .982851 4.46913/.07),0 1.2rem 2.8rem lab(.461723% .130899 .287685/.34)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .showcase-note{border-color:color-mix(in oklch, var(--hero-accent) 28%, lab(91.9027% .982851 4.46913/.15))}}:root[data-theme=dark] .showcase-note span,:root[data-theme=dark] .showcase-kicker,:root[data-theme=dark] .showcase-scene-topline>span{color:color-mix(in oklch, var(--hero-accent) 68%, #e3ddd5)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .showcase-note span,:root[data-theme=dark] .showcase-kicker,:root[data-theme=dark] .showcase-scene-topline>span{color:color-mix(in oklch, var(--hero-accent) 68%, lab(88.4199% 1.05301 4.45067))}}:root[data-theme=dark] .showcase-note p{color:#c9c3bc;color:lab(79.1368% 1.12578 4.43281)}:root[data-theme=dark] .showcase-note:before{background:linear-gradient(90deg, color-mix(in oklch, var(--hero-accent) 62%, transparent), transparent)}:root[data-theme=dark] .preview-tabs,:root[data-theme=dark] .preview-controls{border-color:color-mix(in oklch, var(--hero-accent) 18%, #ede7df24);-webkit-backdrop-filter:none;backdrop-filter:none;background:#1a1612;background:lab(7.77719% 1.35424 3.26059);box-shadow:inset 0 1px #ede7df0e,0 .9rem 2.2rem #0202014d;box-shadow:inset 0 1px lab(91.9027% .982851 4.46913/.055),0 .9rem 2.2rem lab(.461723% .130899 .287685/.3)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .preview-tabs,:root[data-theme=dark] .preview-controls{border-color:color-mix(in oklch, var(--hero-accent) 18%, lab(91.9027% .982851 4.46913/.14))}}:root[data-theme=dark] .preview-tabs button,:root[data-theme=dark] .preview-controls button{color:#a9a49d;color:lab(67.5308% 1.268 4.39169)}:root[data-theme=dark] .preview-controls>span{color:#e9e4dc;color:lab(90.7427% .983328 4.46945)}:root[data-theme=dark] .preview-tabs button:hover,:root[data-theme=dark] .preview-controls button:hover{color:#f0eae3;color:lab(93.0628% .982344 4.46882);background:#28231e;background:lab(14.1573% 1.56301 4.38526)}:root[data-theme=dark] .preview-tabs button[aria-pressed=true]{border-color:color-mix(in oklch, var(--hero-accent) 58%, #ede7df40);background:color-mix(in oklch, var(--hero-accent) 74%, #231e19);color:#f8f4ef;color:lab(96.5357% .644445 2.97235);box-shadow:inset 0 1px 0 #f8f4ef33, 0 .45rem 1rem color-mix(in oklch, var(--hero-accent) 22%, transparent)}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .preview-tabs button[aria-pressed=true]{border-color:color-mix(in oklch, var(--hero-accent) 58%, lab(91.9027% .982851 4.46913/.25));background:color-mix(in oklch, var(--hero-accent) 74%, lab(11.8366% 1.57513 4.39578));box-shadow:inset 0 1px 0 lab(96.5357% .644445 2.97235/.2), 0 .45rem 1rem color-mix(in oklch, var(--hero-accent) 22%, transparent)}}:root[data-theme=dark] .showcase-scroll-hint{color:#9d9790;color:lab(62.8906% 1.27134 4.39395)}:root[data-theme=dark] .showcase-scene-topline button{border-color:color-mix(in oklch, var(--hero-accent) 24%, var(--color-mist));color:#e9e4dc;color:lab(90.7427% .983328 4.46945);background:#1a1612;background:lab(7.77719% 1.35424 3.26059)}@media (max-width:640px){:root[data-theme=dark] .showcase-note{box-shadow:inset 0 1px #ede7df0f;box-shadow:inset 0 1px lab(91.9027% .982851 4.46913/.06)}}
