.acf-block-youtube_light_embed {
}

.acf-block-youtube_light_embed .youtube-player {
  position: relative;
}

/* Video poster image */
.acf-block-youtube_light_embed .youtube-player img {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

/* Play button */
.acf-block-youtube_light_embed .play {
  cursor: pointer;
  position: absolute;
  top: 0;
  aspect-ratio: 16/9;
  width: 100%;
  background-size: 60px 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiByb2xlPSJpbWciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnIGZpbGw9Im5vbmUiPjxnIGNsaXAtcGF0aD0idXJsKCNzdmdJRGEpIj48cGF0aCBmaWxsPSIjZmYwMDAwIiBkPSJNMjMuNSA2LjUwN2EyLjc4NiAyLjc4NiAwIDAgMC0uNzY2LTEuMjdhMy4wNSAzLjA1IDAgMCAwLTEuMzM4LS43NDJDMTkuNTE4IDQgMTEuOTk0IDQgMTEuOTk0IDRhNzYuNjI0IDc2LjYyNCAwIDAgMC05LjM5LjQ3YTMuMTYgMy4xNiAwIDAgMC0xLjMzOC43NmMtLjM3LjM1Ni0uNjM4Ljc5NS0uNzc4IDEuMjc2QTI5LjA5IDI5LjA5IDAgMCAwIDAgMTJjLS4wMTIgMS44NDEuMTUxIDMuNjguNDg4IDUuNDk0Yy4xMzcuNDc5LjQwNC45MTYuNzc1IDEuMjY5Yy4zNzEuMzUzLjgzMy42MDggMS4zNDEuNzQzYzEuOTAzLjQ5NCA5LjM5LjQ5NCA5LjM5LjQ5NGE3Ni44IDc2LjggMCAwIDAgOS40MDItLjQ3YTMuMDUgMy4wNSAwIDAgMCAxLjMzOC0uNzQyYTIuNzggMi43OCAwIDAgMCAuNzY1LTEuMjdBMjguMzggMjguMzggMCAwIDAgMjQgMTIuMDIzYTI2LjU3OSAyNi41NzkgMCAwIDAtLjUtNS41MTdaTTkuNjAyIDE1LjQyNFY4LjU3N2w2LjI2IDMuNDI0bC02LjI2IDMuNDIzWiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9InN2Z0lEYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgyNHYyNEgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvZz48L3N2Zz4K');
}

/* Embedded video, once it's loaded */
.acf-block-youtube_light_embed .youtube-player iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}

/* Privacy disclaimer */
/* NOTE: disclaimer can come from YTLE ACF block, or is automatically added for legacy embeds */
.ytle-privacy-disclaimer {
  position: absolute;
  background-color: black;
  color: white;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: sans-serif;
  padding: 0.5em;
  opacity: 0;
  transition: opacity 0.5s;
  display: flex;
  align-items: center;
}

.acf-block-youtube_light_embed .ytle-privacy-disclaimer > span {
  text-align: center;
  font-size: min(150%, 3vw);
}

/* Force styling of links in disclaimer */
.ytle-privacy-disclaimer a {
  color: inherit !important;
  text-decoration: underline;
}

/* When disclaimer is not fully visible, hide it and use confirm() */
.ytle-privacy-disclaimer.ytle-privacy-disclaimer-hide {
  display: none;
}

.youtube-player:hover .ytle-privacy-disclaimer {
  opacity: 0.85;
}

/* On touchscreen devices (i.e. w/o hover) show disclaimer below video */
@media only screen and (hover: none) {
  .youtube-player .ytle-privacy-disclaimer {
    opacity: 1;
    position: relative;
  }
}