@font-face{font-family:AdnAlexandria;src:url('assets/alexandria.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
.template-adn{background:var(--app-background,#10172d);color:var(--app-text-color,#fff)}
.template-adn #wrapper.adn-root{position:absolute;top:0;left:0;width:1280px;height:720px;margin:0;padding:0;overflow:hidden;background:var(--app-background,#10172d);font-family:AdnAlexandria,Arial,sans-serif;color:var(--app-text-color,#fff)}
.adn-root *{box-sizing:border-box}.adn-root button,.adn-root input{font:inherit;color:inherit}.adn-root button{cursor:pointer;border:0;background:transparent;padding:0;text-align:left;outline:none}.adn-root h1,.adn-root h2,.adn-root p{margin:0}.adn-root img{object-fit:contain}.adn-root .adn-focused{outline:2px solid var(--app-text-color,#fff);outline-offset:4px;border-radius:8px}
/* Measured source: sidebar 100 -> 300px and content left 105 -> 305px;
   no CSS interpolation on that change. Row motion is .2s linear. */
.adn-nav{position:absolute;left:0;top:0;width:100px;height:720px;overflow:hidden;background:var(--surface-color,#10172d);z-index:5}
.adn-logo{display:block;width:80px;height:80px;margin:15px 10px}.adn-nav-item{display:block!important;position:relative;width:300px;height:50px;padding-left:25px!important;white-space:nowrap}
.adn-icon{position:absolute;left:37px;top:15px;width:25px;height:20px}.adn-nav-label{position:absolute;left:85px;top:0;line-height:50px;font-size:16px;font-weight:600;visibility:hidden}
.adn-nav-item.adn-selected:after,.adn-nav-item.adn-focused:after{content:'';position:absolute;bottom:0;left:25px;width:50px;height:2px;background:var(--menu-highlight-color,#38a6af)}
.adn-nav-item.adn-focused:after{background:var(--app-text-color,#fff)}.adn-nav-item.adn-focused{outline:0;border-radius:0}
.adn-nav-open .adn-nav{width:300px}.adn-nav-open .adn-nav-label{visibility:visible}.adn-nav-open .adn-logo{width:180px}
.adn-viewport{position:absolute;left:105px;top:0;width:1175px;height:720px;overflow:hidden;border-left:0;background:var(--app-background,#10172d)}
.adn-viewport:before{content:'';position:fixed;left:100px;top:0;width:5px;height:720px;background:linear-gradient(#615eae,#10172d)}
.adn-nav-open .adn-viewport{left:305px}.adn-nav-open .adn-viewport:before{left:300px}
.adn-hero{position:relative!important;left:0!important;top:0!important;width:1175px!important;height:360px!important;margin:0!important;padding:0!important;background:transparent!important;overflow:hidden}
.adn-hero-image{position:absolute;left:242px;top:0;width:933px;height:394px;object-fit:cover!important;transition:opacity 1s ease-in-out}.adn-hero-shade{position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(90deg,var(--surface-color,#10172d) 0%,var(--surface-color,#10172d) 15%,transparent 65%)}
.adn-hero-copy{position:absolute;left:22px;top:56px;width:490px;height:280px}.adn-hero-copy h1{font-size:30px;line-height:1.3;font-weight:500;max-height:80px;overflow:hidden}.adn-hero-copy p{position:absolute;top:101px;left:0;width:450px;font-size:14px;line-height:21px;max-height:110px;overflow:hidden;font-weight:500}.adn-hero-copy small{position:absolute;top:-30px;font-size:14px}
.adn-root .adn-action{display:inline-block;background:var(--menu-highlight-color,#38a6af);color:var(--app-text-color,#fff);border-radius:10px;padding:8px 22px;min-width:150px;text-align:center;font-size:16px;line-height:24px;font-weight:600}
.adn-hero-copy .adn-action{position:absolute;left:5px;top:230px;width:200px;min-width:0;height:30px;line-height:30px;padding:0}.adn-dots{position:absolute;right:24px;bottom:20px}.adn-dots button{display:inline-block;width:12px;height:12px;border-radius:50%;background:#888;margin-left:14px}.adn-dots button.selected{background:#fff}
.adn-home-rows{padding:0 22px 50px}.adn-row{margin:8px 0 28px;position:relative}.adn-row-title{display:flex;align-items:center;white-space:nowrap;font-size:16px;font-weight:500;line-height:24px;margin:0 0 7px!important}.adn-row-title:after{content:'';height:2px;background:var(--app-text-color,#fff);flex:1;margin-left:10px}
.adn-row-clip{overflow:hidden;padding:6px;margin:-6px;position:relative}.adn-track{position:relative;left:0;white-space:nowrap;transition:left .2s linear;-webkit-transition:left .2s linear}
.adn-card{position:relative;display:inline-block;vertical-align:top;white-space:normal;margin-right:14px!important}.adn-live{width:320px;height:100px;border-radius:3px!important;background:linear-gradient(100deg,#022b53,#21729e)}
.adn-channel-logo{position:absolute;left:10px;top:10px;width:80px;height:80px}.adn-live-copy{position:absolute;left:110px;top:22px;right:12px;font-size:14px;line-height:23px}.adn-live-copy strong{display:block;font-weight:500}.adn-live-copy small{display:block;font-size:13px}
.adn-landscape{width:270px;min-height:185px}.adn-card-frame{position:relative;width:270px;height:158px;padding:5px;border:2px solid transparent;border-radius:10px;overflow:hidden}.adn-card-frame img{width:256px;height:144px;object-fit:cover;border-radius:10px}.adn-card-title{display:block;font-size:14px;line-height:20px;margin-top:5px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.adn-card-meta{display:block;font-size:10px;margin-top:3px}.adn-duration{display:block;font-size:10px;text-align:right}.adn-badge{position:absolute;left:10px;bottom:10px;padding:3px 7px;background:#00fff7;color:#000;font-size:10px;border-radius:5px}
.adn-card.adn-focused{outline:0}.adn-card.adn-focused .adn-card-frame{border-color:var(--app-text-color,#fff)}.adn-live.adn-focused{outline:2px solid var(--app-text-color,#fff);outline-offset:4px}
.adn-tabs{height:65px;white-space:nowrap;padding:5px 22px 10px;overflow:hidden}.adn-tab{display:inline-block;font-size:16px!important;font-weight:500;line-height:30px;margin-right:30px;color:var(--menu-text-color,#407884)!important}.adn-tab.adn-focused,.adn-tab.adn-tab-selected{color:var(--app-text-color,#fff)!important}
.adn-grid{position:relative;padding:33px 22px 20px;font-size:0}.adn-grid .adn-card{margin-bottom:30px;vertical-align:top}.adn-grid.adn-columns-7 .adn-card{margin-right:25px!important}.adn-portrait{width:135px;height:242px}.adn-portrait .adn-card-frame{width:149px;height:254px;margin:-7px;padding:5px;border-radius:10px}.adn-portrait .adn-card-frame img{width:135px;height:242px;border-radius:0;object-fit:cover}.adn-grid.adn-columns-3 .adn-card{margin-right:45px!important;margin-bottom:35px;width:320px}.adn-empty,.adn-page-count{padding:25px;font-size:16px}.adn-page-count{font-size:12px}
.adn-detail-open .adn-nav{display:none}.adn-detail-open .adn-viewport{left:0;width:1280px}.adn-detail-open .adn-viewport:before{display:none}.adn-detail-hero{height:420px;position:relative}.adn-detail-image{position:absolute;left:0;top:0;width:1280px;height:507px;object-fit:cover!important}.adn-detail-shade{position:absolute;left:0;top:0;width:1280px;height:507px;background:linear-gradient(90deg,var(--surface-color,#10172d) 5%,var(--surface-color,#10172d) 28%,transparent 70%)}
.adn-detail-shade:after{content:'';position:absolute;left:0;right:0;bottom:0;height:100px;background:linear-gradient(transparent,var(--surface-color,#10172d))}.adn-back{position:absolute;left:22px;top:22px;width:42px;height:42px;border:2px solid #fff!important;border-radius:50%!important;font-size:26px!important;text-align:center!important}.adn-detail-genre{position:absolute;left:84px;top:35px;font-size:16px;font-weight:500}.adn-detail-hero h1{position:absolute;left:22px;top:73px;font-size:30px;font-weight:500}.adn-detail-hero p{position:absolute;left:22px;top:171px;width:485px;font-size:14px;line-height:21px;max-height:146px;overflow:hidden;font-weight:500}.adn-favorite{position:absolute;left:27px;top:332px}.adn-season-tabs{position:relative;height:62px;padding-top:8px}.adn-episode-track{position:relative;left:22px}
.adn-login{position:relative;padding-top:142px;text-align:center;font-size:16px}.adn-login h2{font-size:16px;line-height:26px;font-weight:500}.adn-login>p{line-height:26px}.adn-login-form{position:absolute;top:300px;left:75px;width:470px;text-align:left}.adn-login-form label{display:block;margin-bottom:20px;font-size:14px}.adn-login input{display:block;width:100%;height:42px;background:#fff;color:#333;border:0;border-radius:8px;padding:8px;font-size:20px;margin-top:6px}.adn-login-form .adn-action{display:block;margin:42px auto 0}.adn-login-qr{position:absolute;left:585px;top:235px;height:350px;width:550px;border-left:2px solid white;padding:55px 45px}.adn-login-qr img{width:110px;height:110px;opacity:.5}.adn-login-qr p{margin-top:20px;line-height:26px}.adn-login button:disabled{opacity:.65;cursor:default}
.adn-search-box{padding:30px 22px 20px}.adn-search-box input{width:800px;height:50px;color:#111;background:white;border:2px solid #aaa;border-radius:6px;padding:10px}.adn-search-box .adn-action{margin-left:20px}.adn-keyboard{padding:0 22px;width:900px}.adn-keyboard button{width:72px;height:38px;background:#24314c;margin:0 10px 10px 0;text-align:center;border-radius:5px;font-size:14px}.adn-search-box~.adn-grid{padding-top:15px}
.adn-audio-panel{position:absolute;left:0;right:0;top:0;bottom:0;background:var(--surface-color,#10172d);z-index:20;text-align:center;padding:80px}.adn-audio-panel>img{width:250px;height:250px}.adn-audio-panel h1{margin:25px}.adn-audio-panel p{margin:20px}.adn-audio-panel audio,.adn-audio-panel object{position:absolute;left:0;top:0;width:1px;height:1px}
.adn-top .adn-nav{width:1280px;height:86px;white-space:nowrap}.adn-top .adn-logo{display:inline-block;width:65px;height:65px;margin:10px 15px;vertical-align:middle}.adn-top .adn-nav-item{display:inline-block!important;width:auto;height:60px;padding:0 12px!important}.adn-top .adn-icon{display:none}.adn-top .adn-nav-label{position:static;visibility:visible;font-size:14px}.adn-top .adn-viewport{top:86px;left:0;width:1280px;height:634px}.adn-top .adn-viewport:before{display:none}.adn-top .adn-nav-item:after{left:10px;width:calc(100% - 20px)}.adn-top.adn-detail-open .adn-viewport{top:0;height:720px}
.template-adn #hero .hero-media{position:absolute;left:500px;top:0;width:675px;height:360px;overflow:hidden}.template-adn #hero .hero-video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
/* Existing template can opt into a vertical menu without changing its catalogue. */
.navigation-sidebar #appHeader{position:absolute;left:0;top:0;width:190px;height:720px;display:block;padding:18px 12px;z-index:10;background:var(--surface-color,#00050d)}
.navigation-sidebar #topMenu{display:block;width:165px;padding-top:24px}.navigation-sidebar .topmenuitem{display:block;margin-bottom:14px;font-size:17px}.navigation-sidebar #hero{margin-left:125px;width:1040px}.navigation-sidebar #gridScrollView{margin-left:150px;width:1050px}
.navigation-sidebar #navAnchor{display:block}.navigation-sidebar #appHeader .brand{display:block;font-size:20px}.navigation-sidebar #appHeader .brand-logo{max-width:160px;object-fit:contain}.navigation-sidebar #catalogueView{padding-top:72px}.adn-more{width:270px;height:100px;border:2px solid var(--menu-text-color,#407884)!important;border-radius:8px!important;text-align:center!important;font-size:18px!important}.adn-more.adn-focused{border-color:var(--app-text-color,#fff)!important}

.adn-channel-page>.adn-tabs{height:50px;padding-top:22px}.adn-channel-page>.adn-region-tabs{padding-top:22px}.adn-channel-page .adn-grid{padding-top:30px}.adn-channel{width:174px;height:174px;border:2px solid var(--menu-text-color,#407884)!important;border-radius:10px!important;margin-right:18px!important;margin-bottom:21px!important;padding:5px!important}.adn-square-logo{width:160px;height:160px}.adn-channel.adn-focused{border-color:var(--app-text-color,#fff)!important}.adn-root .adn-grid.adn-columns-6{padding-left:16px;padding-right:0}
.adn-grid.adn-columns-4 .adn-card{margin-right:10px!important}
.adn-grid.adn-columns-4 .adn-live{width:270px}