@keyframes patchGrow{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(1.2);opacity:.25}}.film-grain{z-index:1;pointer-events:none;opacity:.08;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.6) .5px,transparent 0),radial-gradient(circle at 80% 70%,rgba(255,255,255,.4) .3px,transparent 0),radial-gradient(circle at 40% 80%,rgba(255,255,255,.5) .4px,transparent 0),radial-gradient(circle at 90% 20%,rgba(255,255,255,.3) .6px,transparent 0),radial-gradient(circle at 10% 90%,rgba(255,255,255,.7) .2px,transparent 0),radial-gradient(circle at 60% 40%,rgba(255,255,255,.4) .5px,transparent 0),radial-gradient(circle at 30% 10%,rgba(255,255,255,.6) .3px,transparent 0),radial-gradient(circle at 70% 60%,rgba(255,255,255,.5) .4px,transparent 0);background-size:4px 4px,6px 6px,3px 3px,5px 5px,2px 2px,7px 7px,4px 4px,5px 5px;background-position:0 0,1px 1px,2px 0,0 2px,3px 1px,1px 3px,2px 2px,3px 3px}.film-grain,.film-grain:before{position:absolute;top:0;left:0;width:100%;height:100%}.film-grain:before{content:"";background-image:radial-gradient(circle at 15% 25%,rgba(207,135,255,.3) .4px,transparent 0),radial-gradient(circle at 85% 75%,rgba(207,135,255,.2) .3px,transparent 0),radial-gradient(circle at 45% 85%,rgba(157,78,221,.4) .5px,transparent 0),radial-gradient(circle at 75% 15%,rgba(207,135,255,.2) .3px,transparent 0),radial-gradient(circle at 25% 65%,rgba(157,78,221,.3) .4px,transparent 0),radial-gradient(circle at 65% 45%,rgba(207,135,255,.25) .2px,transparent 0);background-size:8px 8px,6px 6px,4px 4px,7px 7px,5px 5px,3px 3px;background-position:1px 2px,3px 0,0 3px,2px 1px,4px 4px,1px 1px;opacity:.6}.patch-animate-1,.patch-animate-2,.patch-animate-3,.patch-animate-4,.patch-animate-5,.patch-animate-6{animation:patchGrow 5s ease-in-out infinite}