.Page__FBSF2 {
  display: grid;
  grid-template-areas:
    "header header"
    "aside main"
    "footer footer";
  grid-template-columns: auto 1fr;
}

.asideEnd__-Yuzh {
  grid-template-areas:
    "header header"
    "main aside"
    "footer footer";
  grid-template-columns: 1fr auto;
}

@media screen and (max-width: 599px) {
  .Page__FBSF2 {
    grid-template-areas:
      "header"
      "aside"
      "main"
      "footer";
    grid-template-columns: 1fr;
  }
}

.header__IK6-B {
  grid-area: header;
}

.aside__hJevr {
  grid-area: aside;
  height: 100%;
}

.main__YjbwB {
  --padding: 0px;

  grid-area: main;
  container-type: inline-size;
  container-name: main;
  width: 100%;
  box-sizing: border-box;
  padding: var(--padding);
}

.footer__lzLT7 {
  grid-area: footer;
}

.bezel__slxSN {
  --padding: var(--space-layout-static-3XL, 3.5rem);
}

@media screen and (max-width: 599px) {
  .bezel__slxSN {
    --padding: var(--space-layout-static-M, 1.5rem);
  }
}

.Layout__WparA {
  --gap-xs: var(--space-layout-static-XS, 0.5rem);
  --gap-s: var(--space-layout-static-S, 1rem);
  --gap-m: var(--space-layout-static-M, 1.5rem);
  --gap-l: var(--space-layout-static-L, 2rem);
  --gap-xl: var(--space-layout-static-XL, 2.5rem);
  --gap-2xl: var(--space-layout-static-2XL, 3rem);
  --gap-3xl: var(--space-layout-static-3XL, 3.5rem);
  grid-template-columns: var(--grid-template-columns);
}

.layoutFlex__EEdLt {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.layoutGrid__4vzL5 {
  display: grid;
  grid-auto-flow: column;
}

.vertical__eDcg6 {
  flex-direction: column;
  flex-wrap: nowrap;
}

.gap-xs__R3U9W {
  gap: var(--gap-xs);
}

.gap-s__HLPhh {
  gap: var(--gap-s);
}

.gap-m__frbIa {
  gap: var(--gap-m);
}

.gap-l__ENihc {
  gap: var(--gap-l);
}

.gap-xl__yCHTp {
  gap: var(--gap-xl);
}

.gap-2xl__TZOyY {
  gap: var(--gap-2xl);
}

.gap-3xl__F-VT- {
  gap: var(--gap-3xl);
}

.isTemplate__S7AiG {
  grid-template-areas: var(--grid-template-areas);
}

.fill__f-3W- {
  grid-auto-flow: column;
}

.distributeColumns__95ks- {
  grid-template-columns: var(--grid-template-columns, 2);
  grid-auto-flow: unset;
}

.nowrap__cBR2f {
  flex-wrap: nowrap;
}

.reverseOrder__3KkqC {
  flex-direction: row-reverse;
}

.vertical__eDcg6.reverseOrder__3KkqC {
  flex-direction: column-reverse;
}

.Slot__mCwIR {
  order: var(--order);
  grid-area: var(--grid-area);
}

.align-start__a1UT3 {
  align-items: start;
  text-align: left;
}

.placement-start__Lqy3g {
  justify-content: flex-start;
}

.align-end__MtM2Q {
  align-items: end;
  text-align: right;
}

.placement-end__0JnR- {
  justify-content: flex-end;
}

.align-center__9tdUP {
  align-items: center;
  text-align: center;
}

.placement-center__YA-y3 {
  justify-content: center;
}

.spread__lrK-3 {
  justify-content: space-between;
}

.responsiveGap__EB07Z {
  --gap-xs: var(--space-layout-XS, 0.5rem);
  --gap-s: var(--space-layout-S, 1rem);
  --gap-m: var(--space-layout-M, 1.5rem);
  --gap-l: var(--space-layout-L, 2rem);
  --gap-xl: var(--space-layout-XL, 2.5rem);
  --gap-2xl: var(--space-layout-2XL, 3rem);
  --gap-3xl: var(--space-layout-3XL, 3.5rem);
}

/* Mobile overrides */
@container main (max-width: 599px) {
  .Layout__WparA {
    grid-template-columns: var(--grid-template-columns-s, 1);
  }

  .isTemplate__S7AiG {
    grid-template-areas: var(--grid-template-areas-s);
  }

  .layoutGrid__4vzL5 {
    grid-auto-flow: unset;
  }

  .vertical__eDcg6,
  .responsiveLayout__Qg6T4 {
    flex-direction: column;
  }

  .reverseOrder__3KkqC {
    flex-direction: column-reverse;
  }

  .fill__f-3W- {
    grid-auto-flow: row;
  }

  .Slot__mCwIR {
    order: var(--order-s);
  }

  .distributeColumns__95ks- {
    grid-template-columns: var(--grid-template-columns-s, 1);
  }

  .noSValue__1xuNf {
    grid-template-columns: unset;
  }
}

/* Large screen overrides */
@container main (min-width: 1280px) {
  .Layout__WparA {
    grid-template-columns: var(
      --grid-template-columns-l,
      var(--grid-template-columns)
    );
  }

  .isTemplate__S7AiG {
    grid-template-areas: var(
      --grid-template-areas-l,
      var(--grid-template-areas)
    );
  }

  .Slot__mCwIR {
    order: var(--order-l, var(--order));
  }

  .distributeColumns__95ks- {
    grid-template-columns: var(
      --grid-template-columns-l,
      var(--grid-template-columns)
    );
  }
}