.video-section-container .video-title {
    margin-bottom: var(--genstore-spacing-vertical-1800);
  }
  .video-section-container video {
    width: 100%;
    height: 100%;
  }
  .video-section-container.full-screen {
    padding-left: 0;
    padding-right: 0;
  }
  .video-section-container.full-screen .video-title-wrapper {
      position: absolute;
      width: 100%;
      z-index: 2;
      padding-left: 1rem;
      padding-right: 1rem;
    }
  .video-section-container.full-screen .video-title {
      width: 100%;
      max-width: var(--page-width);
      margin: 0 auto;
    }


.video-section__media {
  position: relative;
  aspect-ratio: var(--aspect-ratio, auto);
}


.video-section__media .svg-wrapper {
    width: 20px;
    height: 20px;
  }

/* Needed for gradient continuity with or without animation so that transparent PNG images come up as we would expect */
.scroll-trigger:where(.gradient.video-section__media) {
  background: transparent;
}


.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__media video {
  background: #000000;
}

.video-section__media.media-fit-cover video {
  object-fit: cover;
}

.video-section video {
  border-radius: 16px !important;
}