

.gallery__item {
  transition: .2s ease-in-out;
}

.gallery__row--gutter .gallery__item {
  margin-bottom: 24px;
}

.gallery__img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 3/2;
}
}

@media (min-width: 1140px) {
  .splide--center-mode:not(.splide--lg-2):not(.splide--lg-4):not(.splide--lg-6) .splide__slide:not(.is-active) .gallery__item {
    transform: scale(.9);
    transform-origin: center center;
  }
}

@media (max-width: 1139px) and (min-width: 768px) {
  .splide--center-mode:not(.splide--md-2):not(.splide--md-4):not(.splide--md-6) .splide__slide:not(.is-active) .gallery__item {
    transform: scale(.9);
    transform-origin: center center;
  }
}

@media (max-width: 767px) {
  .splide--center-mode:not(.splide--sm-2):not(.splide--sm-4):not(.splide--sm-6) .splide__slide:not(.is-active) .gallery__item {
    transform: scale(.9);
    transform-origin: center center;
  }
}

.gallery .splide__pagination {
  padding-top: 24px;
}

.gallery__preview {
  margin-bottom: 24px;
}

.gallery__preview-splide,
.gallery__nav-splide {
  position: relative;
  visibility: hidden;
}

.gallery__preview-splide.is-active .splide__list,
.gallery__nav-splide.is-active .splide__list {
  display: flex;
}

.gallery__nav-splide .gallery__item {
  cursor: pointer;
}

.gallery__nav-splide .gallery__item {
  opacity: .5;
}

.gallery__nav-splide .gallery__item:hover,
.gallery__nav-splide .splide__slide.is-active .gallery__item {
  opacity: 1;
}

@media (max-width: 767px) {
  .gallery__nav {
    display: none;
  }
}