.o-brands {
  --grid-column-gap: var(--column-gap-mobile);
  --grid-row-gap: var(--row-gap-mobile);
}
@media screen and (min-width: 768px) {
  .o-brands {
    --grid-column-gap: var(--column-gap-desktop);
    --grid-row-gap: var(--row-gap-desktop);
  }
}
.o-brands img,
.o-brands svg {
  display: block;
  width: 100%;
  height: auto;
  object-fit: var(--image-fit);
}
.o-brands__content {
  margin-bottom: 2rem;
}
.o-brands__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--grid-row-gap) var(--grid-column-gap);
}
.o-brands__items .o-brands__item {
  --flex-items: 1;
  width: calc(100% / var(--flex-items) - (var(--flex-items) - 1) / var(--flex-items) * var(--grid-column-gap));
}
.o-brands__mobile-columns--1 .o-brands__item {
  --flex-items: 1;
}
.o-brands__mobile-columns--2 .o-brands__item {
  --flex-items: 2;
}
.o-brands__mobile-columns--3 .o-brands__item {
  --flex-items: 3;
}
.o-brands__mobile-columns--4 .o-brands__item {
  --flex-items: 4;
}
.o-brands__mobile-columns--5 .o-brands__item {
  --flex-items: 5;
}
.o-brands__mobile-columns--6 .o-brands__item {
  --flex-items: 6;
}
@media screen and (min-width: 1100px) {
  .o-brands__columns--1 .o-brands__item {
    --flex-items: 1;
  }
}
@media screen and (min-width: 1100px) {
  .o-brands__columns--2 .o-brands__item {
    --flex-items: 2;
  }
}
@media screen and (min-width: 1100px) {
  .o-brands__columns--3 .o-brands__item {
    --flex-items: 3;
  }
}
@media screen and (min-width: 1100px) {
  .o-brands__columns--4 .o-brands__item {
    --flex-items: 4;
  }
}
@media screen and (min-width: 1100px) {
  .o-brands__columns--5 .o-brands__item {
    --flex-items: 5;
  }
}
@media screen and (min-width: 1100px) {
  .o-brands__columns--6 .o-brands__item {
    --flex-items: 6;
  }
}