.cross-column-carousel .cross-column-card {
  max-width: 48rem
}
.cross-column-carousel .cross-column-card::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--gradient-bottom-dark)
}
.cross-column-carousel .cross-column-card__image-wrapper {
  height: 30.4rem
}
.cross-column-carousel .cross-column-card__intro-text {
  color: var(--base-5)
}
.cross-column-carousel .cross-column-card__link:focus {
  outline: 1px var(--primary-1) solid;
  outline-offset: -5px
}
.cross-column-carousel .cross-column-card--img-only {
  margin: 0 auto
}
.cross-column-carousel .cross-column-card--img-only::before {
  display: none
}
.cross-column-carousel .cross-column-card--img-only .cross-column-card__image-wrapper {
  height: 34rem
}
.cross-column-carousel .cross-column-card--img-only .cross-column-card__intro-text {
  display: none
}
.cross-column-carousel .cross-column-card--video-only {
  max-width: 60.8rem;
  height: 34rem;
  overflow: hidden
}
.cross-column-carousel .cross-column-card--video-only .cross-column-card__intro-text {
  display: none
}
.cross-column-carousel .cross-column-card--video-only::before {
  display: none
}
.cross-column-carousel .cross-column-card--video-only .cross-column-card__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  pointer-events: none
}
.cross-column-carousel .cross-column-card--video-only .cross-column-card__image-wrapper {
  height: 34rem
}
.cross-column-carousel .carousel-arrow {
  background: var(--base-4)
}
.cross-column-carousel .carousel-arrow .arrow-button {
  padding: var(--xs-1);
  width: 4.8rem;
  height: 4.8rem
}
.cross-column-carousel .carousel-lines span {
  width: 5.6rem;
  height: .2rem
}
.cross-column-carousel--gray-bg .carousel-arrow {
  background: var(--base-5)
}
.cross-column-carousel--image-video .cross-column-carousel__intro-text {
  margin-top: 0
}
@media (min-width:768px) {
  .cross-column-carousel .cross-column-card__image-wrapper {
    height: 48rem
  }
  .cross-column-carousel .swiper {
    margin-right: -5.6rem
  }
  .cross-column-carousel .swiper .swiper-slide {
    max-width: 48rem
  }
  .cross-column-carousel .swiper .swiper-slide-active .cross-column-card--img-only {
    margin: 0
  }
}
@media (min-width:992px) {
  .cross-column-carousel .swiper {
    min-height: 61.6rem;
    margin-right: 0
  }
  .cross-column-carousel .swiper .swiper-slide {
    transition: transform .6s ease-in-out;
    max-width: none
  }
  .cross-column-carousel .swiper .swiper-slide-active,
  .cross-column-carousel .swiper .swiper-slide-prev {
    transform: translateY(calc(var(--lg-3) + 56px))
  }
  .cross-column-carousel--image-video .swiper {
    min-height: 48.4rem
  }
  .cross-column-carousel__title {
    margin-bottom: calc(-1 * var(--lg-3) - 56px);
    width: 49%
  }
  .cross-column-carousel__intro-text {
    margin-top: calc(-1 * var(--lg-3) - 56px)
  }
  .cross-column-carousel .cross-column-card--img-only {
    max-width: 34rem
  }
}