/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../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.layout--width-edge-to-edge {
  margin-left: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1);
  margin-right: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1);
}

.layout.layout--width-edge-to-edge > .layout__content {
  padding-inline: var(--safe-area-inline);
  max-width: 1440px;
  margin: 0 auto;
}

.layout {
  container-name: layout;
  container-type: inline-size;
}
.layout > .layout__content > .layout__regions {
  display: grid;
  row-gap: 18px;
  -moz-column-gap: 42.634674666px;
       column-gap: 42.634674666px;
}
.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);
  row-gap: 31.984002px;
}
.layout.layout--margin-bottom-sm {
  margin-bottom: 18px;
}
.layout.layout--margin-bottom-md {
  margin-bottom: 42.634674666px;
}
.layout.layout--margin-bottom-lg {
  margin-bottom: 100.9841935486px;
}
.layout[class*=layout--bg] {
  background-color: var(--_layout--bg-color);
}
.layout[class*=layout--bg]:is(.layout--width-edge-to-edge) {
  padding-block: 42.634674666px;
}
.layout[class*=layout--bg]:not(.layout--width-edge-to-edge) .layout__content {
  padding: 23.994px;
}
.layout[class*=layout--bg]:is(.layout--width-inset) {
  background-color: transparent;
}
.layout[class*=layout--bg]:is(.layout--width-inset) .layout__content {
  background-color: var(--_layout--bg-color);
}
.layout.layout--bg-tint {
  --_layout--bg-color: var(--layout--bg-color--tint);
}
.layout.layout--bg-gray {
  --_layout--bg-color: var(--layout--bg-color--gray);
}
.layout.layout--bg-ghost {
  --_layout--bg-color: var(--layout--bg-color--ghost);
}
.layout.layout--column-separator-border > .layout__content > .layout__regions > .layout__region {
  border: 1px solid var(--accent--color);
  padding: 31.984002px;
}
.layout.layout--column-separator-divider > .layout__content > .layout__regions > .layout__region + .layout__region {
  border-color: var(--accent--color);
  border-top-style: solid;
  border-top-width: 1px;
  margin-top: calc(18px / 2 * -1);
  padding-top: calc(18px / 2);
}
@media (min-width: 64em) {
  .layout.layout--column-separator-divider > .layout__content > .layout__regions > .layout__region + .layout__region {
    border-top-style: none;
    border-top-width: 0;
    border-left-style: solid;
    border-left-width: 1px;
    margin-top: 0;
    padding-top: 0;
    margin-left: calc(42.634674666px / 2 * -1);
    padding-left: calc(42.634674666px / 2);
  }
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../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, 1.333rem);
  --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);
  --summary--color: var(--accordion--color);
}
.layout--accordion .layout__details summary::before {
  --icon-embed--margin-inline: 0 0.5em;
  --icon-embed--bg-color: var(--accent--color);
  --icon-embed--mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMjM1LjMgMTMyLjdjLTYuMjUtNi4yNS0xNi4zOC02LjI1LTIyLjYyIDBzLTYuMjUgMTYuMzggMCAyMi42MkwzMTMuNCAyNTZsLTEwMC43IDEwMC43Yy02LjI1IDYuMjUtNi4yNSAxNi4zOCAwIDIyLjYyczE2LjM4IDYuMjUgMjIuNjIgMGwxMTItMTEyQzM1MC40IDI2NC4yIDM1MiAyNjAuMSAzNTIgMjU2cy0xLjU2Mi04LjE4OC00LjY4OC0xMS4zMUwyMzUuMyAxMzIuN3pNMjU2IDBDMTE0LjYgMCAwIDExNC42IDAgMjU2czExNC42IDI1NiAyNTYgMjU2czI1Ni0xMTQuNiAyNTYtMjU2UzM5Ny40IDAgMjU2IDB6TTI1NiA0ODBjLTEyMy41IDAtMjI0LTEwMC41LTIyNC0yMjRzMTAwLjUtMjI0IDIyNC0yMjRzMjI0IDEwMC41IDIyNCAyMjRTMzc5LjUgNDgwIDI1NiA0ODB6Ii8+PC9zdmc+);
  transition: rotate 200ms ease-in-out;
  rotate: var(--accordion--summary--rotate, 0);
}
.layout--accordion [open].layout__details > summary {
  --accordion--summary--rotate: 90deg;
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../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 ***!
  \***************************************************************************************************************************************************************************************************************************************/
@container (width > 1000px) {
  .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;
  }
}
@media (min-width: 64em) {
  .layout--one-column.layout--width-inset {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .layout--one-column.layout--width-inset > .layout__content {
    grid-column: 2/-2;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../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!../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!../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;
  }
}