/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/paragraph/layout/two-column/two-column.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.layout--width-edge-to-edge.layout--two-column {
  margin-left: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1);
  margin-right: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1);
}

.layout--width-edge-to-edge.layout--two-column > .layout__regions, .layout--width-edge-to-edge.layout--two-column > .advanced-header-field {
  padding-right: var(--safe-area-right);
  padding-left: var(--safe-area-left);
  max-width: 1440px;
  margin: 0 auto;
}

.layout--two-column > .layout__regions {
  display: grid;
  gap: var(--grid-row-gap, 20px) var(--grid-column-gap, 40px);
  grid-template-columns: repeat(var(--grid-columns, 12), 1fr);
}

@media (max-width: 48em) {
  .layout--two-column {
    display: contents;
  }
}
.layout--two-column > .advanced-header-field {
  margin-bottom: 20px;
}
.layout--two-column > .layout__regions {
  --grid-columns: 1;
}
@media (min-width: 64em) {
  .layout--two-column > .layout__regions {
    --grid-columns: 12;
  }
}
@media (max-width: 48em) {
  .layout--two-column > .layout__regions {
    display: contents;
  }
}
.layout--two-column .layout__region > * + * {
  margin-top: 40px;
}
@media (max-width: 48em) {
  .layout--two-column .layout__region {
    display: contents;
  }
}
.layout--width-edge-to-edge.layout--two-column {
  padding: 40px 0;
}
.layout--width-edge-to-edge.layout--two-column > .advanced-header-field {
  margin-bottom: 20px;
}
.layout--margin-bottom-sm.layout--two-column {
  margin-bottom: 20px;
}
.layout--margin-bottom-md.layout--two-column {
  margin-bottom: 40px;
}
.layout--margin-bottom-lg.layout--two-column {
  margin-bottom: 80px;
}
.layout--two-column:last-child {
  margin-bottom: 0;
}
.layout--background.layout--two-column:not(.layout--width-edge-to-edge) {
  padding: 40px;
}
.layout--color-scheme-light.layout--two-column {
  background-color: var(--layout-color-scheme-light-background-color, #F9F9F9);
}
.layout--color-scheme-medium.layout--two-column {
  background-color: var(--layout-color-scheme-medium-background-color, #ddd);
}
.layout--column-separator-border.layout--two-column .layout__region {
  border: 1px solid #ddd;
  padding: 40px;
}
.layout--column-separator-divider.layout--two-column .layout__regions > .layout__region + .layout__region {
  border-color: solid #ddd;
  border-top-style: solid;
  border-top-width: 1px;
  border-left-style: solid;
  border-left-width: 0;
  padding-top: 20px;
}
@media (min-width: 64em) {
  .layout--column-separator-divider.layout--two-column .layout__regions > .layout__region + .layout__region {
    border-top-width: 0;
    border-left-width: 1px;
    margin-top: 0;
    margin-left: calc((-1 * 40px) / 2);
    padding-top: 0;
    padding-left: calc(40px / 2);
  }
}

.layout--two-column {
  --grid-column-gap: 40px;
}
@media (min-width: 64em) {
  .layout--two-column.layout--50-50 > .layout__regions > .layout__region {
    grid-column: span 6;
  }
  .layout--two-column.layout--60-40 > .layout__regions > .layout__region--first {
    grid-column: span 7;
  }
  .layout--two-column.layout--60-40 > .layout__regions > .layout__region--second {
    grid-column: span 5;
  }
  .layout--two-column.layout--40-60 > .layout__regions > .layout__region--first {
    grid-column: span 5;
  }
  .layout--two-column.layout--40-60 > .layout__regions > .layout__region--second {
    grid-column: span 7;
  }
  .layout--two-column.layout--70-30 > .layout__regions > .layout__region--first {
    grid-column: span 8;
  }
  .layout--two-column.layout--70-30 > .layout__regions > .layout__region--second {
    grid-column: span 4;
  }
  .layout--two-column.layout--30-70 > .layout__regions > .layout__region--first {
    grid-column: span 4;
  }
  .layout--two-column.layout--30-70 > .layout__regions > .layout__region--second {
    grid-column: span 8;
  }
  .layout--two-column.layout--75-25 > .layout__regions > .layout__region--first {
    grid-column: span 9;
  }
  .layout--two-column.layout--75-25 > .layout__regions > .layout__region--second {
    grid-column: span 3;
  }
  .layout--two-column.layout--25-75 > .layout__regions > .layout__region--first {
    grid-column: span 3;
  }
  .layout--two-column.layout--25-75 > .layout__regions > .layout__region--second {
    grid-column: span 9;
  }
}