/* YouTube動画埋め込み用 */
/* https://design.webclips.jp/youtube-movie-size/ */
/* https://hirashimatakumi.com/blog/6601.html */
/* YouTube埋め込みをファサード化（遅延読み込み） */
:where(.prose-content) .movie-wrap {
  width: auto;
  aspect-ratio: 16 / 9;
  max-width: 560px;
  max-height: 315px;
  margin: 21px 0 0;
  position: relative;
  cursor: pointer;

  .yt-thumbnail {
    width: 100%;
    height: 100%;
    position: relative;
  }

  & img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  & iframe {
    display: block;
  }

  .yt-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 70px;
    background: url("/image/youtube_social_icon_red_l.png") no-repeat center center;
    background-size: contain;
    pointer-events: none;
  }

  @media (max-width: 450px) {
    .yt-play-button {
      width: 64px;
      height: 45px;
      background: url("/image/youtube_social_icon_red_s.png") no-repeat center center;
    }
  }
}