/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/layouts/layout.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.layout {
  container-name: layout;
  container-type: inline-size;
}
.layout[data-color-scheme] {
  padding-inline: var(--safe-area-inline);
}
.layout > .layout__content > .layout__regions {
  display: grid;
  row-gap: 21.6px;
  -moz-column-gap: 37.3248px;
       column-gap: 37.3248px;
}
.layout .layout__region {
  container-name: layout-region;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  opacity: var(--layout-region--opacity);
  transition: all 500ms ease-in-out var(--layout-region--transition-delay, 0ms);
  translate: var(--layout-region--translate);
}
.layout .layout__region--gap-sm {
  row-gap: 31.104px;
}
.layout .layout__region--gap-md {
  row-gap: 44.78976px;
}
.layout .layout__region--gap-lg {
  row-gap: 64.4972544px;
}
.layout .layout__region-item:only-child {
  height: 100%;
}
.layout.layout--margin-bottom-sm {
  margin-bottom: 31.104px;
}
.layout.layout--margin-bottom-md {
  margin-bottom: 44.78976px;
}
.layout.layout--margin-bottom-lg {
  margin-bottom: 64.4972544px;
}
.layout:last-child {
  margin-bottom: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/layouts/accordion/_accordion.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.layout--accordion .layout__details summary::before {
  aspect-ratio: 1/1;
  background-color: var(--icon-embed--bg-color, currentColor);
  content: "";
  display: var(--icon-embed--display, inline-block);
  -webkit-mask-image: var(--icon-embed--mask-image);
          mask-image: var(--icon-embed--mask-image);
  margin-inline: var(--icon-embed--margin-inline);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  transition: all 200ms ease-in-out var(--icon-embed--transition-delay, 0ms);
  translate: var(--icon-embed--translate, 0 0);
  min-width: var(--icon-embed--min-width, 1em);
}

.layout--accordion .layout__details summary {
  --summary--font-size: var(--accordion--summary--font-size);
  --summary--font-weight: var(--accordion--summary--font-weight);
  --summary--margin: var(--accordion--summary--margin, 0.5em 0 0 0);
  --summary--margin--open: var(--accordion--summary--margin--open, 0.5em 0 0.75em 0);
  --summary--display: var(--accordion--summary--display);
}
.layout--accordion .layout__details summary::before {
  --icon-embed--margin-inline: 0 0.5em;
  --icon-embed--bg-color: currentColor;
  --icon-embed--mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTI0Ni42IDI3OC42YzEyLjUtMTIuNSAxMi41LTMyLjggMC00NS4zbC0xMjgtMTI4Yy05LjItOS4yLTIyLjktMTEuOS0zNC45LTYuOXMtMTkuOCAxNi42LTE5LjggMjkuNmwwIDI1NmMwIDEyLjkgNy44IDI0LjYgMTkuOCAyOS42czI1LjcgMi4yIDM0LjktNi45bDEyOC0xMjh6Ii8+PC9zdmc+);
  --summary--rotate: var(--accordion--summary--rotate, 0);
}
.layout--accordion [open].layout__details > summary {
  --accordion--summary--rotate: 90deg;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/layouts/flex/_flex.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/layouts/one-column/_one-column.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.layout--one-column.layout--edge-to-edge, .layout--one-column.layout--edge-to-edge-inset {
  margin-left: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1);
  margin-right: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1);
}
.layout--one-column.layout--inset {
  max-width: 1440px;
  margin-inline: auto;
}
.layout--one-column.layout--edge-to-edge-inset > .layout__content {
  max-width: 1440px;
  margin-inline: auto;
}
@media (min-width: 64em) {
  .layout--one-column > .layout__content > .layout__regions {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .layout--one-column > .layout__content > .layout__regions > .layout__region {
    grid-column: 1/-1;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/layouts/two-column/_two-column.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.layout--two-column {
  --layout-two-column-regions-gta:
    "lr1"
    "lr2";
}
.layout--two-column > .layout__content > .layout__regions {
  grid-template-areas: var(--layout-two-column-regions-gta);
}
.layout--two-column > .layout__content > .layout__regions > .layout__region--first {
  grid-area: lr1;
}
.layout--two-column > .layout__content > .layout__regions > .layout__region--second {
  grid-area: lr2;
}
@media (max-width: 64em) {
  .layout--two-column.layout--mobile-order-1-2 > .layout__content > .layout__regions {
    --layout-two-column-regions-gta: "lr1" "lr2" ;
  }
  .layout--two-column.layout--mobile-order-2-1 > .layout__content > .layout__regions {
    --layout-two-column-regions-gta: "lr2" "lr1" ;
  }
}
@media (min-width: 64em) {
  .layout--two-column > .layout__content > .layout__regions {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .layout--two-column.layout--50-50 {
    --layout-two-column-regions-gta: "lr1 lr1 lr1 lr1 lr1 lr1 lr2 lr2 lr2 lr2 lr2 lr2";
  }
  .layout--two-column.layout--60-40 {
    --layout-two-column-regions-gta: "lr1 lr1 lr1 lr1 lr1 lr1 lr1 lr2 lr2 lr2 lr2 lr2";
  }
  .layout--two-column.layout--40-60 {
    --layout-two-column-regions-gta: "lr1 lr1 lr1 lr1 lr1 lr2 lr2 lr2 lr2 lr2 lr2 lr2";
  }
  .layout--two-column.layout--70-30 {
    --layout-two-column-regions-gta: "lr1 lr1 lr1 lr1 lr1 lr1 lr1 lr1 lr2 lr2 lr2 lr2";
  }
  .layout--two-column.layout--30-70 {
    --layout-two-column-regions-gta: "lr1 lr1 lr1 lr1 lr2 lr2 lr2 lr2 lr2 lr2 lr2 lr2";
  }
  .layout--two-column.layout--75-25 {
    --layout-two-column-regions-gta: "lr1 lr1 lr1 lr1 lr1 lr1 lr1 lr1 lr1 lr2 lr2 lr2";
  }
  .layout--two-column.layout--25-75 {
    --layout-two-column-regions-gta: "lr1 lr1 lr1 lr2 lr2 lr2 lr2 lr2 lr2 lr2 lr2 lr2";
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/layouts/three-column/_three-column.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.layout--three-column {
  --layout-three-column-regions-gta:
    "lr1"
    "lr2"
    "lr3";
}
.layout--three-column > .layout__content > .layout__regions {
  grid-template-areas: var(--layout-three-column-regions-gta);
}
.layout--three-column > .layout__content > .layout__regions > .layout__region--first {
  grid-area: lr1;
}
.layout--three-column > .layout__content > .layout__regions > .layout__region--second {
  grid-area: lr2;
}
.layout--three-column > .layout__content > .layout__regions > .layout__region--third {
  grid-area: lr3;
}
@media (min-width: 64em) {
  .layout--three-column > .layout__content > .layout__regions {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .layout--three-column.layout--33-33-33 {
    --layout-three-column-regions-gta: "lr1 lr1 lr1 lr1 lr2 lr2 lr2 lr2 lr3 lr3 lr3 lr3" ;
  }
  .layout--three-column.layout--25-50-25 {
    --layout-three-column-regions-gta: "lr1 lr1 lr1 lr2 lr2 lr2 lr2 lr2 lr2 lr3 lr3 lr3" ;
  }
  .layout--three-column.layout--50-25-25 {
    --layout-three-column-regions-gta: "lr1 lr1 lr1 lr1 lr1 lr1 lr2 lr2 lr2 lr3 lr3 lr3" ;
  }
  .layout--three-column.layout--25-25-50 {
    --layout-three-column-regions-gta: "lr1 lr1 lr1 lr2 lr2 lr2 lr3 lr3 lr3 lr3 lr3 lr3" ;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/layouts/four-column/_four-column.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 64em) {
  .layout--four-column > .layout__content > .layout__regions {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .layout--four-column > .layout__content > .layout__regions > .layout__region {
    grid-column: span 3;
  }
}