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

:global(.plyr__controls button) {
  cursor: pointer;
}

:global(.plyr__controls input) {
  cursor: pointer;
}

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

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

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