/*!
Default styles for videojs-wavesurfer 3.9.0
*/
/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/videojs.wavesurfer.scss ***!
  \**************************************************************************************************************************/
/* Ensure custom controls are always visible because
   the plugin hides and replace the video.js native mobile
   controls.
--------------------------------------------------------------------------------
*/
.vjs-wavesurfer .vjs-using-native-controls .vjs-control-bar {
    display: flex !important;
  }
  
  /* Ensure that vjs menus and interfaces can be interacted with (such as the
     progress control).
  --------------------------------------------------------------------------------
  */
  .vjs-wavesurfer .vjs-menu-content, .vjs-progress-control {
    z-index: 4;
  }
  
  .vjs-wavesurfer .vjs-modal-dialog, .vjs-text-track-display {
    z-index: 4;
  }
  
  /* Handle responsive / fluid view.
  --------------------------------------------------------------------------------
  */
  .vjs-wavesurfer.vjs-fluid wave.vjs-wavedisplay {
    top: 0;
    position: absolute !important;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
  }