/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../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__grid {
  display: grid;
  grid-template-columns: repeat(var(--view-grid--gtc, 1), 1fr);
  -moz-column-gap: var(--view-grid--column-gap, 37.3248px);
       column-gap: var(--view-grid--column-gap, 37.3248px);
  row-gap: var(--view-grid--row-gap, 25.92px);
}
@media (min-width: 48em) {
  .view--grid.view--2-columns, .view--grid.view--3-columns, .view--grid.view--4-columns {
    --view-grid--gtc: 2;
  }
}
@media (min-width: 64em) {
  .view--grid.view--3-columns {
    --view-grid--gtc: 3;
  }
  .view--grid.view--4-columns {
    --view-grid--gtc: 4;
  }
}