.view--grid > .view__content > .view__rows {
  --view--row--margin-top: 0;
  display: grid;
  grid-template-columns: repeat(var(--view-grid--gtc, 1), 1fr);
  -moz-column-gap: var(--view-grid--column-gap, 1rem);
       column-gap: var(--view-grid--column-gap, 1rem);
  row-gap: var(--view-grid--row-gap, 1rem);
}
@media (min-width: 48rem) {
  .view--grid.view--2-columns, .view--grid.view--3-columns, .view--grid.view--4-columns {
    --view-grid--gtc: 2;
  }
  .view--grid.view--6-columns {
    --view-grid--gtc: 3;
  }
}
@media (min-width: 64rem) {
  .view--grid.view--3-columns {
    --view-grid--gtc: 3;
  }
  .view--grid.view--4-columns {
    --view-grid--gtc: 4;
  }
  .view--grid.view--6-columns {
    --view-grid--gtc: 6;
  }
}
