.widget-vlix{--vlix-gap:5px; background-color:#212121; padding:var(--vlix-gap); border-radius:calc(var(--rounded-normal) + 2px);}
.widget-vlix-list{display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); grid-column-gap:var(--vlix-gap); grid-row-gap:var(--vlix-gap);}
.widget-vlix-logo{width:89px; height:24px; margin:3px 5px 8px;}
.vlix-box{position:relative; color:#FFF !important; overflow:hidden; border-radius:var(--rounded-normal);}
.vlix-box:before{height:100%; background-color:transparent !important;}
.vlix-box:after{content:''; display:block; padding-top:56.25%;}
.vlix-box:hover{opacity:0.5;}
.vlix-box > *{position:absolute; bottom:0; left:0; width:100%;}
.vlix-thumb{z-index:1; height:100%;}
.vlix-info{z-index:2; padding:10px; line-height:normal; background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%)}
.vlix-misc{font-size:12px; padding:5px; background-color:rgba(0,0,0,0.6); display:inline-flex;}
.vlix-misc .fas{margin-right:5px;}
.vlix-title h2{font-size:14px; line-height:140%; margin-top:5px; text-shadow:0 0 3px rgba(0,0,0,0.5);
display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.video-box .vlix-info{opacity:0; height:0; padding:0; overflow:hidden;}

@media screen and (min-width:0px) and (max-width:1023px){
  .widget-vlix-list{grid-template-columns:repeat(2,1fr);}
  .vlix-title h2{font-size:11px;}
}

@media (prefers-color-scheme:dark){
  .widget-vlix{background-color:#000 !important; border:1px solid rgba(255,255,255,0.2)}
} /* End Dark */