/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/one-column/one-column.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.layout--width-edge-to-edge.layout--one-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--one-column > .layout__regions, .layout--width-edge-to-edge.layout--one-column > .advanced-header-field {
  padding-right: var(--safe-area-right);
  padding-left: var(--safe-area-left);
  max-width: 1440px;
  margin: 0 auto;
}

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