.overlay-card-slideshow .overlay-card__image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.overlay-card-slideshow {
  max-width: var(--block-max-width);
  margin: var(--basis-margin) auto;
  padding-left: var(--block-padding);
  padding-right: var(--block-padding);
}

.overlay-card-slideshow {
  margin: 0 auto;
}

.overlay-card-slideshow .overlay-card {
  border-radius: 1em;
  overflow: hidden;
}

.overlay-card-slideshow .overlay-card__mask {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  --alpha: 0.05;
  grid-area: stack;
  z-index: 1;
  padding: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  color: var(--overlay-text-color);
  font-size: 1.5em;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), color-stop(60%, rgba(0, 0, 0, 0.05))) no-repeat top;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.05) 60%) no-repeat top;
}
@media (min-width: 788px) and (max-width: 1217px) {
  .overlay-card-slideshow .overlay-card__mask {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.3))) no-repeat top;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0.3) 70%) no-repeat top;
  }
}
@media (max-width: 787px) {
  .overlay-card-slideshow .overlay-card__mask {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(0, 0, 0, 0.9)), color-stop(70%, rgba(0, 0, 0, 0.3))) no-repeat top;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0.3) 70%) no-repeat top;
  }
}
.contrast-mode .overlay-card-slideshow .overlay-card__mask, .overlay-card-slideshow .contrast-mode .overlay-card__mask {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.8);
}

.overlay-card-slideshow {
  margin-block: 5em;
}
.overlay-card-slideshow .block-header__title {
  font-size: 1.875em;
}
.overlay-card-slideshow .overlay-card-container {
  --max-image-width: calc((var(--wrapper-max-width) / 2));
  --arrow-width: 50px;
  margin: 1em 0;
  position: relative;
}
.overlay-card-slideshow .swiper.swiper-initialized ~ .swiper-custom-navigation {
  display: block;
}
.overlay-card-slideshow .swiper-custom-navigation {
  --arrow-margin: -1.625rem;
  display: none;
}
.overlay-card-slideshow .swiper-custom-navigation:has(.swiper-button-lock) {
  display: none;
}
.overlay-card-slideshow .swiper-custom-navigation .swiper-arrow-next {
  right: var(--arrow-margin);
}
.overlay-card-slideshow .swiper-custom-navigation .swiper-arrow-prev {
  left: var(--arrow-margin);
}
.overlay-card-slideshow .swiper-custom-navigation .swiper-arrow {
  width: 56px;
  height: 56px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  z-index: 101;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
}
.overlay-card-slideshow .swiper-custom-navigation .swiper-arrow svg {
  display: block;
}
.overlay-card-slideshow .swiper-custom-navigation .swiper-arrow:hover {
  opacity: 1;
}
.overlay-card-slideshow .overlay-card {
  display: inline-block;
}
.overlay-card-slideshow .overlay-card a {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "stack";
}
.overlay-card-slideshow .overlay-card a:hover {
  text-decoration: none;
}
.overlay-card-slideshow .overlay-card__image {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: stack;
  aspect-ratio: 16/9;
  -webkit-transition: scale 0.5s ease;
  transition: scale 0.5s ease;
}
@media (min-width: 788px) {
  .overlay-card-slideshow .overlay-card__image {
    max-width: var(--max-image-width);
  }
}
.overlay-card-slideshow .overlay-card__mask {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: stack;
}
.overlay-card-slideshow .overlay-card__title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: stack;
  font-size: 1.875rem;
  font-weight: 700;
  margin: 0;
  word-break: break-word;
  z-index: 1;
}
.overlay-card-slideshow .overlay-card:hover .overlay-card__image {
  scale: 102%;
}
/*# sourceMappingURL=style.css.map */