@import url(https://fonts.googleapis.com/css?family=Roboto|VT323|Arial&display=swap);::-webkit-scrollbar{display:none}*{margin:0;padding:0;box-sizing:border-box}@media (max-width:480px){html{font-size:12px}}@media (min-width:480px) and (max-width:768px){html{font-size:16px}}@media (min-width:768px){html{font-size:20px}}body{position:relative;background-color:#e2e1e1;font-size:1rem;font-family:Roboto;color:#ccc}body:before{position:fixed;z-index:-999;top:0;right:0;bottom:0;left:0;content:""}img{display:block;width:100vw;height:100vh}@media screen and (max-width:648px) and (orientation:portrait){img{width:100vw;height:auto}}.connection .conn-text{color:#fbd8ff;text-align:center;font-family:"ABCArizonalFlare-Bold";font-size:22px;line-height:30px;margin:0}.connection .conn-close{position:absolute;top:10px;right:10px;cursor:pointer;background-color:#fbd8ff;padding:5px}.connection .conn-close img{width:12px;height:12px}.gif-tv{position:relative}.gif-tv .qrcode{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:20;background-color:#3495ff;max-height:50vh;width:25vw;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:15px 5px}@media screen and (min-width:648px){.gif-tv .qrcode{top:48%;left:40%}}@media screen and (max-width:648px){.gif-tv .qrcode{top:50%;left:75%}}.gif-tv .qrcode .close{position:absolute;top:10px;right:10px;cursor:pointer;background-color:#fbd8ff;padding:5px}.gif-tv .qrcode .close img{width:12px;height:12px}.gif-tv .qrcode .qrcode-msg{color:#fbd8ff;text-align:center;font-family:"ABCArizonalFlare-Bold";font-size:16px;line-height:22px;margin:10px 15px 0}.gif-tv .viewport{position:absolute;background:#161616;z-index:-1;overflow:hidden}@media screen and (min-width:648px){.gif-tv .viewport{top:8%;right:30%;bottom:11%;left:8.5%}}@media screen and (max-width:648px) and (orientation:portrait){.gif-tv .viewport{top:3vh;right:21vw;bottom:2.5vh;left:4.5vw}}@media screen and (max-width:648px) and (orientation:landscape){.gif-tv .viewport{top:4.3vw;right:38vh;bottom:4.3vw;left:8vh}}.gif-tv .viewport .channels-list{width:100%;height:100%;padding:9% 10% 10% 12%;background-color:#000;z-index:10}.gif-tv .viewport .channels-list .list-scroll{overflow-y:auto;height:47vh}@media screen and (max-width:648px){.gif-tv .viewport .channels-list .list-scroll{height:20vh}}.gif-tv .viewport .channels-list .list-text{font-size:20px;font-weight:600;margin:0;padding:0;color:#fbd8ff;text-transform:uppercase}@media screen and (max-width:648px){.gif-tv .viewport .channels-list .list-text{font-size:14px}}.gif-tv .viewport .channels-list .green-line{width:20px;height:2px;background-color:#3495ff;border-radius:2px;margin-bottom:.5px}.gif-tv .viewport .video{z-index:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.gif-tv .viewport .pixels{z-index:1;display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-position:50%;background-size:cover;background-repeat:no-repeat;content:""}.gif-tv .viewport .meta-left,.gif-tv .viewport .meta-right{display:flex;flex-flow:column;position:absolute;z-index:2;top:0;bottom:0;width:50%;padding:4% 6%}.gif-tv .viewport .meta-left{align-items:flex-start;left:0;right:unset}.gif-tv .viewport .meta-right{align-items:flex-end;left:unset;right:0}.gif-tv .viewport span{text-shadow:0 0 3px #888;font-size:4rem;font-family:VT323}.gif-tv .viewport span:not(.active){display:none}.gif-tv .viewport span.active{display:block}.gif-tv .controls-wrapper{background:url(/static/media/controls-bg.a2b64cb4.png);position:absolute}@media screen and (min-width:648px){.gif-tv .controls-wrapper{top:48.45vh;right:5.5vw;width:11.5vw;height:40vh}}@media screen and (max-width:648px){.gif-tv .controls-wrapper{top:16vh;right:4.5vw;width:14vw;height:12vh}}.gif-tv .controls-wrapper .channel-nav--img{width:6vw;height:10vh}.gif-tv .channel-no{position:absolute;font-weight:700;color:#fff;text-shadow:0 0 3px #888;font-family:VT323}@media screen and (min-width:648px){.gif-tv .channel-no{font-size:3rem;top:16vh;left:12vw}}@media screen and (max-width:648px){.gif-tv .channel-no{font-size:2rem;top:4vh;left:10vw}}.gif-tv .volume-no{position:absolute;font-weight:700;color:#fff;text-shadow:0 0 3px #888;font-family:VT323}@media screen and (min-width:648px){.gif-tv .volume-no{font-size:3rem;top:16vh;right:33vw}}@media screen and (max-width:648px){.gif-tv .volume-no{font-size:2rem;top:4vh;right:26vw}}.gif-tv .cut--text{text-overflow:ellipsis;overflow:hidden;width:100%;white-space:nowrap}.gif-remote{position:relative}.gif-remote .remote-cover{width:100vw;height:100vh;background:url(/static/media/remote-bg.bb2458a4.png)}.gif-remote .remote-cover .romote_title{font-weight:700;color:#a6adb3;text-shadow:0 0 3px #333;font-size:1.6rem;font-family:VT323;margin:0}.gif-remote .remote-cover .remote_overlay_btn{position:absolute;width:100%;height:42%;z-index:10}.gif-remote .remote-cover .btn_pos--up{top:0}.gif-remote .remote-cover .btn_pos--down{bottom:0}.gif-remote .remote-cover .remote_arrow--left{background-color:#000;padding:5px 3px;border-top-left-radius:10px;border-bottom-left-radius:10px}.gif-remote .remote-cover .remote_arrow--right{background-color:#000;padding:5px 3px;border-top-right-radius:10px;border-bottom-right-radius:10px}.gif-remote .remote-cover .remote_arrow--top{background-color:#000;padding:2px 4px;border-top-left-radius:12px;border-top-right-radius:12px}.gif-remote .remote-cover .remote_arrow--bottom{background-color:#000;padding:2px 4px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.gif-remote .remote-cover .remote_ok--center{background-color:#000;padding:5px}.gif-remote .remote-cover .remote_num--cover{background-color:#000;padding:0 2px;margin:1px;border-radius:8px}@font-face{font-family:"ABCArizonalFlare-Bold";src:local("ABCArizonalFlare-Bold"),url(/static/media/ABCArizonaFlare-Bold.b76463f2.otf) format("truetype")}
/*# sourceMappingURL=main.0b572d6a.chunk.css.map */