.logo-contents {
  --logo-max-width-mobile: 165px;
  --logo-max-width-tablet: 155px;
  --logo-max-width-desktop: 170px;
  --logo-max-width: var(--logo-max-width-mobile);
  --logo-max-height-mobile: 70px;
  --logo-max-height-tablet: 70px;
  --logo-max-height-desktop: 75px;
  --logo-max-height: var(--logo-max-height-mobile);
}

.logo-contents__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.logo-contents__image,
.logo-contents__image figure,
.logo-contents__image picture {
  width: var(--logo-max-width);
  height: var(--logo-max-height);
}

.logo-contents__image picture {
  background: transparent;
}

.logo-contents__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: var(--logo-max-height);
}

.logo-contents--active .logo-contents__slide {
  width: auto;
  margin-right: 0;
  margin-bottom: 0;
}

@media (min-width: 48rem) {
  .logo-contents {
    --logo-max-width: var(--logo-max-width-tablet);
    --logo-max-height: var(--logo-max-height-tablet);
  }
  .logo-contents__slides {
    flex-wrap: nowrap;
  }
  .logo-contents__slide {
    min-width: 20%;
  }
  .logo-contents--active .logo-contents__slide {
    min-width: auto;
    flex: initial;
  }
}
@media (min-width: 75rem) {
  .logo-contents {
    --logo-max-width: var(--logo-max-width-desktop);
    --logo-max-height: var(--logo-max-height-desktop);
  }
}

/*# sourceMappingURL=/assets/application/content-modules/logo-contents-62cf9c5d.css.map */