@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{background-color:#fcfafa;width:100vw;height:100vh}#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}.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%)}.bar-date{color:#bdbdbd;white-space:nowrap;font-family:RodinNTLG,sans-serif;font-size:26px;position:absolute;left:50%;transform:translate(-50%)}.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)}