/* OSV TV Auto-Queue V8 */
.osv-tv-controls{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
.osv-tv-control{
  height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.10);
  color:#fff;
  padding:0 16px;
  font-weight:950;
  cursor:pointer;
}
.osv-tv-control.red{
  background:#E50914;
  border-color:#E50914;
}
.osv-countdown{
  margin-top:14px;
  font-size:12px;
  color:#d6d6d6;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.08em;
}
.osv-now-title-transition{
  animation:osvTitleFlash .45s ease;
}
@keyframes osvTitleFlash{
  from{opacity:.35;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}
.queue-item.active{
  background:#0D0D0D!important;
  color:#fff;
}
.queue-item.active span{
  color:#ccc;
}
.queue-item.active:before{
  content:"LIVE";
  background:#E50914;
  color:#fff;
  border-radius:999px;
  padding:4px 7px;
  font-size:9px;
  font-weight:950;
  position:absolute;
  right:8px;
  top:8px;
}
.queue-item{
  position:relative;
}



/* ===== OSV PAGE WIDTH FIX ===== */

html,body{
overflow-x:hidden;
}

.container,
.container-fluid,
main,
.page,
.page-wrapper,
.content,
.content-wrapper{

max-width:1600px;
margin:0 auto;
padding-left:32px;
padding-right:32px;
box-sizing:border-box;

}

@media(max-width:991px){

.container,
.container-fluid,
main,
.page,
.page-wrapper,
.content,
.content-wrapper{

padding-left:16px;
padding-right:16px;

}

}



/* ===== NOW PLAYING BLINK ===== */

@keyframes osvBlinkDot{
    0%,100%{
        opacity:1;
        transform:scale(1);
    }
    50%{
        opacity:.2;
        transform:scale(.75);
    }
}

.now-playing-dot,
.live-dot,
.playing-dot,
.now-playing .dot{
    animation:osvBlinkDot .9s infinite;
}