/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./source/components/layout-flexgrid/styles.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.l-flexgrid {
  --gap: 0px;
  --gapX: var(--gap);
  --gapY: var(--gap);
  display: flex;
}
.l-flexgrid[data-grid-gap] {
  --gap: 40px;
}
.l-flexgrid[data-grid-gap=sm] {
  -moz-column-gap: calc(var(--gapX) * 0.5);
       column-gap: calc(var(--gapX) * 0.5);
  row-gap: calc(var(--gapY) * 0.5);
}
@media (max-width: 479px) {
  .l-flexgrid[data-grid-gap*="xs:sm"] {
    --gap: 20px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
@media (min-width: 480px) and (max-width: 689px) {
  .l-flexgrid[data-grid-gap*="sm:sm"] {
    --gap: 20px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
@media (min-width: 690px) and (max-width: 999px) {
  .l-flexgrid[data-grid-gap*="md:sm"] {
    --gap: 20px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .l-flexgrid[data-grid-gap*="lg:sm"] {
    --gap: 20px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
@media (min-width: 1200px) {
  .l-flexgrid[data-grid-gap*="xl:sm"] {
    --gap: 20px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
.l-flexgrid[data-grid-gap=md] {
  -moz-column-gap: calc(var(--gapX) * 1);
       column-gap: calc(var(--gapX) * 1);
  row-gap: calc(var(--gapY) * 1);
}
@media (max-width: 479px) {
  .l-flexgrid[data-grid-gap*="xs:md"] {
    --gap: 40px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
@media (min-width: 480px) and (max-width: 689px) {
  .l-flexgrid[data-grid-gap*="sm:md"] {
    --gap: 40px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
@media (min-width: 690px) and (max-width: 999px) {
  .l-flexgrid[data-grid-gap*="md:md"] {
    --gap: 40px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .l-flexgrid[data-grid-gap*="lg:md"] {
    --gap: 40px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
@media (min-width: 1200px) {
  .l-flexgrid[data-grid-gap*="xl:md"] {
    --gap: 40px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
.l-flexgrid[data-grid-gap=lg] {
  -moz-column-gap: calc(var(--gapX) * 1.5);
       column-gap: calc(var(--gapX) * 1.5);
  row-gap: calc(var(--gapY) * 1.5);
}
@media (max-width: 479px) {
  .l-flexgrid[data-grid-gap*="xs:lg"] {
    --gap: 60px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
@media (min-width: 480px) and (max-width: 689px) {
  .l-flexgrid[data-grid-gap*="sm:lg"] {
    --gap: 60px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
@media (min-width: 690px) and (max-width: 999px) {
  .l-flexgrid[data-grid-gap*="md:lg"] {
    --gap: 60px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .l-flexgrid[data-grid-gap*="lg:lg"] {
    --gap: 60px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}
@media (min-width: 1200px) {
  .l-flexgrid[data-grid-gap*="xl:lg"] {
    --gap: 60px;
    -moz-column-gap: var(--gapX);
         column-gap: var(--gapX);
    row-gap: var(--gapY);
  }
}

.l-flexgrid--wrap {
  flex-wrap: wrap;
}

.l-flexgrid--gutter {
  gap: var(--gapY) var(--gapX);
}

.l-flexgrid[data-grid-columns=fill] > * {
  flex-grow: 1;
}

.l-flexgrid[data-grid-columns=auto] > * {
  flex: 0 1 auto;
}

.l-flexgrid[data-grid-columns=equal] {
  flex-wrap: nowrap;
}
.l-flexgrid[data-grid-columns=equal] > * {
  flex: 1 1 100%;
}

.l-flexgrid[data-grid-align=start] {
  align-items: flex-start;
}

.l-flexgrid[data-grid-align=center] {
  align-items: center;
}

.l-flexgrid[data-grid-align=end] {
  align-items: flex-end;
}

.l-flexgrid[data-grid-justify=flex-start] {
  justify-content: flex-start;
}

.l-flexgrid[data-grid-justify=flex-end] {
  justify-content: flex-end;
}

.l-flexgrid[data-grid-justify=center] {
  justify-content: center;
}

.l-flexgrid[data-grid-justify=space-between] {
  justify-content: space-between;
}

.l-flexgrid[data-grid-justify=space-around] {
  justify-content: space-around;
}

.l-flexgrid[data-grid-justify=space-evenly] {
  justify-content: space-evenly;
}

/*# sourceMappingURL=styles.css.map*/