@keyframes grain-animation{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,25%)}90%{transform:translate(-10%,10%)}}.grain-overlay{position:relative;overflow:hidden}.grain-overlay:before{content:"";position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.2'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.03;pointer-events:none;z-index:1;animation:grain-animation 8s steps(10) infinite;mix-blend-mode:overlay}.grain-overlay-subtle:before{opacity:.02;animation-duration:12s}.grain-overlay-strong:before{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='4' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.3'/%3E%3C/svg%3E")}.grain-overlay-static:before{animation:none}.grain-fine:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E");background-size:100px 100px;opacity:.04}.grain-coarse:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.25'/%3E%3C/svg%3E");background-size:300px 300px;opacity:.025}.paper-texture{position:relative}.paper-texture:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='5' result='noise'/%3E%3CfeDiffuseLighting in='noise' lighting-color='%23ffffff' surfaceScale='1'%3E%3CfeDistantLight azimuth='45' elevation='60'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='0.08'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;mix-blend-mode:multiply}.speckle-noise{position:relative}.speckle-noise:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px),radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:10px 10px;background-position:0 0,5px 5px;opacity:.02;pointer-events:none;animation:grain-animation 15s linear infinite}.scanlines{position:relative}.scanlines:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(transparent 50%,#00000005 50%);background-size:100% 4px;pointer-events:none;z-index:1}body.grain-enabled:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.2'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.025;pointer-events:none;z-index:9998;animation:grain-animation 8s steps(10) infinite;mix-blend-mode:overlay}.vignette{position:relative}.vignette:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.1) 100%);pointer-events:none;z-index:1}.grain-overlay>*:not(:before):not(:after){position:relative;z-index:2}@media (prefers-reduced-motion: reduce){.grain-overlay:before,.speckle-noise:after,body.grain-enabled:before{animation:none!important}}@media (max-width: 768px){.grain-overlay:before,.grain-fine:before,.grain-coarse:before{opacity:.01;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/grain-texture.css.map */