.scanline-overlay{z-index:10;pointer-events:none;background:radial-gradient(#0000 45%,#000000a6 100%);position:absolute;inset:0}.scanline-overlay:before{content:"";background:repeating-linear-gradient(#0000 0 2px,#0000001f 2px 3px);position:absolute;inset:0}.scanline-overlay__light{background:0 0}.scanline-overlay__light:before{opacity:.35}.scanline-overlay__light .scanline-overlay__grain{opacity:.2}.scanline-overlay__grain{opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;animation:.4s steps(2,end) infinite grain-shift;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.scanline-overlay__grain{animation:none}}@keyframes grain-shift{0%{background-position:0 0}to{background-position:200px 200px}}