/* Final normal-player layout. Fullscreen playback uses its own class and rules. */
#videoModalOverlay.open{
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(10px,2vw,24px)!important;
  overflow:hidden!important;
}

#videoModalOverlay .video-modal:not(.tonflix-player-fullscreen){
  width:min(94vw,1280px,calc((100dvh - 32px) * 1.7778))!important;
  height:auto!important;
  max-width:1280px!important;
  max-height:calc(100dvh - 32px)!important;
  aspect-ratio:16 / 9!important;
  margin:auto!important;
  padding:0!important;
  overflow:hidden!important;
  background:#000!important;
  border-radius:10px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.65)!important;
}

#videoModalOverlay .video-modal:not(.tonflix-player-fullscreen) .video-modal-inner,
#videoModalOverlay .video-modal:not(.tonflix-player-fullscreen) #tonflixVastPreroll{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
}

#videoModalOverlay .video-modal:not(.tonflix-player-fullscreen) .video-modal-inner{
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:inherit!important;
}

@media(max-width:720px){
  #videoModalOverlay.open{
    align-items:center!important;
    justify-content:center!important;
    padding:8px!important;
    overflow:hidden!important;
  }

  #videoModalOverlay .video-modal:not(.tonflix-player-fullscreen){
    width:min(calc(100vw - 16px),calc((100dvh - 16px) * 1.7778))!important;
    max-height:calc(100dvh - 16px)!important;
    margin:auto!important;
    border-radius:7px!important;
  }
}