:root{--crt-scanline-dark-height:46px;--crt-scanline-light-height:120px;--crt-scanline-dark-color:#000000f2;--crt-scanline-light-color:#ffffff26;--crt-vignette-opacity:.15;--crt-glow-opacity:.1;--crt-flicker-min-opacity:.01;--crt-flicker-max-opacity:.1;--crt-scanline-drift-distance:-80px;--crt-scanline-drift-duration:7s;--crt-pixel-size:2px;--crt-pixel-grid-opacity:.05}.layer{pointer-events:none;display:none;position:fixed;inset:0}.layer-crt{z-index:200;display:block;overflow:hidden}.layer-crt:before{content:"";z-index:1;background-image:repeating-linear-gradient(to bottom, var(--crt-scanline-dark-color) 0, var(--crt-scanline-dark-color) var(--crt-scanline-dark-height), var(--crt-scanline-light-color) var(--crt-scanline-dark-height), var(--crt-scanline-light-color) calc(var(--crt-scanline-dark-height) + var(--crt-scanline-light-height))), radial-gradient(circle, transparent 0%, rgba(0, 0, 0, var(--crt-vignette-opacity)) 100%);background-size:100% calc(var(--crt-scanline-dark-height) + var(--crt-scanline-light-height)), 100% 100%;mix-blend-mode:multiply;opacity:1;animation:crt-scanline-drift var(--crt-scanline-drift-duration) ease-in-out infinite, crt-flicker .25s infinite alternate cubic-bezier(.25, .46, .45, .94);position:absolute;inset:-40px 0}.layer-crt:after{content:"";z-index:2;background-image:linear-gradient(rgba(0, 0, 0, var(--crt-pixel-grid-opacity)) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, var(--crt-pixel-grid-opacity)) 1px, transparent 1px), radial-gradient(ellipse at center, transparent 0%, rgba(0, 0, 0, var(--crt-glow-opacity)) 100%);background-size:var(--crt-pixel-size) var(--crt-pixel-size), var(--crt-pixel-size) var(--crt-pixel-size), 100% 100%;mix-blend-mode:overlay;opacity:1;pointer-events:none;position:absolute;inset:0}@keyframes crt-flicker{0%{opacity:var(--crt-flicker-min-opacity)}to{opacity:var(--crt-flicker-max-opacity)}}@keyframes crt-scanline-drift{0%{transform:translate(0,0)}20%{transform:translate3d(0, var(--crt-scanline-drift-distance), 0)}55%{transform:translate3d(0, var(--crt-scanline-drift-distance), 0)}85%{transform:translate3d(0, calc(var(--crt-scanline-drift-distance) * -.35), 0)}to{transform:translate(0,0)}}