.vhs-glitch-cover{background:#000;min-height:var(--vhs-min-height,400px);overflow:hidden;position:relative}.vhs-glitch-cover .vhs-container,.vhs-glitch-cover .vhs-image{height:100%;min-height:inherit;position:relative;width:100%}.vhs-glitch-cover .vhs-image{display:block;-o-object-fit:cover;object-fit:cover;transition:filter .3s ease;z-index:1}.vhs-glitch-cover.vhs-effects-on .vhs-scanlines{animation:vhs-scanlines calc(12s - var(--vhs-intensity, .5)*4s) linear infinite;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.03) 0,rgba(0,255,0,.03) 4px);bottom:0;left:0;opacity:calc(.06 + var(--vhs-intensity, .5)*.25);pointer-events:none;position:absolute;right:0;top:0;z-index:2}.vhs-glitch-cover.vhs-effects-on .vhs-static{animation:vhs-static calc(1.5s - var(--vhs-intensity, .5)*.3s) ease-in-out infinite;background-image:linear-gradient(0deg,transparent 24%,hsla(0,0%,100%,.04) 25%,hsla(0,0%,100%,.04) 26%,transparent 27%,transparent 74%,hsla(0,0%,100%,.04) 75%,hsla(0,0%,100%,.04) 76%,transparent 77%,transparent);bottom:0;left:0;opacity:calc(.02 + var(--vhs-intensity, .5)*.08);pointer-events:none;position:absolute;right:0;top:0;z-index:3}.vhs-glitch-cover.vhs-effects-on .vhs-tracking{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:4}.vhs-glitch-cover.vhs-effects-on .vhs-tracking:after,.vhs-glitch-cover.vhs-effects-on .vhs-tracking:before{animation:vhs-tracking calc(8s - var(--vhs-intensity, .5)*3s) ease-in-out infinite;background:rgba(255,255,255,calc(.06 + var(--vhs-intensity, .5)*.2));box-shadow:0 0 calc(2px + var(--vhs-intensity, .5)*4px) rgba(255,255,255,calc(var(--vhs-intensity, .5)*.3));content:"";height:calc(1px + var(--vhs-intensity, .5)*3px);left:0;position:absolute;right:0}.vhs-glitch-cover.vhs-effects-on .vhs-tracking:before{animation-delay:0s;top:35%}.vhs-glitch-cover.vhs-effects-on .vhs-tracking:after{animation-delay:calc(4s - var(--vhs-intensity, .5)*2s);top:65%}.vhs-glitch-cover.vhs-effects-on .vhs-timestamp{animation:vhs-timestamp calc(6s - var(--vhs-intensity, .5)*2s) ease-in-out infinite;background:rgba(0,0,0,calc(.2 + var(--vhs-intensity, .5)*.3));border-radius:2px;color:rgba(255,255,0,calc(.6 + var(--vhs-intensity, .5)*.3));font-family:Courier New,monospace;font-size:14px;font-weight:700;padding:3px 6px;position:absolute;right:20px;text-shadow:1px 1px 0 rgba(0,0,0,.8);top:20px;z-index:5}.vhs-glitch-cover.vhs-effects-on .vhs-image{animation:vhs-horizontal-shift calc(12s - var(--vhs-intensity, .5)*4s) ease-in-out infinite;transform:translateZ(0)}.vhs-glitch-cover.vhs-effects-off .vhs-scanlines,.vhs-glitch-cover.vhs-effects-off .vhs-static,.vhs-glitch-cover.vhs-effects-off .vhs-timestamp,.vhs-glitch-cover.vhs-effects-off .vhs-tracking{display:none}.vhs-glitch-cover.vhs-effects-off .vhs-image{animation:none}.vhs-glitch-cover.vhs-color .vhs-image{filter:sepia(calc(.05 + var(--vhs-intensity, .5)*.1)) contrast(calc(1 + var(--vhs-intensity, .5)*.25)) brightness(calc(1 - var(--vhs-intensity, .5)*.08)) saturate(calc(1 + var(--vhs-intensity, .5)*.4)) hue-rotate(calc(-1deg - var(--vhs-intensity, .5)*2deg)) drop-shadow(calc(.5px + var(--vhs-intensity, .5)*1px) 0 0 rgba(255,0,0,calc(.06 + var(--vhs-intensity, .5)*.12))) drop-shadow(calc(-.5px - var(--vhs-intensity, .5)*1px) 0 0 rgba(0,255,255,calc(.06 + var(--vhs-intensity, .5)*.12)))}.vhs-glitch-cover.vhs-color .vhs-scanlines{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,calc(.03 + var(--vhs-intensity, .5)*.06)) 2px,rgba(0,255,0,calc(.03 + var(--vhs-intensity, .5)*.06)) 4px)}.vhs-glitch-cover.vhs-bw .vhs-image{filter:grayscale(1) contrast(calc(1.1 + var(--vhs-intensity, .5)*.3)) brightness(calc(.95 - var(--vhs-intensity, .5)*.1)) drop-shadow(calc(.5px + var(--vhs-intensity, .5)*1px) 0 0 rgba(255,255,255,calc(.03 + var(--vhs-intensity, .5)*.08))) drop-shadow(calc(-.5px - var(--vhs-intensity, .5)*1px) 0 0 rgba(0,0,0,calc(.03 + var(--vhs-intensity, .5)*.08)))}.vhs-glitch-cover.vhs-bw .vhs-scanlines{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,calc(.025 + var(--vhs-intensity, .5)*.05)) 2px,rgba(255,255,255,calc(.025 + var(--vhs-intensity, .5)*.05)) 4px)}.vhs-glitch-cover.vhs-bw .vhs-timestamp{color:rgba(255,255,255,calc(.6 + var(--vhs-intensity, .5)*.3))}@keyframes vhs-scanlines{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes vhs-static{0%{transform:translate(0)}16%{transform:translate(calc(-.5%*var(--vhs-intensity, .5)*2),calc(-1%*var(--vhs-intensity, .5)*2))}33%{transform:translate(calc(-1%*var(--vhs-intensity, .5)*2),calc(.5%*var(--vhs-intensity, .5)*2))}50%{transform:translate(calc(.8%*var(--vhs-intensity, .5)*2),calc(-1.5%*var(--vhs-intensity, .5)*2))}66%{transform:translate(calc(-1.2%*var(--vhs-intensity, .5)*2),calc(1%*var(--vhs-intensity, .5)*2))}83%{transform:translate(calc(1.5%*var(--vhs-intensity, .5)*2),calc(-.5%*var(--vhs-intensity, .5)*2))}to{transform:translate(calc(.3%*var(--vhs-intensity, .5)*2),calc(.8%*var(--vhs-intensity, .5)*2))}}@keyframes vhs-tracking{0%,92%{opacity:0;transform:scaleX(0)}94%{opacity:calc(.5 + var(--vhs-intensity, .5)*.4);transform:scaleX(.7)}97%{opacity:calc(.3 + var(--vhs-intensity, .5)*.5);transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes vhs-timestamp{0%,94%{opacity:calc(.6 + var(--vhs-intensity, .5)*.3)}96%{opacity:calc(.3 + var(--vhs-intensity, .5)*.2)}98%{opacity:calc(.8 + var(--vhs-intensity, .5)*.2)}to{opacity:calc(.6 + var(--vhs-intensity, .5)*.3)}}@keyframes vhs-horizontal-shift{0%,96%{transform:translateX(0)}97%{transform:translateX(calc(1px + var(--vhs-intensity, .5)*2px))}98.5%{transform:translateX(calc(-.8px - var(--vhs-intensity, .5)*1.5px))}to{transform:translateX(0)}}@media(max-width:768px){.vhs-glitch-cover{min-height:calc(var(--vhs-min-height, 400px)*.75)}.vhs-glitch-cover .vhs-timestamp{font-size:12px;right:10px;top:10px}}@media(max-width:480px){.vhs-glitch-cover{min-height:calc(var(--vhs-min-height, 400px)*.6)}.vhs-glitch-cover .vhs-timestamp{font-size:10px}}