:root{--crt-scan-alpha:.42;--crt-scan-flicker-floor:.7;--crt-scan-flicker-duration:3.6s;--crt-scan-drift:4px;--crt-scan-drift-duration:4s;--crt-vignette-alpha:.34;--crt-halation-opacity:.225;--crt-halation-blur:4px;--crt-beam-opacity:.4;--crt-beam-duration:9s;--crt-beam-height:20vh;--crt-ab-target:.6px;--crt-ab-ref-size:30px}.crt-scanlines,.crt-vignette,.crt-halation{pointer-events:none;position:fixed;inset:0}.crt-scanlines{z-index:60;mix-blend-mode:multiply;background-image:repeating-linear-gradient(to bottom, oklch(0 0 0 / var(--crt-scan-alpha,.42)) 0px, oklch(0 0 0 / var(--crt-scan-alpha,.42)) calc(var(--crt-scan-period,3px) * .5), transparent calc(var(--crt-scan-period,3px) * .5), transparent var(--crt-scan-period,3px));animation-name:crt-flicker-scanlines,crt-scan-drift;animation-duration:var(--crt-scan-flicker-duration,4.1s), var(--crt-scan-drift-duration,7s);animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite}@keyframes crt-scan-drift{0%,to{translate:0}50%{translate:0 var(--crt-scan-drift,4px)}}.crt-vignette{z-index:61;background:radial-gradient(ellipse 85% 75% at 50% 45%, transparent 55%, oklch(0 0 0 / var(--crt-vignette-alpha,.37)) 100%)}.crt-halation{z-index:59;-webkit-backdrop-filter:blur(calc(var(--crt-halation-blur,4px) / var(--crt-dpr,1))) brightness(1.12) saturate(.85);mix-blend-mode:screen;opacity:var(--crt-halation-opacity,.08)}@supports not (backdrop-filter:blur(1px)){.crt-halation{display:none}}@media (hover:none),(width<=700px){.crt-halation{-webkit-backdrop-filter:blur(calc(2px / var(--crt-dpr,1))) brightness(1.1) saturate(.9)}}@keyframes crt-flicker-scanlines{0%,to{opacity:1}50%{opacity:var(--crt-scan-flicker-floor,.7)}}:root{--crt-ab-ratio:calc(var(--crt-ab-target) / var(--crt-ab-ref-size))}*,:before,:after{--crt-ab-text:clamp(0px, calc(1em * var(--crt-ab-ratio) / var(--crt-dpr,1)), calc(var(--crt-ab-target) / var(--crt-dpr,1)));text-shadow:var(--crt-ab-text) 0 0 color-mix(in oklch, var(--color-accent) 45%, transparent), calc(var(--crt-ab-text) * -1) 0 0 oklch(75% .12 220/.4)}main :is(canvas,svg){filter:url(#crt-canvas-fringe)}@property --crt-ab-1{syntax:"<number>";inherits:false;initial-value:.6}@property --crt-ab-2{syntax:"<number>";inherits:false;initial-value:.2}main h1{--crt-ab-jitter:calc((var(--crt-ab-1) + var(--crt-ab-2)) * 1px / var(--crt-dpr,1));--crt-ab-x:calc(var(--crt-ab-target) / var(--crt-dpr,1) + var(--crt-ab-jitter));text-shadow:var(--crt-ab-x) 0 0 color-mix(in oklch, var(--color-accent) 60%, transparent), calc(var(--crt-ab-x) * -1) 0 0 oklch(75% .12 220/.5);animation:.42s steps(5,end) infinite crt-ab-1,.65s steps(4,end) infinite crt-ab-2}@keyframes crt-ab-1{0%{--crt-ab-1:.3}30%{--crt-ab-1:1.4}55%{--crt-ab-1:.5}80%{--crt-ab-1:2}to{--crt-ab-1:.3}}@keyframes crt-ab-2{0%{--crt-ab-2:.1}40%{--crt-ab-2:.9}70%{--crt-ab-2:.25}to{--crt-ab-2:.1}}.crt-beam{inset:auto 0;top:calc(-1 * var(--crt-beam-height,20vh));height:var(--crt-beam-height,20vh);pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--color-accent) 55%, transparent) 50%, transparent);opacity:var(--crt-beam-opacity,.4);will-change:translate;animation:crt-beam-roll var(--crt-beam-duration,9s) linear infinite;position:absolute}@keyframes crt-beam-roll{0%{translate:0}to{translate:0 calc(100vh + 2 * var(--crt-beam-height,20vh))}}@media (prefers-contrast:more){.crt-scanlines,.crt-vignette,.crt-halation,.crt-beam{display:none!important}*,:before,:after{text-shadow:none!important}main :is(canvas,svg){filter:none!important}}@media (prefers-reduced-motion:reduce){.crt-scanlines,main h1{animation:none!important}.crt-beam{display:none!important}*,:before,:after{text-shadow:none!important}main :is(canvas,svg){filter:none!important}}html[data-crt-hide~=scanlines] .crt-scanlines,html[data-crt-hide~=vignette] .crt-vignette,html[data-crt-hide~=halation] .crt-halation,html[data-crt-hide~=beam] .crt-beam{display:none}html[data-crt-hide~=aberration],html[data-crt-hide~=aberration] *,html[data-crt-hide~=aberration] :before,html[data-crt-hide~=aberration] :after{text-shadow:none}html[data-crt-hide~=aberration] main :is(canvas,svg){filter:none}html[data-crt=off] :is(.crt-scanlines,.crt-vignette,.crt-halation,.crt-beam){display:none}html[data-crt=off],html[data-crt=off] *,html[data-crt=off] :before,html[data-crt=off] :after{text-shadow:none;animation:none}html[data-crt=off] main :is(canvas,svg){filter:none}:where(.astro-esl7u6pc)[data-demo-chevron]{appearance:none;background:0 0;border:0}:where(.astro-esl7u6pc)[data-demo-frame][data-demo-inactive]{visibility:hidden}:where(.astro-esl7u6pc)[data-code] pre.astro-code{margin:0;padding:0;overflow:auto;font-family:var(--font-ui)!important;background:0 0!important;font-size:13.5px!important;line-height:1.72!important}:where(.astro-baufmemk)[data-gap-root]{flex-direction:row;flex:1;display:flex}:where(.astro-baufmemk)[data-screen]:not([data-active-anchor=left]) :where(.astro-baufmemk)[data-side-panel=left],:where(.astro-baufmemk)[data-screen]:not([data-active-anchor=right]) :where(.astro-baufmemk)[data-side-panel=right],:where(.astro-baufmemk)[data-screen]:not([data-active-anchor=top]) :where(.astro-baufmemk)[data-top-bar]{display:none}:where(.astro-baufmemk)[data-screen]{box-sizing:border-box;flex-direction:column;width:560px;height:315px;display:flex}@media (width<=720px) or (height<=860px){:where(.astro-baufmemk)[data-screen]{width:432px;height:243px}}:where(.astro-baufmemk)[data-gap-root]>.grid:where(.astro-baufmemk){flex:1}:where(.astro-yyzunlz7)[data-screen-glass]{background-image:radial-gradient(70% 60% at 50% 42%,#0000 30%,oklch(0% 0 0/.4) 100%)}:where(.astro-7ryocyqb)[data-reveal]{animation:.62s cubic-bezier(.2,.8,.2,1) both demo-column-reveal}@media (prefers-reduced-motion:reduce){:where(.astro-7ryocyqb)[data-reveal]{animation-duration:1ms}}@keyframes demo-column-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}