/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./modules/block_content-mosaic/assets/style.scss ***!
  \*********************************************************************************************************************************************************************/
.b-content-mosaic {
  background-color: var(--wp--preset--color--contrast);
  color: #fff;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.b-content-mosaic__wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 1024px) {
  .b-content-mosaic__wrapper {
    gap: 3rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.b-content-mosaic__box {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 18rem;
  color: inherit;
  max-width: 25%;
  flex: 1;
}
.b-content-mosaic__box > * {
  margin: 0;
}
.b-content-mosaic__box .b-icon {
  filter: brightness(0) invert(1);
}
.b-content-mosaic__box .b-icon__img {
  margin-left: auto;
  margin-right: auto;
}
.b-content-mosaic__box h1,
.b-content-mosaic__box h2,
.b-content-mosaic__box h3,
.b-content-mosaic__box h4,
.b-content-mosaic__box h5,
.b-content-mosaic__box h6,
.b-content-mosaic__box p {
  max-width: 18rem;
}
.b-content-mosaic__img-con {
  display: flex;
  min-height: 18rem;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .b-content-mosaic__img-con {
    max-width: 50%;
    min-height: 22rem;
  }
}
.b-content-mosaic__img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: auto;
  aspect-ratio: 16/10;
}