/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/views/all-content/all-content.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.view--all-content.view--embed-person-related .view__rows, .view--all-content.view--embed-person-related-featured .view__rows {
  display: grid;
  gap: var(--grid-row-gap, 20px) var(--grid-column-gap, 40px);
  grid-template-columns: repeat(var(--grid-columns, 12), 1fr);
}

.view--all-content.view--embed-person-related .view__rows {
  --grid-column-gap: 40px;
  --grid-columns: 1;
}
@media (min-width: 32em) {
  .view--all-content.view--embed-person-related .view__rows {
    --grid-columns: 2;
  }
}
@media (min-width: 80em) {
  .view--all-content.view--embed-person-related .view__rows {
    --grid-columns: 3;
  }
}

.view--all-content.view--embed-person-related-featured .view__rows {
  --grid-column-gap: 40px;
  --grid-columns: 1;
}
@media (min-width: 32em) {
  .view--all-content.view--embed-person-related-featured .view__rows {
    --grid-columns: 2;
  }
}
@media (min-width: 80em) {
  .view--all-content.view--embed-person-related-featured .view__rows {
    --grid-columns: 4;
  }
}