*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Arial,sans-serif;background:#10141d;color:#eef1f8}body.light{background:#f3f5fa;color:#182131}button,select{font:inherit;color:inherit;background:#1b2331;border:1px solid #3a4557;border-radius:9px;padding:10px 16px;cursor:pointer}.light button,.light select{background:#fff;border-color:#bdc6d4}button:focus,select:focus{outline:3px solid #bdcaff;outline-offset:2px}header{height:90px;padding:22px 4%;border-bottom:1px solid #30394a}header strong{font-size:32px;letter-spacing:-2px}header strong span{color:#879dff}.subtitle{font-size:11px;letter-spacing:4px;margin-left:15px;color:#99a7bd}.tools{float:right}.tools button,.tools select{margin-left:10px}#theme{width:46px}main{padding:25px 4%}.hidden{display:none!important}#activation{height:calc(100% - 90px);padding-top:8%}.welcome{width:58%;float:left}.eyebrow{color:#97a9ff;font-size:13px;letter-spacing:4px}h1{font-size:36px;font-weight:500;margin:20px 0}p{line-height:1.6;color:#aab6c9;max-width:600px}.light p{color:#536077}#code{display:inline-block;font-size:60px;letter-spacing:12px;font-weight:700;padding:18px 24px;margin-top:12px;border:1px solid #516088;border-radius:16px;background:#192236}.light #code{background:#fff}#activationStatus{font-size:16px}.address{font-size:19px;color:#9dabff;margin:24px 0}#retry{margin-top:6px}.activation-art{float:right;width:38%;text-align:center;padding-top:20px}.art-logo{margin:auto;width:220px;height:220px;border:1px solid #3c4b70;border-radius:50%;font-size:150px;line-height:220px;color:#9aaeff;background:#182238;box-shadow:0 0 70px #24335b}.art-logo span{font-size:44px;display:inline-block;margin-left:-73px;vertical-align:middle}.activation-art p{margin-top:40px;letter-spacing:4px;font-size:12px}.catalog-heading{height:58px}.catalog-heading h1{font-size:27px;display:inline;margin:0}.catalog-heading #count{float:right;font-size:15px;color:#aab6c9}.columns{width:100%}.categories{width:30%;float:left;padding-right:24px}.channels{width:70%;float:left}h2{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#97a6bd;margin:0 0 12px}.row{display:block;width:100%;text-align:left;margin:0 0 8px;height:48px;line-height:24px;padding:10px 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:1px solid #3a4557;border-radius:9px;background:#1b2331}.row.active{border-color:#839aff;background:#293858;color:#fff}.row:focus{border-color:#bed0ff;background:#354a79;color:white;outline:2px solid #a5baff;outline-offset:0}.num{display:inline-block;min-width:42px;color:#93a4c8}.columns:after{content:'';display:block;clear:both}#page{height:20px;text-align:right;font-size:13px;color:#9daec8}#notice{margin:10px 0;font-size:14px}footer{font-size:13px;color:#8191ab;border-top:1px solid #30394a;padding-top:12px}#video{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#000}.playing{background:transparent!important}.playing #app{display:none}.playing #video{display:block}.playing.native #video{display:none}#playError{position:fixed;left:10%;bottom:10%;width:80%;padding:20px;background:#242e43;border-radius:12px;color:white}@media(max-width:700px){header{height:74px;padding:16px 4%}header strong{font-size:25px}.subtitle{display:none}.tools button,.tools select{padding:8px;margin-left:4px;font-size:12px}.welcome{width:100%}.activation-art{display:none}h1{font-size:28px}#code{font-size:42px}.categories{width:35%;padding-right:10px}.channels{width:65%}.row{padding-left:10px;font-size:14px}footer{font-size:11px}}

