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

.layout {
  container-name: layout;
  container-type: inline-size;
}
.layout:not(.layout--one-column) > .layout__content > .layout__regions {
  display: grid;
  row-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.layout .layout__region {
  container-name: layout-region;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
}
.layout .layout__region--gap-sm {
  row-gap: 1.5625rem;
}
.layout .layout__region--gap-md {
  row-gap: 2.44140625rem;
}
.layout .layout__region--gap-lg {
  row-gap: 3.8146972656rem;
}
.layout.layout--margin-bottom-sm {
  margin-bottom: 1.5625rem;
}
.layout.layout--margin-bottom-md {
  margin-bottom: 2.44140625rem;
}
.layout.layout--margin-bottom-lg {
  margin-bottom: 3.8146972656rem;
}
.layout:last-child {
  margin-bottom: 0;
}
.layout--accordion .layout__details summary::after, .layout--accordion .layout__details summary::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-rendering: auto;
}

.layout--accordion .layout__details {
  border-bottom: 1px solid var(--highlight-color);
}
.layout--accordion .layout__details summary {
  --summary--color: var(--accordion--summary--color);
  --summary--margin: var(--accordion--summary--margin, 0);
  --summary--margin--open: var(--accordion--summary--margin--open, 0em 0 0.25em 0);
  --summary--display: var(--accordion--summary--display, block);
  --summary--font-size: clamp(1.953125rem, 0.120639801rem + 10.1804733276vw, 7.4505805969rem);
  --summary--font-weight: var(--accordion--font-weight);
  --summary--text-transform: uppercase;
  --summary--line-height: 1;
  overflow: hidden;
  height: 0.8em;
  padding-right: 0.6em;
}
.layout--accordion .layout__details summary span + span {
  max-height: 0;
  display: block;
  overflow: hidden;
}
.layout--accordion .layout__details summary::after, .layout--accordion .layout__details summary::before {
  font-family: var(--icon--circle-minus--font-family);
  content: var(--icon--circle-minus--content);
  font-size: 0.5em;
  position: absolute;
  top: 0.65em;
  right: 0;
  transition: rotate 200ms ease-in-out;
}
.layout--accordion .layout__details summary::before {
  rotate: var(--accordion--summary--before--rotate, 0deg);
}
.layout--accordion .layout__details summary::after {
  rotate: var(--accordion--summary--after--rotate, 90deg);
}
.layout--accordion [open].layout__details {
  padding-bottom: 1rem;
}
.layout--accordion [open].layout__details > summary {
  --accordion--summary--after--rotate: 0deg;
  --accordion--summary--before--rotate: 0deg;
  height: auto;
}
.layout--accordion [open].layout__details > summary span + span {
  max-height: unset;
  overflow: visible;
}

