/* TV compatibility; login retains its independently tested table layout. */
[hidden],dialog:not([open]){display:none!important}
.tv-no-grid .catalog-grid{display:block;font-size:0}
.tv-no-grid .catalog-grid>.card{display:inline-block;vertical-align:top;width:16.666%;padding:0 10px 24px;font-size:15px}
.tv-no-grid .catalog-grid.live-grid>.card{width:25%}
.tv-no-grid .rail{display:block;white-space:nowrap;font-size:0}
.tv-no-grid .rail>.card{display:inline-block;vertical-align:top;width:calc((100% - 100px)/6);margin-right:20px;white-space:normal;font-size:15px}
.tv-no-grid .icon-button,.tv-no-grid .account-avatar{display:inline-flex;align-items:center;justify-content:center}
.tv-no-aspect .poster{height:0;padding-bottom:150%}
.tv-no-aspect .poster img,.tv-no-aspect .poster-placeholder{position:absolute;top:0;left:0;width:100%;height:100%}
.tv-no-aspect .live-card .poster{padding-bottom:62.5%}
.tv-no-aspect .live-card .poster img{top:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px)}
.tv-no-aspect .detail-cover{height:180px}
.tv-no-gap .nav>button,.tv-no-gap .header-actions>button{margin-right:8px}
.tv-no-gap .hero-actions>*,.tv-no-gap .detail-actions>*,.tv-no-gap .tv-player-controls>*,.tv-no-gap #vod-buttons>*,.tv-no-gap .chips>*{margin:4px}
.tv-no-gap .tv-key-row>button{margin:3px}
.tv-no-gap .guide-channel{margin-right:18px}
.tv-no-gap .player-back svg{margin-right:8px}
.tv-legacy .header{background:#101612}
.tv-legacy .poster,.tv-legacy .poster img{transition:none}
.tv-legacy .skeleton{animation:none}
.tv-dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8)}
dialog.tv-dialog-fallback[open]{display:block;position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);margin:0;width:90%;max-width:900px;max-height:88vh;overflow:auto}
dialog.tv-dialog-fallback.player-dialog[open]{display:flex;top:0;left:0;transform:none;width:100%;height:100%;max-width:none;max-height:none;overflow:hidden}
dialog.tv-dialog-fallback.account-dialog[open]{max-width:440px}
dialog.tv-dialog-fallback.tv-keyboard[open]{max-width:800px}
@media(max-width:1100px){.tv-no-grid .catalog-grid>.card{width:20%}.tv-no-grid .rail>.card{width:calc((100% - 64px)/5);margin-right:16px}}
@media(max-width:800px){.tv-no-grid .catalog-grid>.card{width:25%}.tv-no-grid .catalog-grid.live-grid>.card{width:33.333%}.tv-no-grid .rail>.card{width:155px;margin-right:15px}}
@media(max-width:560px){.tv-no-grid .catalog-grid>.card{width:33.333%;padding:0 6px 20px}.tv-no-grid .catalog-grid.live-grid>.card{width:50%}.tv-no-grid .rail>.card{width:140px;margin-right:13px}.tv-no-aspect .detail-cover{height:120px}}

/* Bound category menus independently of legacy dialog/flex sizing. */
#category-menu[open]{display:block;position:fixed;right:auto;bottom:auto;margin:0;max-width:none;max-height:none;min-height:0;padding:0;box-sizing:border-box;overflow:hidden;transform:none;-webkit-transform:none;animation:none}
#category-menu .category-options{display:block;box-sizing:border-box;min-height:0;overflow-x:hidden;overflow-y:auto;flex:none}
#category-menu .category-option{overflow-wrap:break-word;word-wrap:break-word}
@media(max-height:540px){#category-menu .category-menu-heading{padding:12px 20px 8px}#category-menu .category-menu-heading h2{font-size:22px;margin:5px 0}#category-menu .category-menu-heading p{margin:5px 0}#category-menu .category-menu-footer{padding:10px 20px;font-size:12px}#category-menu .category-options{padding:8px 20px}}