/* src/components/homepage/video-player.css */
:root {
  --plyr-color-main: #1b1b1b;
  --plyr-range-fill-background: #ccc;
}

.plyr__controls button, .plyr__controls input {
  cursor: pointer;
}

.video-container {
  border-radius: 30px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.plyr:-webkit-full-screen video {
  max-width: initial;
  max-height: initial;
  width: 100%;
  height: 100%;
}

.plyr:fullscreen video {
  max-width: initial;
  max-height: initial;
  width: 100%;
  height: 100%;
}

.video-container video {
  display: block;
  cursor: pointer;
  max-width: 100%;
}
