/**
 * CmsYouTubePlayer styles.
 * Responsive 16:9 embed, matches the roughly 640x360-ish footprint the old
 * TechSmith Smart Player wrappers used on legacy/2014 video pages.
 */
.cms-yt-player {
  position: relative;
  width: 100%;
  max-width: 1480px;
}

.cms-yt-player__wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  background: #000;
}

.cms-yt-player__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.cms-yt-player__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  background: #1a1a1a;
  color: #ccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  position: relative;
}

.cms-yt-player__placeholder::before {
  content: attr(data-label);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}