body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tv-container{background-color:#000;height:100vh;overflow:hidden;position:relative;width:100vw}.tv-screen{height:95%;left:40%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%;z-index:2}.video-inside-tv{height:79%;left:39.6%;top:50%;width:53%;z-index:1}.channel-controls{bottom:5%;display:flex;gap:1rem;left:50%;position:absolute;transform:translateX(-50%);z-index:4}.channel-controls button{background:#111;border:2px solid #888;border-radius:6px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem 1rem;transition:.2s}.channel-controls button:hover{background:#333}.tv-mobile-layout{background:#000;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative;width:100vw}.tv-mobile-layout.allow-scroll{overflow-y:auto}.tv-mobile-frame{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-start;position:relative}.tv-off-overlay{height:100vh;left:0;opacity:1;top:0;width:100vw;z-index:3}.tv-off-effect,.tv-off-overlay{background:#000;pointer-events:none;position:absolute}.tv-off-effect{border-radius:4px;height:59%;left:41%;opacity:.92;top:40%;transform:translate(-50%,-50%);width:58%;z-index:2}@media (max-width:768px){.tv-screen{height:auto;left:0;margin-bottom:0;margin-top:16px;max-width:100vw;position:absolute;top:0;transform:none;width:100vw;z-index:2}.tv-mobile-frame{align-items:center;justify-content:flex-start;width:100vw}.tv-mobile-layout{min-height:100vh;overflow-y:auto;padding-bottom:120px;width:100vw}.tv-off-overlay{height:60vw;left:0;top:0;width:100vw}.tv-off-effect{background:#000;border-radius:4px;height:37%;left:50%;opacity:.92;pointer-events:none;top:25%;transform:translate(-50%,-50%);width:85%;z-index:2}}.video-inside-tv{aspect-ratio:4/3;border-radius:4px;height:clamp(45vh,60%,85vh);left:41%;object-fit:cover;position:absolute;top:40%;transform:translate(-50%,-50%);width:clamp(60vw,58%,80vw);z-index:0}@media (max-width:768px){.video-inside-tv{aspect-ratio:4/3;border-radius:4px;height:auto;left:50%;object-fit:cover;position:absolute;top:7%;transform:translateX(-50%);width:90%;z-index:0}}.crt-overlay{animation:crtFlicker .3s infinite alternate;background:repeating-linear-gradient(180deg,#0000001f,#0000001f 1px,#0000 0,#0000 3px);box-shadow:inset 0 0 60px #00000059;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}@keyframes crtFlicker{0%{opacity:.15}to{opacity:.25}}.zapping{animation:flashOutIn .6s ease}.channel-number{color:#0f0;font-family:Digital-7,monospace;font-size:2rem;position:absolute;right:35%;text-shadow:0 0 4px #0f0;top:20%;z-index:3}.volume-overlay{background:#0000004d;border-radius:8px;color:#00bfff;font-size:1.7rem;padding:.2em .7em;pointer-events:none;right:35%;text-shadow:0 0 4px #00bfff;top:35%}@media (max-width:768px){.channel-number{font-size:1.5rem;right:15%;top:10%}.volume-overlay{font-size:1.2rem;right:15%;top:20%}}.channel-info-box{backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);background:#ffffff2e;border:1.5px solid #ffffff40;border-radius:12px;box-shadow:0 4px 24px #0003;color:#fff;max-width:190px;min-width:150px;padding:10px;position:absolute;right:3%;text-align:center;top:29%;z-index:20}.channel-info-btn{border:2px solid #888;border-radius:8px;color:#fff;display:inline-block;font-size:13px;font-weight:700;margin-top:5px;padding:10px 22px;text-decoration:none;transition:background .2s}.channel-info-btn,.channel-info-btn:hover{background:#181818}.channel-info-box-mobile{background:none;border-radius:0;bottom:35%;box-shadow:none;left:50%;max-width:none;min-width:0;min-width:auto;padding:0;position:fixed;text-align:center;transform:translateX(-50%);z-index:30}.remote-container{bottom:9%;margin:auto;max-width:220px;position:fixed;right:3%;width:13%;z-index:10}.remote-container svg{height:auto;width:100%}.remote-mobile{display:none}.remote-desktop{display:block}@media (max-width:1200px) and (min-width:769px){.remote-container{max-width:260px;width:16%}}@media (max-width:768px){.remote-container{background:none;bottom:10%;display:flex;justify-content:center;left:0;margin:0;max-width:100vw;padding-bottom:5px;position:absolute;right:0;width:100vw;z-index:3}.remote-mobile{display:block;max-width:480px;width:100vw}.remote-desktop{display:none}}.remote-desktop [id^=button_],.remote-mobile [id^=button_]{cursor:pointer;pointer-events:all}
/*# sourceMappingURL=main.89d15b06.css.map*/