.live-misc-box{color:var(--color-text-1); fill:var(--color-text-1);}



.content-list-thumb-frame{border-radius:var(--rounded-1);}
.content-list-thumb-icon{position:absolute; z-index:2; top:0; left:0; bottom:0; right:0; opacity:0.89; transition:opacity 0.34s;
display:flex; justify-content:center; align-items:center; fill:var(--color-text-2);}
.content-list-thumb-icon .svgicon{width:auto; height:34%;}
.content-list-box:hover .content-list-thumb-icon{opacity:0.55;}
.play-now-icon{opacity:1 !important; line-height:normal; flex-wrap:wrap; align-content:center; background-color:rgb(var(--color-overlay) / 55%);}
.play-now-icon .svgicon{height:21px;}
.play-now-icon span{color:var(--color-text-2);}
.content-list-channel, .content-list-date{color:var(--color-text-1);}
.content-list-desc{color:var(--color-text-2);}

.content-list-row .content-delete-bookmark-button:hover{fill:var(--color-text-3);}
.content-list-row .content-play-now .content-list-title{color:var(--color-text-5);}
  
.content-list-more-circle{background-color:var(--bg-1); fill:var(--color-text-2); border-radius:50%; opacity:0.55; transition:var(--transition-default);}
.content-list-more:hover .content-list-more-circle{opacity:0.89;}



.content-live-box{background-color:var(--bg-2); border-radius:var(--rounded-1); overflow:hidden;}
.content-live-box .content-list-thumb{margin-bottom:0;}
.content-live-box .content-list-thumb-frame{border-radius:0;}
.content-live-box .content-list-info{padding:var(--size-4);}
.content-live-button{border-color:rgb(var(--color-border) / 13%); border-radius:var(--rounded-4);}
.content-live-button:hover{background-color:var(--bg-1); color:var(--color-text-1); fill:var(--color-text-1);}
.content-live-share{border-radius:50%; background-color:var(--bg-1);}



.program-list-box{border-radius:var(--rounded-2); overflow:hidden;}



.channel-button, .channel-button-frame{border-radius:var(--size-6);}
.channel-button{background-color:var(--color-text-4);}
.channel-button:hover{background-color:var(--color-text-8);}
.channel-button-curr{color:var(--color-text-1);
background:linear-gradient(to right, var(--color-text-5) 0%, var(--color-text-6) 50%, var(--color-text-7) 100%) !important;}
.channel-button-frame{background-color:var(--bg-1);}
.channel-button-live .channel-button-frame:before{background-color:var(--color-text-3); border-color:var(--color-text-2); border-radius:50%;}



.popup-report{position:fixed; z-index:calc(var(--max-zindex) - 12000); top:0; left:0; width:100%; height:100vh; 
padding:var(--size-4); text-align:center;}
.popup-report-box{padding:var(--size-4); background:var(--bg-4); border-radius:var(--rounded-2); box-shadow:var(--shadow-default);
margin:var(--size-2) auto; display:inline-block;}
.popup-report-head{display:flex; justify-content:space-between; font-weight:bold; color:var(--color-text-2);}
.popup-report-head > *{display:flex; align-items:center;}
.popup-report-title{font-size:var(--icon-size);}
.popup-report-title > span{margin-left:var(--size-2); text-transform:capitalize;}
.popup-report-close .svgicon{width:auto; height:calc(var(--icon-size) + 4px);}

.popup-report-list{--icon-size:20px; display:flex; flex-wrap:wrap; margin-top:var(--size-2);}
.popup-report-item{display:grid; grid-gap:var(--size-3); grid-template-columns:var(--icon-size) 1fr; position:relative;
margin-right:var(--size-5); margin-top:var(--size-1); padding:var(--size-2) 0;}
.popup-report-other{width:100%;}
.popup-report-icon > span{width:var(--icon-size); height:var(--icon-size); border-radius:50%; border:2px solid var(--color-text-2);}
.popup-report-label{justify-content:flex-start;}
.popup-report-reason{padding:var(--size-3) 0; border-bottom:1px solid rgb(var(--color-border) / 21%); width:100%; background-color:transparent;
color:var(--color-text-2);}
.popup-report-bottom{display:flex; justify-content:space-between; align-items:center; margin-top:var(--size-4);}
.popup-report-note{margin-right:var(--size-4);}

.popup-report-check{position:absolute; z-index:1000; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.popup-report-check:hover + .popup-report-icon > span{background-color:rgb(var(--color-border) / 34%);}
.popup-report-check:checked + .popup-report-icon > span{background-color:var(--color-text-2);}



.popup-report-received{position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background-color:var(--bg-2); padding:var(--size-4);
opacity:0; transition:var(--transition-default);}
.popup-report-received-show{z-index:2000; opacity:1;}
.popup-report-received *{text-align:center;}
.prr-title{font-size:24px; font-weight:bold; color:var(--color-text-2);}
.prr-desc{line-height:140%; margin:var(--size-3) 0 var(--size-4);}





@media screen and (min-width:0px) and (max-width:1023px){
  .play-now-icon span{text-align:center; margin-top:var(--size-1);}
  
  .popup-report-head{--icon-size:16px;}
}





@media screen and (min-width:1024px){
  .play-now-icon span{text-align:center; margin-top:var(--size-1);}



  .channel-carousel-container{transition:var(--transition-default);}
  .channel-button-showall{background-color:var(--bg-1); justify-content:flex-end;}
  
  
  
  .program-list-info, .program-list-overlay{position:absolute; top:0; left:0; width:100%; height:100%; }
  .program-list-info{z-index:1000; display:flex; flex-wrap:wrap; align-items:flex-end; transition:var(--transition-default); top:100%;}
  .program-list-box:hover .program-list-info{top:0;}
  .program-list-overlay{z-index:2000; background-color:rgb(var(--color-overlay) / 55%);}
  .program-list-info > span{display:grid; grid-gap:var(--size-2); width:100%; padding:var(--size-4); line-height:150%; position:relative; z-index:3000;}
  .program-list-info > span *{color:var(--color-text-2); fill:var(--color-text-2);}
  .program-list-nav{--button-size:42px; display:flex;}
  .program-list-button{width:var(--button-size); height:var(--button-size); margin-right:var(--size-3); border-radius:50%;
  background-color:var(--color-text-3);}
  .program-list-button:last-child{margin-right:0;}
  .program-list-button:hover{background-color:var(--color-text-8);}

  .program-list-button .svgicon{width:auto; height:var(--size-4);}
  .program-list-title{font-size:var(--fontsize-title); font-weight:bold;
  -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}


  
  .popup-report-head{--icon-size:22px;}
}





@media screen and (min-width:1280px){
  .play-now-icon span{margin-left:var(--size-3); margin-top:0;}
}
  
  
  
  
  
@supports(-webkit-backdrop-filter:none) or (backdrop-filter:none){
  .program-list-overlay{-webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); background-color:rgb(var(--color-overlay) / 21%);}
  .popup-full{-webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); background-color:rgb(var(--color-overlay) / 34%);}
}