.video-container {
  isolation: isolate;
  width: var(--block-max-width, 100%);
  max-width: 100%;
  margin-inline: auto;
}
.video-container__content {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.video-container__content.video-background figure, .video-container__content.video-background-aspect-ratio figure {
  position: absolute;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.video-container__content.video-background video, .video-container__content.video-background-aspect-ratio video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  min-height: 100%;
  object-fit: cover;
}
.video-container__content.border-radius figure {
  flex-basis: 55%;
  aspect-ratio: var(--aspect-ratio);
}
.video-container__content.border-radius video {
  max-width: 100%;
  height: auto;
  min-height: 100%;
  aspect-ratio: var(--aspect-ratio);
  border-radius: 8px;
  object-fit: cover;
}
.video-container__content.full-bleed.video-left figure, .video-container__content.full-bleed.video-right figure {
  flex-basis: 55%;
  position: relative;
  --video-width: calc(((1280px * 0.55) + ((100vw - 1280px)/2)));
  min-height: calc(var(--video-width) / var(--calc-aspect-ratio, 1));
}
.video-container__content.full-bleed.video-left video, .video-container__content.full-bleed.video-right video {
  max-width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
  min-width: var(--video-width);
  position: absolute;
  top: 0;
}
@media (max-width: 1400px) {
  .video-container__content.full-bleed.video-left video, .video-container__content.full-bleed.video-right video {
    min-width: calc(100% + 60px);
  }
}
.video-container__content.video-left {
  flex-direction: row;
}
.video-container__content.video-left .inner-blocks-content {
  padding-left: 60px;
}
@media (max-width: 1096px) {
  .video-container__content.video-left .inner-blocks-content {
    padding-left: 30px;
  }
}
.video-container__content.video-left video {
  right: 0;
}
.video-container__content.video-right {
  flex-direction: row-reverse;
}
.video-container__content.video-right .inner-blocks-content {
  padding-right: 60px;
}
@media (max-width: 1096px) {
  .video-container__content.video-right .inner-blocks-content {
    padding-right: 30px;
  }
}
.video-container__content.video-right video {
  left: 0;
}
@media (max-width: 767px) {
  .video-container__content {
    gap: 1.5em;
  }
  .video-container__content.full-bleed.video-top figure, .video-container__content.full-bleed.video-bottom figure {
    flex-basis: 100%;
    aspect-ratio: var(--aspect-ratio);
    --video-width: 100vw;
    left: 0 !important;
  }
  .video-container__content.full-bleed.video-top video, .video-container__content.full-bleed.video-bottom video {
    position: relative;
    min-width: 100vw;
    right: unset !important;
    left: -40px !important;
    max-width: 100vw;
  }
  .video-container__content.video-top {
    flex-direction: column !important;
  }
  .video-container__content.video-bottom {
    flex-direction: column-reverse !important;
  }
}
@media (max-width: 600px) {
  .video-container__content.full-bleed.video-top figure video, .video-container__content.full-bleed.video-bottom figure video {
    left: -20px !important;
  }
}
.video-container .inner-blocks-content {
  z-index: 1;
  padding: 45px 0;
}
@media (max-width: 767px) {
  .video-container .inner-blocks-content {
    padding: 0 !important;
  }
}
.video-container.is-video-background-aspect-ratio {
  aspect-ratio: var(--aspect-ratio);
  overflow: hidden;
}
.video-container.is-video-background-aspect-ratio .container {
  height: 100%;
}
.video-container.is-video-background-aspect-ratio .container > .wp-block-columns,
.video-container.is-video-background-aspect-ratio .container .video-background-aspect-ratio,
.video-container.is-video-background-aspect-ratio .container .inner-blocks-content {
  height: 100%;
}
.video-container.is-video-background, .video-container.is-video-background-aspect-ratio {
  position: relative;
}
.video-container.is-video-background .container, .video-container.is-video-background-aspect-ratio .container {
  position: initial;
}

/*# sourceMappingURL=video-container.css.map */