/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/shared/repeater-grid-mosaic-col-icons/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.b--mosaic-grid {
  --spacer-y: var(--spacers-sm);
  --spacer-x: var(--spacers-xs);
  --grid-gap: var(--spacers-md);
  --grid-columns: 1fr; }
  @media (min-width: 768px) {
    .b--mosaic-grid {
      --spacer-y: var(--spacers-md);
      --spacer-x: var(--spacers-md);
      --grid-columns: repeat(12, 1fr); } }
  @media (min-width: 1200px) {
    .b--mosaic-grid {
      --grid-gap: var(--gutter-small); } }
  .b--mosaic-grid .l__title span {
    font-weight: 300; }
  @media (min-width: 768px) {
    .b--mosaic-grid .l__item:nth-child(1), .b--mosaic-grid .l__item:nth-child(4) {
      grid-column-start: 1;
      grid-column-end: 7;
      grid-row-start: 1;
      grid-row-end: 1;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media (min-width: 768px) {
    .b--mosaic-grid .l__item:nth-child(2), .b--mosaic-grid .l__item:nth-child(5) {
      grid-column-start: 1;
      grid-column-end: 7;
      grid-row-start: 2;
      grid-row-end: 2;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .b--mosaic-grid .l__item:nth-child(3), .b--mosaic-grid .l__item:nth-child(6) {
    background-color: #ee4444;
    color: #ffffff;
    padding: var(--spacer-y) var(--spacer-x); }
    @media (min-width: 768px) {
      .b--mosaic-grid .l__item:nth-child(3), .b--mosaic-grid .l__item:nth-child(6) {
        grid-column-start: 8;
        grid-column-end: 13;
        grid-row-start: 1;
        grid-row-end: 3; } }
  .b--mosaic-grid .l__wrapper {
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: var(--grid-columns); }
  .b--mosaic-grid .l__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-column: 6 span;
    position: relative;
    overflow: hidden; }
    @media (min-width: 768px) {
      .b--mosaic-grid .l__item {
        grid-column: 6 span; } }

.b--mosaic-grid + .b--mosaic-grid {
  margin-top: calc(var(--spacers-lg-vw) * -1); }

section.b--mosaic-grid.text-light:not(.is-bg) + section.b--mosaic-grid.text-light,
section.b--mosaic-grid.text-dark:not(.is-bg) + section.b--mosaic-grid.text-dark {
  padding-top: var(--grid-gap) !important; }