:root {
}
:root {
  --plyr-color-main: #8cc63f;
  --plyr-video-background: rgba(0, 0, 0, 0);
  --plyr-focus-visible-color: var(--plyr-color-main);
  --plyr-badge-background: rgba(255, 255, 255, 0.2);
  --plyr-badge-text-color: #ffffff;
  --plyr-badge-border-radius: 6px;
  --plyr-captions-background: rgba(0, 0, 0, 0.6);
  --plyr-captions-text-color: #ffffff;
  --plyr-control-icon-size: 20px;
  --plyr-control-spacing: 12px;
  --plyr-control-padding: 8px;
  --plyr-control-radius: 8px;
  --plyr-video-controls-background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.8),
    transparent
  );
  --plyr-video-control-color: #ffffff;
  --plyr-video-control-color-hover: #ffffff;
  --plyr-video-control-background-hover: rgba(255, 255, 255, 0.2);
  --plyr-menu-background: rgba(255, 255, 255, 0.9);
  --plyr-menu-color: rgba(51, 51, 51, 0);
  --plyr-menu-radius: 10px;
  --plyr-menu-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  --plyr-menu-item-arrow-color: #999;
  --plyr-progress-loading-background: rgba(255, 255, 255, 0.4);
  --plyr-video-progress-buffered-background: rgba(255, 255, 255, 0.3);
  --plyr-range-track-height: 4px;
  --plyr-range-fill-background: var(--plyr-color-main);
  --plyr-tooltip-background: rgba(0, 0, 0, 0);
  --plyr-tooltip-color: #ffffff;
  --plyr-tooltip-radius: 6px;
  --plyr-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial,
    sans-serif;
}

/* Hide controls when not hovering over the player */

/* Refined play button */

/* Modern tooltip styling */
.plyr__tooltip {
  font-size: 13px;
  padding: 6px 10px;
  text-transform: capitalize;
}

/* Hide the big play button for a cleaner look */

.plyr__video-wrapper {
  background: #065039 !important;
}

.plyr--video {
  overflow: hidden;
  /* height: -webkit-fill-available; */
}

.plyr__video-wrapper video {
  object-fit: cover;
}

.plyr__control {
  background: #0a5039 !important;
}