.video-panel[data-heading-align=left] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 90.0625em) {
  .video-panel[data-heading-align=left] .block-heading {
    margin: 0;
    max-width: 300px;
    min-width: 200px;
  }
  .video-panel[data-heading-align=left] .block-heading__title {
    margin-top: 0;
  }
}
.video-panel[data-heading-align=left] .video-panel__grid {
  margin-left: 0;
}
@media (min-width: 48em) {
  .video-panel[data-heading-align=left] .video-panel__content {
    --content-cols: 5/9;
  }
}
@media (min-width: 90.0625em) {
  .video-panel[data-heading-align=left] {
    flex-direction: row;
  }
}
.video-panel__grid,
.video-panel .video-panel__grid {
  --content-row: 2;
  --vid-cols: 1 / 9;
  --content-cols: 1 / 9;
  --vid-max-width: 1000px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 0 var(--gap);
  max-width: var(--vid-max-width);
  margin: 0;
}
@media (max-width: 47.99em) {
  .video-panel__grid,
  .video-panel .video-panel__grid {
    margin: 0;
    --content-row: 2;
  }
}
@media (min-width: 48em) {
  .video-panel__grid,
  .video-panel .video-panel__grid {
    --vid-cols: 1 / 7;
    --content-cols: 6 / 9;
    --content-row: 1;
  }
}
@media (min-width: 90.0625em) {
  [data-heading-align=left] .video-panel__grid,
  [data-heading-align=left] .video-panel .video-panel__grid {
    margin: 0;
  }
  [data-heading-align=left] .video-panel__grid,
  [data-heading-align=left] .video-panel .video-panel__grid {
    margin-left: 0px;
  }
}
@media screen and (min-width: 90.0625em) and (min-width: 1440px) {
  [data-heading-align=left] .video-panel__grid,
  [data-heading-align=left] .video-panel .video-panel__grid {
    margin-left: calc(0px + 80 * (100vw - 1440px) / 160);
  }
}
@media screen and (min-width: 90.0625em) and (min-width: 1600px) {
  [data-heading-align=left] .video-panel__grid,
  [data-heading-align=left] .video-panel .video-panel__grid {
    margin-left: 80px;
  }
}
.video-panel__grid[data-align],
.video-panel .video-panel__grid[data-align] {
  margin: 0 auto;
}
.video-panel__grid[data-grid-layout=beneath], .video-panel__grid[data-grid-layout=no-content],
.video-panel .video-panel__grid[data-grid-layout=beneath],
.video-panel .video-panel__grid[data-grid-layout=no-content] {
  --vid-cols: 1 / 9;
  --vid-max-width: 740px;
}
.video-panel__grid[data-grid-layout=full],
.video-panel .video-panel__grid[data-grid-layout=full] {
  --vid-max-width: none;
  --vid-cols: 1 / 9;
}
.video-panel__grid[data-grid-layout=full] .video,
.video-panel .video-panel__grid[data-grid-layout=full] .video {
  max-height: none;
}
.video-panel__grid[data-grid-layout=beneath],
.video-panel .video-panel__grid[data-grid-layout=beneath] {
  --content-cols: 1 / 9;
  --content-row: 2;
}
.video-panel__grid[data-grid-layout=beneath] .video-panel__grid-content,
.video-panel .video-panel__grid[data-grid-layout=beneath] .video-panel__grid-content {
  margin: 0;
  padding: var(--gap-larger) 0 0;
  background: transparent;
}
.video-panel__grid:not([data-grid-layout=beneath]) p {
  font-size: 1.6rem;
}
.video-panel .video, .video-panel__grid-content {
  grid-row-start: 1;
}
.video-panel ul.video-panel__grid-content li:last-child {
  margin-bottom: 0;
}
.video-panel__grid-content {
  grid-column: var(--content-cols);
  grid-row-start: var(--content-row);
  position: relative;
  z-index: 1;
  background: var(--white);
  padding: 4rem var(--gap-element);
  margin: 0;
}
@media (min-width: 48em) {
  .video-panel__grid-content {
    margin: var(--gap-element) 0;
  }
}
@media (min-width: 64em) {
  .video-panel__grid-content {
    padding: var(--gap);
  }
}
.video-panel .video {
  grid-column: var(--vid-cols);
  grid-row-start: 1;
  max-height: 370px;
}
.video-panel .video__cover {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 31.24em) {
  .video-panel .block-heading {
    padding: 0 var(--gap);
  }
}
@media (min-width: 90.0625em) {
  .video-panel[data-heading-align=left] .block-heading {
    margin: 0 4rem 0 0;
    max-width: 480px;
    min-width: 280px;
  }
}
.video-panel[data-heading-align=left] .block-heading__title, .video-panel[data-heading-align=left] .block-heading__subtitle, .video-panel[data-heading-align=left] .block-heading__content {
  text-align: left;
}
.video-panel[data-heading-align=left] .block-heading__title.h-underline {
  padding: 0 0 var(--gap);
}
.video-panel[data-heading-align=left] .block-heading__title.h-underline::before {
  display: block;
}

p {
  margin-bottom: 2rem;
}
p:last-child {
  margin-bottom: 0;
}

.fancybox-slide--video {
  padding: 0;
}

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