/** Shopify CDN: Minification failed

Line 37:0 Unexpected "<"

**/
/* -- Responsive video embed -- */

.responsive-video {

  padding-bottom: 56.25%; /* for 16:9 ratio */

  padding-top: 25px;

  position: relative;

  height: 0;

}

.responsive-video iframe,

.responsive-video object,

.responsive-video embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}
<div class="responsive-video">

<iframe width="560" height="315" src="https://www.youtube.com/embed/7KDYcDLVrkM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

</div>

.video-section__media {
  position: relative;
  padding-bottom: 56.25%;
}

.video-section__media.deferred-media {
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
}

.video-section__media.deferred-media:after {
  content: none;
}

.video-section__poster.deferred-media__poster:focus {
  outline-offset: 0.3rem;
}

.video-section__media iframe {
  background-color: rgba(var(--color-foreground), 0.03);
  border: 0;
}

.video-section__poster,
.video-section__media iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
