/* @import '/node_modules/video-react/dist/video-react.css'; */
.video-react-load-progress{
    background: rgb(104 104 104 / 59%) !important;
    height: 4px !important;
  }
  .video-react-poster{
    background-color: #FFFFFF !important;
  }
  .video-react-control-bar{
    background-color: transparent !important;
    /* background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0.013) 8.1%, hsla(0, 0%, 0%, 0.049) 15.5%, hsla(0, 0%, 0%, 0.104) 22.5%, hsla(0, 0%, 0%, 0.175) 29%, hsla(0, 0%, 0%, 0.259) 35.3%, hsla(0, 0%, 0%, 0.352) 41.2%, hsla(0, 0%, 0%, 0.45) 47.1%, hsla(0, 0%, 0%, 0.55) 52.9%, hsla(0, 0%, 0%, 0.648) 58.8%, hsla(0, 0%, 0%, 0.741) 64.7%, hsla(0, 0%, 0%, 0.825) 71%, hsla(0, 0%, 0%, 0.896) 77.5%, hsla(0, 0%, 0%, 0.951) 84.5%, hsla(0, 0%, 0%, 0.987) 91.9%, hsl(0, 0%, 0%) 100%) repeat-x bottom left; */
  }
  /* .playerParentDiv:has( .video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide) ~ .playerControlsBackground { 
    opacity:0 !important;
  } */
  .video-react-play-progress{
    background: rgb(255, 255, 255) !important;
    height: 4px !important;
  }
  .video-react .video-react-load-progress div {
    background: transparent;
  }
  .video-react .video-react-slider {
    background-color: rgb(61 61 61) !important;
    height: 4px !important;
  }
  .video-react .video-react-progress-holder {
    height: 4px !important;
  }
  .video-react-big-play-button{
    display:none !important;
  }
  .video-react-duration-display{
    font-family: Noto IKEA Latin !important;
    font-size: 12px !important;
  }
  .video-react-current-time-display{
    font-family: Noto IKEA Latin !important;
    font-size: 12px !important;
  }