@font-face{font-family:RodinNTLG;src:url(/fonts/RodinNTLG.otf)format("opentype")}@font-face{font-family:Continuum;src:url(/fonts/contm.ttf)format("truetype");font-weight:400}@font-face{font-family:Continuum;src:url(/fonts/contb.ttf)format("truetype");font-weight:700}@font-face{font-family:Continuum;src:url(/fonts/contl.ttf)format("truetype");font-weight:300}*{box-sizing:border-box;margin:0;padding:0}body{overscroll-behavior:none;background-color:#fcfafa;width:100vw;height:100dvh}#app{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:130px;display:flex}.channel-grid{grid-template-rows:repeat(3,190px);grid-template-columns:repeat(4,300px);gap:12px;display:grid}@media (width<=768px){.channel-grid{grid-template-columns:repeat(2,44vw);grid-template-rows:unset;gap:8px}.channel-tile{aspect-ratio:300/190}.channel-tile:nth-child(n+7){display:none}.clock-display{font-size:18px!important}}.channel-tile{border:3px solid #bdbdbd;border-radius:14px;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:relative;overflow:hidden}.channel-tile-active:hover{z-index:10;transform:scale(1.05)}.tile-tooltip{color:#bdbdbd;opacity:0;pointer-events:none;background:#fcfafa;justify-content:center;align-items:center;width:100%;height:100%;font-family:RodinNTLG,sans-serif;font-size:20px;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.channel-tile-active:hover .tile-tooltip{opacity:1}.bottom-bar{pointer-events:none;position:fixed;left:0}.bar-menu-label{color:#4ddfe3;white-space:nowrap;font-family:RodinNTLG,sans-serif;font-size:15px;position:absolute;left:50%;transform:translate(-50%)}@media (width<=768px){.bar-menu-label{font-size:13px}}.bar-date{color:#bdbdbd;white-space:nowrap;font-family:RodinNTLG,sans-serif;font-size:26px;position:absolute;left:50%;transform:translate(-50%)}@media (width<=768px){.bar-date{font-size:18px}}.bar-tab{pointer-events:all;position:absolute}.bar-tab-left{left:0}.bar-tab-right{right:0}.tab-group{transform-box:fill-box;transform-origin:50%;transition:transform .2s}.tab-group.hovered{transform:scale(1.15)}@media (width<=768px){.bar-tab-left{transform-origin:0;transform:scale(.65)}.bar-tab-right{transform-origin:100%;transform:scale(.65)}}