*,:before,:after{box-sizing:border-box;position:relative}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;background:#001f3d;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;font-weight:400;line-height:1.5}@media only screen and (min-device-width:375px) and (max-device-width:812px){body,html,#root{font-size:12px}}.App{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}
:root{--row-height:4rem;--row-header-width:6rem;--column-width:16rem;--column-header-height:4rem;--odd-stripe-color:#0000001a;--even-stripe-color:#00000014;--background:#001f3d;--button-background:#00000080;--button-background-hover:#000000bf;--button-background-active:#00000080;--button-background-disabled:#0000001a;--button-border:#00000080}.epg{background:var(--background);flex-direction:row;flex:1;display:flex;overflow:hidden}.header{background:var(--background);flex-direction:row;justify-content:center;align-items:center;padding:0 1rem;display:flex}.header h1{color:#fff;height:3rem;margin:0;padding:0;font-size:1.25rem;font-weight:400;line-height:3rem}.corner{width:var(--row-header-width);min-height:var(--column-header-height);z-index:4;background:red;display:block;position:sticky;top:0;left:0}.scrollable{flex-direction:column;flex:1;display:flex;overflow:scroll}.outer-pane{width:calc(24*var(--column-width) + var(--row-header-width))}.header-pane{z-index:3;flex-direction:row;flex:1;width:100%;display:flex;position:sticky;top:0}.body-pane{flex-direction:row;flex:1;display:flex}.content{background:#fff;width:100%;height:100%}.now{--now-border-size:.5rem;z-index:1;box-sizing:border-box;width:calc(2*var(--now-border-size) + 1px);margin:0 calc(-1*var(--now-border-size));border-left:var(--now-border-size)solid #0000000d;border-right:var(--now-border-size)solid #0000000d;background:#00000040 padding-box padding-box;position:absolute;top:0;bottom:0}.now:before{--now-size:.5rem;content:"";margin-left:calc(-1*var(--now-size));top:var(--column-header-height);pointer-events:none;border-width:var(--now-size);border-style:solid;border-color:var(--background)transparent transparent transparent;border-image:initial;opacity:.5;width:0;height:0;position:sticky}.column-headers{background:var(--background);padding-left:var(--row-header-width);width:100%;line-height:var(--column-header-height);height:var(--column-header-height);min-height:var(--column-header-height);z-index:3;flex-direction:row;flex:1;display:flex;position:sticky;top:0;box-shadow:0 0 10px 1px #00000080}.column-header{width:var(--column-width);color:#fff;background:linear-gradient(90deg,#001f3d 0%,#002e5c 100%);border-right:1px solid #dedede80;padding-left:1rem}.row-headers{width:var(--row-header-width);min-width:var(--row-header-width);z-index:1;height:100%;position:sticky;left:0;box-shadow:2px 0 10px -2px #00000080}.row-header{text-align:center;height:var(--row-height);line-height:var(--row-height);min-height:var(--row-height);color:#fff;background:linear-gradient(#001f3d 0%,#002e5c 100%);border-bottom:1px solid #dedede80;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.row{height:var(--row-height);line-height:var(--row-height);min-height:var(--row-height);background-color:var(--odd-stripe-color);cursor:move;background-image:linear-gradient(to top left,#0000 0% 25%,#9090a21a 25% 50%,#0000 50% 75%,#9090a21a 75%);background-size:1rem 1rem;border-bottom:1px solid #aaa;flex:1;justify-content:center;align-items:center;display:flex}.row:nth-child(2n){background-color:var(--even-stripe-color)}.row .Show{background:#f1f1f1}.row:nth-child(2n) .Show{background:#fff}.row:last-child{border-bottom:none}.Show{border-left:1px solid #ddd;border-right:1px solid #ddd;flex-direction:row;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0 0 0 -1px}.Show.RunsPastMidnight{-webkit-mask-image:linear-gradient(to top right,#fff,#fff 50%,#0000 50%,#0000),linear-gradient(270deg,#0000 .5rem,#000 .5rem,#fff);mask-image:linear-gradient(to top right,#fff,#fff 50%,#0000 50%,#0000),linear-gradient(270deg,#0000 .5rem,#000 .5rem,#fff);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:.5rem .5rem,100% 100%;mask-size:.5rem .5rem,100% 100%;-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y}.Show{padding-left:.25rem}.Show .ImageFramePlaceholder{width:2rem;height:3rem;display:inline-block}.Show .ImageFramePlaceholder.a2x3{width:2rem;height:3rem}.Show .ImageFramePlaceholder.a4x3{width:4rem;height:3rem}.Show .ImageFrame,.Show .ImageFrame.a2x3 img{width:2rem;height:3rem}.Show .ImageFrame.a4x3 img{width:4rem;height:3rem}.Show .Details{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1;padding:0 .25rem;line-height:1.5rem;display:flex;overflow:hidden}.Show .Name{color:#000;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:400;text-decoration:none;overflow:hidden}.Show .ShowMeta{color:#666;flex-direction:row;gap:.25rem;height:1.5rem;font-size:.8rem;font-weight:400;display:flex}.Show .ShowMeta div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.CellDisplay{position:absolute;top:0;bottom:0;overflow:hidden}.NetworkHeader{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.NetworkHeader .NetworkName{color:#fff;width:var(--row-header-width);white-space:nowrap;text-overflow:ellipsis;padding:0 .5rem;font-size:.75rem;font-weight:400;line-height:3rem;overflow:hidden}.NetworkHeader .NetworkNumber{color:#fff;font-size:.75rem;font-weight:400;line-height:1rem}.Cards{grid-gap:2rem;background:#000;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));padding:2rem;display:grid}@media (max-width:375px){.Cards{grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));padding:1rem}}.Card{vertical-align:top;opacity:0;color:#fff;height:14rem;margin-bottom:2rem;transition:opacity .3s,transform .3s;transform:scale(0)}.Card.loaded{opacity:1;transform:scale(1)}.Card .ImageFrame{height:100%}.Card .Image{border-radius:.25rem}.Card .name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;display:block;overflow:hidden}.Card .year{color:#999;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;display:block;overflow:hidden}.PopUp{z-index:5;cursor:pointer;background:#4d4d4db3;justify-content:center;align-items:center;transition:all .4s;display:flex;position:absolute;inset:0}.PopUp .PopUpContent{background:#fff;border-radius:5px;width:48rem;max-width:90%;padding:1rem 2rem;position:relative}
.controls{bottom:calc(2rem + env(safe-area-inset-bottom));z-index:5;padding-left:calc(1.25rem + env(safe-area-inset-left));padding-right:calc(1.25rem + env(safe-area-inset-right));flex-direction:row;justify-content:flex-end;display:flex;position:absolute;left:0;right:0}.controls a,.controls button{cursor:pointer;white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#ffffff26;border:1px solid #fff3;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:5rem;height:5rem;margin-right:.75rem;padding:0;font-size:1rem;font-weight:500;line-height:5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 30px #0000001a,inset 0 1px #fff3}.controls a:last-child{margin-right:0}.controls a svg,.controls button svg{width:3rem;height:3rem}.controls a path,.controls button path{fill:#0080ff}.controls a:hover,.controls button:hover{background:#ffffff40;border-color:#ffffff59;transform:scale(1.05);box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff4d}.controls a:hover path,.controls button:hover path{fill:#4ca6ff}.controls a:active,.controls button:active{background:#ffffff4d;transform:scale(.95);box-shadow:0 2px 16px #0000001a,inset 0 1px #fff3}.controls a:active path,.controls button:active path{fill:#66b3ff}.controls a.disabled,.controls a:hover.disabled,.controls a:active.disabled{box-shadow:none;background:#ffffff0d;border-color:#ffffff1a;transform:none}.controls a.disabled path{fill:#0059b3}
