@import url("vendor/plyr.css");

.edtech-plyr-host {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}

.edtech-plyr-host > video,
.edtech-plyr-host .plyr,
.edtech-plyr-host .plyr__video-wrapper,
.edtech-plyr-host .plyr video {
  width: 100%;
  height: 100%;
}

.edtech-plyr-host .plyr {
  --plyr-color-main: #056ede;
  --plyr-video-control-color: #ffffff;
  --plyr-range-fill-background: #056ede;
  --plyr-tooltip-background: rgba(0, 0, 0, 0.85);
  --plyr-tooltip-color: #ffffff;
  background: #000;
}

.edtech-plyr-host .plyr__menu__container {
  font-family: Inter, sans-serif;
}

.edtech-plyr-host .plyr--full-ui input[type="range"] {
  color: #056ede;
}

.edtech-plyr-host .plyr__control--overlaid {
  background: rgba(5, 110, 222, 0.92);
}