.live-misc-box{--icon-size:14px; display:grid; grid-template-columns:var(--icon-size) 1fr; grid-gap:var(--size-2);}
.lmb-icon, .lmb-label{display:flex; align-items:center;}
.lmb-icon .svgicon{width:var(--icon-size); height:auto;}



.video-info-data{display:flex; flex-wrap:wrap;}
.video-info-data > *{margin-top:var(--size-3);}
.vid-left{margin-right:var(--size-4);}



.content-list-container{display:grid; grid-gap:var(--size-5); position:relative;}
.content-list-thumb-frame:before{padding-top:56.25%;}
.content-list-info{display:flex; align-items:center; line-height:150%;}
.content-list-info > span{display:grid; grid-gap:var(--size-1);}
.content-list-title, .content-list-channel, .content-list-desc{display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
.content-list-title{font-weight:bold; line-height:150%; -webkit-line-clamp:2;}
.content-list-channel{-webkit-line-clamp:1;}
.content-list-desc{-webkit-line-clamp:2;}

.content-list-column .content-list-box{display:flex; flex-wrap:wrap; align-content:flex-start;}
.content-list-column .content-list-box > *{width:100%;}
.content-list-column .content-list-thumb{margin-bottom:var(--size-3);}

.content-list-row .content-list-box{display:grid; grid-template-columns:var(--thumb-size) 1fr;}
.content-list-row .content-list-action{grid-template-columns:var(--thumb-size) 1fr var(--action-icon);}
.content-list-row .content-delete-bookmark-button .svgicon{width:100%; height:auto;}

.content-live-info{display:grid; grid-gap:var(--size-2); margin:var(--size-4) 0;}
.content-live-action{--share-size:48px; display:grid; grid-template-columns:1fr var(--share-size); grid-gap:var(--size-3);}
.content-live-button, .content-live-share{height:var(--share-size);}
.content-live-button{display:flex; justify-content:center; align-items:center; align-content:center; border:1px solid; padding:0 var(--size-4);}
.content-live-button .svgicon{height:var(--fontsize-title); width:auto; margin-right:var(--size-3);}
.content-live-share{width:var(--share-size);}
.content-live-share .svgicon{width:calc(var(--share-size) / 3); height:auto;}
  
.content-list-carousel, .content-list-carousel .content-list-column{display:grid;}
.content-list-carousel{--box-width:152px;}
.content-list-carousel .content-list-column::-webkit-scrollbar{height:0;}
.content-list-carousel .content-list-column{align-items:center; grid-auto-flow:column; grid-auto-columns:var(--box-width); grid-template-columns:auto; overflow-x:auto; align-items:flex-start;}
.content-list-carousel .content-list-column .content-list-box{width:var(--box-width);}

.content-list-more{position:absolute; z-index:1000; top:0; right:calc(var(--size-3) * -1); height:100%;}
.content-list-more-circle{width:var(--size-6); height:var(--size-6);}
.content-list-more-circle .svgicon{width:auto; height:var(--size-4);}



.channel-list{--button-height:48px;}
.channel-list-container{display:flex; flex-wrap:wrap;}
.channel-button{padding:1px; display:block; height:var(--button-height); margin-right:var(--size-3); margin-bottom:var(--size-3);}
.channel-button-frame{height:100%; padding:0 var(--size-4); text-transform:capitalize;}
.channel-button-live .channel-button-frame:before{content:''; display:block; width:18px; height:18px; margin-right:var(--size-2); border:1px solid;}
  
.channel-carousel, .channel-carousel-container{display:grid;}
.channel-carousel{margin-bottom:calc(var(--size-3) * -1) !important;}
.channel-carousel-container{grid-gap:var(--size-3); align-items:center; grid-auto-flow:column; grid-auto-columns:max-content; overflow-x:auto;}
.channel-carousel-container .channel-button{margin-right:0; margin-bottom:0;}



.program-list-container{position:relative; display:grid;}
.program-list-box{position:relative; display:block;}
.program-list-thumb-portrait:before{padding-top:177.77%;}
.program-list-thumb-landscape:before{padding-top:56.25%;}

.program-list-carousel{display:grid;}
.program-list-carousel .program-list-container{align-items:center; grid-auto-flow:column; grid-auto-columns:var(--box-width); grid-template-columns:auto; overflow-x:auto;}
.program-list-carousel .program-list-container::-webkit-scrollbar{height:0;}
.program-list-carousel .program-list-box{width:var(--box-width);}





@media screen and (min-width:0px) and (max-width:1023px){
  .content-list-desc{display:none;}
  
  .content-list-column{grid-column-gap:var(--size-3);}
  .content-list-column{grid-template-columns:repeat(auto-fit, minmax(140px,1fr));}
  .content-live-column{grid-template-columns:repeat(auto-fit, minmax(230px,1fr));}
  
  .content-list-row{--thumb-size:180px;}
  .content-list-row .content-list-box{grid-gap:var(--size-3);}
  .content-list-row .content-list-action{--action-icon:13px;}
  
  .content-list-more{position:relative;}
  .content-list-more-circle{border:1px solid var(--color-text-4);}
  
  
  
  .program-list-container{grid-gap:var(--size-3); grid-template-columns:repeat(auto-fit, minmax(150px,1fr));}
  
  .program-list-carousel .program-list-container{--box-width:144px;}
}





@media screen and (min-width:0px) and (max-width:567px){
  .content-list-row{--thumb-size:100px;}
  .content-list-row .content-list-thumb-frame:before{padding-top:100%;}
}