:root,[data-bs-theme=dark]{--hub-bg: #090909;--hub-surface: #1e1e1e;--hub-border: #282828;--hub-text: #fff;--hub-muted: #bebebe;--hub-accent: #993d99;--hub-accent-hover: #7f2f7f;--hub-live: #c7002f;--hub-up-next: #432f59;--superchat-t1: #0f809b;--superchat-t2: #556cbc;--superchat-t3: #7343a9;--superchat-t4: #9b0f8c;--superchat-t5: #b8007f;--superchat-t6: #ff6c3d;--superchat-t7: #00bc7f;--hub-epg-item-bg: #18151b;--hub-epg-item-active-bg: #432f59}[data-bs-theme=light]{--hub-bg: #ffffff;--hub-surface: #f6f6f6;--hub-border: #d9d9d9;--hub-text: #111;--hub-muted: #666;--hub-epg-item-bg: #f2f2f2;--hub-epg-item-active-bg: #efceff}.interactive-hub{position:fixed;display:flex;flex-direction:column;top:0;right:0;bottom:0;width:380px;min-width:400px;min-height:0;margin-top:58px;align-items:stretch;color:var(--hub-text);background:var(--hub-bg);border-left:1px solid var(--hub-border)}.interactive-hub .nav{background-color:var(--hub-surface)}.interactive-hub .nav .nav-item{font-size:80%;border-bottom:1px solid var(--hub-border)}.interactive-hub .nav .nav-link{color:var(--hub-muted);border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.interactive-hub .nav .nav-link:hover{color:var(--hub-text);border-bottom-color:#626262}.interactive-hub .nav .nav-link.active,.interactive-hub .nav .nav-link.active:hover{color:var(--hub-text);border-bottom-color:#993d99}.interactive-hub .tab-content{flex:1 1 auto;min-height:0;position:relative}.interactive-hub .tab-pane{position:relative;height:100%;min-height:0}.interactive-hub .hub-spinner{position:absolute;top:50%;left:50%;margin:-1rem 0 0 -1rem!important}@media(max-width:992px){.interactive-hub{position:relative!important;width:100%!important;min-width:auto!important;height:450px;margin-top:0!important}}.interactive-hub .chat-list{position:relative;flex:1 1 auto;width:100%;min-height:0;padding:13px 10px 5px;font-size:.875rem;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:#bebebe transparent}.interactive-hub .chat-list .jump-to-latest{position:absolute;left:50%;bottom:70px;font-size:1.6rem;color:#ffffff80;transform:translate(-50%);border:none;background:transparent;z-index:1000}.interactive-hub .chat-list .jump-to-latest:hover{cursor:pointer;color:#ffffffe6}.interactive-hub .chat-item{clear:both;float:left;max-width:98%;margin-bottom:10px;padding-right:20px}.interactive-hub .chat-item h3{font-size:.8125rem;margin-bottom:3px;padding:0 4px;color:#a4a4a4}.interactive-hub .chat-item h3 span{padding-right:.5em;font-weight:400;color:#707070;display:inline-block}.interactive-hub .chat-item h3 span.moderated{font-size:80%;opacity:.7}.interactive-hub .chat-item .reportIcon{position:absolute;visibility:hidden;font-size:80%;color:#676767;cursor:pointer;top:1px;right:-17px}.interactive-hub .chat-item:hover .reportIcon{visibility:visible}.interactive-hub .chat-item p{position:relative;margin-bottom:0;padding:4px 9px 5px;color:#ececec;background:#1e1a22;border-radius:6px}.interactive-hub .chat-item.own{float:right;padding-right:10px;max-width:90%}.interactive-hub .chat-item.own h3{text-align:right}.interactive-hub .chat-item.own p{background:#332032}.interactive-hub .chat-item.own:hover .reportIcon{visibility:hidden}.interactive-hub .chat-item.t{width:100%;margin-top:5px}.interactive-hub .chat-item.t h3{margin-bottom:0;padding:4px 8px;color:#ececec;background:#00000080;border-top-right-radius:6px;border-top-left-radius:6px;font-weight:600}.interactive-hub .chat-item.t h3 span.moderated{color:#fff}.interactive-hub .chat-item.t h3 .author{color:#ececec}.interactive-hub .chat-item.t h3 .amount{color:#fff;font-weight:600}.interactive-hub .chat-item.t h3 .commentTime{color:#bababa}.interactive-hub .chat-item.t p{color:#ececec;border-top-right-radius:initial;border-top-left-radius:initial}.interactive-hub .chat-item.t.t1 h3{background:rgb(from var(--superchat-t1) r g b/.7)}.interactive-hub .chat-item.t.t1 p{background:var(--superchat-t1)}.interactive-hub .chat-item.t.t2 h3{background:rgb(from var(--superchat-t2) r g b/.7)}.interactive-hub .chat-item.t.t2 p{background:var(--superchat-t2)}.interactive-hub .chat-item.t.t3 h3{background:rgb(from var(--superchat-t3) r g b/.7)}.interactive-hub .chat-item.t.t3 p{background:var(--superchat-t3)}.interactive-hub .chat-item.t.t4 h3{background:rgb(from var(--superchat-t4) r g b/.7)}.interactive-hub .chat-item.t.t4 p{background:var(--superchat-t4)}.interactive-hub .chat-item.t.t5 h3{background:rgb(from var(--superchat-t5) r g b/.7)}.interactive-hub .chat-item.t.t5 p{background:var(--superchat-t5)}.interactive-hub .chat-item.t.t6 h3{background:rgb(from var(--superchat-t6) r g b/.7)}.interactive-hub .chat-item.t.t6 p{background:var(--superchat-t6)}.interactive-hub .chat-item.t.t7 h3{background:rgb(from var(--superchat-t7) r g b/.7)}.interactive-hub .chat-item.t.t7 p{background:var(--superchat-t7)}.interactive-hub .epg-tabs{border-radius:1.5rem;margin:10px 10px 0}.interactive-hub .epg-tabs .nav-item{border-bottom:none}.interactive-hub .epg-tabs .nav-link{border-radius:1.5rem;transition:none}.interactive-hub .epg-tabs .nav-link:hover{border-bottom:none}.interactive-hub .epg-panel{display:flex;flex-direction:column;height:100%;min-height:0}.interactive-hub .epg-list{flex:1 1 auto;width:100%;min-height:0;padding:0 10px;font-size:.875rem;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:#bebebe transparent}.interactive-hub .epg-list::-webkit-scrollbar-track{background:transparent}.interactive-hub .epg-list .notice{height:100%;color:#7e7e7e}.interactive-hub .local-time-label{flex:0 0 auto;padding:3px 17px;font-size:.8rem;color:var(--hub-muted);text-align:right}.interactive-hub .epg-item{background:var(--hub-epg-item-bg);padding:10px;border-radius:5px;margin-top:10px}.interactive-hub .epg-item.active{background:var(--hub-epg-item-active-bg);border-radius:10px}.interactive-hub .epg-item .image{margin-right:10px}.interactive-hub .epg-item .image img{width:100px;border-radius:6px;display:block}.interactive-hub .epg-item .title .time{opacity:.7;margin-bottom:2px}.interactive-hub .epg-item .title p{margin:0;line-height:1.4}.interactive-hub .epg-item .status{display:inline-block;margin-bottom:1px;padding:0 5px;font-size:.7rem;font-weight:500;border-radius:4px;line-height:1.6;text-transform:uppercase}.interactive-hub .epg-item .status.live{color:#fff;background:var(--hub-live)}.interactive-hub .epg-item .status.up-next{color:#fff;background:var(--hub-up-next)}.interactive-hub .epg-item .live-progress{width:100%;height:4px;background:#fff3;border-radius:2px;margin:6px 0;overflow:hidden}.interactive-hub .epg-item .live-progress-bar{width:0;height:100%;background:#f2f2f2;transition:width 1s linear;border-radius:2px}