.layout--one-column[data-color-scheme][class*=edge-to-edge], .layout--one-column[data-color-scheme][class*=normal] {
  background-color: var(--bg-color);
  padding-block: 3.0517578125rem;
}
.layout--one-column[data-color-scheme][class*=normal] {
  padding-inline: 1rem;
}
.layout--one-column[data-color-scheme][class*=inset-] > .layout__content {
  background-color: var(--bg-color);
  padding-block: 3.0517578125rem;
  padding-inline: 1rem;
}
[data-site-mode=at-play] .layout--one-column[data-color-scheme].layout--border-radius-tl {
  border-radius: clamp(80px, 10vw, 360px) 0 0 0;
}
[data-site-mode=at-play] .layout--one-column[data-color-scheme].layout--border-radius-tr {
  border-radius: 0 clamp(80px, 10vw, 360px) 0 0;
}
[data-site-mode=at-play] .layout--one-column[data-color-scheme].layout--border-radius-bl {
  border-radius: 0 0 0 clamp(80px, 10vw, 360px);
}
[data-site-mode=at-play] .layout--one-column[data-color-scheme].layout--border-radius-br {
  border-radius: 0 0 clamp(80px, 10vw, 360px) 0;
}
[data-site-mode=at-play] .layout--one-column[data-color-scheme].layout--border-radius-tlbr {
  border-radius: clamp(80px, 10vw, 360px) 0 clamp(80px, 10vw, 360px) 0/clamp(80px, 10vw, 360px) 0 clamp(80px, 10vw, 360px) 0;
}
[data-site-mode=at-play] .layout--one-column[data-color-scheme].layout--border-radius-trbl {
  border-radius: 0 clamp(80px, 10vw, 360px) clamp(80px, 10vw, 360px) clamp(80px, 10vw, 360px)/0 clamp(80px, 10vw, 360px) 0 clamp(80px, 10vw, 360px);
}
[data-site-mode=at-play] .layout--one-column[data-color-scheme][class*=layout--accent] {
  position: relative;
}
[data-site-mode=at-play] .layout--one-column[data-color-scheme][class*=layout--accent]::after {
  content: "";
  background-color: var(--layout--accent--bg-color);
  position: absolute;
  inset: 0;
  z-index: -1;
}
[data-site-mode=at-play] .layout--one-column[data-color-scheme].layout--accent-1-bg-color {
  --layout--accent--bg-color: var(--accent-bg-color-1);
}
[data-site-mode=at-play] .layout--one-column[data-color-scheme].layout--accent-2-bg-color {
  --layout--accent--bg-color: var(--accent-bg-color-2);
}
[data-site-mode=at-play] .layout--one-column[data-color-scheme].layout--accent-3-bg-color {
  --layout--accent--bg-color: var(--accent-bg-color-3);
}
[data-site-mode=at-play] .layout--one-column[data-color-scheme].layout--accent-4-bg-color {
  --layout--accent--bg-color: var(--accent-bg-color-4);
}
.layout--one-column.layout--edge-to-edge {
  margin-inline: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1);
  transition: margin 200ms ease-in-out;
}
.layout--one-column.layout--edge-to-edge > .layout__content {
  padding-inline: var(--safe-area-inline);
}
.layout--one-column.layout--edge-to-edge-safe {
  margin-inline: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1 + var(--bleed-safe-area-inline));
  transition: margin 200ms ease-in-out;
}
.layout--one-column.layout--edge-to-edge-safe[data-color-scheme] > .layout__content {
  padding-inline: calc(var(--safe-area-inline) - var(--bleed-safe-area-inline));
}
@media (width > 48rem) {
  .layout--one-column {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .layout--one-column[data-color-scheme][class*=normal] {
    margin-inline: calc(1rem * -1);
  }
  .layout--one-column[data-color-scheme][class*=inset-] > .layout__content {
    margin-inline: calc(1rem * -1);
  }
  .layout--one-column > .layout__content {
    grid-column: var(--layout--content--grid-column, 1/-1);
  }
  .layout--one-column.layout--indent-1 {
    --layout--content--grid-column: 2 / -2;
  }
  .layout--one-column.layout--indent-2 {
    --layout--content--grid-column: 3 / -3;
  }
  .layout--one-column.layout--outdent-1 {
    margin-inline: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1 + calc((100vw - var(--safe-area-inline) - 12rem) / 12 * 0 + 0rem) + var(--safe-area-inline));
  }
  .layout--one-column.layout--outdent-2 {
    margin-inline: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1 + calc((100vw - var(--safe-area-inline) - 12rem) / 12 * 1 + 1rem) + var(--safe-area-inline));
  }
}
@media (width > 64rem) {
  .layout--one-column.layout--outdent-1 {
    margin-inline: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1 + calc((100vw - var(--safe-area-inline) - 12rem) / 12 * 1 + 1rem) + var(--safe-area-inline));
  }
  .layout--one-column.layout--outdent-2 {
    margin-inline: calc(-50vw + 50% - var(--scrollbar-width, 0px) / 2 * -1 + calc((100vw - var(--safe-area-inline) - 12rem) / 12 * 0 + 0rem) + var(--safe-area-inline));
  }
}
@media (prefers-reduced-motion: no-preference) {
  .layout--two-column .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__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: 64rem) {
  .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: 64rem) {
  .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: 64rem) {
  .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: 64rem) {
  .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;
  }
}
