.oembed-lazyload {
  position: relative;
}

.oembed-lazyload__button {
  background-color: transparent;
  cursor: pointer;
  z-index: 0;
}

.oembed-lazyload__iframe--hidden {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.oembed-lazyload__button--hidden {
  opacity: 0;
  visibility: hidden;
}

/* Dimensions based on a hard-coded 16:9 aspect ratio. */
.oembed-lazyload--legacy {
  aspect-ratio: 16/9;
}

.oembed-lazyload--legacy .oembed-lazyload__img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.oembed-lazyload--legacy .oembed-lazyload__iframe {
  position: absolute;
  inset: 0;
  max-height: 100%;
}

/* Dimensions based on the intrinsic dimensions of the underlying iframe. */
.oembed-lazyload--absolute-maxima {
  width: fit-content;
}

.oembed-lazyload--absolute-maxima .oembed-lazyload__button {
  position: absolute;
}

/* Dimensions based on the intrinsic dimensions of the placeholder image. */
.oembed-lazyload--automatic {
  width: fit-content;
}

.oembed-lazyload--automatic .oembed-lazyload__iframe {
  position: absolute;
  inset: 0;
  max-height: 100%;
}