/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/scss/sections/content-cards.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.content-cards {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media (min-width: 768px) {
  .content-cards {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    -moz-column-gap: max(var(--gap), 2.808988764%);
         column-gap: max(var(--gap), 2.808988764%);
  }
  @media (max-width: 1024px) {
    .content-cards:has(> li:nth-child(4)) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .content-cards:has(> li:nth-child(4)) > li {
      grid-column: span 1;
    }
    .content-cards:has(> li:nth-child(4)) > li .o-picture img,
    .content-cards:has(> li:nth-child(4)) > li .card > svg {
      --ar: 1/1;
    }
  }
}
.content-cards--carousel {
  --slides: 1.22;
  --col-gap: var(--gap);
  gap: 0;
  margin-left: calc(var(--col-gap) * -1);
}
@media (min-width: 768px) {
  .content-cards--carousel {
    --slides: 2;
  }
}
@media (min-width: 1024px) {
  .content-cards--carousel {
    --slides: 3;
  }
}
@media (min-width: 1280px) {
  .content-cards--carousel {
    --slides: 4;
  }
}
.content-cards--carousel li {
  flex-shrink: 0;
  width: calc(100% / var(--slides) - var(--col-gap) * (var(--slides) - 1) / var(--slides));
  width: calc(100% / var(--slides));
  min-width: 0;
  padding-left: var(--col-gap);
}

/*# sourceMappingURL=section-content-cards.min.css.map*/