.video-scroll-slider {
  overflow: hidden;
  padding-block: var(--wdg-gap-medium);
  position: relative;
}
.video-scroll-slider__layout {
  display: flex;
  gap: var(--wdg-gap-gutter);
  padding-inline: var(--wdg-gap-gutter);
  will-change: transform;
}
.video-scroll-slider__item {
  background-color: var(--wdg-color-tonal-black);
  border-radius: 1em;
  display: grid;
  flex: 0 0 50%;
  grid-template-rows: 1fr auto;
  overflow: hidden;
  position: relative;
}
@media (min-width: 48em) {
  .video-scroll-slider__item {
    flex-basis: 20%;
  }
}
.video-scroll-slider__item-text {
  color: var(--wdg-color-white);
  display: flex;
  flex-direction: column;
  font-size: var(--wdg-font-size-small);
  grid-column: 1;
  grid-row: 2;
  padding: var(--wdg-gap-xsmall);
  position: relative;
  row-gap: 0.25em;
  z-index: 1;
}
.video-scroll-slider__item-heading {
  font-weight: 600;
}
.video-scroll-slider__item-description {
  color: var(--wdg-color-white-80);
}
.video-scroll-slider__item-media {
  aspect-ratio: 9/16;
  grid-column: 1;
  grid-row: 1/-1;
  height: 100%;
  margin: 0;
  position: relative;
  width: 100%;
}
.video-scroll-slider__item-media::after {
  background: linear-gradient(180deg, rgba(42, 33, 58, 0) 59.9%, rgba(42, 33, 58, 0.65) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.video-scroll-slider__item video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

/*# sourceMappingURL=style.css.map */