/* TV layout uses floats and ordinary CSS for the MAG WebKit browser. */
.categories{width:22%;padding-right:16px}.channels{width:35%;padding-right:20px}.details{width:43%;float:left}
#previewWindow{display:block;position:relative;width:100%;height:0;padding:0 0 56.25%;border:1px solid #425273;background:#070b13;border-radius:10px;overflow:hidden;text-align:center}
#previewHint{position:absolute;left:8%;right:8%;top:42%;font-size:15px;color:#aab8cf}
#previewName{height:30px;line-height:30px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#aebde0}
.guide{border:1px solid #344159;background:#17202e;padding:14px;border-radius:10px}.guide h2{margin-bottom:7px}
#epgChannel{font-size:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px}
#epgStatus{font-size:13px;line-height:1.5;color:#acb8ce}.programme{padding:8px 0;border-top:1px solid #334159;font-size:14px;line-height:1.35}.programme.current{color:#b4c6ff}.programme time{display:inline-block;font-size:12px;color:#9fadc6;margin-right:8px}.programme strong{font-weight:400}.programme .description{margin:5px 0 0;color:#acb8ce;font-size:12px;max-height:34px;overflow:hidden}.progress{height:3px;background:#364360;margin-top:6px}.progress span{display:block;height:3px;background:#8aa6ff}
.light .guide{background:#fff;border-color:#bdc6d4}.light #epgStatus,.light .programme time,.light .programme .description,.light #previewName{color:#536077}.light .programme{border-color:#d5dce7}.light .programme.current{color:#2946a2}
#video{z-index:2;object-fit:contain}.previewing #video{display:block}.previewing.native #video{display:none}.previewing #previewWindow{background:#000}.playing #video{display:block}.playing.native #video{display:none}
#playError{z-index:4}.light footer{border-color:#cbd3df}.light h2{color:#536077}
@media(max-height:650px) and (min-width:701px){header{height:70px;padding-top:12px}main{padding-top:16px}.catalog-heading{height:40px}.guide{padding:10px}.programme{padding:5px 0}.programme .description{display:none}.row{height:42px;padding-top:7px;padding-bottom:7px}#previewName{height:24px;line-height:24px}}
@media(max-width:700px){.categories{width:36%;padding-right:10px}.channels{width:64%;padding-right:0}.details{width:100%;float:none;clear:both;padding-top:16px}#previewWindow{max-height:none}.guide{margin-bottom:16px}.programme{font-size:14px}}

#channelActions{height:36px;white-space:nowrap;margin-top:3px}#channelActions button{padding:5px 9px;margin-right:5px;font-size:13px;height:32px}#channelActions button:disabled{opacity:.38;cursor:default}#favoriteToggle{max-width:70%;overflow:hidden;text-overflow:ellipsis}#emptyCategory{border:1px dashed #53627e;border-radius:9px;padding:18px 12px;font-size:14px;line-height:1.5;color:#aebbd1}#remoteToast{position:fixed;z-index:10;top:6%;right:5%;max-width:75%;padding:16px 22px;border:1px solid #8da6e4;border-radius:12px;background:#17243b;color:#fff;font-size:24px;white-space:pre-line;box-shadow:0 4px 24px #0008}.light #remoteToast{background:#fff;color:#17243b}.light #emptyCategory{color:#536077}.light .catalog-heading #count,.light #page{color:#536077}.row .favorite-mark{color:#ffd574}#actions{min-width:38px}
@media(max-width:700px){#channelActions button{font-size:12px;padding:5px 7px}#remoteToast{font-size:19px}.tools #actions{min-width:25px}}

/* Larger preview and a remote-accessible day guide. */
@media(min-width:701px){.categories{width:20%}.channels{width:32%}.details{width:48%}.guide .programme:nth-child(n+3){display:none}.guide .description{display:none}}
#openGuide{width:100%;text-align:left;margin-bottom:10px;font-size:15px;border-color:#839aff}
#guideScreen{position:fixed;z-index:8;left:0;right:0;top:0;bottom:0;padding:24px 4%;background:#101722;overflow:auto;color:#edf1f8}
#guideScreen h1{font-size:24px;margin:16px 0 10px}#guideScreen h2{font-size:17px}#guideMessage{min-height:22px;font-size:15px;color:#acb8ce}.guide-toolbar button{margin-right:12px}.guide-row{display:block;width:100%;text-align:left;height:52px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-row.active{border-color:#aabaff;background:#293858}#guideDescription{max-width:none;max-height:48px;overflow:auto;font-size:15px;margin:8px 0}#guideHelp{font-size:14px}.light #guideScreen{background:#eef2f7;color:#17243b}.light .guide-row.active{background:#dbe4ff;color:#17243b}.light #guideMessage{color:#536077}