*{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}}