/*
    Layout: Media embed
    Responsive media embedding object, for use with iframes
*/

.l-MediaEmbed {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: var(--mediaEmbedRatio);
  margin-bottom: var(--mediaEmbedMarginBottom);
  overflow: hidden;
}

.l-MediaEmbed > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}