/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./components/paragraph/paragraph--content-bricks-3/paragraph--content-bricks-3.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.paragraph--type--content-bricks-3 .field--name-field-content {
  --content-bricks-3-items-nbr: 1;
  --content-bricks-3-gap: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--content-bricks-3-gap);
}
@media (min-width: 768px) {
  .paragraph--type--content-bricks-3 .field--name-field-content {
    --content-bricks-3-items-nbr: 2;
  }
}
@media (min-width: 992px) {
  .paragraph--type--content-bricks-3 .field--name-field-content {
    --content-bricks-3-items-nbr: 3;
  }
}
.paragraph--type--content-bricks-3 .field--name-field-content > .field__item {
  width: calc(100% / var(--content-bricks-3-items-nbr) - var(--content-bricks-3-gap) * (var(--content-bricks-3-items-nbr) - 1) / var(--content-bricks-3-items-nbr));
}

/*# sourceMappingURL=paragraph--content-bricks-3.css.map*/