/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/templates/views/grid/component/grid.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.view--grid > .view__content > .view__rows {
  display: grid;
  grid-template-columns: repeat(var(--view-grid-template-columns, 1), 1fr);
  -moz-column-gap: 35.53778px;
       column-gap: 35.53778px;
  row-gap: var(--view-grid-row-gap, 26.66px);
}
@media (min-width: 48em) {
  .view--grid.view--2-columns, .view--grid.view--3-columns, .view--grid.view--4-columns {
    --view-grid-template-columns: 2;
  }
}
@media (min-width: 64em) {
  .view--grid.view--3-columns {
    --view-grid-template-columns: 3;
  }
  .view--grid.view--4-columns {
    --view-grid-template-columns: 4;
  }
}