/**
 * Emmet example: button.YTPlayer-play+button.YTPlayer-pause+div.ytplayer-container>iframe.ytplayer-player^div.ytplayer-shield
 */
:where(.ytplayer-container) {
  height: 100%;
  inset: 0;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 3;
}

:where(.ytplayer-container) video,
:where(.ytplayer-container) source {
  inset: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}

:where(.ytplayer-player) {
  position: absolute;
}

:where(.ytplayer-shield) {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

:where(.loaded .ytplayer-container) {
  display: block;
}

/*
// Container CSS set elsewhere
:where(.youtube-video) {
  height: 100%;
  isolation: isolate;
  overflow: hidden;
  position: relative;
  width: 100%;
}
:where(.youtube-video .video-mobile-img) {
}
*/