@font-face{font-family:Futura BdCn BT Bold;src:url(/fonts/FuturaBdCnBT-Bold.woff2) format("woff2"),url(/fonts/FuturaBdCnBT-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.channel-box{width:100%;height:auto;border-radius:10px;padding:4px 4px 8px;transition:all .4s ease;border:1px solid rgba(0,0,0,0)}.channel-box:hover{background:hsla(0,0%,100%,.1019607843)}.channel-box:hover .channel-img-box .channel-play-button-box{opacity:1}.channel-box .channel-img-box{width:100%;cursor:pointer;position:relative;aspect-ratio:1/1;transition:all .3s ease}.channel-box .channel-img-box .channel-play-button-box{position:absolute;bottom:10px;left:10px;opacity:0;transition:opacity .4s ease}.channel-box .channel-img-box .channel-play-button-box .circle-button-div{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#ed018c;border-radius:50px;padding:1px}.channel-box .channel-img-box .channel-play-button-box .circle-button-div .svg-button{color:#fff;cursor:pointer;padding:0;font-size:32px}.channel-box .channel-img-box .channel-visualizer{position:absolute;bottom:10px;right:10px;opacity:1}.channel-box .channel-img-box .channel-img{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:all .3s ease}.channel-box .channel-box-info{width:100%;max-height:30%;color:#fff}.channel-box .channel-box-info h3{cursor:pointer;font-size:21px;font-weight:400;line-height:16.8px;margin:.625em 0 0;font-family:Futura BdCn BT Bold,sans-serif}.channel-box .channel-box-info .current-show-name{color:#fff;font-size:16px;font-weight:400;margin:.625em 0 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;font-family:Schibsted Grotesk,sans-serif}.channel-box .channel-box-info .next-show-name{display:flex;font-size:12px;font-weight:400;overflow:hidden;color:hsla(0,0%,100%,.8);align-items:center;margin:.325em 0 0;font-family:Schibsted Grotesk,sans-serif}.channel-box .channel-box-info .next-show-name svg{fill:hsla(0,0%,100%,.8);color:hsla(0,0%,100%,.8);margin-right:2px}.channel-box .channel-box-info .next-show-name .next-show-name-text{color:#ed018c}.channel-box .channel-box-info .channel-live-icon-box{width:100%;display:flex;text-align:center;align-items:center;margin:.375em 0 0;justify-content:flex-start;background-color:rgba(0,0,0,0);border-radius:20px}.channel-box .channel-box-info .channel-live-icon-box span{width:-moz-fit-content;width:fit-content;min-width:47px;height:18px;padding:3px 5px 3px 3px;background-color:#fe433e;font-size:12px;font-weight:500;border-radius:20px;display:flex;align-items:center;justify-content:center}.channel-box .channel-box-info .channel-live-icon-box span svg{font-size:8px;margin-right:4px}.channel-box .channel-box-info .channel-live-icon-box span small{width:-moz-fit-content;width:fit-content;min-width:28px;height:12px;font-size:12px;font-weight:600;line-height:12px}.channel-box.active{border:1.5px solid #f6251f;background:hsla(0,0%,100%,.1019607843)}.channel-box.active .channel-img-box .channel-play-button-box{opacity:1}@media screen and (max-width:992px){.channel-box{width:100%}}@media screen and (max-width:768px){.channel-box{width:100%;padding:0}.channel-box .channel-img-box .channel-play-button-box{bottom:8px;right:8px}.channel-box .channel-box-info h3{font-size:18px}.channel-box .channel-box-info p{font-size:14px}.channel-box .channel-box-info .channel-live-icon-box span svg{font-size:10px}}@media screen and (max-width:576px){.channel-box{width:100%;padding:0}.channel-box .channel-img-box .channel-play-button-box .circle-button-div{width:33px;height:33px;display:flex;align-items:center;justify-content:center;background-color:#ed018c;border-radius:50px;padding:1px}.channel-box .channel-img-box .channel-play-button-box .circle-button-div .svg-button{color:#fff;cursor:pointer;padding:0;font-size:23px}.channel-box .channel-img-box .channel-img{width:100%;height:auto;aspect-ratio:1}.channel-box .channel-box-info{padding:5px 3px}.channel-box .channel-box-info h3{font-weight:600;font-size:16px}.channel-box .channel-box-info p{font-size:14px}.channel-box .channel-box-info .channel-live-icon-box{padding:0}.channel-box .channel-box-info .channel-live-icon-box span{padding:0 6px}.channel-box .channel-box-info .channel-live-icon-box span svg{margin-right:2px;font-size:10px}}