.film-grain__noise{position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.95 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-repeat:repeat;background-size:220px 220px;mix-blend-mode:overlay}.film-grain__noise--flicker{animation:film-grain-flicker .4s steps(8) infinite}@keyframes film-grain-flicker{0%{background-position:0px 0px}12%{background-position:-10px 5px}25%{background-position:8px -3px}37%{background-position:-5px 8px}50%{background-position:3px -7px}62%{background-position:-8px 4px}75%{background-position:6px -6px}87%{background-position:-4px 8px}to{background-position:0px 0px}}.film-grain__scanlines{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px);background-size:100% 6px;background-repeat:repeat;opacity:.55;mix-blend-mode:multiply}.film-grain__scanlines--drift{animation:film-grain-scanlines-drift 12s linear infinite}@keyframes film-grain-scanlines-drift{0%{background-position:0 0}to{background-position:0 6px}}@media(prefers-reduced-motion:reduce){.film-grain__noise--flicker,.film-grain__scanlines--drift{animation:none}}html[data-theme=light] .film-grain__noise{mix-blend-mode:multiply;opacity:.75}