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

.layout--accordion > .layout__regions, .layout--width-edge-to-edge.layout--accordion > .advanced-header-field {
  display: grid;
  gap: var(--grid-row-gap, 20px) var(--grid-column-gap, 40px);
  grid-template-columns: repeat(var(--grid-columns, 12), 1fr);
}

.layout--accordion > .advanced-header-field {
  margin-bottom: 20px;
  grid-column: 1/-1;
}
.layout--accordion > .layout__regions {
  --grid-columns: 1;
}
@media (min-width: 64em) {
  .layout--accordion > .layout__regions {
    --grid-columns: 12;
  }
}
.layout--accordion .layout__region > * + * {
  margin-top: 40px;
}
.layout--width-edge-to-edge.layout--accordion {
  padding: 40px 0;
}
.layout--width-edge-to-edge.layout--accordion > .advanced-header-field {
  margin-bottom: 20px;
  grid-template-columns: subgrid;
}
.layout--margin-bottom-sm.layout--accordion {
  margin-bottom: 20px;
}
.layout--margin-bottom-md.layout--accordion {
  margin-bottom: 40px;
}
.layout--margin-bottom-lg.layout--accordion {
  margin-bottom: 80px;
}
.layout--accordion:last-child {
  margin-bottom: 0;
}
.layout--background.layout--accordion:not(.layout--width-edge-to-edge) {
  padding: 40px;
}
.layout--color-scheme-light.layout--accordion {
  background-color: var(--layout-color-scheme-light-background-color, #F9F9F9);
}
.layout--color-scheme-medium.layout--accordion {
  background-color: var(--layout-color-scheme-medium-background-color, #ddd);
}
.layout--color-scheme-sky-blue.layout--accordion {
  background-color: var(--layout-color-scheme-sky-blue-background-color, #F3F7FC);
}
.layout--color-scheme-blue-gray.layout--accordion {
  background-color: var(--layout-color-scheme-blue-gray-background-color, #EBEFF6);
}
.layout--color-scheme-egc-background-gray.layout--accordion {
  background-color: var(--layout--color-scheme-egc-background-gray-background-color, #F6F6F6);
}
.layout--color-scheme-egc-background-light-gray.layout--accordion {
  background-color: var(--layout--color-scheme-egc-background-light-gray-background-color, #DDDDDD);
}
.layout--color-scheme-ie-background-gray.layout--accordion {
  background-color: var(--layout-color-scheme-ie-background-gray-background-color, #F9F9F9);
}
.layout--color-scheme-ie-background-light-gray.layout--accordion {
  background-color: var(--layout-color-scheme-ie-background-light-gray-background-color, #E4ECF0);
}
.layout--column-separator-border.layout--accordion .layout__region {
  border: 1px solid #ddd;
  padding: 40px;
}
.layout--column-separator-divider.layout--accordion .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--accordion .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--accordion .layout__summary {
  --summary-font-size: 1.333rem;
}
@media (min-width: 64em) {
  .layout--accordion > .layout__regions > .layout__region {
    grid-column: 1/-1;
  }
}