@use '../abstract';

.cds-video-player {
  aspect-ratio: 16 / 9;
  border-radius: 6px;
  overflow: hidden;

  &--lg {
    border-radius: 8px;
    width: 560px;
  }

  &--md {
    width: 343px;
  }

  &--sm {
    width: 240px;
  }
}

.cds-video-player :where(iframe, video) {
  width: 100%;
  height: 100%;
  border: 0;
}