.scr{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--scr-bg:#0d0d10;--scr-panel:#141418;--scr-raised:#1c1c22;--scr-hover:#25252d;--scr-active:#2e2e38;--scr-line:#2c2c34;--scr-line-soft:#212128;--scr-ink:#f4f4f6;--scr-ink-2:#b8b8c2;--scr-ink-3:#8f8f9b;--scr-accent:#7c3aed;--scr-accent-hover:#6d28d9;--scr-accent-soft:#8b5cf629;--scr-accent-ink:#b9a2ff;--scr-blue:#60a5fa;--scr-ok:#34d399;--scr-warn:#fbbf24;--scr-bad:#f87171;--scr-workspace:#e4e4e9;--focus:#a78bfa;color:var(--scr-ink)}body:has(.scr){color:#f4f4f6;background-color:#0d0d10}body:has(.scr-app){overscroll-behavior:none;overflow:hidden}.scr ::selection{color:#fff;background:#8b5cf673}.scr-app *{scrollbar-width:thin;scrollbar-color:#33333d transparent}.scr-checker{background-image:linear-gradient(45deg,#3a3a44 25%,#0000 25%),linear-gradient(-45deg,#3a3a44 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#3a3a44 75%),linear-gradient(-45deg,#0000 75%,#3a3a44 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.scr-glow{background:radial-gradient(60% 50% at 50% 0,#7c3aed47,#0000 70%)}.scr input[type=range]{accent-color:#8b5cf6}.scr-demo{margin:0;position:relative;container-type:inline-size}.scr-demo-wide,.scr-demo-narrow{position:relative;overflow:hidden}.scr-demo-wide{aspect-ratio:1200/780}.scr-demo-narrow{display:none}.scr-demo-stage{perspective:160cqw;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;position:relative;container-type:inline-size}@container (max-width:1023.98px){.scr-demo-wide{aspect-ratio:960/780}.scr-demo-wide>.scr-demo-stage{width:125%;margin-left:-12.5%}.scr-demo-float{display:none}}@container (max-width:639.98px){.scr-demo-wide{display:none}.scr-demo-narrow{display:block}}@media (prefers-reduced-motion:reduce){.scr-demo-pause{display:none}}@font-face{font-family:scr-demo-jakarta;src:url(/screens/fonts/plus-jakarta-sans-normal-latin.woff2)format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:scr-demo-jakarta;src:url(/screens/fonts/plus-jakarta-sans-normal-latin-ext.woff2)format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}