.film-grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.6 -0.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px}@media (prefers-reduced-motion:no-preference){.film-grain{animation:.9s steps(6,end) infinite film-grain}.film-twinkle{animation:film-twinkle var(--twinkle,3.2s) ease-in-out infinite}.film-cue{animation:2.4s ease-in-out infinite film-cue}.film-caret{animation:1s step-end infinite film-caret}}@keyframes film-grain{0%,to{transform:translate(0)}17%{transform:translate(-5%,3%)}33%{transform:translate(4%,-6%)}50%{transform:translate(-2%,7%)}67%{transform:translate(6%,2%)}83%{transform:translate(-6%,-3%)}}@keyframes film-twinkle{0%,to{opacity:var(--glow,.7)}50%{opacity:calc(var(--glow,.7) * .25)}}@keyframes film-cue{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes film-caret{0%,49%{opacity:1}50%,to{opacity:0}}