/*
 * Shared video modal styles.
 *
 * Loaded globally by junj_global_scripts(). Page-specific CSS keeps the
 * dialog/backdrop chrome (sizing, background); this file only owns the
 * shared player container so iframe and <video> share the same box.
 */

.shared-video-modal__player {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  display: block;
  overflow: hidden;
}

.shared-video-modal__player > .shared-video-modal__iframe,
.shared-video-modal__player > .shared-video-modal__video {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
}