:root{--brand-primary: #00a0df;--accent-color: #e07726;--text-color: #fff;--background-color: #000}*{box-sizing:border-box}body{font-family:Roboto,sans-serif;color:var(--text-color);background-color:var(--background-color);width:100vw;height:100vh;padding:0;margin:0;overflow:hidden}menu{list-style-type:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;padding:0;margin:0}#content-wrapper{position:fixed;inset:0;overflow:hidden;display:grid;place-content:center;background:#232837}#message{position:absolute;left:0;right:0;bottom:calc(100% + 20px);font-size:12px;text-align:center;line-height:2;color:#fff;z-index:100}#instructions{position:absolute;left:50%;transform:translate(-50%);bottom:10px;font-size:12px;text-align:center;line-height:2;display:flex;justify-content:center;align-items:center;gap:15px;color:#fff;z-index:100}#instructions>span{display:flex;justify-content:center;align-items:center;gap:5px}#instructions>span>span{border:1px white solid;border-radius:3px;display:grid;place-content:center;padding:0 8px;text-transform:uppercase;background:#00000080}#compass{position:absolute;top:15px;right:15px;width:100px;height:100px;color:#fff;z-index:100}#compass svg{width:100%;height:100%}#modes{max-width:100%;max-height:100%;width:100vw;height:100%;display:block;position:relative;aspect-ratio:16 / 9!important;background:transparent}section{display:flex;flex-flow:column nowrap;opacity:0;transition:opacity .5s ease-out;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}section.on{display:flex;opacity:1;pointer-events:auto}section.on:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:0}section>header{flex:0;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:1}section>main{flex:1 1 100%;position:relative;z-index:1}#launch{background:transparent}#launch.on:before{display:none}#launch div{width:100%;height:100%;display:grid;place-content:center;position:relative;z-index:1}#launch img{width:252.09px;height:120px}.ring-menu{width:100px;height:100px;border-radius:100%;background:#00a0df80;display:grid;place-content:center;font-size:20px;font-weight:700;color:#fff;text-transform:uppercase;position:relative}.ring-menu:before{content:"";position:absolute;top:0;left:0;width:calc(100% - 3px);height:calc(100% - 3px);border-radius:100%;z-index:1;border:2px solid #88dcdf;text-shadow:0 0 .25em hsl(0 0% 100% / 1),0 0 .45em var(--brand-primary);box-shadow:inset 0 0 .5em 0 var(--brand-primary),0 0 .5em 0 var(--brand-primary)}.ring-menu svg{width:40px;height:40px}.item-list{display:flex;flex-flow:row nowrap;gap:10px;padding:0;margin:0}.item-list>li{position:relative;background-color:#64646480;border:3px solid transparent;border-radius:5px;display:block}.item-list>li.on{background-color:#00a0df80;border-color:var(--brand-primary)}.item-list>li.on:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 1px);height:calc(100% + 1px);border-radius:3px;z-index:1;border:2px solid #88dcdf;text-shadow:0 0 .25em hsl(0 0% 100% / 1),0 0 .45em var(--brand-primary);box-shadow:inset 0 0 .5em 0 var(--brand-primary),0 0 .5em 0 var(--brand-primary)}.item-list>li>span{width:100px;height:100px;display:grid;place-content:center;color:#fff;font-weight:700;line-height:1;text-align:center;text-transform:uppercase;font-size:18px;padding:5px}#my #channels-wrapper{display:none}#content-wrapper>#channels-wrapper{position:absolute;bottom:50px;left:0;right:0;overflow-x:auto;overflow-y:hidden;padding:0 50px;z-index:100}#my #channels-list{display:flex;flex-flow:row nowrap;gap:10px}#my #channel-actions{position:absolute;left:0;right:0;bottom:250px;color:#fff;display:none;place-content:center;z-index:200}#my #channel-actions.on{display:grid}#my #channel-actions>div{display:inline-flex;flex-flow:column nowrap;gap:10px;width:700px}#my #channel-actions h2{font-weight:400;margin:0}#my #channel-actions h4{font-weight:700;margin:0;text-transform:uppercase}#my #channel-actions progress{appearance:none;width:100%;border:0;height:10px;border-radius:20px;overflow:hidden}#my #channel-actions progress::-webkit-progress-bar{background-color:#fff}#my #channel-actions progress::-webkit-progress-value{background-color:var(--brand-primary)}#my #channel-actions menu{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:10px}#my #channel-actions menu .right{display:flex;flex-flow:row nowrap;align-items:center;gap:20px}#my #channel-actions svg{width:30px;height:30px}#my #channel-actions svg.on{fill:var(--brand-primary)}#explore #buckets{display:grid;place-content:center;height:100%}.type-buckets{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items:center;padding:40px}.type-buckets li{display:flex;flex-direction:column;align-items:center;gap:15px;padding:30px;background:#6464644d;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .3s ease;min-width:120px}.type-buckets li:hover,.type-buckets li.on{background-color:#00a0df80;border-color:var(--brand-primary);box-shadow:0 0 20px #00a0df99}.type-buckets svg{width:60px;height:60px;fill:#fff}.type-buckets span{color:#fff;font-size:18px;font-weight:700;text-align:center}#explore>main{display:none}#explore.explore-buckets #buckets{display:grid}#explore.explore-buckets #drilldown{display:none}#explore.explore-buckets .channels{opacity:.5}#explore.explore-drilldown #buckets{display:none}#explore.explore-drilldown #drilldown{display:flex}#explore.explore-drilldown .channels{opacity:.5}#explore.explore-channels #buckets{display:none}#explore.explore-channels #drilldown{display:flex}#explore.explore-channels .channels{opacity:1}main#drilldown{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:start;gap:20px;height:100%;padding:20px;background-color:#00000080}main#drilldown>menu{display:flex;flex-flow:row nowrap;gap:10px;display:none;align-items:flex-start}main#drilldown>menu>ul{width:200px;opacity:.5}ul.drilloptions{display:flex;flex-flow:column nowrap;gap:10px;padding:0;margin:0;margin-block-start:0;margin-block-end:0;padding-inline-start:0;width:100%;list-style:none}ul.drilloptions>li{background-color:#646464cc;border:3px solid transparent;border-radius:5px;display:block;position:relative;color:#fff;line-height:1;text-align:center;text-transform:uppercase;font-size:18px;padding:5px 10px;margin:0}ul.drilloptions>li:first-child{margin-top:0}ul.drilloptions>li.on{background-color:#00a0df80;border-color:var(--brand-primary)}ul.drilloptions>li.on:before{content:"";position:absolute;top:-2px;left:-2px;width:100%;height:100%;border-radius:3px;z-index:1;border:2px solid #88dcdf;text-shadow:0 0 .25em hsl(0 0% 100% / 1),0 0 .45em var(--brand-primary);box-shadow:inset 0 0 .5em 0 var(--brand-primary),0 0 .5em 0 var(--brand-primary)}#explore section.channels{position:absolute;top:15px;left:auto;right:auto;width:auto;height:auto;display:block;padding:0;margin:0}.channels .item-list{display:flex;flex-flow:column nowrap;gap:0;padding:0;margin:0;margin-block-start:0;margin-block-end:0;padding-inline-start:0;list-style:none}.channels .item-list>li{list-style:none;padding:0;margin:0}.channels .item-list>li:first-child{margin-top:0;padding-top:0}.channels .item-list>li:first-child .epg-results{margin-top:0;padding-top:0}#search main{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px}.keys{display:grid;grid-template-columns:repeat(13,1fr);gap:10px;margin-bottom:40px;max-width:900px}.keys li{background:#64646480;color:#fff;padding:15px;text-align:center;border-radius:5px;border:2px solid transparent;font-weight:700;cursor:pointer;transition:all .3s ease}.keys li:hover,.keys li.on{background-color:#00a0df80;border-color:var(--brand-primary);box-shadow:0 0 15px #00a0df99}#account main{display:grid;place-content:center;height:100%;text-align:center;color:#fff}#account h3{font-size:48px;margin-bottom:20px}.epg-results{display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:5px;grid-row-gap:5px;padding:0;margin:0;background:transparent}.epg-results>*{background-color:#646464cc;color:#fff;line-height:1;text-align:center;font-size:14px;padding:10px}.epg-results.on>*{background-color:#00a0df80}.epg-channel{display:grid;place-content:center;text-transform:uppercase;font-weight:700}.epg-program{display:flex;flex-flow:column nowrap;align-items:flex-start;gap:10px}.epg-results .epg-program{grid-column-start:2;grid-column-end:6}@-moz-document url-prefix(){section{-moz-transition:opacity .5s ease-out}.item-list>li.on:before{-moz-box-shadow:inset 0 0 .5em 0 var(--brand-primary),0 0 .5em 0 var(--brand-primary)}.ring-menu:before{-moz-box-shadow:inset 0 0 .5em 0 var(--brand-primary),0 0 .5em 0 var(--brand-primary)}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}