@media (prefers-reduced-motion: no-preference) {
  .layout:not(.layout--two-column, .layout--accordion) .layout__region-item {
    opacity: 0;
    translate: 0px 20px;
    transition-property: all;
    transition-timing-function: ease-in-out;
  }
}

.layout.layout--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--edge-to-edge > .layout__content {
  padding-inline: var(--safe-area-inline);
  max-width: 1370px;
  margin: 0 auto;
}

.layout {
  container-name: layout;
  container-type: inline-size;
}
.layout[data-color-scheme] {
  background-color: var(--bg-color);
}
.layout[data-color-scheme] > .layout__content {
  padding-block: 43.9453125px;
  padding-inline: 18px;
}
.layout:not(.layout--one-column) > .layout__content > .layout__regions {
  display: grid;
  row-gap: 18px;
  -moz-column-gap: 35.15625px;
       column-gap: 35.15625px;
}
.layout .layout__region {
  container-name: layout-region;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
}
.layout .layout__region--gap-sm {
  row-gap: 28.125px;
}
.layout .layout__region--gap-md {
  row-gap: 43.9453125px;
}
.layout .layout__region--gap-lg {
  row-gap: 68.6645507813px;
}
.layout.layout--margin-bottom-sm {
  margin-bottom: 28.125px;
}
.layout.layout--margin-bottom-md {
  margin-bottom: 43.9453125px;
}
.layout.layout--margin-bottom-lg {
  margin-bottom: 68.6645507813px;
}
.layout:last-child {
  margin-bottom: 0;
}

@media (width > 64em) {
  .layout--one-column[class*=inset] {
    display: grid;
    -moz-column-gap: 35.15625px;
         column-gap: 35.15625px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .layout--one-column[class*=inset] > .layout__content {
    padding-inline: 0;
  }
  .layout--one-column[class*=inset-1] > .layout__content {
    grid-column: 2/-2;
  }
  .layout--one-column[class*=inset-2] > .layout__content {
    grid-column: 3/-3;
  }
  .layout--one-column[class*=inset-layout] {
    background-color: unset;
  }
  .layout--one-column[class*=inset-layout] > .layout__content {
    background-color: var(--bg-color);
    margin-inline: calc(35.15625px * -1);
    padding-inline: calc(35.15625px);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .layout--two-column > .layout__content > .layout__regions > .layout__region--second .layout__region-item {
    opacity: 0;
    translate: 40px 0px;
    transition-property: all;
    transition-timing-function: ease-in-out;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .layout--two-column > .layout__content > .layout__regions > .layout__region--first .layout__region-item {
    opacity: 0;
    translate: -40px 0px;
    transition-property: all;
    transition-timing-function: ease-in-out;
  }
}

.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";
  }
}
.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" ;
  }
}
@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;
  }
}