/*------------------------------------------------------------------------------*/
/* Brand Banners
/*------------------------------------------------------------------------------*/
.BrandsList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: clamp(15px, 1.953125vw, 20px);
}
@media (max-width: 576px) {
  .BrandsList {
    grid-template-columns: repeat(2, 1fr);
  }
}
.BrandsList .BrandsCard {
  width: 100%;
  background-color: var(--background-color-shade-1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-images);
  transition: all 0.2s;
}
.BrandsList .BrandsCard:hover {
  transform: scale(0.98);
  background-color: var(--background-color-shade-2);
}
.BrandsList .BrandsCard img {
  max-width: 250px;
  width: 80%;
}
.BrandsList .BrandsCard .Title {
  margin: 0;
  font-size: clamp(18px, 1.7578125vw, 20px);
}

:root:not([data-color-contrast=white]) .BrandsCard img {
  mix-blend-mode: darken;
}

/*# sourceMappingURL=banner-brands.css.map */