/**
 * Emmet example: div.video-id.paragraph--type--video-id>div.node--type-video.video-type-youtube>div.youtube-video.puasedImageRendered>(div.video-mobile-img>img)+div.ytplayer-container>iframe.ytplayer-player
 */
:where(.youtube-video) {
  height: 100%;
  isolation: isolate;
  overflow: hidden;
  position: relative;
  width: 100%;
}

:where(.youtube-video .video-mobile-img) {
}

: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;
}