.tv-section-fixed{width:155px;bottom:40px;position:fixed;z-index:999;right:30px}.tv-section-fixed video,.tv-section-fixed img{width:100%}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.video-tv-section-enable.popup{position:relative;padding:8rem 20px}.video-tv-section-enable .tv-remote{position:relative;margin-top:65px}.video-tv-section-enable .channel_btn.buttons{position:absolute;top:124%}.hidden{display:none}.popup-content{position:relative;background:transparent;width:100%;height:100%;padding:20px;border-radius:10px;text-align:center}.close-button{position:absolute;top:20px;left:0;font-size:50px;background:none;color:#fff;border:none;z-index:9999;cursor:pointer}.tv-container{position:relative;max-width:530px;margin:0 auto}#popup-video{max-width:100%;height:auto}.tv-popup .video-controls{display:flex;justify-content:center;gap:10px;margin-top:10px;position:relative;bottom:120px;left:30%;width:fit-content}.tv-popup .control-button{background-color:transparent;color:transparent;border:none;padding:10px 7px;cursor:pointer;border-radius:5px}.tv-popup .control-button:hover{background-color:transparent}.tv-popup img{display:block;width:100%;height:auto}.tv-popup .section{padding-top:3rem;padding-bottom:3rem}.tv-popup .gutter{padding-right:2rem;padding-left:2rem}.tv-popup .wrapper{max-width:1080px;margin:auto}.tv-popup .gif-tv{position:relative;margin-right:1rem}.tv-popup .gif-tv .viewport{position:absolute;top:15%;right:15%;bottom:35%;left:14%;background:#161616;z-index:-1;overflow:hidden}.tv-popup .gif-tv .viewport .video{z-index:0;position:absolute;width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.tv-popup .gif-tv .viewport .pixels{z-index:1;display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;background-repeat:no-repeat;content:""}.tv-popup .gif-tv .viewport .meta-left,.tv-popup .gif-tv .viewport .meta-right{display:flex;flex-flow:column;position:absolute;z-index:2;top:0;bottom:0;width:50%;padding:4% 6%}.tv-popup .gif-tv .viewport .meta-left{align-items:flex-start;left:0;right:unset}.tv-popup .gif-tv .viewport .meta-right{align-items:flex-end;left:unset;right:0}.tv-popup .gif-tv .viewport span{text-shadow:0 0 3px #888;font-size:1rem;font-family:VT323}.tv-popup .gif-tv .viewport span:not(.active){display:none}.tv-popup .gif-tv .viewport span.active{display:block}.tv-popup .gif-tv button.dial{display:block;position:absolute;left:85.6%;transform:translateY(-50%);padding:0;border-radius:50%;border:#DFDDD1 solid 3px;background-color:transparent;width:10.2%;line-height:0;cursor:pointer;transition:all .2s ease-in-out}.tv-popup .gif-tv button.dial:hover,.gif-tv button.dial:focus{outline:none}.tv-popup .gif-tv button.dial:hover{border-color:#0af}.tv-popup .gif-tv button.dial:active{border-color:#007fff}.tv-popup .gif-tv button.dial:before{display:block;width:100%;padding-top:100%;content:""}.tv-popup .gif-tv button#gif_tv_button_channel{top:56.3%}.tv-popup .gif-tv button#gif_tv_button_volume{top:74.6%;display:none}.tv-popup .gif-tv button.switch{display:block;position:absolute;left:82.2%;transform:translateY(-50%);padding:0;border-radius:50%;border:none;background-color:transparent;width:1.6%;line-height:0;cursor:pointer;transition:all .2s ease-in-out}.tv-popup .gif-tv button.switch:hover,.gif-tv button.switch:focus{outline:none;border:none}.tv-popup .gif-tv button.switch:hover,.tv-popup .gif-tv button.switch:active{background-color:transparent}.tv-popup .gif-tv button.switch:before{display:block;width:100%;padding-top:100%;content:""}.tv-popup .gif-tv button#gif_tv_button_mute{top:53.7%}.tv-popup .gif-tv button#gif_tv_button_hd{top:60.2%}.tv-popup .gif-tv button#gif_tv_button_hue_shift{top:66.5%}.tv-popup .gif-tv button#gif_tv_button_bright{top:72.9%}.tv-popup .gif-tv button#gif_tv_button_color{top:79.1%}@-webkit-keyframes rainbow_barf{0%{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}to{filter:hue-rotate(360deg)}}@keyframes rainbow_barf{0%{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}to{filter:hue-rotate(360deg)}}.tv-popup .gif-tv .cta{position:absolute;top:0;right:0;transform-origin:bottom left;transform:translate(100%) rotate(90deg);text-shadow:0 2px 8px #999;text-transform:uppercase;letter-spacing:1px}.tv-popup .heading{width:100%;margin:10% 0;text-shadow:0 2px 8px #999;letter-spacing:.2em;font-weight:700;font-size:4rem;text-align:center}.tv-popup button#prev-video{left:4%;position:absolute;width:21%;background:transparent;bottom:12%}.tv-popup button#next-video{left:4%;position:absolute;width:21%;bottom:70%}button.tv-sound-handle-btn{height:16%;position:absolute;bottom:12%;right:18%;width:15%;opacity:0;cursor:pointer;z-index:44}.tv-remote{position:relative}button#volumeDown,button#volumeUp{position:absolute;bottom:8.9%;width:8px;height:6px;opacity:0;cursor:pointer;border-radius:562px;padding:0}button#volumeDown{left:30.5%}button#volumeUp{left:27.5%}.channel_btn.buttons{position:absolute;bottom:-60%;left:34%;width:50%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;z-index:1;opacity:0}button.tv-power-handle-btn{height:20%;position:absolute;bottom:40%;right:0%;width:15%;opacity:0;cursor:pointer;z-index:44}.channel_btn.buttons button.\30-channel{left:115%!important;position:relative}.video-off-overlay{position:absolute;width:100%;height:300px;top:50%;left:50%;background:#000;transform:translate(-50%,-50%)}.channel_btn.buttons button{background:#00000080;color:#fff;border:none;padding:10px;font-size:16px;cursor:pointer}.channel_btn.buttons button:hover{background:#ffffffb3;color:#000}.no_channel_found{z-index:1;position:absolute}.tv-container{position:relative;max-width:430px;margin:0 auto}@media only screen and (max-width:1024px){.tv-container{position:relative;max-width:430px;margin:0 auto}}@media only screen and (max-width:720px){.tv-popup .gif-tv .viewport .video{width:330px;height:330px}.tv-popup .gutter{padding-right:0rem;padding-left:0rem}.tv-popup .gif-tv{position:relative;margin-right:0rem;margin-bottom:60px}.close-button{left:10px}.tv-popup .gutter{margin:0;width:100%;padding-top:100px}.channel_btn.buttons{top:118%;left:32%}.tv-section-fixed video,.tv-section-fixed img{width:88%}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/tv-popup.css.map */