/*!
Default styles for videojs-wavesurfer 3.5.0
*/
/* 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: 2;
}

.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%;
}