.pp-sections-featured-logos {
  --logos__height: 4rem;
}

/* Center the logos before Swiper takes over, unless they overflow */
.pp-sections-featured-logos__slider.lib-swiper--type-multiple.lib-swiper--pending .lib-swiper__wrapper {
  justify-content: safe center;
}

/* Slides are sized by the logo width, not by a fixed count */
.pp-sections-featured-logos__slider {
  --lib-swiper__multiple-spacing: 1rem;
}

.pp-sections-featured-logos__slider.lib-swiper--type-multiple.lib-swiper--pending .lib-swiper__slide {
  flex: 0 0 auto;
}

.pp-sections-featured-logos__slider .lib-swiper__slide {
  width: auto;
}

.pp-sections-featured-logos__item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pp-sections-featured-logos__img {
  height: var(--logos__height);
  width: auto;
  max-width: none;
  object-fit: contain;

  transition: var(--v-transition__default);
}

.pp-sections-featured-logos__img:hover {
  transform: scale(1.04);
}

@media (min-width: 700px) {
  .pp-sections-featured-logos {
    --logos__height: 4rem;
  }

  .pp-sections-featured-logos__slider {
    --lib-swiper__multiple-spacing: 2rem;
  }
}

@media (min-width: 1000px) {
  .pp-sections-featured-logos {
    --logos__height: 7rem;
  }
}