.plyr button svg{
  color: white !important;
}
  .plyr__control--overlaid{
  background: var(--color-active) !important;
  }
  .plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true]{
     /* background: var(--color-muted-foreground); */
     /* @apply bg-background/80 text-primary */
    
     background: var(--color-active) !important;

  }
  .plyr--full-ui input[type=range]{
     color: var(--color-active) !important ;
  }
  .plyr__volume {
  max-width: 33px;
  min-width: 0;
  position: relative;
}
body .plyr__volume input[data-plyr=volume] {
  display: none;
  width: 87px;
  position: absolute;
  transform: rotate(270deg);
  top: -42px;
  left: -33px;
  height: 25px;
  padding-left: 18px;
}
.plyr__volume:hover input[data-plyr=volume], .plyr__volume input[data-plyr=volume]:hover {
  display: block!important;
}
.custom-video-player .plyr__video-wrapper .plyr__poster{
  background-size:contain !important;
}