.masonry {
  margin: 0 calc(-1 * var(--si-space-40)) 0 0;
  padding: 0;
}
.masonry .masonry__gutter {
  inline-size: var(--si-space-40);
}
.masonry .masonry__item {
  margin-block-end: var(--si-space-40);
}
@media (min-width: 475px) {
  .masonry.grid--gap-small .masonry__gutter {
    inline-size: var(--si-space-20);
  }
  .masonry.grid--gap-small .masonry__item {
    margin-block-end: var(--si-space-20);
  }
}

.masonry .masonry__item,
.masonry .masonry__sizer {
  inline-size: calc(100% - var(--si-space-40));
}
@media (min-width: 475px) {
  .masonry .masonry__item,
  .masonry .masonry__sizer {
    inline-size: calc(50% - var(--si-space-40));
  }
}
@media (min-width: 768px) {
  .masonry .masonry__item,
  .masonry .masonry__sizer {
    inline-size: calc(33.3333333333% - var(--si-space-40));
  }
}
@media (min-width: 768px) {
  .masonry.grid--gap-small .masonry__item,
  .masonry.grid--gap-small .masonry__sizer {
    inline-size: calc(33.3333333333% - var(--si-space-20));
  }
}

.masonry--4-columns .masonry__item,
.masonry--4-columns .masonry__sizer {
  inline-size: calc(100% - var(--si-space-40));
}
@media (min-width: 475px) {
  .masonry--4-columns .masonry__item,
  .masonry--4-columns .masonry__sizer {
    inline-size: calc(50% - var(--si-space-40));
  }
}
@media (min-width: 768px) {
  .masonry--4-columns .masonry__item,
  .masonry--4-columns .masonry__sizer {
    inline-size: calc(33.3333333333% - var(--si-space-40));
  }
}
@media (min-width: 1440px) {
  .masonry--4-columns .masonry__item,
  .masonry--4-columns .masonry__sizer {
    inline-size: calc(25% - var(--si-space-40));
  }
}
@media (min-width: 768px) {
  .masonry--4-columns.grid--gap-small .masonry__item,
  .masonry--4-columns.grid--gap-small .masonry__sizer {
    inline-size: calc(33.3333333333% - var(--si-space-20));
  }
}
@media (min-width: 1440px) {
  .masonry--4-columns.grid--gap-small .masonry__item,
  .masonry--4-columns.grid--gap-small .masonry__sizer {
    inline-size: calc(25% - var(--si-space-20));
  }
}

.masonry--5-columns .masonry__item,
.masonry--5-columns .masonry__sizer {
  inline-size: calc(100% - var(--si-space-40));
}
@media (min-width: 475px) {
  .masonry--5-columns .masonry__item,
  .masonry--5-columns .masonry__sizer {
    inline-size: calc(50% - var(--si-space-40));
  }
}
@media (min-width: 768px) {
  .masonry--5-columns .masonry__item,
  .masonry--5-columns .masonry__sizer {
    inline-size: calc(33.3333333333% - var(--si-space-40));
  }
}
@media (min-width: 1440px) {
  .masonry--5-columns .masonry__item,
  .masonry--5-columns .masonry__sizer {
    inline-size: calc(20% - var(--si-space-40));
  }
}
@media (min-width: 768px) {
  .masonry--5-columns.grid--gap-small .masonry__item,
  .masonry--5-columns.grid--gap-small .masonry__sizer {
    inline-size: calc(33.3333333333% - var(--si-space-20));
  }
}
@media (min-width: 1440px) {
  .masonry--5-columns.grid--gap-small .masonry__item,
  .masonry--5-columns.grid--gap-small .masonry__sizer {
    inline-size: calc(20% - var(--si-space-20));
  }
}

.masonry--6-columns .masonry__item,
.masonry--6-columns .masonry__sizer {
  inline-size: calc(100% - var(--si-space-40));
}
@media (min-width: 475px) {
  .masonry--6-columns .masonry__item,
  .masonry--6-columns .masonry__sizer {
    inline-size: calc(50% - var(--si-space-40));
  }
}
@media (min-width: 768px) {
  .masonry--6-columns .masonry__item,
  .masonry--6-columns .masonry__sizer {
    inline-size: calc(33.3333333333% - var(--si-space-40));
  }
}
@media (min-width: 1440px) {
  .masonry--6-columns .masonry__item,
  .masonry--6-columns .masonry__sizer {
    inline-size: calc(16.6666666667% - var(--si-space-40));
  }
}
@media (min-width: 768px) {
  .masonry--6-columns.grid--gap-small .masonry__item,
  .masonry--6-columns.grid--gap-small .masonry__sizer {
    inline-size: calc(33.3333333333% - var(--si-space-20));
  }
}
@media (min-width: 1440px) {
  .masonry--6-columns.grid--gap-small .masonry__item,
  .masonry--6-columns.grid--gap-small .masonry__sizer {
    inline-size: calc(16.6666666667% - var(--si-space-20));
  }
}