a { text-decoration:none !important;}

#wrapModal { width:100vw; height:100vh; background:#303030ee; position:fixed; width:100%; z-index:99999; top:0; left:0; font-size:3.5vh; text-align:center; color:#fff; font-weight:bold; display:none;  }
#wrapModal > div { padding-top:20vh; }

.m-fadeOut {
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 5000ms, opacity 5000ms;
z-index:-999;
}

@keyframes marquee {
  from { transform: translateX(4%); }
  to { transform: translateX(-300%);  }
 
}

.youtube-list { overflow:hidden; margin:0 auto;}
.youtube-list i { display:inline-block; font-size: 13px; }
.youtube-list-title  { width:100%; height:100%; white-space: nowrap; }
.youtube-list-title:hover {  will-change:transform; animation: marquee 7s infinite; }
.youtube-thumbnail { width:100%; }

.youtube-thumbnail-enter { opacity:0.9; transform:scale(1.2); transition: transform 2s;}        
.youtube-thumbnail-leave { opacity:1; transform:scale(1); transition: transform 2s;}

.youtube-list-counter  {position:absolute; z-index:999; padding:2px 0 -5px 8px; font-size:15px; color:#fff;}
.bi-caret-left-fill { font-size: 1em; }

@keyframes slidein {
  from {
    padding-left: 110%;
    width: 100%
  }
  to {
    padding-left: 0%;
    width: 100%;
  }
}


.min-h-160 { min-height: 160px ;} 

#list-move-prev { left:-80px; top:-200px !important; height:53px; width:50px;  border-radius: 10px; }
#list-move-next {right:-100px;top:-200px;height:53px;width:50px;border-radius: 10px;}

.scrollBox {
white-space: nowrap;
margin-bottom: 1rem;
}

.scroll-content {
display: inline-block;
transition: transform 1s ease;
}