.channel-list-wrapper{max-height:100%;overflow-y:auto}.channel-list-wrapper.scroll{max-height:400px}.channel-item{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .3s ease}.channel-item:hover{background-color:#f1f1f1}.channel-item.active{background-color:#f5e2e4!important}.channel-name{text-decoration:none;color:inherit;font-size:14px;line-height:1.5}.channel-list-header{background:#fff!important;padding:.75rem 0 .5rem!important}.live-icon-wrapper{display:flex;justify-content:flex-end}.live-icon{width:50px;height:50px;object-fit:contain}.card-header{font-size:1.25rem!important;font-weight:700;background:rgba(0,0,0,0);padding:.75rem 0 .5rem;margin:0}.card{border:none!important}.list-group-item{border:0!important;padding:.5rem 0!important}#channel-list-section{min-height:300px}.pill{display:inline-block;padding:2px 10px;border-radius:9999px;font-weight:700;font-size:.75rem;line-height:1.6;white-space:nowrap}.pill-upcoming{background:#eef0f4;color:#111}.match-card{position:relative;width:100%;max-width:896px;aspect-ratio:16/9;border-radius:12px;overflow:hidden}.match-card .bg{z-index:1}.match-card .logo{position:absolute;top:50%;transform:translateY(-50%);z-index:2;height:auto}.match-card .logo.left{left:3%;width:20%}.match-card .logo.right{right:3%;width:20%}.match-card .vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;font-size:clamp(24px,5vw,64px);color:#fff;z-index:3}.logo-wrapper{z-index:2;position:absolute;top:50%;transform:translateY(-50%);height:70%;aspect-ratio:1/1}.logo-wrapper.left{left:3%}.logo-wrapper.right{right:3%}.custom-share-button{mask:url(/icons/share.svg) center/contain no-repeat;-webkit-mask:url(/icons/share.svg) center/contain no-repeat}.custom-pip-button,.custom-share-button{width:24px!important;height:24px!important;background-color:currentColor!important;cursor:pointer}.custom-pip-button{mask:url(/icons/picture-in-picture.svg) center/contain no-repeat;-webkit-mask:url(/icons/picture-in-picture.svg) center/contain no-repeat}button.media-control-icon{color:#fff!important}.custom-share-panel{position:absolute;background:#111;color:#fff;border-radius:8px;padding:8px 0;width:180px;z-index:9999;box-shadow:0 4px 16px rgba(0,0,0,.4);font-family:sans-serif;font-size:12px}.custom-share-panel .share-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid hsla(0,0%,100%,.1);font-weight:700;font-size:13px}.custom-share-panel .share-options{list-style:none;margin:0;padding:4px 0}.custom-share-panel .share-options li a,.custom-share-panel .share-options li button{display:flex;align-items:center;width:100%;padding:6px 12px;color:#fff;text-decoration:none;background:rgba(0,0,0,0);border:none;text-align:left;cursor:pointer;transition:background .15s;font-size:12px}.custom-share-panel .share-options li a:hover,.custom-share-panel .share-options li button:hover{background:hsla(0,0%,100%,.1)}.custom-share-panel .close-share{background:rgba(0,0,0,0);border:none;color:#fff;font-size:16px;cursor:pointer}.ads-1,.ads-2{background-color:#a9a6a6;text-align:center}.ads-1{margin:10px 0;height:90px;width:720px}.ads-2{width:300px;height:250px}.logo{width:100px;height:50px}.text-gray{color:#6c757d!important}.img-bg-dark{background-color:#343a40!important}.img-bg-container{width:100%;height:500px;background:#000;position:relative}.img-bg-container img{width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-item,.nav-item .nav-link-header{display:flex;align-items:center}.nav-item .nav-link-header{text-decoration:none;gap:.3em}.nav-item .nav-link{padding:0}.btn-stream{margin-right:.5rem}.btn-link:hover{color:#0d6efd!important}.dropdown-item:active,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.scroll-button{min-width:54px;min-height:42px;position:fixed;right:1em;bottom:1em;display:flex;flex-direction:column;background-color:rgba(0,0,0,0)!important;border:none!important;transition:all .3s ease!important}.scroll-button.top{bottom:60px}.scroll-button.bottom{bottom:10px}.title-banner{position:absolute;bottom:0;width:100%;background-color:#000;color:#fff;font-size:1.5rem;padding:.75rem 1rem;text-decoration:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}@media(max-width:768px){.banner-image{object-fit:contain;background:#000;height:auto;max-height:100%;aspect-ratio:auto 4/3}.title-banner{font-size:1rem}}.banner-news{width:100%;background-color:#000;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:8px;position:relative;aspect-ratio:16/9;min-height:200px;max-height:600px}.banner-image{object-fit:cover;cursor:pointer;transition:transform .3s ease-in-out}.footer{background-color:#343a40;min-height:280px!important}.footer p{color:#555;font-size:14px;margin-top:20px}.footer-logo,.footer-logo-link{display:block;width:64px;height:64px;object-fit:contain}.footer-social-link{color:inherit;text-decoration:none;transition:color .2s ease}.footer-social-link:hover{color:#1e90ff}.dark-mode{background-color:#121212;color:#e0e0e0}.dark-mode .header-channel-list{color:#fff!important;margin-left:1rem}.dark-mode .content-dark-mode{background-color:#1e1e1e!important;color:#e0e0e0}.dark-mode .channel-list-header{background-color:#121212!important}.dark-mode .news-description,.dark-mode .news-line{color:#fff!important}.dark-mode .news-card .card-body{background-color:#121212;color:#fff}.dark-mode .news-container,.dark-mode .news-list{background-color:#1e1e1e!important}.dark-mode .footer p{color:#b3b3b3}.home-page,main{min-height:calc(100vh - 78px - 280px)}