.noise-wrapper{--noiseOpacity:var(--4a4da449);align-items:center;display:flex;justify-content:center;min-height:100svh}.screen-container{height:calc(100svh - 6rem);-webkit-mask:url(../images/tv-mask_new.svg);mask:url(../images/tv-mask_new.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;overflow:hidden;position:relative;width:calc(100vw - 10rem)}@media screen and (max-width:1280px){.screen-container{height:calc(100svh - 4rem);width:calc(100vw - 6rem)}}@media screen and (max-width:768px){.screen-container{height:calc(100svh - 5rem - 204px);margin-bottom:2rem;width:calc(100vw - 2rem)}.noise-wrapper{margin-top:1rem;min-height:auto}}.screen-wrapper{height:100%;position:relative;width:100%}.screen-wrapper>canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:9998}canvas.snow{background-color:#aaa;opacity:var(--noiseOpacity)}#screen{background:transparent linear-gradient(to bottom,#161717 0,var(--dark-bg) 100%) repeat scroll 0 0;background-size:cover;height:100%;width:100%}.vcr{opacity:.1}.video{filter:blur(1px);height:100%;width:100%}.vignette{background-image:url(../images/vignette-web.png);background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}.scanlines,.vignette{height:100%;left:0;position:absolute;top:0;width:100%}.scanlines{background-image:linear-gradient(rgba(var(--main-bg-rgb),0) 50%,rgba(var(--main-bg-rgb),.25) 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;z-index:9999}.wobblex{animation:wobblex .1s infinite}.wobbley{animation:wobbley .1s infinite}.glitch{animation:glitch 5s ease 2s infinite normal none running}@keyframes wobblex{50%{transform:translate(1px)}51%{transform:translate(0)}}@keyframes wobbley{0%{transform:translateY(1px)}to{transform:translateY(0)}}@keyframes glitch{40%{opacity:1;transform:scale(1);transform:skew(0)}41%{opacity:.8;transform:scaleY(1.2);transform:skew(80deg)}42%{opacity:.8;transform:scaleY(1.2);transform:skew(-50deg)}43%{opacity:1;transform:scale(1);transform:skew(0)}}@keyframes glitch1{0%{transform:translate(0)}30%{transform:translate(0)}31%{transform:translate(10px)}32%{transform:translate(0)}98%{transform:translate(0)}to{transform:translate(10px)}}.text span:nth-child(2){animation:glitch2 1s infinite}@keyframes glitch2{0%{transform:translate(0)}30%{transform:translate(0)}31%{transform:translate(-10px)}32%{transform:translate(0)}98%{transform:translate(0)}to{transform:translate(-10px)}}.overlay .text{animation:glitch 5s ease 2s infinite normal none running}.on>.screen-wrapper{animation:on 3s linear 0s 1 normal forwards running}.off>.screen-wrapper{animation:off .75s cubic-bezier(.23,1,.32,1) 0s 1 normal forwards running}@keyframes on{0%{filter:brightness(4);opacity:1;transform:scaleY(.8) translateZ(0)}3.5%{transform:scaleY(.8) translate3d(0,100%,0)}3.6%{opacity:1;transform:scaleY(.8) translate3d(0,-100%,0)}9%{filter:brightness(4);opacity:0;transform:scale(1.3,.6) translate3d(0,100%,0)}11%{filter:contrast(0) brightness(0);opacity:0;transform:scale(1) translateZ(0)}to{filter:contrast(1) brightness(1.2) saturate(1.3);opacity:1;transform:scale(1) translateZ(0)}}@keyframes off{0%{filter:brightness(1);transform:scale(1)}40%{filter:brightness(100);transform:scaleY(.005)}70%{transform:scaleY(.005)}90%{transform:scale(.005)}to{transform:scale(0)}}.roller{animation:roll 2s linear 0s infinite forwards;position:relative}@keyframes roll{0%{transform:translateZ(0)}to{transform:translate3d(0,-50%,0)}}.dg.ac{z-index:10000!important}svg{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}