/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/blog-list/src/blog-list.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/blog-list/src/blog-list.scss (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (max-width: 1023px) {
  .twz-blog-list.twz-blog-list--will_slide .twz-blog-list__items {
    --column-width: 30rem;
    --columns: 3;
    margin-right: calc(var(--row-margin-inline) / 2 * -1);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-snap-align: start;
  }
}
.twz-blog-list .twz-text {
  margin-bottom: 3rem;
}
.twz-blog-list .twz-text h1,
.twz-blog-list .twz-text h2,
.twz-blog-list .twz-text h3,
.twz-blog-list .twz-text h4,
.twz-blog-list .twz-text h5,
.twz-blog-list .twz-text h6 {
  --text-color: var(--text-color-dark);
}
.twz-blog-list .twz-blog-list__items {
  --column-width: 1fr;
  --columns: 3;
  display: grid;
  grid-template-columns: repeat(var(--columns), var(--column-width));
  grid-column-gap: 3rem;
  grid-row-gap: 6rem;
}
@media (max-width: 767px) {
  .twz-blog-list .twz-blog-list__items {
    --columns: 1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .twz-blog-list .twz-blog-list__items {
    --columns: 2;
  }
}