.top-logo-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:40px 64px;z-index:1006;top:0;left:0;position:relative}.top-buttons{display:flex;gap:16px;align-items:center}.about-btn,.settings-btn,.user-guide-btn{font-family:Inter-Regular,sans-serif;font-size:16px;padding:8px 20px;color:#fff;background:transparent;border-radius:4px;z-index:1006;border:none;outline:none;cursor:pointer;transition:all .2s ease}.about-btn:focus,.settings-btn:focus,.user-guide-btn:focus,.about-btn.focused,.settings-btn.focused,.user-guide-btn.focused{outline:1px solid white;text-shadow:0 0 1px currentColor}.about-btn.active,.settings-btn.active,.user-guide-btn.active{background-color:#fff;color:#000;text-shadow:0 0 1px currentColor}.top-logo img{display:block}.carousels-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative}#multi-carousel-container{width:100%;position:absolute;bottom:0;height:45%;z-index:1003;overflow:hidden;padding-top:10px;-webkit-mask-image:linear-gradient(to bottom,transparent 2%,black 10%,black 100%);mask-image:linear-gradient(to bottom,transparent 2%,black 10%,black 100%)}.carousels-inner{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;flex-shrink:1;flex-grow:1;scrollbar-width:none;-ms-overflow-style:none}.carousels-inner::-webkit-scrollbar{display:none}.carousel-wrapper{position:relative;width:100%;margin-bottom:37px;flex-shrink:0;overflow:visible}.carousel-wrapper[data-carousel-index="0"]{margin-bottom:50px}.carousel-wrapper:last-child{margin-bottom:20px}.carousel-wrapper.active-carousel{opacity:1}.carousel-title{font-family:Inter-SemiBold;font-size:21px;line-height:28px;font-weight:700;line-height:1.2;color:#fff;margin-bottom:22px;padding-left:60px}.active-carousel .carousel-title{font-size:28px;color:#fff}.carousel-row-scrolling{overflow-x:auto;overflow-y:hidden;flex-shrink:1;flex-grow:1;padding-left:60px;padding-right:60px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;width:100%;position:relative}.carousel-row-scrolling::-webkit-scrollbar{display:none}.carousel-row{display:flex;flex-direction:row;padding:10px 0;height:230px;align-items:center;position:relative;z-index:1;flex-wrap:nowrap;width:fit-content;min-width:100%}.carousel-wrapper[data-carousel-index="0"] .carousel-row{height:230px;padding:20px 0;align-items:center}.tile-wrapper{margin-right:20px;flex-shrink:0}.tile-wrapper:last-child{margin-right:0}.carousel-tile{position:relative;display:inline-block;min-width:288px;width:288px;height:162px;box-shadow:0 0 12px #00000080;background-size:cover;background-position:center;opacity:1;cursor:pointer;border-radius:4px;overflow:hidden;flex-shrink:0;transition:transform .3s ease,border .3s ease}.carousel-wrapper[data-carousel-index="0"] .carousel-tile{width:156px;min-width:156px;height:174px;transform-origin:center center}.channel-tile-name{position:absolute;bottom:0;left:0;width:100%;padding:8px 4px;font-size:18px;font-weight:700;color:#fff;text-align:center;text-wrap:auto;text-shadow:0px 0px 5px rgba(0,0,0,.5)}.content-tile-container .carousel-tile{border-radius:12px}@keyframes click-animation{0%{transform:scale(1.15)}50%{transform:scale(1.05)}to{transform:scale(1.15)}}.carousel-tile.clicked{animation:click-animation .3s ease-in-out}.carousel-tile.focused{opacity:1;border:3px solid #ffffff;transform:scale(1.15);transition:transform .4s ease-out,border .3s ease;outline:none;z-index:10}.content-tile-container .carousel-tile.focused{border-radius:12px}.content-tile-container{display:flex;flex-direction:column;width:288px;flex-shrink:0}.content-tile-title{font-size:18px;font-weight:400;opacity:.8;color:#fff;margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.content-tile-company{font-size:18px;font-weight:400;opacity:.3;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.content-tile-duration{position:absolute;bottom:0;width:100%;height:100%;color:#fff;font-size:12px;padding:4px 12px;border-radius:2px;z-index:2;align-content:end;background:linear-gradient(to top,rgba(0,0,0,.5) 10%,transparent 50%)}.carousel-row{opacity:1}.content-tile-container .carousel-tile.focused~.content-tile-title{font-weight:700;opacity:1}.content-tile-container .carousel-tile.focused~.content-tile-company{opacity:.5}.mini-player-container{position:absolute;top:0;right:0;width:100%;aspect-ratio:16 / 9;object-fit:contain;z-index:1002;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 1s ease-in-out;overflow:hidden;background:#000}.mini-player-container.visible{opacity:1}.mini-player-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1003;pointer-events:none;background:linear-gradient(245.04deg,rgba(17,17,17,0) -11.72%,#111111 70.56%),linear-gradient(182.97deg,rgba(17,17,17,0) 2.47%,#111111 79.14%)}#mini-player{width:100%;height:100%;object-fit:cover;position:relative;z-index:1001;display:block}.mini-player-container .video-js{width:100%!important;height:100%!important}.mini-player-container .vjs-tech{object-fit:cover}.mini-player-countdown{position:absolute;bottom:40px;left:64px;font-family:Inter-Regular,sans-serif;font-size:20px;color:#888;z-index:1005}.mini-player-countdown #splash_bits_counter{font-weight:700;color:#fff}.splash-page{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;z-index:1001;overflow:hidden;background-color:#111;pointer-events:none}.splash_tile_container{position:relative;width:100%;opacity:1;transition:opacity 1s ease-in-out;z-index:1003}#splash_bits_title{font-size:50px;font-weight:700;color:#fff;margin-bottom:16px;line-height:58px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:116px}#splash_bits_description{font-size:18px;color:#fff;margin-bottom:24px}#splash_bits_playdown{font-family:Inter-Regular,sans-serif;font-size:20px;color:#888;margin-top:30px;display:block}#splash_bits_playdown #splash_bits_counter{font-weight:700;color:#fff}.splash_tile_container_content{position:relative;padding:80px 64px 40px;z-index:1005;width:640px}.splash-gradient-overlay{position:absolute;top:0;right:0;width:75%;aspect-ratio:16 / 9;object-fit:contain;z-index:1001;pointer-events:none;background:url(resources/images/img-homepage-default.jpg);background-size:cover;background-repeat:no-repeat;background-position:right top}.splash-gradient-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(245.04deg,rgba(17,17,17,0) -11.72%,#111111 70.56%),linear-gradient(182.97deg,rgba(17,17,17,0) 2.47%,#111111 79.14%);z-index:2}.splash-gradient-overlay{transition:opacity .5s ease-in-out}#multi-carousel-container{position:absolute;bottom:0;left:0;right:0;z-index:1004;padding:20px}@keyframes fadeOutAndHide{0%{opacity:1;display:block}99%{opacity:0;display:block}to{opacity:0;display:none}}.fadeout-and-hide{animation:fadeOutAndHide 1s ease .5s forwards}.delayed-fadeout-and-hide{animation:fadeOutAndHide 1.25s ease 1s forwards}.developer-dropdown{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#222;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;min-width:400px}.developer-dropdown[data-focused=true]{outline:none;border-color:#fff;background:#333}.developer-dropdown-selected{flex:1;font-size:14px;font-family:Inter-Regular}.developer-dropdown-arrow{margin-left:8px;font-size:12px;transition:transform .2s ease}.developer-dropdown-menu{position:relative;background:#222;border:1px solid #444;border-top:none;border-radius:0 0 4px 4px;z-index:1000;max-height:200px;overflow-y:auto;margin-top:-24px;min-width:400px}.developer-dropdown-item{padding:12px 16px;color:#fff;cursor:pointer;font-size:14px;font-family:Inter-Regular;border-bottom:1px solid #333}.developer-dropdown-item:last-child{border-bottom:none}.developer-dropdown-item:hover,.developer-dropdown-item[data-focused=true]{background:#333;outline:none}.developer-dropdown-item[data-focused=true]{background:#444;border:1px solid #fff}.developer-dropdown-item.selected{background:#444}.developer-toggle{display:flex;align-items:center;gap:12px;cursor:pointer}.developer-toggle[data-focused=true]{outline:none}.toggle-switch{position:relative;width:44px;height:24px;background:#444;border-radius:12px;transition:background-color .2s ease}.toggle-switch.active{background:#4caf50}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;z-index:1}.toggle-switch.active .toggle-slider{transform:translate(20px)}.toggle-label{color:#fff;font-size:16px;font-family:Inter-Bold}.developer-toggle[data-focused=true] .toggle-switch{box-shadow:0 0 0 2px #fff}body,html,input,button,select,textarea{font-family:Inter,sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#111}.settings-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5000;display:flex;background-color:#111}.settings-container{display:flex;align-items:flex-start}.settings-container-left{display:flex;width:23.25rem;padding:2.5rem;flex-direction:column;align-items:flex-start;gap:32px;align-self:stretch}.settings-container-right{display:flex;padding:5rem;flex-direction:column;align-items:flex-start;gap:32px;flex:1 0 0;align-self:stretch}.top-section{padding:1.25rem 5rem;display:flex;width:100%}.title-nav-container{gap:1rem;display:flex;align-items:center;flex-direction:column}.settings-title{color:#fff;font-size:24px;font-style:normal;font-family:Inter-Bold;line-height:24px;margin:0}.menu-items{display:flex;flex-direction:column;gap:4px;width:100%}.menu-item{color:#fff;text-decoration:none;font-size:18px;font-style:normal;font-family:Inter-SemiBold;line-height:24px;padding:12px 16px;gap:10px}.menu-item[data-focused=true]{color:#000;border-radius:4px;background:#fff;width:100%;outline:none}.bottom-section{padding:1.25rem;display:flex;justify-content:right}.back-button-icon{color:#fff;padding-bottom:.125rem;filter:brightness(0) invert(1)}.back-button-text{color:#fff;font-size:18px;font-style:normal;font-family:Inter-SemiBold;line-height:24px}.back-button{color:#fff;background:transparent;display:flex;align-items:center;gap:8px;padding:8px 20px;align-self:stretch;border-radius:4px;cursor:pointer}.back-button[data-focused=true]{background-color:#fff;color:#000;outline:none}.back-button[data-focused=true] .back-button-icon{filter:brightness(0) invert(0)}.back-button-container{margin:0;padding-top:0}.settings-heading{color:#fff;font-size:1.5rem;font-style:normal;font-weight:700;line-height:24px;margin:0}.settings-subtitle{margin:0;color:#fff;font-size:1.125rem;font-style:normal;font-weight:600;line-height:24px}.settings-content{color:#fff;font-size:1.125rem;font-style:normal;font-weight:400;line-height:24px;margin:0}.settings-content-item-container{display:flex;flex-direction:column;gap:1rem}.settings-content-item{width:10.31vw}#settingsQRCode{border-radius:20px;border:none}.settings-content-item-text{color:#fff;font-size:1.125rem;font-style:normal;font-weight:400;line-height:24px}.exit-tvbits-dialog{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:rgba(17,17,17,.75);z-index:1000}.exit-tvbits-dialog-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.dialog-decoration{position:absolute;top:0;bottom:0;height:100%;z-index:2;pointer-events:none;border-radius:16px}.dialog-decoration.left{left:0}.dialog-decoration.right{right:0}.exit-tvbits-dialog-content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:31.625rem;padding:4rem;border-radius:16px;background:#000;box-shadow:-13px 4px 49.2px #000000a6;z-index:1;overflow:hidden}.exit-tvbits-dialog-content h1{font-family:Inter-Bold;font-style:normal;font-size:21px;line-height:1.2;color:#fff;margin:0}.exit-tvbits-dialog-content p{font-family:Inter-Regular;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#fff;margin:0;text-align:center}.exit-tvbits-dialog-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;z-index:0;background:linear-gradient(80deg,rgba(110,102,179,.8) 0%,rgba(110,102,179,0) 35%),radial-gradient(circle at 110% 10%,rgba(200,160,255,.4) 0%,rgba(200,160,255,0) 40%);opacity:.7;pointer-events:none}.exit-tvbits-dialog-content>*{position:relative;z-index:1}.exit-tvbits-dialog-title{color:#fff;font-size:1.3125rem;font-style:normal;font-weight:700;margin:0}.exit-tvbits-dialog-text-container{gap:0px}.exit-tvbits-dialog-text{color:#fff;text-align:center;font-size:1rem;line-height:24px;padding:0;margin:0}.exit-tvbits-dialog-buttons{display:flex;gap:1rem}.exit-tvbits-dialog-buttons button{font-family:Inter-Regular;font-size:16px;font-weight:400;padding:12px 24px;background:transparent;border-radius:8px;border:2px solid #ffffff;outline:none;color:#fff;cursor:pointer;transition:all .2s ease;min-width:100px}.exit-tvbits-dialog-buttons button:hover{background-color:#ffffff1a}.exit-tvbits-dialog-buttons button:focus{outline:none}.exit-tvbits-dialog-buttons button.focused{background-color:#fff;color:#000;border:2px solid #ffffff}.login-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999}.login-dialog-modal{position:relative;max-width:500px;width:90%;background:black;box-shadow:-13px 4px 49.2px #000000a6;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;gap:32px;overflow:hidden}.login-dialog-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;text-align:center}.login-dialog-title{font-family:Inter-Bold;font-style:normal;font-size:21px;line-height:1.2;color:#fff;margin:0}.login-error-message{color:#ff4d4d;font-family:Inter-Regular;font-size:14px;margin-top:-16px;margin-bottom:-16px;max-width:100%;text-align:center}.login-input{width:100%;padding:12px;background-color:#1a1a1a;border:1px solid #444;border-radius:8px;color:#fff;font-size:16px;box-sizing:border-box}.login-input:focus,.login-input.focused{outline:none;border-color:#fff;box-shadow:0 0 10px #fff}.login-dialog-buttons{margin-top:16px}.login-dialog-button{font-family:Inter-Regular;font-size:16px;padding:8px 20px;background:transparent;border-radius:4px;z-index:1006;border:none;outline:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.login-dialog-button .button-label{font-family:Inter-Regular;font-style:normal;font-weight:700;font-size:14px;line-height:1.5;color:#fff}.login-dialog-button:hover{background-color:#ffffff1a}.login-dialog-button:focus,.login-dialog-button.focused{outline:1px solid #ffffff;outline-offset:1px}.login-dialog-button.active{background-color:#fff;color:#000}.login-dialog-button.active .button-label{color:#000}#preload-player{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#preload-player-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background-color:#18005a}#preload-player-image{object-fit:cover;width:100%;height:100%;display:block}#preload-player-intro-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:none;background-color:#18005a}#preload-player-intro{width:100%;height:100%;object-fit:cover;background-color:#18005a;display:block}.fadeout-and-hide,.final-fadeout{animation:fadeOutAndHide 1s ease forwards}@keyframes fadeOutAndHide{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-content{display:flex;flex-direction:column;align-items:center;gap:30px}.loading-logo{width:200px;height:auto;opacity:.9}.loading-spinner{display:flex;justify-content:center;align-items:center}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#fff;font-size:18px;font-weight:400;letter-spacing:1px;opacity:.8}.app-container{position:relative;width:100vw;height:100vh;background-color:#111;overflow:hidden}.view-container{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease-in-out;z-index:1;overflow:visible}.view-container.fade-enter{opacity:0}.view-container.fade-enter-active,.view-container.fade-exit{opacity:1}.view-container.fade-exit-active{opacity:0}.view-hidden{opacity:0;pointer-events:none}.view-visible{opacity:1;pointer-events:auto}.view-container:nth-child(2).view-visible{z-index:2}.overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}.overlay-container>*{pointer-events:auto}.intro-player-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000;background-color:transparent;pointer-events:auto}.channel-wheel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:linear-gradient(270deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.85) 80%),linear-gradient(0deg,rgba(0,0,0,.4) 50%,rgba(0,0,0,.75) 80%),linear-gradient(180deg,rgba(0,0,0,.4) 50%,rgba(0,0,0,.75) 80%);z-index:2000}.channel-wheel-container{position:absolute;min-width:174px;min-height:500px;height:60%;left:128px;top:50%;transform:translateY(-50%);z-index:2001;display:flex;flex-direction:column;align-items:center;gap:30px}.channel-wheel{display:flex;flex-direction:column;align-items:center;overflow:hidden;height:100%;position:relative}.channel-wheel-items{display:flex;flex-direction:column;align-items:center;overflow-y:scroll;overflow-x:hidden;height:100%;position:relative;gap:30px;width:100%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 30%,black 55%,black 50%,rgba(0,0,0,.1) 70%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 30%,black 55%,black 50%,rgba(0,0,0,.1) 70%,transparent 100%);padding:46.75vh 0;scroll-padding:50vh 0;scrollbar-width:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;pointer-events:none}.channel-wheel-items::-webkit-scrollbar{display:none}.channel-item{box-sizing:border-box;display:flex;justify-content:center;align-items:center;scroll-snap-align:center;position:relative;padding:15px 50px;width:100%;border:2px solid #A0A0A0;border-radius:8px;font-family:Inter-Bold;font-size:18px;color:#fff;transition:all .2s ease}.channel-item.focused{border:2px solid #FFFFFF;background:rgba(255,255,255,.1)}.channel-item.selected{border:2px solid #000000;background:rgba(255,255,255,.8);color:#000}.channel-chevron{text-align:center;opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .2s ease;width:24px;height:24px}.channel-title-container{align-items:center;display:flex}.channel-title-container SPAN.channel_color{padding-right:8px;font-size:9px}.subscribe-dialog-buttons{display:flex;gap:1rem}.subscribe-dialog-buttons button{font-family:Inter-Regular;font-size:16px;font-weight:400;padding:12px 24px;background:transparent;border-radius:8px;border:2px solid #ffffff;outline:none;color:#fff;cursor:pointer;transition:all .2s ease;min-width:100px}.subscribe-dialog-buttons button:hover{background-color:#ffffff1a}.subscribe-dialog-buttons button:focus{outline:none}.subscribe-dialog-buttons button.focused{background-color:#fff;color:#000;border:2px solid #ffffff}.subscribe-dialog-background{position:absolute;width:200%;height:200%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.subscribe-dialog-gradient{position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle at 69% 15%,rgb(230 137 255 / 90%) 0%,rgba(130,102,190,.4) 20%,rgba(110,102,179,.1) 35%,transparent 50%),radial-gradient(circle at 15% 65%,rgba(110,102,179,.9) 0%,rgba(110,102,179,.4) 20%,rgba(110,102,179,.1) 35%,transparent 50%)}.subscribe-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999}.subscribe-dialog-modal{position:relative;max-width:500px;width:90%;background:black;box-shadow:-13px 4px 49.2px #000000a6;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;gap:32px;overflow:hidden}.subscribe-dialog-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;text-align:center}.subscribe-dialog-title{font-family:Inter-Bold;font-style:normal;font-size:21px;line-height:1.2;color:#fff;margin:0}.subscribe-error-message{color:#ff4d4d;font-family:Inter-Regular;font-size:14px;margin-top:-16px;margin-bottom:-16px;max-width:100%;text-align:center}.subscribe-input{width:100%;padding:12px;background-color:#1a1a1a;border:1px solid #444;border-radius:8px;color:#fff;font-size:16px;box-sizing:border-box}.subscribe-input:focus,.subscribe-input.focused{outline:none;border-color:#fff;box-shadow:0 0 10px #fff}.livestream-player-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;flex-direction:column;z-index:1000}.livestream-player-container .player-container{width:100%;height:100%;position:relative}.livestream-player-container .video-js{width:100%;height:100%}.livestream-player-container .video-js:focus{outline:none}.about-tvbits-overlay,.user-guide-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999}.about-tvbits-modal{position:relative;max-width:500px;width:90%;background:black;box-shadow:-13px 4px 49.2px #000000a6;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;gap:32px;overflow:hidden}.user-guide-modal{position:relative;width:90%;max-width:1200px;background:black;box-shadow:-13px 4px 49.2px #000000a6;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;gap:32px;overflow:hidden}.user-guide-modal .about-tvbits-header{position:relative;width:100%}.user-guide-video{width:100%;border-radius:8px;background:black}.video-controls-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);padding:10px 20px;border-radius:8px;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-controls-overlay.show{opacity:1}.video-control-hint{font-family:Inter-Regular;font-size:14px;color:#fff;text-align:center;white-space:nowrap}.video-play-pause-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.video-play-pause-overlay.show{opacity:1}.play-pause-icon{width:40px;height:40px;color:#fff}.play-pause-icon svg{width:100%;height:100%;display:none}.play-pause-icon svg.active{display:block}.video-progress-overlay{position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:80%;background:rgba(0,0,0,.8);padding:15px 20px;border-radius:8px;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-progress-overlay.show{opacity:1}.video-progress-container{display:flex;flex-direction:column;gap:10px;align-items:center}.video-progress-bar{position:relative;width:100%;height:6px;background:rgba(255,255,255,.3);border-radius:3px;overflow:hidden}.video-progress-fill{position:absolute;left:0;top:0;height:100%;background:#FFFFFF;border-radius:3px;transition:width .1s ease;width:0%}.video-progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#FFFFFF;border-radius:50%;box-shadow:0 2px 4px #0000004d;left:0%;transition:left .1s ease}.video-time-display{font-family:Inter-Regular;font-size:14px;color:#fff;text-align:center}.about-tvbits-background{position:absolute;width:200%;height:200%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.about-tvbits-gradient{position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle at 69% 15%,rgb(230 137 255 / 90%) 0%,rgba(130,102,190,.4) 20%,rgba(110,102,179,.1) 35%,transparent 50%),radial-gradient(circle at 15% 65%,rgba(110,102,179,.9) 0%,rgba(110,102,179,.4) 20%,rgba(110,102,179,.1) 35%,transparent 50%)}.about-tvbits-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;text-align:center}.about-tvbits-header{display:flex;flex-direction:column;align-items:center;gap:24px}.about-tvbits-logo{width:42px;height:auto}.help-guide-image{width:100%;height:auto;border-radius:8px}.about-tvbits-title{font-family:Inter-Bold;font-style:normal;font-size:21px;line-height:1.2;color:#fff;margin:0}.about-tvbits-description{max-width:400px;font-family:Inter-Regular;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#fff;margin:0;text-align:center}.about-tvbits-button{font-family:Inter-Regular;font-size:16px;padding:8px 20px;background:transparent;border-radius:4px;z-index:1006;border:none;outline:none}.about-tvbits-button:hover{background-color:#ffffff1a}.about-tvbits-button:focus{outline:1px solid #FFFFFF;outline-offset:1px}.about-tvbits-button.focused{outline:1px solid #FFFFFF;outline-offset:1px}.about-tvbits-button.active{background-color:#fff;color:#000;text-shadow:0 0 1px currentColor}.button-label{font-family:Inter-Regular;font-style:normal;font-weight:700;font-size:14px;line-height:1.5;color:#fff}