@layer base, layouts, views, utilities;
@layer base {
  :root {
    --opacity-50: 0.5;
    --opacity-70: 0.7;
    --opacity-90: 0.9;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 1.5rem;
    --radius-max: 9rem;
    --z-100: 100;
    --z-200: 200;
    --z-300: 300;
    --z-400: 400;
    --z-500: 500;
    --z-max: 900;
    --color-white: hsl(0, 0%, 100%);
    --color-black: hsl(0, 0%, 0%);
    --color-white-alpha-20: hsla(0, 0%, 100%, 0.2);
    --color-black-alpha-03: hsla(0, 0%, 0%, 0.03);
    --color-black-alpha-05: hsla(0, 0%, 0%, 0.05);
    --color-black-alpha-10: hsla(0, 0%, 0%, 0.1);
    --color-black-alpha-30: hsla(0, 0%, 0%, 0.3);
    --color-black-alpha-70: hsla(0, 0%, 0%, 0.7);
    --color-eclipse: hsl(214, 13%, 21%);
    --color-cumin: hsl(30, 33%, 52%);
    --color-white-chalk: hsl(30, 27%, 96%);
    --color-primary: var(--color-eclipse);
    --color-accent: var(--color-cumin);
    --color-muted: var(--color-white-chalk);
    --focus-ring-width: 0.125rem;
    --focus-ring-color: currentColor;
    --focus-ring-offset: 0.125rem;
    --focus-ring-style: solid;
    --font-sans: Switzer, system-ui, sans-serif;
    --font-serif: serif;
    --font-mono: monospace;
    --text-2xs: 0.75rem;
    --text-2xs-xs: clamp(0.75rem, calc(0.6875rem + 0.2604166667vmin), 0.875rem);
    --text-2xs-sm: clamp(0.75rem, calc(0.625rem + 0.5208333333vmin), 1rem);
    --text-2xs-md: clamp(0.75rem, calc(0.5625rem + 0.78125vmin), 1.125rem);
    --text-2xs-lg: clamp(0.75rem, calc(0.5rem + 1.0416666667vmin), 1.25rem);
    --text-2xs-xl: clamp(0.75rem, calc(0.375rem + 1.5625vmin), 1.5rem);
    --text-2xs-2xl: clamp(0.75rem, calc(0.125rem + 2.6041666667vmin), 2rem);
    --text-2xs-3xl: clamp(0.75rem, calc(-0.375rem + 4.6875vmin), 3rem);
    --text-2xs-4xl: clamp(0.75rem, calc(-0.875rem + 6.7708333333vmin), 4rem);
    --text-2xs-5xl: clamp(0.75rem, calc(-1.875rem + 10.9375vmin), 6rem);
    --text-xs: 0.875rem;
    --text-xs-sm: clamp(0.875rem, calc(0.8125rem + 0.2604166667vmin), 1rem);
    --text-xs-md: clamp(0.875rem, calc(0.75rem + 0.5208333333vmin), 1.125rem);
    --text-xs-lg: clamp(0.875rem, calc(0.6875rem + 0.78125vmin), 1.25rem);
    --text-xs-xl: clamp(0.875rem, calc(0.5625rem + 1.3020833333vmin), 1.5rem);
    --text-xs-2xl: clamp(0.875rem, calc(0.3125rem + 2.34375vmin), 2rem);
    --text-xs-3xl: clamp(0.875rem, calc(-0.1875rem + 4.4270833333vmin), 3rem);
    --text-xs-4xl: clamp(0.875rem, calc(-0.6875rem + 6.5104166667vmin), 4rem);
    --text-xs-5xl: clamp(0.875rem, calc(-1.6875rem + 10.6770833333vmin), 6rem);
    --text-sm: 1rem;
    --text-sm-md: clamp(1rem, calc(0.9375rem + 0.2604166667vmin), 1.125rem);
    --text-sm-lg: clamp(1rem, calc(0.875rem + 0.5208333333vmin), 1.25rem);
    --text-sm-xl: clamp(1rem, calc(0.75rem + 1.0416666667vmin), 1.5rem);
    --text-sm-2xl: clamp(1rem, calc(0.5rem + 2.0833333333vmin), 2rem);
    --text-sm-3xl: clamp(1rem, calc(0rem + 4.1666666667vmin), 3rem);
    --text-sm-4xl: clamp(1rem, calc(-0.5rem + 6.25vmin), 4rem);
    --text-sm-5xl: clamp(1rem, calc(-1.5rem + 10.4166666667vmin), 6rem);
    --text-md: 1.125rem;
    --text-md-lg: clamp(1.125rem, calc(1.0625rem + 0.2604166667vmin), 1.25rem);
    --text-md-xl: clamp(1.125rem, calc(0.9375rem + 0.78125vmin), 1.5rem);
    --text-md-2xl: clamp(1.125rem, calc(0.6875rem + 1.8229166667vmin), 2rem);
    --text-md-3xl: clamp(1.125rem, calc(0.1875rem + 3.90625vmin), 3rem);
    --text-md-4xl: clamp(1.125rem, calc(-0.3125rem + 5.9895833333vmin), 4rem);
    --text-md-5xl: clamp(1.125rem, calc(-1.3125rem + 10.15625vmin), 6rem);
    --text-lg: 1.25rem;
    --text-lg-xl: clamp(1.25rem, calc(1.125rem + 0.5208333333vmin), 1.5rem);
    --text-lg-2xl: clamp(1.25rem, calc(0.875rem + 1.5625vmin), 2rem);
    --text-lg-3xl: clamp(1.25rem, calc(0.375rem + 3.6458333333vmin), 3rem);
    --text-lg-4xl: clamp(1.25rem, calc(-0.125rem + 5.7291666667vmin), 4rem);
    --text-lg-5xl: clamp(1.25rem, calc(-1.125rem + 9.8958333333vmin), 6rem);
    --text-xl: 1.5rem;
    --text-xl-2xl: clamp(1.5rem, calc(1.25rem + 1.0416666667vmin), 2rem);
    --text-xl-3xl: clamp(1.5rem, calc(0.75rem + 3.125vmin), 3rem);
    --text-xl-4xl: clamp(1.5rem, calc(0.25rem + 5.2083333333vmin), 4rem);
    --text-xl-5xl: clamp(1.5rem, calc(-0.75rem + 9.375vmin), 6rem);
    --text-2xl: 2rem;
    --text-2xl-3xl: clamp(2rem, calc(1.5rem + 2.0833333333vmin), 3rem);
    --text-2xl-4xl: clamp(2rem, calc(1rem + 4.1666666667vmin), 4rem);
    --text-2xl-5xl: clamp(2rem, calc(0rem + 8.3333333333vmin), 6rem);
    --text-3xl: 3rem;
    --text-3xl-4xl: clamp(3rem, calc(2.5rem + 2.0833333333vmin), 4rem);
    --text-3xl-5xl: clamp(3rem, calc(1.5rem + 6.25vmin), 6rem);
    --text-4xl: 4rem;
    --text-4xl-5xl: clamp(4rem, calc(3rem + 4.1666666667vmin), 6rem);
    --text-5xl: 6rem;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --tracking-sm: -0.02em;
    --tracking-lg: 0.02em;
    --tracking-xs: -0.04em;
    --tracking-xl: 0.04em;
    --leading-xs: 1.1;
    --leading-sm: 1.3;
    --leading-md: 1.5;
    --leading-lg: 1.7;
    --space-2xs: 0.5rem;
    --space-2xs-xs: clamp(0.5rem, calc(0.25rem + 1.0416666667vmin), 1rem);
    --space-2xs-sm: clamp(0.5rem, calc(0rem + 2.0833333333vmin), 1.5rem);
    --space-2xs-md: clamp(0.5rem, calc(-0.25rem + 3.125vmin), 2rem);
    --space-2xs-lg: clamp(0.5rem, calc(-0.75rem + 5.2083333333vmin), 3rem);
    --space-2xs-xl: clamp(0.5rem, calc(-1.25rem + 7.2916666667vmin), 4rem);
    --space-2xs-2xl: clamp(0.5rem, calc(-2.25rem + 11.4583333333vmin), 6rem);
    --space-2xs-3xl: clamp(0.5rem, calc(-3.25rem + 15.625vmin), 8rem);
    --space-2xs-4xl: clamp(0.5rem, calc(-5.25rem + 23.9583333333vmin), 12rem);
    --space-2xs-5xl: clamp(0.5rem, calc(-7.25rem + 32.2916666667vmin), 16rem);
    --space-xs: 1rem;
    --space-xs-sm: clamp(1rem, calc(0.75rem + 1.0416666667vmin), 1.5rem);
    --space-xs-md: clamp(1rem, calc(0.5rem + 2.0833333333vmin), 2rem);
    --space-xs-lg: clamp(1rem, calc(0rem + 4.1666666667vmin), 3rem);
    --space-xs-xl: clamp(1rem, calc(-0.5rem + 6.25vmin), 4rem);
    --space-xs-2xl: clamp(1rem, calc(-1.5rem + 10.4166666667vmin), 6rem);
    --space-xs-3xl: clamp(1rem, calc(-2.5rem + 14.5833333333vmin), 8rem);
    --space-xs-4xl: clamp(1rem, calc(-4.5rem + 22.9166666667vmin), 12rem);
    --space-xs-5xl: clamp(1rem, calc(-6.5rem + 31.25vmin), 16rem);
    --space-sm: 1.5rem;
    --space-sm-md: clamp(1.5rem, calc(1.25rem + 1.0416666667vmin), 2rem);
    --space-sm-lg: clamp(1.5rem, calc(0.75rem + 3.125vmin), 3rem);
    --space-sm-xl: clamp(1.5rem, calc(0.25rem + 5.2083333333vmin), 4rem);
    --space-sm-2xl: clamp(1.5rem, calc(-0.75rem + 9.375vmin), 6rem);
    --space-sm-3xl: clamp(1.5rem, calc(-1.75rem + 13.5416666667vmin), 8rem);
    --space-sm-4xl: clamp(1.5rem, calc(-3.75rem + 21.875vmin), 12rem);
    --space-sm-5xl: clamp(1.5rem, calc(-5.75rem + 30.2083333333vmin), 16rem);
    --space-md: 2rem;
    --space-md-lg: clamp(2rem, calc(1.5rem + 2.0833333333vmin), 3rem);
    --space-md-xl: clamp(2rem, calc(1rem + 4.1666666667vmin), 4rem);
    --space-md-2xl: clamp(2rem, calc(0rem + 8.3333333333vmin), 6rem);
    --space-md-3xl: clamp(2rem, calc(-1rem + 12.5vmin), 8rem);
    --space-md-4xl: clamp(2rem, calc(-3rem + 20.8333333333vmin), 12rem);
    --space-md-5xl: clamp(2rem, calc(-5rem + 29.1666666667vmin), 16rem);
    --space-lg: 3rem;
    --space-lg-xl: clamp(3rem, calc(2.5rem + 2.0833333333vmin), 4rem);
    --space-lg-2xl: clamp(3rem, calc(1.5rem + 6.25vmin), 6rem);
    --space-lg-3xl: clamp(3rem, calc(0.5rem + 10.4166666667vmin), 8rem);
    --space-lg-4xl: clamp(3rem, calc(-1.5rem + 18.75vmin), 12rem);
    --space-lg-5xl: clamp(3rem, calc(-3.5rem + 27.0833333333vmin), 16rem);
    --space-xl: 4rem;
    --space-xl-2xl: clamp(4rem, calc(3rem + 4.1666666667vmin), 6rem);
    --space-xl-3xl: clamp(4rem, calc(2rem + 8.3333333333vmin), 8rem);
    --space-xl-4xl: clamp(4rem, calc(0rem + 16.6666666667vmin), 12rem);
    --space-xl-5xl: clamp(4rem, calc(-2rem + 25vmin), 16rem);
    --space-2xl: 6rem;
    --space-2xl-3xl: clamp(6rem, calc(5rem + 4.1666666667vmin), 8rem);
    --space-2xl-4xl: clamp(6rem, calc(3rem + 12.5vmin), 12rem);
    --space-2xl-5xl: clamp(6rem, calc(1rem + 20.8333333333vmin), 16rem);
    --space-3xl: 8rem;
    --space-3xl-4xl: clamp(8rem, calc(6rem + 8.3333333333vmin), 12rem);
    --space-3xl-5xl: clamp(8rem, calc(4rem + 16.6666666667vmin), 16rem);
    --space-4xl: 12rem;
    --space-4xl-5xl: clamp(12rem, calc(10rem + 8.3333333333vmin), 16rem);
    --space-5xl: 16rem;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  html {
    scroll-behavior: smooth;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
  }
  body {
    min-height: 100dvh;
    font-family: var(--font-sans);
    line-height: var(--leading-md);
    text-rendering: optimizeSpeed;
  }
  a,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }
  a {
    color: currentcolor;
    text-decoration: none;
    text-decoration-skip-ink: auto;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  ol[role=list],
  ul[role=list] {
    list-style: none;
  }
  ol:not([role=list]),
  ul:not([role=list]) {
    padding-inline-start: 1.25rem;
  }
  img,
  picture,
  canvas,
  video {
    max-width: 100%;
    height: auto;
  }
  iframe {
    border: 0;
  }
  table {
    border-collapse: collapse;
    caption-side: bottom;
  }
  thead,
  tbody,
  tfoot,
  th,
  tr,
  td {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
  }
  th {
    text-align: inherit;
    text-align: -webkit-match-parent;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    appearance: button;
    -webkit-appearance: button;
  }
  fieldset {
    border: none;
  }
  dialog {
    border: 0;
    max-width: none;
    max-height: none;
  }
  :focus {
    outline-color: var(--focus-ring-color);
    outline-offset: var(--focus-ring-offset);
    outline-style: var(--focus-ring-style);
    outline-width: var(--focus-ring-width);
  }
  @supports selector(:focus-visible) {
    :focus {
      outline: none;
    }
    :focus-visible {
      outline-color: var(--focus-ring-color);
      outline-offset: var(--focus-ring-offset);
      outline-style: var(--focus-ring-style);
      outline-width: var(--focus-ring-width);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto !important;
    }
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}
@layer layouts {
  .l-auto-grid {
    --auto-grid-columns: auto-fill;
    --auto-grid-basis: 20rem;
    --auto-grid-gap: 0;
    display: grid;
    grid-template-columns: repeat(var(--auto-grid-columns), minmax(min(100%, var(--auto-grid-basis)), 1fr));
    gap: var(--auto-grid-gap);
  }
  .l-auto-grid > * {
    max-width: 100%;
    min-width: 0;
    min-height: 0;
  }
  @media (min-width: 40em) {
    .l-auto-grid {
      --sm-auto-grid-columns: var(--auto-grid-columns);
      --sm-auto-grid-basis: var(--auto-grid-basis);
      --sm-auto-grid-gap: var(--auto-grid-gap);
      grid-template-columns: repeat(var(--sm-auto-grid-columns), minmax(min(100%, var(--sm-auto-grid-basis)), 1fr));
      gap: var(--sm-auto-grid-gap);
    }
  }
  @media (min-width: 60em) {
    .l-auto-grid {
      --md-auto-grid-columns: var(--sm-auto-grid-columns);
      --md-auto-grid-basis: var(--sm-auto-grid-basis);
      --md-auto-grid-gap: var(--sm-auto-grid-gap);
      grid-template-columns: repeat(var(--md-auto-grid-columns), minmax(min(100%, var(--md-auto-grid-basis)), 1fr));
      gap: var(--md-auto-grid-gap);
    }
  }
  @media (min-width: 80em) {
    .l-auto-grid {
      --lg-auto-grid-columns: var(--md-auto-grid-columns);
      --lg-auto-grid-basis: var(--md-auto-grid-basis);
      --lg-auto-grid-gap: var(--md-auto-grid-gap);
      grid-template-columns: repeat(var(--lg-auto-grid-columns), minmax(min(100%, var(--lg-auto-grid-basis)), 1fr));
      gap: var(--lg-auto-grid-gap);
    }
  }
}
@layer layouts {
  .l-flex {
    --flex-direction: row;
    --flex-wrap: nowrap;
    --flex-gap: 0;
    --flex-items: normal;
    --flex-content: normal;
    display: flex;
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    gap: var(--flex-gap);
    place-items: var(--flex-items);
    place-content: var(--flex-content);
  }
  .l-flex > * {
    --flex-basis: auto;
    --flex-grow: 0;
    --flex-shrink: 1;
    --flex-order: 0;
    --flex-self: auto;
    flex-basis: var(--flex-basis);
    flex-grow: var(--flex-grow);
    flex-shrink: var(--flex-shrink);
    order: var(--flex-order);
    place-self: var(--flex-self);
  }
  @media (min-width: 40em) {
    .l-flex {
      --sm-flex-direction: var(--flex-direction);
      --sm-flex-wrap: var(--flex-wrap);
      --sm-flex-gap: var(--flex-gap);
      --sm-flex-items: var(--flex-items);
      --sm-flex-content: var(--flex-content);
      flex-direction: var(--sm-flex-direction);
      flex-wrap: var(--sm-flex-wrap);
      gap: var(--sm-flex-gap);
      place-items: var(--sm-flex-items);
      place-content: var(--sm-flex-content);
    }
    .l-flex > * {
      --sm-flex-basis: var(--flex-basis);
      --sm-flex-grow: var(--flex-grow);
      --sm-flex-shrink: var(--flex-shrink);
      --sm-flex-order: var(--flex-order);
      --sm-flex-self: var(--flex-self);
      flex-basis: var(--sm-flex-basis);
      flex-grow: var(--sm-flex-grow);
      flex-shrink: var(--sm-flex-shrink);
      order: var(--sm-flex-order);
      place-self: var(--sm-flex-self);
    }
  }
  @media (min-width: 60em) {
    .l-flex {
      --md-flex-direction: var(--sm-flex-direction);
      --md-flex-wrap: var(--sm-flex-wrap);
      --md-flex-gap: var(--sm-flex-gap);
      --md-flex-items: var(--sm-flex-items);
      --md-flex-content: var(--sm-flex-content);
      flex-direction: var(--md-flex-direction);
      flex-wrap: var(--md-flex-wrap);
      gap: var(--md-flex-gap);
      place-items: var(--md-flex-items);
      place-content: var(--md-flex-content);
    }
    .l-flex > * {
      --md-flex-basis: var(--sm-flex-basis);
      --md-flex-grow: var(--sm-flex-grow);
      --md-flex-shrink: var(--sm-flex-shrink);
      --md-flex-order: var(--sm-flex-order);
      --md-flex-self: var(--sm-flex-self);
      flex-basis: var(--md-flex-basis);
      flex-grow: var(--md-flex-grow);
      flex-shrink: var(--md-flex-shrink);
      order: var(--md-flex-order);
      place-self: var(--md-flex-self);
    }
  }
  @media (min-width: 80em) {
    .l-flex {
      --lg-flex-direction: var(--md-flex-direction);
      --lg-flex-wrap: var(--md-flex-wrap);
      --lg-flex-gap: var(--md-flex-gap);
      --lg-flex-items: var(--md-flex-items);
      --lg-flex-content: var(--md-flex-content);
      flex-direction: var(--lg-flex-direction);
      flex-wrap: var(--lg-flex-wrap);
      gap: var(--lg-flex-gap);
      place-items: var(--lg-flex-items);
      place-content: var(--lg-flex-content);
    }
    .l-flex > * {
      --lg-flex-basis: var(--md-flex-basis);
      --lg-flex-grow: var(--md-flex-grow);
      --lg-flex-shrink: var(--md-flex-shrink);
      --lg-flex-order: var(--md-flex-order);
      --lg-flex-self: var(--md-flex-self);
      flex-basis: var(--lg-flex-basis);
      flex-grow: var(--lg-flex-grow);
      flex-shrink: var(--lg-flex-shrink);
      order: var(--lg-flex-order);
      place-self: var(--lg-flex-self);
    }
  }
}
@layer layouts {
  .l-frame {
    --frame-focus: 50% 50%;
    --frame-fit: cover;
    --frame-ratio: 1/1;
    position: relative;
    width: 100%;
    aspect-ratio: var(--frame-ratio);
    overflow: hidden;
  }
  .l-frame > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: var(--frame-fit);
    object-position: var(--frame-focus);
  }
  @media (min-width: 40em) {
    .l-frame {
      --sm-frame-focus: var(--frame-focus);
      --sm-frame-fit: var(--frame-fit);
      --sm-frame-ratio: var(--frame-ratio);
      aspect-ratio: var(--sm-frame-ratio);
    }
    .l-frame > * {
      object-fit: var(--sm-frame-fit);
      object-position: var(--sm-frame-focus);
    }
  }
  @media (min-width: 60em) {
    .l-frame {
      --md-frame-focus: var(--sm-frame-focus);
      --md-frame-fit: var(--sm-frame-fit);
      --md-frame-ratio: var(--sm-frame-ratio);
      aspect-ratio: var(--md-frame-ratio);
    }
    .l-frame > * {
      object-fit: var(--md-frame-fit);
      object-position: var(--md-frame-focus);
    }
  }
  @media (min-width: 80em) {
    .l-frame {
      --lg-frame-focus: var(--md-frame-focus);
      --lg-frame-fit: var(--md-frame-fit);
      --lg-frame-ratio: var(--md-frame-ratio);
      aspect-ratio: var(--lg-frame-ratio);
    }
    .l-frame > * {
      object-fit: var(--lg-frame-fit);
      object-position: var(--lg-frame-focus);
    }
  }
}
@layer layouts {
  .l-grid {
    --grid-columns: 1;
    --grid-column-size: 1fr;
    --grid-auto-columns: auto;
    --grid-flow: row;
    --grid-gap: 0;
    --grid-items: normal;
    --grid-content: normal;
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), var(--grid-column-size));
    grid-auto-columns: var(--grid-auto-columns);
    grid-auto-flow: var(--grid-flow);
    gap: var(--grid-gap);
    place-items: var(--grid-items);
    place-content: var(--grid-content);
  }
  .l-grid > * {
    --grid-column: auto;
    --grid-row: auto;
    --grid-self: auto;
    grid-column: var(--grid-column);
    grid-row: var(--grid-row);
    place-self: var(--grid-self);
    max-width: 100%;
    min-width: 0;
    min-height: 0;
  }
  @media (min-width: 40em) {
    .l-grid {
      --sm-grid-columns: var(--grid-columns);
      --sm-grid-column-size: var(--grid-column-size);
      --sm-grid-auto-columns: var(--grid-auto-columns);
      --sm-grid-flow: var(--grid-flow);
      --sm-grid-gap: var(--grid-gap);
      --sm-grid-items: var(--grid-items);
      --sm-grid-content: var(--grid-content);
      grid-template-columns: repeat(var(--sm-grid-columns), var(--sm-grid-column-size));
      grid-auto-columns: var(--sm-grid-auto-columns);
      grid-auto-flow: var(--sm-grid-flow);
      gap: var(--sm-grid-gap);
      place-items: var(--sm-grid-items);
      place-content: var(--sm-grid-content);
    }
    .l-grid > * {
      --sm-grid-column: var(--grid-column);
      --sm-grid-row: var(--grid-row);
      --sm-grid-self: var(--grid-self);
      grid-column: var(--sm-grid-column);
      grid-row: var(--sm-grid-row);
      place-self: var(--sm-grid-self);
    }
  }
  @media (min-width: 60em) {
    .l-grid {
      --md-grid-columns: var(--sm-grid-columns);
      --md-grid-column-size: var(--sm-grid-column-size);
      --md-grid-auto-columns: var(--sm-grid-auto-columns);
      --md-grid-flow: var(--sm-grid-flow);
      --md-grid-gap: var(--sm-grid-gap);
      --md-grid-items: var(--sm-grid-items);
      --md-grid-content: var(--sm-grid-content);
      grid-template-columns: repeat(var(--md-grid-columns), var(--md-grid-column-size));
      grid-auto-columns: var(--md-grid-auto-columns);
      grid-auto-flow: var(--md-grid-flow);
      gap: var(--md-grid-gap);
      place-items: var(--md-grid-items);
      place-content: var(--md-grid-content);
    }
    .l-grid > * {
      --md-grid-column: var(--sm-grid-column);
      --md-grid-row: var(--sm-grid-row);
      --md-grid-self: var(--sm-grid-self);
      grid-column: var(--md-grid-column);
      grid-row: var(--md-grid-row);
      place-self: var(--md-grid-self);
    }
  }
  @media (min-width: 80em) {
    .l-grid {
      --lg-grid-columns: var(--md-grid-columns);
      --lg-grid-column-size: var(--md-grid-column-size);
      --lg-grid-auto-columns: var(--md-grid-auto-columns);
      --lg-grid-flow: var(--md-grid-flow);
      --lg-grid-gap: var(--md-grid-gap);
      --lg-grid-items: var(--md-grid-items);
      --lg-grid-content: var(--md-grid-content);
      grid-template-columns: repeat(var(--lg-grid-columns), var(--lg-grid-column-size));
      grid-auto-columns: var(--lg-grid-auto-columns);
      grid-auto-flow: var(--lg-grid-flow);
      gap: var(--lg-grid-gap);
      place-items: var(--lg-grid-items);
      place-content: var(--lg-grid-content);
    }
    .l-grid > * {
      --lg-grid-column: var(--md-grid-column);
      --lg-grid-row: var(--md-grid-row);
      --lg-grid-self: var(--md-grid-self);
      grid-column: var(--lg-grid-column);
      grid-row: var(--lg-grid-row);
      place-self: var(--lg-grid-self);
    }
  }
}
@layer layouts {
  .l-stack {
    --stack-space: 1rem;
  }
  .l-stack > * + * {
    margin-block-start: var(--stack-space);
  }
}
@layer layouts {
  .l-switch {
    --switch-breakpoint: 0;
    --switch-gap: 0;
    --switch-items: normal;
    --switch-content: normal;
    display: flex;
    flex-wrap: wrap;
    gap: var(--switch-gap);
    place-items: var(--switch-items);
    place-content: var(--switch-content);
  }
  .l-switch > * {
    --switch-grow: 1;
    --switch-order: 0;
    --switch-self: auto;
    flex-basis: max((var(--switch-breakpoint) - 100%) * 999, 0px);
    flex-grow: calc(var(--switch-grow));
    place-self: var(--switch-self);
  }
}
@layer layouts {
  .l-wrap {
    --wrap-width: 100%;
    --wrap-max-width: 120rem;
    --wrap-margin-inline: auto;
    --wrap-padding-inline: var(--space-xs-md);
    width: var(--wrap-width);
    max-width: var(--wrap-max-width);
    margin-inline: var(--wrap-margin-inline);
    padding-inline: var(--wrap-padding-inline);
  }
  @media (min-width: 40em) {
    .l-wrap {
      --sm-wrap-width: var(--wrap-width);
      --sm-wrap-max-width: var(--wrap-max-width);
      --sm-wrap-margin-inline: var(--wrap-margin-inline);
      --sm-wrap-padding-inline: var(--wrap-padding-inline);
      width: var(--sm-wrap-width);
      max-width: var(--sm-wrap-max-width);
      margin-inline: var(--sm-wrap-margin-inline);
      padding-inline: var(--sm-wrap-padding-inline);
    }
  }
  @media (min-width: 60em) {
    .l-wrap {
      --md-wrap-width: var(--sm-wrap-width);
      --md-wrap-max-width: var(--sm-wrap-max-width);
      --md-wrap-margin-inline: var(--sm-wrap-margin-inline);
      --md-wrap-padding-inline: var(--sm-wrap-padding-inline);
      width: var(--md-wrap-width);
      max-width: var(--md-wrap-max-width);
      margin-inline: var(--md-wrap-margin-inline);
      padding-inline: var(--md-wrap-padding-inline);
    }
  }
  @media (min-width: 80em) {
    .l-wrap {
      --lg-wrap-width: var(--md-wrap-width);
      --lg-wrap-max-width: var(--md-wrap-max-width);
      --lg-wrap-margin-inline: var(--md-wrap-margin-inline);
      --lg-wrap-padding-inline: var(--md-wrap-padding-inline);
      width: var(--lg-wrap-width);
      max-width: var(--lg-wrap-max-width);
      margin-inline: var(--lg-wrap-margin-inline);
      padding-inline: var(--lg-wrap-padding-inline);
    }
  }
}
@layer layouts {
  .l-display {
    --display: block;
    display: var(--display);
  }
  @media (min-width: 40em) {
    .l-display {
      --sm-display: var(--display);
      display: var(--sm-display);
    }
  }
  @media (min-width: 60em) {
    .l-display {
      --md-display: var(--sm-display);
      display: var(--md-display);
    }
  }
  @media (min-width: 80em) {
    .l-display {
      --lg-display: var(--md-display);
      display: var(--lg-display);
    }
  }
}
@layer utilities {
  .u-line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: var(--line-clamp, 1);
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@layer utilities {
  .u-link-stretch {
    position: static;
  }
  .u-link-stretch::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--link-stretch-z-index, 1);
    width: 100%;
    height: 100%;
    border-radius: var(--link-stretch-border-radius, 0);
    cursor: pointer;
  }
  .u-link-stretch:focus-visible {
    outline: none;
  }
  .u-link-stretch:focus-visible::before {
    outline: var(--link-stretch-outline-width, 0.125rem) var(--link-stretch-outline-type, solid) var(--link-stretch-outline-color, currentColor);
  }
}
@layer utilities {
  .u-visually-hidden {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
    white-space: nowrap;
  }
}
@layer utilities {
  .u-text-body {
    font-size: var(--text-sm-md);
    font-weight: var(--font-regular);
    font-family: var(--font-sans);
    line-height: var(--leading-md);
  }
  .u-text-heading {
    font-size: var(--text-xl-2xl);
    font-weight: var(--font-semibold);
    font-family: var(--font-sans);
    letter-spacing: var(--tracking-xs);
    line-height: var(--leading-xs);
    text-wrap: balance;
  }
  .u-text-display {
    font-size: var(--text-2xl-3xl);
    font-weight: var(--font-regular);
    font-family: var(--font-sans);
    letter-spacing: var(--tracking-xs);
    line-height: var(--leading-xs);
    text-wrap: balance;
  }
  .u-text-label {
    font-size: var(--text-xs-sm);
    font-weight: var(--font-regular);
    font-family: var(--font-sans);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-sm);
  }
  .u-text-balance {
    text-wrap: balance;
  }
  .u-bg-white {
    background-color: var(--color-white);
  }
  .u-bg-black {
    background-color: var(--color-black);
  }
  .u-bg-white-alpha-20 {
    background-color: var(--color-white-alpha-20);
  }
  .u-bg-black-alpha-03 {
    background-color: var(--color-black-alpha-03);
  }
  .u-bg-black-alpha-05 {
    background-color: var(--color-black-alpha-05);
  }
  .u-bg-black-alpha-10 {
    background-color: var(--color-black-alpha-10);
  }
  .u-bg-black-alpha-30 {
    background-color: var(--color-black-alpha-30);
  }
  .u-bg-black-alpha-70 {
    background-color: var(--color-black-alpha-70);
  }
  .u-bg-eclipse {
    background-color: var(--color-eclipse);
  }
  .u-bg-cumin {
    background-color: var(--color-cumin);
  }
  .u-bg-white-chalk {
    background-color: var(--color-white-chalk);
  }
  .u-bg-primary {
    background-color: var(--color-primary);
  }
  .u-bg-accent {
    background-color: var(--color-accent);
  }
  .u-bg-muted {
    background-color: var(--color-muted);
  }
  .u-text-white {
    color: var(--color-white);
  }
  .u-text-black {
    color: var(--color-black);
  }
  .u-text-white-alpha-20 {
    color: var(--color-white-alpha-20);
  }
  .u-text-black-alpha-03 {
    color: var(--color-black-alpha-03);
  }
  .u-text-black-alpha-05 {
    color: var(--color-black-alpha-05);
  }
  .u-text-black-alpha-10 {
    color: var(--color-black-alpha-10);
  }
  .u-text-black-alpha-30 {
    color: var(--color-black-alpha-30);
  }
  .u-text-black-alpha-70 {
    color: var(--color-black-alpha-70);
  }
  .u-text-eclipse {
    color: var(--color-eclipse);
  }
  .u-text-cumin {
    color: var(--color-cumin);
  }
  .u-text-white-chalk {
    color: var(--color-white-chalk);
  }
  .u-text-primary {
    color: var(--color-primary);
  }
  .u-text-accent {
    color: var(--color-accent);
  }
  .u-text-muted {
    color: var(--color-muted);
  }
  .u-font-sans {
    font-family: var(--font-sans);
  }
  .u-font-serif {
    font-family: var(--font-serif);
  }
  .u-font-mono {
    font-family: var(--font-mono);
  }
  .u-text-2xs {
    font-size: var(--text-2xs);
  }
  .u-text-2xs-xs {
    font-size: var(--text-2xs-xs);
  }
  .u-text-2xs-sm {
    font-size: var(--text-2xs-sm);
  }
  .u-text-2xs-md {
    font-size: var(--text-2xs-md);
  }
  .u-text-2xs-lg {
    font-size: var(--text-2xs-lg);
  }
  .u-text-2xs-xl {
    font-size: var(--text-2xs-xl);
  }
  .u-text-2xs-2xl {
    font-size: var(--text-2xs-2xl);
  }
  .u-text-2xs-3xl {
    font-size: var(--text-2xs-3xl);
  }
  .u-text-2xs-4xl {
    font-size: var(--text-2xs-4xl);
  }
  .u-text-2xs-5xl {
    font-size: var(--text-2xs-5xl);
  }
  .u-text-xs {
    font-size: var(--text-xs);
  }
  .u-text-xs-sm {
    font-size: var(--text-xs-sm);
  }
  .u-text-xs-md {
    font-size: var(--text-xs-md);
  }
  .u-text-xs-lg {
    font-size: var(--text-xs-lg);
  }
  .u-text-xs-xl {
    font-size: var(--text-xs-xl);
  }
  .u-text-xs-2xl {
    font-size: var(--text-xs-2xl);
  }
  .u-text-xs-3xl {
    font-size: var(--text-xs-3xl);
  }
  .u-text-xs-4xl {
    font-size: var(--text-xs-4xl);
  }
  .u-text-xs-5xl {
    font-size: var(--text-xs-5xl);
  }
  .u-text-sm {
    font-size: var(--text-sm);
  }
  .u-text-sm-md {
    font-size: var(--text-sm-md);
  }
  .u-text-sm-lg {
    font-size: var(--text-sm-lg);
  }
  .u-text-sm-xl {
    font-size: var(--text-sm-xl);
  }
  .u-text-sm-2xl {
    font-size: var(--text-sm-2xl);
  }
  .u-text-sm-3xl {
    font-size: var(--text-sm-3xl);
  }
  .u-text-sm-4xl {
    font-size: var(--text-sm-4xl);
  }
  .u-text-sm-5xl {
    font-size: var(--text-sm-5xl);
  }
  .u-text-md {
    font-size: var(--text-md);
  }
  .u-text-md-lg {
    font-size: var(--text-md-lg);
  }
  .u-text-md-xl {
    font-size: var(--text-md-xl);
  }
  .u-text-md-2xl {
    font-size: var(--text-md-2xl);
  }
  .u-text-md-3xl {
    font-size: var(--text-md-3xl);
  }
  .u-text-md-4xl {
    font-size: var(--text-md-4xl);
  }
  .u-text-md-5xl {
    font-size: var(--text-md-5xl);
  }
  .u-text-lg {
    font-size: var(--text-lg);
  }
  .u-text-lg-xl {
    font-size: var(--text-lg-xl);
  }
  .u-text-lg-2xl {
    font-size: var(--text-lg-2xl);
  }
  .u-text-lg-3xl {
    font-size: var(--text-lg-3xl);
  }
  .u-text-lg-4xl {
    font-size: var(--text-lg-4xl);
  }
  .u-text-lg-5xl {
    font-size: var(--text-lg-5xl);
  }
  .u-text-xl {
    font-size: var(--text-xl);
  }
  .u-text-xl-2xl {
    font-size: var(--text-xl-2xl);
  }
  .u-text-xl-3xl {
    font-size: var(--text-xl-3xl);
  }
  .u-text-xl-4xl {
    font-size: var(--text-xl-4xl);
  }
  .u-text-xl-5xl {
    font-size: var(--text-xl-5xl);
  }
  .u-text-2xl {
    font-size: var(--text-2xl);
  }
  .u-text-2xl-3xl {
    font-size: var(--text-2xl-3xl);
  }
  .u-text-2xl-4xl {
    font-size: var(--text-2xl-4xl);
  }
  .u-text-2xl-5xl {
    font-size: var(--text-2xl-5xl);
  }
  .u-text-3xl {
    font-size: var(--text-3xl);
  }
  .u-text-3xl-4xl {
    font-size: var(--text-3xl-4xl);
  }
  .u-text-3xl-5xl {
    font-size: var(--text-3xl-5xl);
  }
  .u-text-4xl {
    font-size: var(--text-4xl);
  }
  .u-text-4xl-5xl {
    font-size: var(--text-4xl-5xl);
  }
  .u-text-5xl {
    font-size: var(--text-5xl);
  }
  .u-font-light {
    font-weight: var(--font-light);
  }
  .u-font-regular {
    font-weight: var(--font-regular);
  }
  .u-font-medium {
    font-weight: var(--font-medium);
  }
  .u-font-semibold {
    font-weight: var(--font-semibold);
  }
  .u-font-bold {
    font-weight: var(--font-bold);
  }
  .u-tracking-sm {
    letter-spacing: var(--tracking-sm);
  }
  .u-tracking-lg {
    letter-spacing: var(--tracking-lg);
  }
  .u-tracking-xs {
    letter-spacing: var(--tracking-xs);
  }
  .u-tracking-xl {
    letter-spacing: var(--tracking-xl);
  }
  .u-leading-xs {
    line-height: var(--leading-xs);
  }
  .u-leading-sm {
    line-height: var(--leading-sm);
  }
  .u-leading-md {
    line-height: var(--leading-md);
  }
  .u-leading-lg {
    line-height: var(--leading-lg);
  }
  .u-margin-none {
    margin: 0;
  }
  .u-margin-auto {
    margin: auto;
  }
  .u-margin-2xs {
    margin: var(--space-2xs);
  }
  .u-margin-2xs-xs {
    margin: var(--space-2xs-xs);
  }
  .u-margin-2xs-sm {
    margin: var(--space-2xs-sm);
  }
  .u-margin-2xs-md {
    margin: var(--space-2xs-md);
  }
  .u-margin-2xs-lg {
    margin: var(--space-2xs-lg);
  }
  .u-margin-2xs-xl {
    margin: var(--space-2xs-xl);
  }
  .u-margin-2xs-2xl {
    margin: var(--space-2xs-2xl);
  }
  .u-margin-2xs-3xl {
    margin: var(--space-2xs-3xl);
  }
  .u-margin-2xs-4xl {
    margin: var(--space-2xs-4xl);
  }
  .u-margin-2xs-5xl {
    margin: var(--space-2xs-5xl);
  }
  .u-margin-xs {
    margin: var(--space-xs);
  }
  .u-margin-xs-sm {
    margin: var(--space-xs-sm);
  }
  .u-margin-xs-md {
    margin: var(--space-xs-md);
  }
  .u-margin-xs-lg {
    margin: var(--space-xs-lg);
  }
  .u-margin-xs-xl {
    margin: var(--space-xs-xl);
  }
  .u-margin-xs-2xl {
    margin: var(--space-xs-2xl);
  }
  .u-margin-xs-3xl {
    margin: var(--space-xs-3xl);
  }
  .u-margin-xs-4xl {
    margin: var(--space-xs-4xl);
  }
  .u-margin-xs-5xl {
    margin: var(--space-xs-5xl);
  }
  .u-margin-sm {
    margin: var(--space-sm);
  }
  .u-margin-sm-md {
    margin: var(--space-sm-md);
  }
  .u-margin-sm-lg {
    margin: var(--space-sm-lg);
  }
  .u-margin-sm-xl {
    margin: var(--space-sm-xl);
  }
  .u-margin-sm-2xl {
    margin: var(--space-sm-2xl);
  }
  .u-margin-sm-3xl {
    margin: var(--space-sm-3xl);
  }
  .u-margin-sm-4xl {
    margin: var(--space-sm-4xl);
  }
  .u-margin-sm-5xl {
    margin: var(--space-sm-5xl);
  }
  .u-margin-md {
    margin: var(--space-md);
  }
  .u-margin-md-lg {
    margin: var(--space-md-lg);
  }
  .u-margin-md-xl {
    margin: var(--space-md-xl);
  }
  .u-margin-md-2xl {
    margin: var(--space-md-2xl);
  }
  .u-margin-md-3xl {
    margin: var(--space-md-3xl);
  }
  .u-margin-md-4xl {
    margin: var(--space-md-4xl);
  }
  .u-margin-md-5xl {
    margin: var(--space-md-5xl);
  }
  .u-margin-lg {
    margin: var(--space-lg);
  }
  .u-margin-lg-xl {
    margin: var(--space-lg-xl);
  }
  .u-margin-lg-2xl {
    margin: var(--space-lg-2xl);
  }
  .u-margin-lg-3xl {
    margin: var(--space-lg-3xl);
  }
  .u-margin-lg-4xl {
    margin: var(--space-lg-4xl);
  }
  .u-margin-lg-5xl {
    margin: var(--space-lg-5xl);
  }
  .u-margin-xl {
    margin: var(--space-xl);
  }
  .u-margin-xl-2xl {
    margin: var(--space-xl-2xl);
  }
  .u-margin-xl-3xl {
    margin: var(--space-xl-3xl);
  }
  .u-margin-xl-4xl {
    margin: var(--space-xl-4xl);
  }
  .u-margin-xl-5xl {
    margin: var(--space-xl-5xl);
  }
  .u-margin-2xl {
    margin: var(--space-2xl);
  }
  .u-margin-2xl-3xl {
    margin: var(--space-2xl-3xl);
  }
  .u-margin-2xl-4xl {
    margin: var(--space-2xl-4xl);
  }
  .u-margin-2xl-5xl {
    margin: var(--space-2xl-5xl);
  }
  .u-margin-3xl {
    margin: var(--space-3xl);
  }
  .u-margin-3xl-4xl {
    margin: var(--space-3xl-4xl);
  }
  .u-margin-3xl-5xl {
    margin: var(--space-3xl-5xl);
  }
  .u-margin-4xl {
    margin: var(--space-4xl);
  }
  .u-margin-4xl-5xl {
    margin: var(--space-4xl-5xl);
  }
  .u-margin-5xl {
    margin: var(--space-5xl);
  }
  .u-margin-block-none {
    margin-block: 0;
  }
  .u-margin-block-auto {
    margin-block: auto;
  }
  .u-margin-block-2xs {
    margin-block: var(--space-2xs);
  }
  .u-margin-block-2xs-xs {
    margin-block: var(--space-2xs-xs);
  }
  .u-margin-block-2xs-sm {
    margin-block: var(--space-2xs-sm);
  }
  .u-margin-block-2xs-md {
    margin-block: var(--space-2xs-md);
  }
  .u-margin-block-2xs-lg {
    margin-block: var(--space-2xs-lg);
  }
  .u-margin-block-2xs-xl {
    margin-block: var(--space-2xs-xl);
  }
  .u-margin-block-2xs-2xl {
    margin-block: var(--space-2xs-2xl);
  }
  .u-margin-block-2xs-3xl {
    margin-block: var(--space-2xs-3xl);
  }
  .u-margin-block-2xs-4xl {
    margin-block: var(--space-2xs-4xl);
  }
  .u-margin-block-2xs-5xl {
    margin-block: var(--space-2xs-5xl);
  }
  .u-margin-block-xs {
    margin-block: var(--space-xs);
  }
  .u-margin-block-xs-sm {
    margin-block: var(--space-xs-sm);
  }
  .u-margin-block-xs-md {
    margin-block: var(--space-xs-md);
  }
  .u-margin-block-xs-lg {
    margin-block: var(--space-xs-lg);
  }
  .u-margin-block-xs-xl {
    margin-block: var(--space-xs-xl);
  }
  .u-margin-block-xs-2xl {
    margin-block: var(--space-xs-2xl);
  }
  .u-margin-block-xs-3xl {
    margin-block: var(--space-xs-3xl);
  }
  .u-margin-block-xs-4xl {
    margin-block: var(--space-xs-4xl);
  }
  .u-margin-block-xs-5xl {
    margin-block: var(--space-xs-5xl);
  }
  .u-margin-block-sm {
    margin-block: var(--space-sm);
  }
  .u-margin-block-sm-md {
    margin-block: var(--space-sm-md);
  }
  .u-margin-block-sm-lg {
    margin-block: var(--space-sm-lg);
  }
  .u-margin-block-sm-xl {
    margin-block: var(--space-sm-xl);
  }
  .u-margin-block-sm-2xl {
    margin-block: var(--space-sm-2xl);
  }
  .u-margin-block-sm-3xl {
    margin-block: var(--space-sm-3xl);
  }
  .u-margin-block-sm-4xl {
    margin-block: var(--space-sm-4xl);
  }
  .u-margin-block-sm-5xl {
    margin-block: var(--space-sm-5xl);
  }
  .u-margin-block-md {
    margin-block: var(--space-md);
  }
  .u-margin-block-md-lg {
    margin-block: var(--space-md-lg);
  }
  .u-margin-block-md-xl {
    margin-block: var(--space-md-xl);
  }
  .u-margin-block-md-2xl {
    margin-block: var(--space-md-2xl);
  }
  .u-margin-block-md-3xl {
    margin-block: var(--space-md-3xl);
  }
  .u-margin-block-md-4xl {
    margin-block: var(--space-md-4xl);
  }
  .u-margin-block-md-5xl {
    margin-block: var(--space-md-5xl);
  }
  .u-margin-block-lg {
    margin-block: var(--space-lg);
  }
  .u-margin-block-lg-xl {
    margin-block: var(--space-lg-xl);
  }
  .u-margin-block-lg-2xl {
    margin-block: var(--space-lg-2xl);
  }
  .u-margin-block-lg-3xl {
    margin-block: var(--space-lg-3xl);
  }
  .u-margin-block-lg-4xl {
    margin-block: var(--space-lg-4xl);
  }
  .u-margin-block-lg-5xl {
    margin-block: var(--space-lg-5xl);
  }
  .u-margin-block-xl {
    margin-block: var(--space-xl);
  }
  .u-margin-block-xl-2xl {
    margin-block: var(--space-xl-2xl);
  }
  .u-margin-block-xl-3xl {
    margin-block: var(--space-xl-3xl);
  }
  .u-margin-block-xl-4xl {
    margin-block: var(--space-xl-4xl);
  }
  .u-margin-block-xl-5xl {
    margin-block: var(--space-xl-5xl);
  }
  .u-margin-block-2xl {
    margin-block: var(--space-2xl);
  }
  .u-margin-block-2xl-3xl {
    margin-block: var(--space-2xl-3xl);
  }
  .u-margin-block-2xl-4xl {
    margin-block: var(--space-2xl-4xl);
  }
  .u-margin-block-2xl-5xl {
    margin-block: var(--space-2xl-5xl);
  }
  .u-margin-block-3xl {
    margin-block: var(--space-3xl);
  }
  .u-margin-block-3xl-4xl {
    margin-block: var(--space-3xl-4xl);
  }
  .u-margin-block-3xl-5xl {
    margin-block: var(--space-3xl-5xl);
  }
  .u-margin-block-4xl {
    margin-block: var(--space-4xl);
  }
  .u-margin-block-4xl-5xl {
    margin-block: var(--space-4xl-5xl);
  }
  .u-margin-block-5xl {
    margin-block: var(--space-5xl);
  }
  .u-margin-top-none {
    margin-top: 0;
  }
  .u-margin-top-auto {
    margin-top: auto;
  }
  .u-margin-top-2xs {
    margin-top: var(--space-2xs);
  }
  .u-margin-top-2xs-xs {
    margin-top: var(--space-2xs-xs);
  }
  .u-margin-top-2xs-sm {
    margin-top: var(--space-2xs-sm);
  }
  .u-margin-top-2xs-md {
    margin-top: var(--space-2xs-md);
  }
  .u-margin-top-2xs-lg {
    margin-top: var(--space-2xs-lg);
  }
  .u-margin-top-2xs-xl {
    margin-top: var(--space-2xs-xl);
  }
  .u-margin-top-2xs-2xl {
    margin-top: var(--space-2xs-2xl);
  }
  .u-margin-top-2xs-3xl {
    margin-top: var(--space-2xs-3xl);
  }
  .u-margin-top-2xs-4xl {
    margin-top: var(--space-2xs-4xl);
  }
  .u-margin-top-2xs-5xl {
    margin-top: var(--space-2xs-5xl);
  }
  .u-margin-top-xs {
    margin-top: var(--space-xs);
  }
  .u-margin-top-xs-sm {
    margin-top: var(--space-xs-sm);
  }
  .u-margin-top-xs-md {
    margin-top: var(--space-xs-md);
  }
  .u-margin-top-xs-lg {
    margin-top: var(--space-xs-lg);
  }
  .u-margin-top-xs-xl {
    margin-top: var(--space-xs-xl);
  }
  .u-margin-top-xs-2xl {
    margin-top: var(--space-xs-2xl);
  }
  .u-margin-top-xs-3xl {
    margin-top: var(--space-xs-3xl);
  }
  .u-margin-top-xs-4xl {
    margin-top: var(--space-xs-4xl);
  }
  .u-margin-top-xs-5xl {
    margin-top: var(--space-xs-5xl);
  }
  .u-margin-top-sm {
    margin-top: var(--space-sm);
  }
  .u-margin-top-sm-md {
    margin-top: var(--space-sm-md);
  }
  .u-margin-top-sm-lg {
    margin-top: var(--space-sm-lg);
  }
  .u-margin-top-sm-xl {
    margin-top: var(--space-sm-xl);
  }
  .u-margin-top-sm-2xl {
    margin-top: var(--space-sm-2xl);
  }
  .u-margin-top-sm-3xl {
    margin-top: var(--space-sm-3xl);
  }
  .u-margin-top-sm-4xl {
    margin-top: var(--space-sm-4xl);
  }
  .u-margin-top-sm-5xl {
    margin-top: var(--space-sm-5xl);
  }
  .u-margin-top-md {
    margin-top: var(--space-md);
  }
  .u-margin-top-md-lg {
    margin-top: var(--space-md-lg);
  }
  .u-margin-top-md-xl {
    margin-top: var(--space-md-xl);
  }
  .u-margin-top-md-2xl {
    margin-top: var(--space-md-2xl);
  }
  .u-margin-top-md-3xl {
    margin-top: var(--space-md-3xl);
  }
  .u-margin-top-md-4xl {
    margin-top: var(--space-md-4xl);
  }
  .u-margin-top-md-5xl {
    margin-top: var(--space-md-5xl);
  }
  .u-margin-top-lg {
    margin-top: var(--space-lg);
  }
  .u-margin-top-lg-xl {
    margin-top: var(--space-lg-xl);
  }
  .u-margin-top-lg-2xl {
    margin-top: var(--space-lg-2xl);
  }
  .u-margin-top-lg-3xl {
    margin-top: var(--space-lg-3xl);
  }
  .u-margin-top-lg-4xl {
    margin-top: var(--space-lg-4xl);
  }
  .u-margin-top-lg-5xl {
    margin-top: var(--space-lg-5xl);
  }
  .u-margin-top-xl {
    margin-top: var(--space-xl);
  }
  .u-margin-top-xl-2xl {
    margin-top: var(--space-xl-2xl);
  }
  .u-margin-top-xl-3xl {
    margin-top: var(--space-xl-3xl);
  }
  .u-margin-top-xl-4xl {
    margin-top: var(--space-xl-4xl);
  }
  .u-margin-top-xl-5xl {
    margin-top: var(--space-xl-5xl);
  }
  .u-margin-top-2xl {
    margin-top: var(--space-2xl);
  }
  .u-margin-top-2xl-3xl {
    margin-top: var(--space-2xl-3xl);
  }
  .u-margin-top-2xl-4xl {
    margin-top: var(--space-2xl-4xl);
  }
  .u-margin-top-2xl-5xl {
    margin-top: var(--space-2xl-5xl);
  }
  .u-margin-top-3xl {
    margin-top: var(--space-3xl);
  }
  .u-margin-top-3xl-4xl {
    margin-top: var(--space-3xl-4xl);
  }
  .u-margin-top-3xl-5xl {
    margin-top: var(--space-3xl-5xl);
  }
  .u-margin-top-4xl {
    margin-top: var(--space-4xl);
  }
  .u-margin-top-4xl-5xl {
    margin-top: var(--space-4xl-5xl);
  }
  .u-margin-top-5xl {
    margin-top: var(--space-5xl);
  }
  .u-margin-bottom-none {
    margin-bottom: 0;
  }
  .u-margin-bottom-auto {
    margin-bottom: auto;
  }
  .u-margin-bottom-2xs {
    margin-bottom: var(--space-2xs);
  }
  .u-margin-bottom-2xs-xs {
    margin-bottom: var(--space-2xs-xs);
  }
  .u-margin-bottom-2xs-sm {
    margin-bottom: var(--space-2xs-sm);
  }
  .u-margin-bottom-2xs-md {
    margin-bottom: var(--space-2xs-md);
  }
  .u-margin-bottom-2xs-lg {
    margin-bottom: var(--space-2xs-lg);
  }
  .u-margin-bottom-2xs-xl {
    margin-bottom: var(--space-2xs-xl);
  }
  .u-margin-bottom-2xs-2xl {
    margin-bottom: var(--space-2xs-2xl);
  }
  .u-margin-bottom-2xs-3xl {
    margin-bottom: var(--space-2xs-3xl);
  }
  .u-margin-bottom-2xs-4xl {
    margin-bottom: var(--space-2xs-4xl);
  }
  .u-margin-bottom-2xs-5xl {
    margin-bottom: var(--space-2xs-5xl);
  }
  .u-margin-bottom-xs {
    margin-bottom: var(--space-xs);
  }
  .u-margin-bottom-xs-sm {
    margin-bottom: var(--space-xs-sm);
  }
  .u-margin-bottom-xs-md {
    margin-bottom: var(--space-xs-md);
  }
  .u-margin-bottom-xs-lg {
    margin-bottom: var(--space-xs-lg);
  }
  .u-margin-bottom-xs-xl {
    margin-bottom: var(--space-xs-xl);
  }
  .u-margin-bottom-xs-2xl {
    margin-bottom: var(--space-xs-2xl);
  }
  .u-margin-bottom-xs-3xl {
    margin-bottom: var(--space-xs-3xl);
  }
  .u-margin-bottom-xs-4xl {
    margin-bottom: var(--space-xs-4xl);
  }
  .u-margin-bottom-xs-5xl {
    margin-bottom: var(--space-xs-5xl);
  }
  .u-margin-bottom-sm {
    margin-bottom: var(--space-sm);
  }
  .u-margin-bottom-sm-md {
    margin-bottom: var(--space-sm-md);
  }
  .u-margin-bottom-sm-lg {
    margin-bottom: var(--space-sm-lg);
  }
  .u-margin-bottom-sm-xl {
    margin-bottom: var(--space-sm-xl);
  }
  .u-margin-bottom-sm-2xl {
    margin-bottom: var(--space-sm-2xl);
  }
  .u-margin-bottom-sm-3xl {
    margin-bottom: var(--space-sm-3xl);
  }
  .u-margin-bottom-sm-4xl {
    margin-bottom: var(--space-sm-4xl);
  }
  .u-margin-bottom-sm-5xl {
    margin-bottom: var(--space-sm-5xl);
  }
  .u-margin-bottom-md {
    margin-bottom: var(--space-md);
  }
  .u-margin-bottom-md-lg {
    margin-bottom: var(--space-md-lg);
  }
  .u-margin-bottom-md-xl {
    margin-bottom: var(--space-md-xl);
  }
  .u-margin-bottom-md-2xl {
    margin-bottom: var(--space-md-2xl);
  }
  .u-margin-bottom-md-3xl {
    margin-bottom: var(--space-md-3xl);
  }
  .u-margin-bottom-md-4xl {
    margin-bottom: var(--space-md-4xl);
  }
  .u-margin-bottom-md-5xl {
    margin-bottom: var(--space-md-5xl);
  }
  .u-margin-bottom-lg {
    margin-bottom: var(--space-lg);
  }
  .u-margin-bottom-lg-xl {
    margin-bottom: var(--space-lg-xl);
  }
  .u-margin-bottom-lg-2xl {
    margin-bottom: var(--space-lg-2xl);
  }
  .u-margin-bottom-lg-3xl {
    margin-bottom: var(--space-lg-3xl);
  }
  .u-margin-bottom-lg-4xl {
    margin-bottom: var(--space-lg-4xl);
  }
  .u-margin-bottom-lg-5xl {
    margin-bottom: var(--space-lg-5xl);
  }
  .u-margin-bottom-xl {
    margin-bottom: var(--space-xl);
  }
  .u-margin-bottom-xl-2xl {
    margin-bottom: var(--space-xl-2xl);
  }
  .u-margin-bottom-xl-3xl {
    margin-bottom: var(--space-xl-3xl);
  }
  .u-margin-bottom-xl-4xl {
    margin-bottom: var(--space-xl-4xl);
  }
  .u-margin-bottom-xl-5xl {
    margin-bottom: var(--space-xl-5xl);
  }
  .u-margin-bottom-2xl {
    margin-bottom: var(--space-2xl);
  }
  .u-margin-bottom-2xl-3xl {
    margin-bottom: var(--space-2xl-3xl);
  }
  .u-margin-bottom-2xl-4xl {
    margin-bottom: var(--space-2xl-4xl);
  }
  .u-margin-bottom-2xl-5xl {
    margin-bottom: var(--space-2xl-5xl);
  }
  .u-margin-bottom-3xl {
    margin-bottom: var(--space-3xl);
  }
  .u-margin-bottom-3xl-4xl {
    margin-bottom: var(--space-3xl-4xl);
  }
  .u-margin-bottom-3xl-5xl {
    margin-bottom: var(--space-3xl-5xl);
  }
  .u-margin-bottom-4xl {
    margin-bottom: var(--space-4xl);
  }
  .u-margin-bottom-4xl-5xl {
    margin-bottom: var(--space-4xl-5xl);
  }
  .u-margin-bottom-5xl {
    margin-bottom: var(--space-5xl);
  }
  .u-margin-inline-none {
    margin-inline: 0;
  }
  .u-margin-inline-auto {
    margin-inline: auto;
  }
  .u-margin-inline-2xs {
    margin-inline: var(--space-2xs);
  }
  .u-margin-inline-2xs-xs {
    margin-inline: var(--space-2xs-xs);
  }
  .u-margin-inline-2xs-sm {
    margin-inline: var(--space-2xs-sm);
  }
  .u-margin-inline-2xs-md {
    margin-inline: var(--space-2xs-md);
  }
  .u-margin-inline-2xs-lg {
    margin-inline: var(--space-2xs-lg);
  }
  .u-margin-inline-2xs-xl {
    margin-inline: var(--space-2xs-xl);
  }
  .u-margin-inline-2xs-2xl {
    margin-inline: var(--space-2xs-2xl);
  }
  .u-margin-inline-2xs-3xl {
    margin-inline: var(--space-2xs-3xl);
  }
  .u-margin-inline-2xs-4xl {
    margin-inline: var(--space-2xs-4xl);
  }
  .u-margin-inline-2xs-5xl {
    margin-inline: var(--space-2xs-5xl);
  }
  .u-margin-inline-xs {
    margin-inline: var(--space-xs);
  }
  .u-margin-inline-xs-sm {
    margin-inline: var(--space-xs-sm);
  }
  .u-margin-inline-xs-md {
    margin-inline: var(--space-xs-md);
  }
  .u-margin-inline-xs-lg {
    margin-inline: var(--space-xs-lg);
  }
  .u-margin-inline-xs-xl {
    margin-inline: var(--space-xs-xl);
  }
  .u-margin-inline-xs-2xl {
    margin-inline: var(--space-xs-2xl);
  }
  .u-margin-inline-xs-3xl {
    margin-inline: var(--space-xs-3xl);
  }
  .u-margin-inline-xs-4xl {
    margin-inline: var(--space-xs-4xl);
  }
  .u-margin-inline-xs-5xl {
    margin-inline: var(--space-xs-5xl);
  }
  .u-margin-inline-sm {
    margin-inline: var(--space-sm);
  }
  .u-margin-inline-sm-md {
    margin-inline: var(--space-sm-md);
  }
  .u-margin-inline-sm-lg {
    margin-inline: var(--space-sm-lg);
  }
  .u-margin-inline-sm-xl {
    margin-inline: var(--space-sm-xl);
  }
  .u-margin-inline-sm-2xl {
    margin-inline: var(--space-sm-2xl);
  }
  .u-margin-inline-sm-3xl {
    margin-inline: var(--space-sm-3xl);
  }
  .u-margin-inline-sm-4xl {
    margin-inline: var(--space-sm-4xl);
  }
  .u-margin-inline-sm-5xl {
    margin-inline: var(--space-sm-5xl);
  }
  .u-margin-inline-md {
    margin-inline: var(--space-md);
  }
  .u-margin-inline-md-lg {
    margin-inline: var(--space-md-lg);
  }
  .u-margin-inline-md-xl {
    margin-inline: var(--space-md-xl);
  }
  .u-margin-inline-md-2xl {
    margin-inline: var(--space-md-2xl);
  }
  .u-margin-inline-md-3xl {
    margin-inline: var(--space-md-3xl);
  }
  .u-margin-inline-md-4xl {
    margin-inline: var(--space-md-4xl);
  }
  .u-margin-inline-md-5xl {
    margin-inline: var(--space-md-5xl);
  }
  .u-margin-inline-lg {
    margin-inline: var(--space-lg);
  }
  .u-margin-inline-lg-xl {
    margin-inline: var(--space-lg-xl);
  }
  .u-margin-inline-lg-2xl {
    margin-inline: var(--space-lg-2xl);
  }
  .u-margin-inline-lg-3xl {
    margin-inline: var(--space-lg-3xl);
  }
  .u-margin-inline-lg-4xl {
    margin-inline: var(--space-lg-4xl);
  }
  .u-margin-inline-lg-5xl {
    margin-inline: var(--space-lg-5xl);
  }
  .u-margin-inline-xl {
    margin-inline: var(--space-xl);
  }
  .u-margin-inline-xl-2xl {
    margin-inline: var(--space-xl-2xl);
  }
  .u-margin-inline-xl-3xl {
    margin-inline: var(--space-xl-3xl);
  }
  .u-margin-inline-xl-4xl {
    margin-inline: var(--space-xl-4xl);
  }
  .u-margin-inline-xl-5xl {
    margin-inline: var(--space-xl-5xl);
  }
  .u-margin-inline-2xl {
    margin-inline: var(--space-2xl);
  }
  .u-margin-inline-2xl-3xl {
    margin-inline: var(--space-2xl-3xl);
  }
  .u-margin-inline-2xl-4xl {
    margin-inline: var(--space-2xl-4xl);
  }
  .u-margin-inline-2xl-5xl {
    margin-inline: var(--space-2xl-5xl);
  }
  .u-margin-inline-3xl {
    margin-inline: var(--space-3xl);
  }
  .u-margin-inline-3xl-4xl {
    margin-inline: var(--space-3xl-4xl);
  }
  .u-margin-inline-3xl-5xl {
    margin-inline: var(--space-3xl-5xl);
  }
  .u-margin-inline-4xl {
    margin-inline: var(--space-4xl);
  }
  .u-margin-inline-4xl-5xl {
    margin-inline: var(--space-4xl-5xl);
  }
  .u-margin-inline-5xl {
    margin-inline: var(--space-5xl);
  }
  .u-margin-start-none {
    margin-inline-start: 0;
  }
  .u-margin-start-auto {
    margin-inline-start: auto;
  }
  .u-margin-start-2xs {
    margin-inline-start: var(--space-2xs);
  }
  .u-margin-start-2xs-xs {
    margin-inline-start: var(--space-2xs-xs);
  }
  .u-margin-start-2xs-sm {
    margin-inline-start: var(--space-2xs-sm);
  }
  .u-margin-start-2xs-md {
    margin-inline-start: var(--space-2xs-md);
  }
  .u-margin-start-2xs-lg {
    margin-inline-start: var(--space-2xs-lg);
  }
  .u-margin-start-2xs-xl {
    margin-inline-start: var(--space-2xs-xl);
  }
  .u-margin-start-2xs-2xl {
    margin-inline-start: var(--space-2xs-2xl);
  }
  .u-margin-start-2xs-3xl {
    margin-inline-start: var(--space-2xs-3xl);
  }
  .u-margin-start-2xs-4xl {
    margin-inline-start: var(--space-2xs-4xl);
  }
  .u-margin-start-2xs-5xl {
    margin-inline-start: var(--space-2xs-5xl);
  }
  .u-margin-start-xs {
    margin-inline-start: var(--space-xs);
  }
  .u-margin-start-xs-sm {
    margin-inline-start: var(--space-xs-sm);
  }
  .u-margin-start-xs-md {
    margin-inline-start: var(--space-xs-md);
  }
  .u-margin-start-xs-lg {
    margin-inline-start: var(--space-xs-lg);
  }
  .u-margin-start-xs-xl {
    margin-inline-start: var(--space-xs-xl);
  }
  .u-margin-start-xs-2xl {
    margin-inline-start: var(--space-xs-2xl);
  }
  .u-margin-start-xs-3xl {
    margin-inline-start: var(--space-xs-3xl);
  }
  .u-margin-start-xs-4xl {
    margin-inline-start: var(--space-xs-4xl);
  }
  .u-margin-start-xs-5xl {
    margin-inline-start: var(--space-xs-5xl);
  }
  .u-margin-start-sm {
    margin-inline-start: var(--space-sm);
  }
  .u-margin-start-sm-md {
    margin-inline-start: var(--space-sm-md);
  }
  .u-margin-start-sm-lg {
    margin-inline-start: var(--space-sm-lg);
  }
  .u-margin-start-sm-xl {
    margin-inline-start: var(--space-sm-xl);
  }
  .u-margin-start-sm-2xl {
    margin-inline-start: var(--space-sm-2xl);
  }
  .u-margin-start-sm-3xl {
    margin-inline-start: var(--space-sm-3xl);
  }
  .u-margin-start-sm-4xl {
    margin-inline-start: var(--space-sm-4xl);
  }
  .u-margin-start-sm-5xl {
    margin-inline-start: var(--space-sm-5xl);
  }
  .u-margin-start-md {
    margin-inline-start: var(--space-md);
  }
  .u-margin-start-md-lg {
    margin-inline-start: var(--space-md-lg);
  }
  .u-margin-start-md-xl {
    margin-inline-start: var(--space-md-xl);
  }
  .u-margin-start-md-2xl {
    margin-inline-start: var(--space-md-2xl);
  }
  .u-margin-start-md-3xl {
    margin-inline-start: var(--space-md-3xl);
  }
  .u-margin-start-md-4xl {
    margin-inline-start: var(--space-md-4xl);
  }
  .u-margin-start-md-5xl {
    margin-inline-start: var(--space-md-5xl);
  }
  .u-margin-start-lg {
    margin-inline-start: var(--space-lg);
  }
  .u-margin-start-lg-xl {
    margin-inline-start: var(--space-lg-xl);
  }
  .u-margin-start-lg-2xl {
    margin-inline-start: var(--space-lg-2xl);
  }
  .u-margin-start-lg-3xl {
    margin-inline-start: var(--space-lg-3xl);
  }
  .u-margin-start-lg-4xl {
    margin-inline-start: var(--space-lg-4xl);
  }
  .u-margin-start-lg-5xl {
    margin-inline-start: var(--space-lg-5xl);
  }
  .u-margin-start-xl {
    margin-inline-start: var(--space-xl);
  }
  .u-margin-start-xl-2xl {
    margin-inline-start: var(--space-xl-2xl);
  }
  .u-margin-start-xl-3xl {
    margin-inline-start: var(--space-xl-3xl);
  }
  .u-margin-start-xl-4xl {
    margin-inline-start: var(--space-xl-4xl);
  }
  .u-margin-start-xl-5xl {
    margin-inline-start: var(--space-xl-5xl);
  }
  .u-margin-start-2xl {
    margin-inline-start: var(--space-2xl);
  }
  .u-margin-start-2xl-3xl {
    margin-inline-start: var(--space-2xl-3xl);
  }
  .u-margin-start-2xl-4xl {
    margin-inline-start: var(--space-2xl-4xl);
  }
  .u-margin-start-2xl-5xl {
    margin-inline-start: var(--space-2xl-5xl);
  }
  .u-margin-start-3xl {
    margin-inline-start: var(--space-3xl);
  }
  .u-margin-start-3xl-4xl {
    margin-inline-start: var(--space-3xl-4xl);
  }
  .u-margin-start-3xl-5xl {
    margin-inline-start: var(--space-3xl-5xl);
  }
  .u-margin-start-4xl {
    margin-inline-start: var(--space-4xl);
  }
  .u-margin-start-4xl-5xl {
    margin-inline-start: var(--space-4xl-5xl);
  }
  .u-margin-start-5xl {
    margin-inline-start: var(--space-5xl);
  }
  .u-margin-end-none {
    margin-inline-end: 0;
  }
  .u-margin-end-auto {
    margin-inline-end: auto;
  }
  .u-margin-end-2xs {
    margin-inline-end: var(--space-2xs);
  }
  .u-margin-end-2xs-xs {
    margin-inline-end: var(--space-2xs-xs);
  }
  .u-margin-end-2xs-sm {
    margin-inline-end: var(--space-2xs-sm);
  }
  .u-margin-end-2xs-md {
    margin-inline-end: var(--space-2xs-md);
  }
  .u-margin-end-2xs-lg {
    margin-inline-end: var(--space-2xs-lg);
  }
  .u-margin-end-2xs-xl {
    margin-inline-end: var(--space-2xs-xl);
  }
  .u-margin-end-2xs-2xl {
    margin-inline-end: var(--space-2xs-2xl);
  }
  .u-margin-end-2xs-3xl {
    margin-inline-end: var(--space-2xs-3xl);
  }
  .u-margin-end-2xs-4xl {
    margin-inline-end: var(--space-2xs-4xl);
  }
  .u-margin-end-2xs-5xl {
    margin-inline-end: var(--space-2xs-5xl);
  }
  .u-margin-end-xs {
    margin-inline-end: var(--space-xs);
  }
  .u-margin-end-xs-sm {
    margin-inline-end: var(--space-xs-sm);
  }
  .u-margin-end-xs-md {
    margin-inline-end: var(--space-xs-md);
  }
  .u-margin-end-xs-lg {
    margin-inline-end: var(--space-xs-lg);
  }
  .u-margin-end-xs-xl {
    margin-inline-end: var(--space-xs-xl);
  }
  .u-margin-end-xs-2xl {
    margin-inline-end: var(--space-xs-2xl);
  }
  .u-margin-end-xs-3xl {
    margin-inline-end: var(--space-xs-3xl);
  }
  .u-margin-end-xs-4xl {
    margin-inline-end: var(--space-xs-4xl);
  }
  .u-margin-end-xs-5xl {
    margin-inline-end: var(--space-xs-5xl);
  }
  .u-margin-end-sm {
    margin-inline-end: var(--space-sm);
  }
  .u-margin-end-sm-md {
    margin-inline-end: var(--space-sm-md);
  }
  .u-margin-end-sm-lg {
    margin-inline-end: var(--space-sm-lg);
  }
  .u-margin-end-sm-xl {
    margin-inline-end: var(--space-sm-xl);
  }
  .u-margin-end-sm-2xl {
    margin-inline-end: var(--space-sm-2xl);
  }
  .u-margin-end-sm-3xl {
    margin-inline-end: var(--space-sm-3xl);
  }
  .u-margin-end-sm-4xl {
    margin-inline-end: var(--space-sm-4xl);
  }
  .u-margin-end-sm-5xl {
    margin-inline-end: var(--space-sm-5xl);
  }
  .u-margin-end-md {
    margin-inline-end: var(--space-md);
  }
  .u-margin-end-md-lg {
    margin-inline-end: var(--space-md-lg);
  }
  .u-margin-end-md-xl {
    margin-inline-end: var(--space-md-xl);
  }
  .u-margin-end-md-2xl {
    margin-inline-end: var(--space-md-2xl);
  }
  .u-margin-end-md-3xl {
    margin-inline-end: var(--space-md-3xl);
  }
  .u-margin-end-md-4xl {
    margin-inline-end: var(--space-md-4xl);
  }
  .u-margin-end-md-5xl {
    margin-inline-end: var(--space-md-5xl);
  }
  .u-margin-end-lg {
    margin-inline-end: var(--space-lg);
  }
  .u-margin-end-lg-xl {
    margin-inline-end: var(--space-lg-xl);
  }
  .u-margin-end-lg-2xl {
    margin-inline-end: var(--space-lg-2xl);
  }
  .u-margin-end-lg-3xl {
    margin-inline-end: var(--space-lg-3xl);
  }
  .u-margin-end-lg-4xl {
    margin-inline-end: var(--space-lg-4xl);
  }
  .u-margin-end-lg-5xl {
    margin-inline-end: var(--space-lg-5xl);
  }
  .u-margin-end-xl {
    margin-inline-end: var(--space-xl);
  }
  .u-margin-end-xl-2xl {
    margin-inline-end: var(--space-xl-2xl);
  }
  .u-margin-end-xl-3xl {
    margin-inline-end: var(--space-xl-3xl);
  }
  .u-margin-end-xl-4xl {
    margin-inline-end: var(--space-xl-4xl);
  }
  .u-margin-end-xl-5xl {
    margin-inline-end: var(--space-xl-5xl);
  }
  .u-margin-end-2xl {
    margin-inline-end: var(--space-2xl);
  }
  .u-margin-end-2xl-3xl {
    margin-inline-end: var(--space-2xl-3xl);
  }
  .u-margin-end-2xl-4xl {
    margin-inline-end: var(--space-2xl-4xl);
  }
  .u-margin-end-2xl-5xl {
    margin-inline-end: var(--space-2xl-5xl);
  }
  .u-margin-end-3xl {
    margin-inline-end: var(--space-3xl);
  }
  .u-margin-end-3xl-4xl {
    margin-inline-end: var(--space-3xl-4xl);
  }
  .u-margin-end-3xl-5xl {
    margin-inline-end: var(--space-3xl-5xl);
  }
  .u-margin-end-4xl {
    margin-inline-end: var(--space-4xl);
  }
  .u-margin-end-4xl-5xl {
    margin-inline-end: var(--space-4xl-5xl);
  }
  .u-margin-end-5xl {
    margin-inline-end: var(--space-5xl);
  }
  .u-padding-none {
    padding: 0;
  }
  .u-padding-2xs {
    padding: var(--space-2xs);
  }
  .u-padding-2xs-xs {
    padding: var(--space-2xs-xs);
  }
  .u-padding-2xs-sm {
    padding: var(--space-2xs-sm);
  }
  .u-padding-2xs-md {
    padding: var(--space-2xs-md);
  }
  .u-padding-2xs-lg {
    padding: var(--space-2xs-lg);
  }
  .u-padding-2xs-xl {
    padding: var(--space-2xs-xl);
  }
  .u-padding-2xs-2xl {
    padding: var(--space-2xs-2xl);
  }
  .u-padding-2xs-3xl {
    padding: var(--space-2xs-3xl);
  }
  .u-padding-2xs-4xl {
    padding: var(--space-2xs-4xl);
  }
  .u-padding-2xs-5xl {
    padding: var(--space-2xs-5xl);
  }
  .u-padding-xs {
    padding: var(--space-xs);
  }
  .u-padding-xs-sm {
    padding: var(--space-xs-sm);
  }
  .u-padding-xs-md {
    padding: var(--space-xs-md);
  }
  .u-padding-xs-lg {
    padding: var(--space-xs-lg);
  }
  .u-padding-xs-xl {
    padding: var(--space-xs-xl);
  }
  .u-padding-xs-2xl {
    padding: var(--space-xs-2xl);
  }
  .u-padding-xs-3xl {
    padding: var(--space-xs-3xl);
  }
  .u-padding-xs-4xl {
    padding: var(--space-xs-4xl);
  }
  .u-padding-xs-5xl {
    padding: var(--space-xs-5xl);
  }
  .u-padding-sm {
    padding: var(--space-sm);
  }
  .u-padding-sm-md {
    padding: var(--space-sm-md);
  }
  .u-padding-sm-lg {
    padding: var(--space-sm-lg);
  }
  .u-padding-sm-xl {
    padding: var(--space-sm-xl);
  }
  .u-padding-sm-2xl {
    padding: var(--space-sm-2xl);
  }
  .u-padding-sm-3xl {
    padding: var(--space-sm-3xl);
  }
  .u-padding-sm-4xl {
    padding: var(--space-sm-4xl);
  }
  .u-padding-sm-5xl {
    padding: var(--space-sm-5xl);
  }
  .u-padding-md {
    padding: var(--space-md);
  }
  .u-padding-md-lg {
    padding: var(--space-md-lg);
  }
  .u-padding-md-xl {
    padding: var(--space-md-xl);
  }
  .u-padding-md-2xl {
    padding: var(--space-md-2xl);
  }
  .u-padding-md-3xl {
    padding: var(--space-md-3xl);
  }
  .u-padding-md-4xl {
    padding: var(--space-md-4xl);
  }
  .u-padding-md-5xl {
    padding: var(--space-md-5xl);
  }
  .u-padding-lg {
    padding: var(--space-lg);
  }
  .u-padding-lg-xl {
    padding: var(--space-lg-xl);
  }
  .u-padding-lg-2xl {
    padding: var(--space-lg-2xl);
  }
  .u-padding-lg-3xl {
    padding: var(--space-lg-3xl);
  }
  .u-padding-lg-4xl {
    padding: var(--space-lg-4xl);
  }
  .u-padding-lg-5xl {
    padding: var(--space-lg-5xl);
  }
  .u-padding-xl {
    padding: var(--space-xl);
  }
  .u-padding-xl-2xl {
    padding: var(--space-xl-2xl);
  }
  .u-padding-xl-3xl {
    padding: var(--space-xl-3xl);
  }
  .u-padding-xl-4xl {
    padding: var(--space-xl-4xl);
  }
  .u-padding-xl-5xl {
    padding: var(--space-xl-5xl);
  }
  .u-padding-2xl {
    padding: var(--space-2xl);
  }
  .u-padding-2xl-3xl {
    padding: var(--space-2xl-3xl);
  }
  .u-padding-2xl-4xl {
    padding: var(--space-2xl-4xl);
  }
  .u-padding-2xl-5xl {
    padding: var(--space-2xl-5xl);
  }
  .u-padding-3xl {
    padding: var(--space-3xl);
  }
  .u-padding-3xl-4xl {
    padding: var(--space-3xl-4xl);
  }
  .u-padding-3xl-5xl {
    padding: var(--space-3xl-5xl);
  }
  .u-padding-4xl {
    padding: var(--space-4xl);
  }
  .u-padding-4xl-5xl {
    padding: var(--space-4xl-5xl);
  }
  .u-padding-5xl {
    padding: var(--space-5xl);
  }
  .u-padding-block-none {
    padding-block: 0;
  }
  .u-padding-block-2xs {
    padding-block: var(--space-2xs);
  }
  .u-padding-block-2xs-xs {
    padding-block: var(--space-2xs-xs);
  }
  .u-padding-block-2xs-sm {
    padding-block: var(--space-2xs-sm);
  }
  .u-padding-block-2xs-md {
    padding-block: var(--space-2xs-md);
  }
  .u-padding-block-2xs-lg {
    padding-block: var(--space-2xs-lg);
  }
  .u-padding-block-2xs-xl {
    padding-block: var(--space-2xs-xl);
  }
  .u-padding-block-2xs-2xl {
    padding-block: var(--space-2xs-2xl);
  }
  .u-padding-block-2xs-3xl {
    padding-block: var(--space-2xs-3xl);
  }
  .u-padding-block-2xs-4xl {
    padding-block: var(--space-2xs-4xl);
  }
  .u-padding-block-2xs-5xl {
    padding-block: var(--space-2xs-5xl);
  }
  .u-padding-block-xs {
    padding-block: var(--space-xs);
  }
  .u-padding-block-xs-sm {
    padding-block: var(--space-xs-sm);
  }
  .u-padding-block-xs-md {
    padding-block: var(--space-xs-md);
  }
  .u-padding-block-xs-lg {
    padding-block: var(--space-xs-lg);
  }
  .u-padding-block-xs-xl {
    padding-block: var(--space-xs-xl);
  }
  .u-padding-block-xs-2xl {
    padding-block: var(--space-xs-2xl);
  }
  .u-padding-block-xs-3xl {
    padding-block: var(--space-xs-3xl);
  }
  .u-padding-block-xs-4xl {
    padding-block: var(--space-xs-4xl);
  }
  .u-padding-block-xs-5xl {
    padding-block: var(--space-xs-5xl);
  }
  .u-padding-block-sm {
    padding-block: var(--space-sm);
  }
  .u-padding-block-sm-md {
    padding-block: var(--space-sm-md);
  }
  .u-padding-block-sm-lg {
    padding-block: var(--space-sm-lg);
  }
  .u-padding-block-sm-xl {
    padding-block: var(--space-sm-xl);
  }
  .u-padding-block-sm-2xl {
    padding-block: var(--space-sm-2xl);
  }
  .u-padding-block-sm-3xl {
    padding-block: var(--space-sm-3xl);
  }
  .u-padding-block-sm-4xl {
    padding-block: var(--space-sm-4xl);
  }
  .u-padding-block-sm-5xl {
    padding-block: var(--space-sm-5xl);
  }
  .u-padding-block-md {
    padding-block: var(--space-md);
  }
  .u-padding-block-md-lg {
    padding-block: var(--space-md-lg);
  }
  .u-padding-block-md-xl {
    padding-block: var(--space-md-xl);
  }
  .u-padding-block-md-2xl {
    padding-block: var(--space-md-2xl);
  }
  .u-padding-block-md-3xl {
    padding-block: var(--space-md-3xl);
  }
  .u-padding-block-md-4xl {
    padding-block: var(--space-md-4xl);
  }
  .u-padding-block-md-5xl {
    padding-block: var(--space-md-5xl);
  }
  .u-padding-block-lg {
    padding-block: var(--space-lg);
  }
  .u-padding-block-lg-xl {
    padding-block: var(--space-lg-xl);
  }
  .u-padding-block-lg-2xl {
    padding-block: var(--space-lg-2xl);
  }
  .u-padding-block-lg-3xl {
    padding-block: var(--space-lg-3xl);
  }
  .u-padding-block-lg-4xl {
    padding-block: var(--space-lg-4xl);
  }
  .u-padding-block-lg-5xl {
    padding-block: var(--space-lg-5xl);
  }
  .u-padding-block-xl {
    padding-block: var(--space-xl);
  }
  .u-padding-block-xl-2xl {
    padding-block: var(--space-xl-2xl);
  }
  .u-padding-block-xl-3xl {
    padding-block: var(--space-xl-3xl);
  }
  .u-padding-block-xl-4xl {
    padding-block: var(--space-xl-4xl);
  }
  .u-padding-block-xl-5xl {
    padding-block: var(--space-xl-5xl);
  }
  .u-padding-block-2xl {
    padding-block: var(--space-2xl);
  }
  .u-padding-block-2xl-3xl {
    padding-block: var(--space-2xl-3xl);
  }
  .u-padding-block-2xl-4xl {
    padding-block: var(--space-2xl-4xl);
  }
  .u-padding-block-2xl-5xl {
    padding-block: var(--space-2xl-5xl);
  }
  .u-padding-block-3xl {
    padding-block: var(--space-3xl);
  }
  .u-padding-block-3xl-4xl {
    padding-block: var(--space-3xl-4xl);
  }
  .u-padding-block-3xl-5xl {
    padding-block: var(--space-3xl-5xl);
  }
  .u-padding-block-4xl {
    padding-block: var(--space-4xl);
  }
  .u-padding-block-4xl-5xl {
    padding-block: var(--space-4xl-5xl);
  }
  .u-padding-block-5xl {
    padding-block: var(--space-5xl);
  }
  .u-padding-top-none {
    padding-top: 0;
  }
  .u-padding-top-2xs {
    padding-top: var(--space-2xs);
  }
  .u-padding-top-2xs-xs {
    padding-top: var(--space-2xs-xs);
  }
  .u-padding-top-2xs-sm {
    padding-top: var(--space-2xs-sm);
  }
  .u-padding-top-2xs-md {
    padding-top: var(--space-2xs-md);
  }
  .u-padding-top-2xs-lg {
    padding-top: var(--space-2xs-lg);
  }
  .u-padding-top-2xs-xl {
    padding-top: var(--space-2xs-xl);
  }
  .u-padding-top-2xs-2xl {
    padding-top: var(--space-2xs-2xl);
  }
  .u-padding-top-2xs-3xl {
    padding-top: var(--space-2xs-3xl);
  }
  .u-padding-top-2xs-4xl {
    padding-top: var(--space-2xs-4xl);
  }
  .u-padding-top-2xs-5xl {
    padding-top: var(--space-2xs-5xl);
  }
  .u-padding-top-xs {
    padding-top: var(--space-xs);
  }
  .u-padding-top-xs-sm {
    padding-top: var(--space-xs-sm);
  }
  .u-padding-top-xs-md {
    padding-top: var(--space-xs-md);
  }
  .u-padding-top-xs-lg {
    padding-top: var(--space-xs-lg);
  }
  .u-padding-top-xs-xl {
    padding-top: var(--space-xs-xl);
  }
  .u-padding-top-xs-2xl {
    padding-top: var(--space-xs-2xl);
  }
  .u-padding-top-xs-3xl {
    padding-top: var(--space-xs-3xl);
  }
  .u-padding-top-xs-4xl {
    padding-top: var(--space-xs-4xl);
  }
  .u-padding-top-xs-5xl {
    padding-top: var(--space-xs-5xl);
  }
  .u-padding-top-sm {
    padding-top: var(--space-sm);
  }
  .u-padding-top-sm-md {
    padding-top: var(--space-sm-md);
  }
  .u-padding-top-sm-lg {
    padding-top: var(--space-sm-lg);
  }
  .u-padding-top-sm-xl {
    padding-top: var(--space-sm-xl);
  }
  .u-padding-top-sm-2xl {
    padding-top: var(--space-sm-2xl);
  }
  .u-padding-top-sm-3xl {
    padding-top: var(--space-sm-3xl);
  }
  .u-padding-top-sm-4xl {
    padding-top: var(--space-sm-4xl);
  }
  .u-padding-top-sm-5xl {
    padding-top: var(--space-sm-5xl);
  }
  .u-padding-top-md {
    padding-top: var(--space-md);
  }
  .u-padding-top-md-lg {
    padding-top: var(--space-md-lg);
  }
  .u-padding-top-md-xl {
    padding-top: var(--space-md-xl);
  }
  .u-padding-top-md-2xl {
    padding-top: var(--space-md-2xl);
  }
  .u-padding-top-md-3xl {
    padding-top: var(--space-md-3xl);
  }
  .u-padding-top-md-4xl {
    padding-top: var(--space-md-4xl);
  }
  .u-padding-top-md-5xl {
    padding-top: var(--space-md-5xl);
  }
  .u-padding-top-lg {
    padding-top: var(--space-lg);
  }
  .u-padding-top-lg-xl {
    padding-top: var(--space-lg-xl);
  }
  .u-padding-top-lg-2xl {
    padding-top: var(--space-lg-2xl);
  }
  .u-padding-top-lg-3xl {
    padding-top: var(--space-lg-3xl);
  }
  .u-padding-top-lg-4xl {
    padding-top: var(--space-lg-4xl);
  }
  .u-padding-top-lg-5xl {
    padding-top: var(--space-lg-5xl);
  }
  .u-padding-top-xl {
    padding-top: var(--space-xl);
  }
  .u-padding-top-xl-2xl {
    padding-top: var(--space-xl-2xl);
  }
  .u-padding-top-xl-3xl {
    padding-top: var(--space-xl-3xl);
  }
  .u-padding-top-xl-4xl {
    padding-top: var(--space-xl-4xl);
  }
  .u-padding-top-xl-5xl {
    padding-top: var(--space-xl-5xl);
  }
  .u-padding-top-2xl {
    padding-top: var(--space-2xl);
  }
  .u-padding-top-2xl-3xl {
    padding-top: var(--space-2xl-3xl);
  }
  .u-padding-top-2xl-4xl {
    padding-top: var(--space-2xl-4xl);
  }
  .u-padding-top-2xl-5xl {
    padding-top: var(--space-2xl-5xl);
  }
  .u-padding-top-3xl {
    padding-top: var(--space-3xl);
  }
  .u-padding-top-3xl-4xl {
    padding-top: var(--space-3xl-4xl);
  }
  .u-padding-top-3xl-5xl {
    padding-top: var(--space-3xl-5xl);
  }
  .u-padding-top-4xl {
    padding-top: var(--space-4xl);
  }
  .u-padding-top-4xl-5xl {
    padding-top: var(--space-4xl-5xl);
  }
  .u-padding-top-5xl {
    padding-top: var(--space-5xl);
  }
  .u-padding-bottom-none {
    padding-bottom: 0;
  }
  .u-padding-bottom-2xs {
    padding-bottom: var(--space-2xs);
  }
  .u-padding-bottom-2xs-xs {
    padding-bottom: var(--space-2xs-xs);
  }
  .u-padding-bottom-2xs-sm {
    padding-bottom: var(--space-2xs-sm);
  }
  .u-padding-bottom-2xs-md {
    padding-bottom: var(--space-2xs-md);
  }
  .u-padding-bottom-2xs-lg {
    padding-bottom: var(--space-2xs-lg);
  }
  .u-padding-bottom-2xs-xl {
    padding-bottom: var(--space-2xs-xl);
  }
  .u-padding-bottom-2xs-2xl {
    padding-bottom: var(--space-2xs-2xl);
  }
  .u-padding-bottom-2xs-3xl {
    padding-bottom: var(--space-2xs-3xl);
  }
  .u-padding-bottom-2xs-4xl {
    padding-bottom: var(--space-2xs-4xl);
  }
  .u-padding-bottom-2xs-5xl {
    padding-bottom: var(--space-2xs-5xl);
  }
  .u-padding-bottom-xs {
    padding-bottom: var(--space-xs);
  }
  .u-padding-bottom-xs-sm {
    padding-bottom: var(--space-xs-sm);
  }
  .u-padding-bottom-xs-md {
    padding-bottom: var(--space-xs-md);
  }
  .u-padding-bottom-xs-lg {
    padding-bottom: var(--space-xs-lg);
  }
  .u-padding-bottom-xs-xl {
    padding-bottom: var(--space-xs-xl);
  }
  .u-padding-bottom-xs-2xl {
    padding-bottom: var(--space-xs-2xl);
  }
  .u-padding-bottom-xs-3xl {
    padding-bottom: var(--space-xs-3xl);
  }
  .u-padding-bottom-xs-4xl {
    padding-bottom: var(--space-xs-4xl);
  }
  .u-padding-bottom-xs-5xl {
    padding-bottom: var(--space-xs-5xl);
  }
  .u-padding-bottom-sm {
    padding-bottom: var(--space-sm);
  }
  .u-padding-bottom-sm-md {
    padding-bottom: var(--space-sm-md);
  }
  .u-padding-bottom-sm-lg {
    padding-bottom: var(--space-sm-lg);
  }
  .u-padding-bottom-sm-xl {
    padding-bottom: var(--space-sm-xl);
  }
  .u-padding-bottom-sm-2xl {
    padding-bottom: var(--space-sm-2xl);
  }
  .u-padding-bottom-sm-3xl {
    padding-bottom: var(--space-sm-3xl);
  }
  .u-padding-bottom-sm-4xl {
    padding-bottom: var(--space-sm-4xl);
  }
  .u-padding-bottom-sm-5xl {
    padding-bottom: var(--space-sm-5xl);
  }
  .u-padding-bottom-md {
    padding-bottom: var(--space-md);
  }
  .u-padding-bottom-md-lg {
    padding-bottom: var(--space-md-lg);
  }
  .u-padding-bottom-md-xl {
    padding-bottom: var(--space-md-xl);
  }
  .u-padding-bottom-md-2xl {
    padding-bottom: var(--space-md-2xl);
  }
  .u-padding-bottom-md-3xl {
    padding-bottom: var(--space-md-3xl);
  }
  .u-padding-bottom-md-4xl {
    padding-bottom: var(--space-md-4xl);
  }
  .u-padding-bottom-md-5xl {
    padding-bottom: var(--space-md-5xl);
  }
  .u-padding-bottom-lg {
    padding-bottom: var(--space-lg);
  }
  .u-padding-bottom-lg-xl {
    padding-bottom: var(--space-lg-xl);
  }
  .u-padding-bottom-lg-2xl {
    padding-bottom: var(--space-lg-2xl);
  }
  .u-padding-bottom-lg-3xl {
    padding-bottom: var(--space-lg-3xl);
  }
  .u-padding-bottom-lg-4xl {
    padding-bottom: var(--space-lg-4xl);
  }
  .u-padding-bottom-lg-5xl {
    padding-bottom: var(--space-lg-5xl);
  }
  .u-padding-bottom-xl {
    padding-bottom: var(--space-xl);
  }
  .u-padding-bottom-xl-2xl {
    padding-bottom: var(--space-xl-2xl);
  }
  .u-padding-bottom-xl-3xl {
    padding-bottom: var(--space-xl-3xl);
  }
  .u-padding-bottom-xl-4xl {
    padding-bottom: var(--space-xl-4xl);
  }
  .u-padding-bottom-xl-5xl {
    padding-bottom: var(--space-xl-5xl);
  }
  .u-padding-bottom-2xl {
    padding-bottom: var(--space-2xl);
  }
  .u-padding-bottom-2xl-3xl {
    padding-bottom: var(--space-2xl-3xl);
  }
  .u-padding-bottom-2xl-4xl {
    padding-bottom: var(--space-2xl-4xl);
  }
  .u-padding-bottom-2xl-5xl {
    padding-bottom: var(--space-2xl-5xl);
  }
  .u-padding-bottom-3xl {
    padding-bottom: var(--space-3xl);
  }
  .u-padding-bottom-3xl-4xl {
    padding-bottom: var(--space-3xl-4xl);
  }
  .u-padding-bottom-3xl-5xl {
    padding-bottom: var(--space-3xl-5xl);
  }
  .u-padding-bottom-4xl {
    padding-bottom: var(--space-4xl);
  }
  .u-padding-bottom-4xl-5xl {
    padding-bottom: var(--space-4xl-5xl);
  }
  .u-padding-bottom-5xl {
    padding-bottom: var(--space-5xl);
  }
  .u-padding-inline-none {
    padding-inline: 0;
  }
  .u-padding-inline-2xs {
    padding-inline: var(--space-2xs);
  }
  .u-padding-inline-2xs-xs {
    padding-inline: var(--space-2xs-xs);
  }
  .u-padding-inline-2xs-sm {
    padding-inline: var(--space-2xs-sm);
  }
  .u-padding-inline-2xs-md {
    padding-inline: var(--space-2xs-md);
  }
  .u-padding-inline-2xs-lg {
    padding-inline: var(--space-2xs-lg);
  }
  .u-padding-inline-2xs-xl {
    padding-inline: var(--space-2xs-xl);
  }
  .u-padding-inline-2xs-2xl {
    padding-inline: var(--space-2xs-2xl);
  }
  .u-padding-inline-2xs-3xl {
    padding-inline: var(--space-2xs-3xl);
  }
  .u-padding-inline-2xs-4xl {
    padding-inline: var(--space-2xs-4xl);
  }
  .u-padding-inline-2xs-5xl {
    padding-inline: var(--space-2xs-5xl);
  }
  .u-padding-inline-xs {
    padding-inline: var(--space-xs);
  }
  .u-padding-inline-xs-sm {
    padding-inline: var(--space-xs-sm);
  }
  .u-padding-inline-xs-md {
    padding-inline: var(--space-xs-md);
  }
  .u-padding-inline-xs-lg {
    padding-inline: var(--space-xs-lg);
  }
  .u-padding-inline-xs-xl {
    padding-inline: var(--space-xs-xl);
  }
  .u-padding-inline-xs-2xl {
    padding-inline: var(--space-xs-2xl);
  }
  .u-padding-inline-xs-3xl {
    padding-inline: var(--space-xs-3xl);
  }
  .u-padding-inline-xs-4xl {
    padding-inline: var(--space-xs-4xl);
  }
  .u-padding-inline-xs-5xl {
    padding-inline: var(--space-xs-5xl);
  }
  .u-padding-inline-sm {
    padding-inline: var(--space-sm);
  }
  .u-padding-inline-sm-md {
    padding-inline: var(--space-sm-md);
  }
  .u-padding-inline-sm-lg {
    padding-inline: var(--space-sm-lg);
  }
  .u-padding-inline-sm-xl {
    padding-inline: var(--space-sm-xl);
  }
  .u-padding-inline-sm-2xl {
    padding-inline: var(--space-sm-2xl);
  }
  .u-padding-inline-sm-3xl {
    padding-inline: var(--space-sm-3xl);
  }
  .u-padding-inline-sm-4xl {
    padding-inline: var(--space-sm-4xl);
  }
  .u-padding-inline-sm-5xl {
    padding-inline: var(--space-sm-5xl);
  }
  .u-padding-inline-md {
    padding-inline: var(--space-md);
  }
  .u-padding-inline-md-lg {
    padding-inline: var(--space-md-lg);
  }
  .u-padding-inline-md-xl {
    padding-inline: var(--space-md-xl);
  }
  .u-padding-inline-md-2xl {
    padding-inline: var(--space-md-2xl);
  }
  .u-padding-inline-md-3xl {
    padding-inline: var(--space-md-3xl);
  }
  .u-padding-inline-md-4xl {
    padding-inline: var(--space-md-4xl);
  }
  .u-padding-inline-md-5xl {
    padding-inline: var(--space-md-5xl);
  }
  .u-padding-inline-lg {
    padding-inline: var(--space-lg);
  }
  .u-padding-inline-lg-xl {
    padding-inline: var(--space-lg-xl);
  }
  .u-padding-inline-lg-2xl {
    padding-inline: var(--space-lg-2xl);
  }
  .u-padding-inline-lg-3xl {
    padding-inline: var(--space-lg-3xl);
  }
  .u-padding-inline-lg-4xl {
    padding-inline: var(--space-lg-4xl);
  }
  .u-padding-inline-lg-5xl {
    padding-inline: var(--space-lg-5xl);
  }
  .u-padding-inline-xl {
    padding-inline: var(--space-xl);
  }
  .u-padding-inline-xl-2xl {
    padding-inline: var(--space-xl-2xl);
  }
  .u-padding-inline-xl-3xl {
    padding-inline: var(--space-xl-3xl);
  }
  .u-padding-inline-xl-4xl {
    padding-inline: var(--space-xl-4xl);
  }
  .u-padding-inline-xl-5xl {
    padding-inline: var(--space-xl-5xl);
  }
  .u-padding-inline-2xl {
    padding-inline: var(--space-2xl);
  }
  .u-padding-inline-2xl-3xl {
    padding-inline: var(--space-2xl-3xl);
  }
  .u-padding-inline-2xl-4xl {
    padding-inline: var(--space-2xl-4xl);
  }
  .u-padding-inline-2xl-5xl {
    padding-inline: var(--space-2xl-5xl);
  }
  .u-padding-inline-3xl {
    padding-inline: var(--space-3xl);
  }
  .u-padding-inline-3xl-4xl {
    padding-inline: var(--space-3xl-4xl);
  }
  .u-padding-inline-3xl-5xl {
    padding-inline: var(--space-3xl-5xl);
  }
  .u-padding-inline-4xl {
    padding-inline: var(--space-4xl);
  }
  .u-padding-inline-4xl-5xl {
    padding-inline: var(--space-4xl-5xl);
  }
  .u-padding-inline-5xl {
    padding-inline: var(--space-5xl);
  }
  .u-padding-start-none {
    padding-inline-start: 0;
  }
  .u-padding-start-2xs {
    padding-inline-start: var(--space-2xs);
  }
  .u-padding-start-2xs-xs {
    padding-inline-start: var(--space-2xs-xs);
  }
  .u-padding-start-2xs-sm {
    padding-inline-start: var(--space-2xs-sm);
  }
  .u-padding-start-2xs-md {
    padding-inline-start: var(--space-2xs-md);
  }
  .u-padding-start-2xs-lg {
    padding-inline-start: var(--space-2xs-lg);
  }
  .u-padding-start-2xs-xl {
    padding-inline-start: var(--space-2xs-xl);
  }
  .u-padding-start-2xs-2xl {
    padding-inline-start: var(--space-2xs-2xl);
  }
  .u-padding-start-2xs-3xl {
    padding-inline-start: var(--space-2xs-3xl);
  }
  .u-padding-start-2xs-4xl {
    padding-inline-start: var(--space-2xs-4xl);
  }
  .u-padding-start-2xs-5xl {
    padding-inline-start: var(--space-2xs-5xl);
  }
  .u-padding-start-xs {
    padding-inline-start: var(--space-xs);
  }
  .u-padding-start-xs-sm {
    padding-inline-start: var(--space-xs-sm);
  }
  .u-padding-start-xs-md {
    padding-inline-start: var(--space-xs-md);
  }
  .u-padding-start-xs-lg {
    padding-inline-start: var(--space-xs-lg);
  }
  .u-padding-start-xs-xl {
    padding-inline-start: var(--space-xs-xl);
  }
  .u-padding-start-xs-2xl {
    padding-inline-start: var(--space-xs-2xl);
  }
  .u-padding-start-xs-3xl {
    padding-inline-start: var(--space-xs-3xl);
  }
  .u-padding-start-xs-4xl {
    padding-inline-start: var(--space-xs-4xl);
  }
  .u-padding-start-xs-5xl {
    padding-inline-start: var(--space-xs-5xl);
  }
  .u-padding-start-sm {
    padding-inline-start: var(--space-sm);
  }
  .u-padding-start-sm-md {
    padding-inline-start: var(--space-sm-md);
  }
  .u-padding-start-sm-lg {
    padding-inline-start: var(--space-sm-lg);
  }
  .u-padding-start-sm-xl {
    padding-inline-start: var(--space-sm-xl);
  }
  .u-padding-start-sm-2xl {
    padding-inline-start: var(--space-sm-2xl);
  }
  .u-padding-start-sm-3xl {
    padding-inline-start: var(--space-sm-3xl);
  }
  .u-padding-start-sm-4xl {
    padding-inline-start: var(--space-sm-4xl);
  }
  .u-padding-start-sm-5xl {
    padding-inline-start: var(--space-sm-5xl);
  }
  .u-padding-start-md {
    padding-inline-start: var(--space-md);
  }
  .u-padding-start-md-lg {
    padding-inline-start: var(--space-md-lg);
  }
  .u-padding-start-md-xl {
    padding-inline-start: var(--space-md-xl);
  }
  .u-padding-start-md-2xl {
    padding-inline-start: var(--space-md-2xl);
  }
  .u-padding-start-md-3xl {
    padding-inline-start: var(--space-md-3xl);
  }
  .u-padding-start-md-4xl {
    padding-inline-start: var(--space-md-4xl);
  }
  .u-padding-start-md-5xl {
    padding-inline-start: var(--space-md-5xl);
  }
  .u-padding-start-lg {
    padding-inline-start: var(--space-lg);
  }
  .u-padding-start-lg-xl {
    padding-inline-start: var(--space-lg-xl);
  }
  .u-padding-start-lg-2xl {
    padding-inline-start: var(--space-lg-2xl);
  }
  .u-padding-start-lg-3xl {
    padding-inline-start: var(--space-lg-3xl);
  }
  .u-padding-start-lg-4xl {
    padding-inline-start: var(--space-lg-4xl);
  }
  .u-padding-start-lg-5xl {
    padding-inline-start: var(--space-lg-5xl);
  }
  .u-padding-start-xl {
    padding-inline-start: var(--space-xl);
  }
  .u-padding-start-xl-2xl {
    padding-inline-start: var(--space-xl-2xl);
  }
  .u-padding-start-xl-3xl {
    padding-inline-start: var(--space-xl-3xl);
  }
  .u-padding-start-xl-4xl {
    padding-inline-start: var(--space-xl-4xl);
  }
  .u-padding-start-xl-5xl {
    padding-inline-start: var(--space-xl-5xl);
  }
  .u-padding-start-2xl {
    padding-inline-start: var(--space-2xl);
  }
  .u-padding-start-2xl-3xl {
    padding-inline-start: var(--space-2xl-3xl);
  }
  .u-padding-start-2xl-4xl {
    padding-inline-start: var(--space-2xl-4xl);
  }
  .u-padding-start-2xl-5xl {
    padding-inline-start: var(--space-2xl-5xl);
  }
  .u-padding-start-3xl {
    padding-inline-start: var(--space-3xl);
  }
  .u-padding-start-3xl-4xl {
    padding-inline-start: var(--space-3xl-4xl);
  }
  .u-padding-start-3xl-5xl {
    padding-inline-start: var(--space-3xl-5xl);
  }
  .u-padding-start-4xl {
    padding-inline-start: var(--space-4xl);
  }
  .u-padding-start-4xl-5xl {
    padding-inline-start: var(--space-4xl-5xl);
  }
  .u-padding-start-5xl {
    padding-inline-start: var(--space-5xl);
  }
  .u-padding-end-none {
    padding-inline-end: 0;
  }
  .u-padding-end-2xs {
    padding-inline-end: var(--space-2xs);
  }
  .u-padding-end-2xs-xs {
    padding-inline-end: var(--space-2xs-xs);
  }
  .u-padding-end-2xs-sm {
    padding-inline-end: var(--space-2xs-sm);
  }
  .u-padding-end-2xs-md {
    padding-inline-end: var(--space-2xs-md);
  }
  .u-padding-end-2xs-lg {
    padding-inline-end: var(--space-2xs-lg);
  }
  .u-padding-end-2xs-xl {
    padding-inline-end: var(--space-2xs-xl);
  }
  .u-padding-end-2xs-2xl {
    padding-inline-end: var(--space-2xs-2xl);
  }
  .u-padding-end-2xs-3xl {
    padding-inline-end: var(--space-2xs-3xl);
  }
  .u-padding-end-2xs-4xl {
    padding-inline-end: var(--space-2xs-4xl);
  }
  .u-padding-end-2xs-5xl {
    padding-inline-end: var(--space-2xs-5xl);
  }
  .u-padding-end-xs {
    padding-inline-end: var(--space-xs);
  }
  .u-padding-end-xs-sm {
    padding-inline-end: var(--space-xs-sm);
  }
  .u-padding-end-xs-md {
    padding-inline-end: var(--space-xs-md);
  }
  .u-padding-end-xs-lg {
    padding-inline-end: var(--space-xs-lg);
  }
  .u-padding-end-xs-xl {
    padding-inline-end: var(--space-xs-xl);
  }
  .u-padding-end-xs-2xl {
    padding-inline-end: var(--space-xs-2xl);
  }
  .u-padding-end-xs-3xl {
    padding-inline-end: var(--space-xs-3xl);
  }
  .u-padding-end-xs-4xl {
    padding-inline-end: var(--space-xs-4xl);
  }
  .u-padding-end-xs-5xl {
    padding-inline-end: var(--space-xs-5xl);
  }
  .u-padding-end-sm {
    padding-inline-end: var(--space-sm);
  }
  .u-padding-end-sm-md {
    padding-inline-end: var(--space-sm-md);
  }
  .u-padding-end-sm-lg {
    padding-inline-end: var(--space-sm-lg);
  }
  .u-padding-end-sm-xl {
    padding-inline-end: var(--space-sm-xl);
  }
  .u-padding-end-sm-2xl {
    padding-inline-end: var(--space-sm-2xl);
  }
  .u-padding-end-sm-3xl {
    padding-inline-end: var(--space-sm-3xl);
  }
  .u-padding-end-sm-4xl {
    padding-inline-end: var(--space-sm-4xl);
  }
  .u-padding-end-sm-5xl {
    padding-inline-end: var(--space-sm-5xl);
  }
  .u-padding-end-md {
    padding-inline-end: var(--space-md);
  }
  .u-padding-end-md-lg {
    padding-inline-end: var(--space-md-lg);
  }
  .u-padding-end-md-xl {
    padding-inline-end: var(--space-md-xl);
  }
  .u-padding-end-md-2xl {
    padding-inline-end: var(--space-md-2xl);
  }
  .u-padding-end-md-3xl {
    padding-inline-end: var(--space-md-3xl);
  }
  .u-padding-end-md-4xl {
    padding-inline-end: var(--space-md-4xl);
  }
  .u-padding-end-md-5xl {
    padding-inline-end: var(--space-md-5xl);
  }
  .u-padding-end-lg {
    padding-inline-end: var(--space-lg);
  }
  .u-padding-end-lg-xl {
    padding-inline-end: var(--space-lg-xl);
  }
  .u-padding-end-lg-2xl {
    padding-inline-end: var(--space-lg-2xl);
  }
  .u-padding-end-lg-3xl {
    padding-inline-end: var(--space-lg-3xl);
  }
  .u-padding-end-lg-4xl {
    padding-inline-end: var(--space-lg-4xl);
  }
  .u-padding-end-lg-5xl {
    padding-inline-end: var(--space-lg-5xl);
  }
  .u-padding-end-xl {
    padding-inline-end: var(--space-xl);
  }
  .u-padding-end-xl-2xl {
    padding-inline-end: var(--space-xl-2xl);
  }
  .u-padding-end-xl-3xl {
    padding-inline-end: var(--space-xl-3xl);
  }
  .u-padding-end-xl-4xl {
    padding-inline-end: var(--space-xl-4xl);
  }
  .u-padding-end-xl-5xl {
    padding-inline-end: var(--space-xl-5xl);
  }
  .u-padding-end-2xl {
    padding-inline-end: var(--space-2xl);
  }
  .u-padding-end-2xl-3xl {
    padding-inline-end: var(--space-2xl-3xl);
  }
  .u-padding-end-2xl-4xl {
    padding-inline-end: var(--space-2xl-4xl);
  }
  .u-padding-end-2xl-5xl {
    padding-inline-end: var(--space-2xl-5xl);
  }
  .u-padding-end-3xl {
    padding-inline-end: var(--space-3xl);
  }
  .u-padding-end-3xl-4xl {
    padding-inline-end: var(--space-3xl-4xl);
  }
  .u-padding-end-3xl-5xl {
    padding-inline-end: var(--space-3xl-5xl);
  }
  .u-padding-end-4xl {
    padding-inline-end: var(--space-4xl);
  }
  .u-padding-end-4xl-5xl {
    padding-inline-end: var(--space-4xl-5xl);
  }
  .u-padding-end-5xl {
    padding-inline-end: var(--space-5xl);
  }
  .u-text-left {
    text-align: left;
  }
  .u-text-center {
    text-align: center;
  }
  .u-text-right {
    text-align: right;
  }
  .u-text-upper {
    text-transform: uppercase;
  }
  .u-text-lower {
    text-transform: lowercase;
  }
  .u-text-caps {
    text-transform: capitalize;
  }
}
@layer base {
  @font-face {
    font-family: "Switzer";
    font-style: normal;
    font-weight: 300;
    src: url("fonts/switzer-300.woff2") format("woff2");
  }
  @font-face {
    font-family: "Switzer";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/switzer-400.woff2") format("woff2");
  }
  @font-face {
    font-family: "Switzer";
    font-style: normal;
    font-weight: 500;
    src: url("fonts/switzer-500.woff2") format("woff2");
  }
  @font-face {
    font-family: "Switzer";
    font-style: normal;
    font-weight: 600;
    src: url("fonts/switzer-600.woff2") format("woff2");
  }
  @font-face {
    font-family: "Switzer";
    font-style: normal;
    font-weight: 700;
    src: url("fonts/switzer-700.woff2") format("woff2");
  }
  :root {
    --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
    --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
    --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
    --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
    --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
    --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
    --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --animation-ease: var(--ease-in-out-sine);
    --animation-duration: 200ms;
    --animation-delay: 0ms;
    --base-grid: 12;
    --base-gap: var(--space-xs-md);
    --base-margin: var(--space-xs-md);
    --base-content-max-width: clamp(40rem, calc(37.5rem + 10.4166666667vmin), 45rem);
    --color-text-primary: var(--color-black);
    --color-text-muted: var(--color-black-alpha-70);
    --root-adminbar-height: 2.5rem;
  }
  html[data-overlay=true] {
    overflow: hidden;
  }
  ::selection {
    background-color: var(--color-accent);
    color: var(--color-white);
  }
  body {
    font-size: var(--text-sm);
    font-feature-settings: normal;
    font-variation-settings: normal;
    background-color: var(--color-primary);
    color: var(--color-text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-md);
  }
  main {
    color: var(--color-text-primary);
    background-color: var(--color-muted);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: var(--font-medium);
    line-height: var(--leading-xs);
    letter-spacing: var(--tracking-xs);
  }
  h1 {
    font-size: var(--text-2xl);
  }
  h2 {
    font-size: var(--text-xl);
  }
  h3 {
    font-size: var(--text-lg);
  }
  h4 {
    font-size: var(--text-md);
  }
  h5 {
    font-size: var(--text-sm);
  }
  h6 {
    font-size: var(--text-xs);
  }
  html[data-js=true] img[loading=lazy] {
    opacity: 0;
  }
  img[loading=lazy][data-animation=loaded] {
    --animation-duration: 600ms;
    animation: fadeIn var(--animation-ease) var(--animation-duration) forwards;
  }
  figure,
  img {
    display: block;
    width: 100%;
  }
  @keyframes slideUp {
    from {
      transform: translateY(clamp(2rem, 50%, 4rem));
    }
    to {
      transform: translateY(0);
    }
  }
  @keyframes slideDown {
    from {
      transform: translateY(clamp(-4rem, -50%, -2rem));
    }
    to {
      transform: translateY(0);
    }
  }
  @keyframes fadeIn {
    from {
      opacity: var(--from-opacity, 0);
    }
    to {
      opacity: var(--to-opacity, 1);
    }
  }
}
@layer layouts {}
@layer utilities {}
@layer views {
  .animation-fade-in {
    --animation-duration: 400ms;
  }
  html[data-js=true] .animation-fade-in {
    opacity: 0;
  }
  html[data-js=true] .animation-fade-in[data-animation=loaded] {
    animation: fadeIn var(--animation-duration) var(--animation-ease) var(--animation-delay) forwards;
  }
  .animation-slide-up {
    --animation-delay: 200ms;
    --animation-duration: 600ms;
  }
  html[data-js=true] .animation-slide-up {
    opacity: 0;
  }
  html[data-js=true] .animation-slide-up[data-animation=loaded] {
    animation: fadeIn var(--animation-duration) var(--animation-ease) var(--animation-delay) forwards, slideUp var(--animation-duration) var(--animation-ease) var(--animation-delay) forwards;
  }
  .animation-slide-down {
    --animation-delay: 200ms;
    --animation-duration: 600ms;
  }
  html[data-js=true] .animation-slide-down {
    opacity: 0;
  }
  html[data-js=true] .animation-slide-down[data-animation=loaded] {
    animation: fadeIn var(--animation-duration) var(--animation-ease) var(--animation-delay) forwards, slideDown var(--animation-duration) var(--animation-ease) var(--animation-delay) forwards;
  }
  .animation-clip-in {
    --animation-path: inset(0 100% 0 0);
    --animation-property: clip-path;
    --animation-delay: 100ms;
    --animation-duration: 400ms;
  }
  html[data-js=true] .animation-clip-in {
    clip-path: var(--animation-path);
    transition-property: var(--animation-property);
    transition-duration: var(--animation-duration);
    transition-delay: var(--animation-delay);
    transition-timing-function: var(--animation-ease);
    will-change: clip-path;
  }
  html[data-js=true] .animation-clip-in[data-animation=loaded] {
    clip-path: inset(0 0 0 0);
  }
}
@layer views {
  .article {
    --article-margin-block: 0;
    --article-margin-inline: auto;
    --article-padding-block: 0;
    --article-padding-inline: var(--space-xs-md);
    --article-background-color: transparent;
    --article-color: var(--color-text-primary);
    --article-border-radius: 0;
    --article-grid-gap: 0 var(--base-gap);
    --md-article-grid-columns: var(--base-grid);
    --article-header-margin-block-end: var(--space-xs-sm);
    --md-article-header-grid-column: 5 / -1;
    --article-preamble-max-width: var(--base-content-max-width);
    --article-preamble-margin-block-end: var(--space-lg);
    --article-preamble-font-size: var(--text-md-lg);
    --article-preamble-font-weight: var(--font-light);
    --article-preamble-font-family: var(--font-sans);
    --article-preamble-letter-spacing: var(--tracking-sm);
    --article-preamble-line-height: var(--leading-md);
    --article-preamble-color: var(--color-text-muted);
    --article-preamble-text-transform: none;
    --md-article-preamble-grid-column: 5 / -1;
    --article-header-heading-font-size: var(--text-xl-3xl);
    --article-header-heading-font-weight: var(--font-semibold);
    --article-header-heading-font-family: var(--font-sans);
    --article-header-heading-letter-spacing: var(--tracking-xs);
    --article-header-heading-line-height: var(--leading-sm);
    --article-header-heading-color: var(--color-text-primary);
    --article-header-heading-text-transform: none;
    --article-stack-margin-block: 0;
    --md-article-stack-grid-column: 1 / -1;
    --md-article-stack-grid-columns: var(--base-grid);
    --md-article-stack-grid-gap: 0 var(--base-gap);
    --grid-gap: var(--article-grid-gap);
    --md-grid-columns: var(--md-article-grid-columns);
    --wrap-margin-inline: var(--article-margin-inline);
    --wrap-padding-inline: var(--article-padding-inline);
    margin-block: var(--article-margin-block);
    padding-block: var(--article-padding-block);
    background-color: var(--article-background-color);
    color: var(--article-color);
    border-radius: var(--article-border-radius);
  }
  .article-header {
    --md-grid-column: var(--md-article-header-grid-column);
    margin-block-end: var(--article-header-margin-block-end);
  }
  .article-header-heading {
    font-size: var(--article-header-heading-font-size);
    font-weight: var(--article-header-heading-font-weight);
    font-family: var(--article-header-heading-font-family);
    letter-spacing: var(--article-header-heading-letter-spacing);
    line-height: var(--article-header-heading-line-height);
    color: var(--article-header-heading-color);
    text-transform: var(--article-header-heading-text-transform);
  }
  .article-preamble {
    --md-grid-column: var(--md-article-preamble-grid-column);
    max-width: var(--article-preamble-max-width);
    margin-block-end: var(--article-preamble-margin-block-end);
    font-size: var(--article-preamble-font-size);
    font-weight: var(--article-preamble-font-weight);
    font-family: var(--article-preamble-font-family);
    letter-spacing: var(--article-preamble-letter-spacing);
    line-height: var(--article-preamble-line-height);
    color: var(--article-preamble-color);
    text-transform: var(--article-preamble-text-transform);
  }
  .article-stack {
    --md-grid-column: var(--md-article-stack-grid-column);
    --md-grid-columns: var(--md-article-stack-grid-columns);
    --md-grid-gap: var(--md-article-stack-grid-gap);
    margin-block: var(--article-stack-margin-block);
  }
  .article-stack > * + * {
    --stack-space: var(--space-md-lg);
  }
  .article-stack > * + .article-section,
  .article-stack > .article-section + * {
    --stack-space: var(--space-xl-3xl);
  }
}
@layer views {
  .article-media {
    --article-media-padding-block: 0;
    --article-media-padding-inline: 0;
    --article-media-background-color: transparent;
    --article-media-color: var(--color-text-primary);
    --article-media-border-radius: var(--radius-sm);
    --article-media-width: 100%;
    --article-media-aspect-ratio: 3/2;
    --article-media-object-fit: cover;
    --article-media-clip-path-ratio: 0;
    --md-article-media-grid-column: 5 / -1;
    --article-media-wrap-margin-block-start: var(--space-xs-sm);
    --article-media-wrap-margin-inline: var(--base-margin);
    --article-media-wrap-max-width: var(--base-content-max-width);
    --article-media-caption-font-size: var(--text-xs-sm);
    --article-media-caption-font-weight: var(--font-regular);
    --article-media-caption-font-family: var(--font-sans);
    --article-media-caption-opacity: 1;
    --article-media-meta-font-size: var(--text-2xs);
    --article-media-meta-font-weight: var(--font-regular);
    --article-media-meta-font-family: var(--font-sans);
    --article-media-meta-text-transform: none;
    --article-media-meta-opacity: var(--opacity-50);
    --article-media-meta-stack-space: 0.5em;
    --md-grid-column: var(--md-article-media-grid-column);
    padding-block: var(--article-media-padding-block);
    padding-inline: var(--article-media-padding-inline);
    background-color: var(--article-media-background-color);
    color: var(--article-media-color);
    border-radius: var(--article-media-border-radius);
    overflow: hidden;
  }
  .article-media[data-size=large] {
    --article-media-border-radius: 0;
    --md-grid-column: 1 / -1;
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-inline: -50vw;
  }
  .article-media > img,
  .article-media > video {
    display: block;
    width: var(--article-media-width);
    border-radius: var(--article-media-border-radius);
    clip-path: inset(var(--article-media-clip-path-ratio));
    transition: clip-path var(--ease-out-sine) 80ms;
  }
  .article-media-wrap {
    margin-block-start: var(--article-media-wrap-margin-block-start);
    max-width: var(--article-media-wrap-max-width);
  }
  [data-size=large] .article-media-wrap {
    margin-inline: var(--article-media-wrap-margin-inline);
  }
  .article-media-caption {
    font-size: var(--article-media-caption-font-size);
    font-weight: var(--article-media-caption-font-weight);
    font-family: var(--article-media-caption-font-family);
    opacity: var(--article-media-caption-opacity);
  }
  .article-media-meta {
    --stack-space: var(--article-media-meta-stack-space);
    font-size: var(--article-media-meta-font-size);
    font-weight: var(--article-media-meta-font-weight);
    font-family: var(--article-media-meta-font-family);
    text-transform: var(--article-media-meta-text-transform);
    opacity: var(--article-media-meta-opacity);
  }
}
@layer views {
  .article-quote {
    --md-article-quote-grid-column: 5 / -1;
    --article-quote-text-font-size: var(--text-xl);
    --article-quote-text-font-weight: var(--font-regular);
    --article-quote-text-font-family: var(--font-sans);
    --article-quote-text-letter-spacing: var(--tracking-sm);
    --article-quote-text-line-height: var(--leading-md);
    --article-quote-text-opacity: 1;
    --article-quote-cite-place-content: normal;
    --article-quote-cite-place-items: center;
    --article-quote-cite-gap: var(--space-xs-sm);
    --article-quote-cite-margin-block-start: var(--space-sm);
    --article-quote-cite-padding-block-start: var(--space-sm);
    --article-quote-cite-border-block-start: 1px solid var(--color-black-alpha-10);
    --article-quote-avatar-width: 3.5rem;
    --article-quote-avatar-height: 3.5rem;
    --article-quote-avatar-border-radius: var(--radius-sm);
    --article-quote-wrap-place-self: center;
    --article-quote-byline-font-size: var(--text-xs);
    --article-quote-byline-font-weight: var(--font-semibold);
    --article-quote-byline-font-family: var(--font-sans);
    --article-quote-byline-opacity: 1;
    --article-quote-meta-font-size: var(--text-xs);
    --article-quote-meta-font-weight: var(--font-regular);
    --article-quote-meta-font-family: var(--font-sans);
    --article-quote-meta-opacity: var(--opacity-50);
    --md-grid-column: var(--md-article-quote-grid-column);
  }
  .article-quote-text {
    font-size: var(--article-quote-text-font-size);
    font-weight: var(--article-quote-text-font-weight);
    font-family: var(--article-quote-text-font-family);
    letter-spacing: var(--article-quote-text-letter-spacing);
    line-height: var(--article-quote-text-line-height);
    opacity: var(--article-quote-text-opacity);
  }
  .article-quote-avatar {
    display: flex;
    width: var(--article-quote-avatar-width);
    height: var(--article-quote-avatar-height);
    border-radius: var(--article-quote-avatar-border-radius);
  }
  .article-quote-avatar > img {
    display: block;
    object-fit: cover;
    border-radius: var(--article-quote-avatar-border-radius);
  }
  .article-quote-cite {
    --flex-content: var(--article-quote-cite-place-content);
    --flex-itmes: var(--article-quote-cite-place-items);
    --flex-gap: var(--article-quote-cite-gap);
    font-style: normal;
    margin-block-start: var(--article-quote-cite-margin-block-start);
    padding-block-start: var(--article-quote-cite-padding-block-start);
    border-block-start: var(--article-quote-cite-border-block-start);
  }
  .article-quote-wrap {
    --flex-self: var(--article-quote-wrap-place-self);
  }
  .article-quote-byline {
    font-size: var(--article-quote-byline-font-size);
    font-weight: var(--article-quote-byline-font-weight);
    font-family: var(--article-quote-byline-font-family);
    opacity: var(--article-quote-byline-opacity);
  }
  .article-quote-meta {
    font-size: var(--article-quote-meta-font-size);
    font-weight: var(--article-quote-meta-font-weight);
    font-family: var(--article-quote-meta-font-family);
    opacity: var(--article-quote-meta-opacity);
  }
}
@layer views {
  .article-text {
    --article-text-max-width: var(--base-content-max-width);
    --article-text-font-size: var(--text-sm-md);
    --article-text-font-weight: var(--font-regular);
    --article-text-color: var(--color-text-primary);
    --article-text-opacity: 1;
    --md-article-text-grid-column: 5 / -1;
    --md-grid-column: var(--md-article-text-grid-column);
    max-width: var(--article-text-max-width);
    font-size: var(--article-text-font-size);
    font-weight: var(--article-text-font-weight);
    color: var(--article-text-color);
    opacity: var(--article-text-opacity);
  }
}
@layer views {
  .block-stack {
    --block-stack-margin-inline: 0;
    --block-stack-padding-block: 0;
    --block-stack-background-color: transparent;
    --block-stack-border-radius: 0;
    margin-inline: var(--block-stack-margin-inline);
    padding-block: var(--block-stack-padding-block);
    background-color: var(--block-stack-background-color);
    border-radius: var(--block-stack-border-radius);
  }
  .block-stack > * + * {
    --stack-space: var(--space-xl-4xl);
  }
  .block-stack > [data-page-block=featured] + [data-page-block=featured] {
    --stack-space: var(--space-xs-md);
  }
  .block-stack > [data-page-block=featured-grid] + [data-page-block=featured-grid] {
    --stack-space: 0;
  }
}
@layer views {
  .button {
    --button-align-items: center;
    --button-gap: 0.5em;
    --button-padding: 0.75em 1.25em;
    --button-background-color: var(--color-black);
    --button-background-color-hover: var(--color-black);
    --button-background-color-active: var(--button-background-color-hover);
    --button-color: var(--color-white);
    --button-color-hover: var(--color-white);
    --button-color-active: var(--button-color-hover);
    --button-backdrop-filter: 0px;
    --button-border-width: 0.0625rem;
    --button-border-style: solid;
    --button-border-color: var(--color-black);
    --button-border-color-hover: var(--color-black);
    --button-radius: var(--radius-max);
    --button-font-family: var(--font-sans);
    --button-font-size: var(--text-xs);
    --button-font-weight: var(--font-medium);
    --button-leading: var(--leading-xs);
    --button-tracking: var(--tracking-md);
    --button-text-decoration: none;
    --button-icon-size: 1.5cap;
    --focus-ring-color: var(--button-background-color);
    display: inline-flex;
    align-items: var(--button-align-items);
    gap: var(--button-gap);
    padding: var(--button-padding);
    background-color: var(--button-background-color);
    color: var(--button-color);
    backdrop-filter: blur(var(--button-backdrop-filter));
    border-width: var(--button-border-width);
    border-style: var(--button-border-style);
    border-color: var(--button-border-color);
    border-radius: var(--button-radius);
    font-family: var(--button-font-family);
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight);
    letter-spacing: var(--button-tracking);
    line-height: var(--button-leading);
    text-decoration: var(--button-text-decoration);
    cursor: pointer;
    transition: background-color var(--animation-ease) 200ms, border-color var(--animation-ease) 200ms, transform var(--animation-ease) 100ms;
  }
  .button:hover {
    background-color: var(--button-background-color-hover);
    color: var(--button-color-hover);
    border-color: var(--button-border-color-hover);
  }
  .button:active {
    transform: scale(98%);
    color: var(--button-color-active);
    background-color: var(--button-background-color-active);
  }
  .button > svg {
    flex: none;
    width: auto;
    height: var(--button-icon-size);
  }
  .button > svg:first-child {
    margin-inline-start: -0.125em;
  }
  .button > svg:last-child {
    margin-inline-end: -0.125em;
  }
  .button[data-variant=text] {
    --button-padding: 0;
    --button-background-color: transparent;
    --button-background-color-hover: transparent;
    --button-color: var(--color-black);
    --button-color-hover: var(--color-black);
    --button-border-width: 0;
    --focus-ring-color: currentColor;
    --focus-ring-offset: 0.5rem;
  }
}
@layer views {
  .card {
    --card-flex-direction: column;
    --card-gap: 0;
    --card-media-flex-grow: 0;
    --card-media-aspect-ratio: 4/3;
    --card-media-border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    --card-media-animation: var(--animation-ease);
    --card-media-animation-duration: 300ms;
    --card-media-scale-hover: 1.05;
    --card-body-flex-direction: column;
    --card-body-flex-grow: 1;
    --card-body-flex-content: space-between;
    --card-body-gap: var(--space-sm);
    --card-body-padding: var(--space-sm) max(var(--space-sm), 10%) var(--space-sm) var(--space-sm);
    --card-body-background-color: var(--color-black-alpha-03);
    --card-body-border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    --card-body-content-gap: var(--space-xs);
    --card-heading-font-size: var(--text-md);
    --card-heading-font-weight: var(--font-semibold);
    --card-heading-font-family: var(--font-sans);
    --card-heading-line-height: var(--leading-sm);
    --card-heading-line-clamp: 3;
    --card-text-max-width: 30rem;
    --card-text-color: var(--color-text-muted);
    --card-text-opacity: 1;
    --card-text-line-clamp: 4;
    --card-tags-wrap: wrap;
    --card-tags-gap: 0.5em;
    --card-tags-margin-block-start: auto;
    --card-tags-padding-block-start: var(--space-sm-md);
    --card-tag-padding: 0.25em 0.5em;
    --card-tag-font-size: var(--text-2xs);
    --card-tag-font-weight: var(--font-medium);
    --card-tag-font-family: var(--font-sans);
    --card-tag-background-color: var(--color-black-alpha-05);
    --card-tag-color: var(--color-text-primary);
    --card-tag-text-transform: none;
    --card-tag-border-radius: var(--radius-xs);
    --flex-direction: var(--card-flex-direction);
    --flex-gap: var(--card-gap);
    --link-stretch-border-radius: var(--radius-sm);
    position: relative;
    width: 100%;
  }
  .card-media {
    --flex-grow: var(--card-media-flex-grow);
    --frame-ratio: var(--card-media-aspect-ratio);
    border-radius: var(--card-media-border-radius);
    overflow: hidden;
  }
  .card-media img,
  .card-media video {
    transition: transform var(--card-media-animation) var(--card-media-animation-duration);
  }
  .card:hover .card-media img,
  .card:hover .card-media video {
    transform: scale(var(--card-media-scale-hover));
  }
  .card-body {
    --flex-direction: var(--card-body-flex-direction);
    --flex-grow: var(--card-body-flex-grow);
    --flex-content: var(--card-body-flex-content);
    --flex-gap: var(--card-body-gap);
    padding: var(--card-body-padding);
    background-color: var(--card-body-background-color);
    border-radius: var(--card-body-border-radius);
  }
  .card-body-content {
    --grid-gap: var(--card-body-content-gap);
  }
  .card-heading {
    --line-clamp: var(--card-heading-line-clamp);
    font-size: var(--card-heading-font-size);
    font-weight: var(--card-heading-font-weight);
    font-family: var(--card-heading-font-family);
    line-height: var(--card-heading-line-height);
  }
  .card-text {
    --line-clamp: var(--card-text-line-clamp);
    max-width: var(--card-text-max-width);
    color: var(--card-text-color);
    opacity: var(--card-text-opacity);
  }
  .card-tags {
    --flex-wrap: var(--card-tags-wrap);
    --flex-gap: var(--card-tags-gap);
    --stack-space: var(--card-tags-margin-block-start);
    padding-block-start: var(--card-tags-padding-block-start);
  }
  .card-tag {
    padding: var(--card-tag-padding);
    font-size: var(--card-tag-font-size);
    font-weight: var(--card-tag-font-weight);
    font-family: var(--card-tag-font-family);
    background-color: var(--card-tag-background-color);
    color: var(--card-tag-color);
    text-transform: var(--card-tag-text-transform);
    border-radius: var(--card-tag-border-radius);
  }
}
@layer views {
  .collection {
    --collection-padding-block: 0;
    --collection-background-color: transparent;
    --collection-color: var(--color-black);
    --collection-gap: var(--space-sm);
    --collection-border-block-start: 1px solid var(--color-black-alpha-10);
    --collection-scroll-snap-align: none;
    --collection-scroll-snap-type: inline mandatory;
    --collection-scroll-snap-stop: normal;
    --collection-scroll-margin-inline: var(--space-xs-md);
    --collection-header-flex-wrap: wrap;
    --collection-header-gap: var(--space-xs) var(--base-gap);
    --collection-header-place-items: end;
    --collection-header-place-content: space-between;
    --collection-header-content-gap: var(--space-xs) var(--base-gap);
    --collection-header-content-max-width: var(--base-content-max-width);
    --collection-heading-font-size: var(--text-xl);
    --collection-heading-font-weight: var(--font-semibold);
    --collection-heading-font-family: var(--font-sans);
    --collection-heading-opacity: 1;
    --collection-text-font-size: var(--text-xs-sm);
    --collection-text-font-weight: var(--font-regular);
    --collection-text-font-family: var(--font-sans);
    --collection-text-opacity: 1;
    --collection-list-gap: var(--base-gap);
    --collection-list-grid-columns: auto;
    --collection-list-grid-auto-columns: minmax(calc(100vw - calc(var(--space-xs-md) * 4)), 1fr);
    --collection-list-grid-flow: column;
    --collection-list-padding-block: 0.125rem;
    --md-collection-list-padding-block: 0;
    --md-collection-list-padding-inline: var(--space-xs-md);
    --md-collection-list-grid-columns: 2;
    --md-collection-list-grid-auto-columns: auto;
    --md-collection-list-grid-flow: row;
    --md-collection-list-grid-columns: 2;
    --lg-collection-list-grid-columns: 4;
    --collection-track-height: 0.0625rem;
    --collection-track-background-color: currentColor;
    --collection-track-radius: var(--radius-sm);
    --collection-track-opacity: 0.125;
    --collection-thumb-height: 0.0625rem;
    --collection-thumb-background-color: var(--color-black);
    --collection-thumb-radius: var(--radius-sm);
    --grid-gap: var(--collection-gap);
    padding-block: var(--collection-padding-block);
    background-color: var(--collection-background-color);
    color: var(--collection-color);
    border-block-start: var(--collection-border-block-start);
  }
  wc-collection[scroll-snap=true] .collection {
    --collection-scroll-snap-align: start;
  }
  .collection-header {
    --flex-wrap: var(--collection-header-flex-wrap);
    --flex-gap: var(--collection-header-gap);
    --flex-items: var(--collection-header-place-items);
    --flex-content: var(--collection-header-place-content);
  }
  .collection-header-content {
    --grid-gap: var(--collection-header-content-gap);
    max-width: var(--collection-header-content-max-width);
  }
  .collection-heading {
    font-size: var(--collection-heading-font-size);
    font-weight: var(--collection-heading-font-weight);
    font-family: var(--collection-heading-font-family);
    opacity: var(--collection-heading-opacity);
  }
  .collection-text {
    font-size: var(--collection-text-font-size);
    font-weight: var(--collection-text-font-weight);
    font-family: var(--collection-text-font-family);
    opacity: var(--collection-text-opacity);
  }
  .collection-list {
    --grid-gap: var(--collection-list-gap);
    --grid-columns: var(--collection-list-grid-columns);
    --grid-auto-columns: var(--collection-list-grid-auto-columns);
    --grid-flow: var(--collection-list-grid-flow);
    --md-grid-columns: var(--md-collection-list-grid-columns);
    --md-grid-auto-columns: var(--md-collection-list-grid-auto-columns);
    --md-grid-flow: var(--md-collection-list-grid-flow);
    --md-grid-columns: var(--md-collection-list-grid-columns);
    --lg-grid-columns: var(--lg-collection-list-grid-columns);
    padding-block: var(--collection-list-padding-block);
    scrollbar-width: none;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    scroll-snap-type: var(--collection-scroll-snap-type);
    will-change: scroll-position;
  }
  @media (min-width: 60em) {
    .collection-list {
      --collection-list-padding-block: var(--md-collection-list-padding-block);
      overflow-x: visible;
    }
  }
  .collection-list::-webkit-scrollbar {
    display: none;
  }
  wc-collection[dragging=true] .collection-list {
    cursor: grabbing;
    user-select: none;
  }
  .collection-item {
    scroll-snap-align: var(--collection-scroll-snap-align);
    scroll-snap-stop: var(--collection-scroll-snap-stop);
  }
  wc-collection[scroll-snap=true] .collection-item {
    scroll-margin-inline: var(--collection-scroll-margin-inline);
  }
  @media (min-width: 60em) {
    .collection-scrollbar-wrap {
      display: none;
    }
  }
  .collection-scrollbar {
    position: relative;
    display: flex;
    cursor: pointer;
  }
  wc-collection:not(:defined) .collection-scrollbar {
    display: none;
  }
  wc-collection[dragging=true] .collection-scrollbar {
    cursor: grabbing;
  }
  @media (min-width: 60em) {
    .collection-scrollbar {
      display: none;
    }
  }
  .collection-track {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--collection-track-height);
    background-color: var(--collection-track-background-color);
    border-radius: var(--collection-track-radius);
    opacity: var(--collection-track-opacity);
  }
  wc-collection[dragging=true] .collection-track {
    cursor: grabbing;
  }
  .collection-track:after {
    content: "";
    position: absolute;
    top: -0.5rem;
    right: 0;
    bottom: -0.5rem;
    left: 0;
    display: block;
  }
  .collection-thumb {
    position: absolute;
    top: 0;
    width: auto;
    height: var(--collection-thumb-height);
    background-color: var(--collection-thumb-background-color);
    border-radius: var(--collection-thumb-radius);
    cursor: grab;
  }
  wc-collection[dragging=true] .collection-thumb {
    cursor: grabbing;
  }
  .collection-thumb:after {
    content: "";
    position: absolute;
    top: -0.5rem;
    right: 0;
    bottom: -0.5rem;
    left: 0;
    display: block;
  }
}
@layer views {
  .contact-form {
    --contact-form-entity-grid-gap: var(--base-gap);
    --md-contact-form-entity-grid-columns: var(--base-grid);
    --contact-form-intro-margin-block-start: 0.5rem;
    --md-contact-form-intro-grid-column: 1 / 5;
    --md-contact-form-data-grid-column: 5 / -1;
    --contact-form-heading-font-size: var(--text-xl-2xl);
    --contact-form-heading-font-weight: var(--font-semibold);
    --contact-form-heading-font-family: var(--font-sans);
    --contact-form-heading-opacity: 1;
    --contact-form-text-font-size: var(--text-sm-md);
    --contact-form-text-font-weight: var(--font-regular);
    --contact-form-text-font-family: var(--font-sans);
    --contact-form-text-opacity: var(--opacity-70);
  }
  .contact-form-entity {
    --grid-gap: var(--contact-form-entity-grid-gap);
    --md-grid-columns: var(--md-contact-form-entity-grid-columns);
  }
  .contact-form-intro {
    --stack-space: var(--contact-form-intro-margin-block-start);
    --md-grid-column: var(--md-contact-form-intro-grid-column);
  }
  .contact-form-heading {
    font-size: var(--contact-form-heading-font-size);
    font-weight: var(--contact-form-heading-font-weight);
    font-family: var(--contact-form-heading-font-family);
    opacity: var(--contact-form-heading-opacity);
  }
  .contact-form-text {
    font-size: var(--contact-form-text-font-size);
    font-weight: var(--contact-form-text-font-weight);
    font-family: var(--contact-form-text-font-family);
    opacity: var(--contact-form-text-opacity);
  }
  .contact-form-data {
    --md-grid-column: var(--md-contact-form-data-grid-column);
  }
  .form {
    --form-fields-grid-gap: var(--base-gap);
    --form-fields-margin-block-end: var(--base-gap);
    --md-form-fields-grid-columns: 8;
    --form-field-padding: var(--space-2xs);
    --form-field-margin-block-start: var(--space-2xs);
    --form-field-background-color: var(--color-white);
    --form-field-color: var(--color-text-primary);
    --form-field-border: 1px solid var(--color-black-alpha-10);
    --form-field-border-block-end: var(--form-field-border);
    --form-field-border-radius: var(--radius-sm);
    --md-form-field-grid-column: span 8;
    --lg-form-field-grid-column: span 4;
    --form-field-label-font-size: var(--text-sm);
    --form-field-label-font-weight: var(--font-regular);
    --form-field-label-font-family: var(--font-sans);
    --form-field-label-opacity: 1;
  }
  .form-fields {
    --grid-gap: var(--form-fields-grid-gap);
    --md-grid-columns: var(--md-form-fields-grid-columns);
    margin-block-end: var(--form-fields-margin-block-end);
  }
  .form-field {
    --stack-space: var(--form-field-margin-block-start);
    --md-grid-column: var(--md-form-field-grid-column);
    --lg-grid-column: var(--lg-form-field-grid-column);
    display: flex;
    flex-direction: column;
  }
  .form-field > input,
  .form-field > textarea {
    padding: var(--form-field-padding);
    background-color: var(--form-field-background-color);
    color: var(--form-field-color);
    border: var(--form-field-border);
    border-block-end: var(--form-field-border-block-end);
    border-radius: var(--form-field-border-radius);
  }
  .form-field > textarea {
    resize: vertical;
  }
  .form-field:last-child {
    --md-form-field-grid-column: 1 / -1;
    --lg-form-field-grid-column: 1 / -1;
  }
  .form-field-label {
    font-size: var(--form-field-label-font-size);
    font-weight: var(--form-field-label-font-weight);
    font-family: var(--form-field-label-font-family);
    opacity: var(--form-field-label-opacity);
  }
}
@layer views {
  .featured-grid {
    --featured-grid-min-height: 50vh;
    --featured-grid-bg-color: transparent;
    --featured-grid-text-color: var(--color-black);
    --featured-grid-switch-breakpoint: 50rem;
    --featured-grid-poster-bg-color: transparent;
    --featured-grid-poster-text-color: var(--color-black);
    --featured-grid-poster-overlay-opacity: 0;
    --featured-grid-poster-overlay-bg-color: var(--color-black);
    --featured-grid-poster-content-padding: var(--space-sm) var(--space-xs-sm);
    --featured-grid-poster-content-gap: var(--space-md-lg);
    --featured-grid-poster-content-start-gap: var(--space-xs);
    --featured-grid-poster-content-start-margin-block-start: 0;
    --featured-grid-poster-content-end-gap: var(--space-sm);
    --featured-grid-poster-content-end-max-width: var(--base-content-max-width);
    --featured-grid-poster-content-end-align-items: end;
    --featured-grid-poster-content-end-margin-block-start: auto;
    --featured-grid-poster-heading-font-size: var(--text-xl-2xl);
    --featured-grid-poster-heading-font-weight: var(--font-regular);
    --featured-grid-poster-heading-letter-spacing: var(--tracking-xs);
    --featured-grid-poster-heading-line-height: var(--leading-xs);
    --featured-grid-poster-text-font-size: var(--text-md-xl);
    --featured-grid-poster-text-font-weight: var(--font-medium);
    --featured-grid-poster-text-line-height: var(--leading-sm);
    --featured-grid-poster-heading-opacity: 1;
    --featured-grid-poster-links-flex-wrap: wrap;
    --featured-grid-poster-links-gap: var(--space-2xs);
    --featured-grid-poster-links-place-content: start;
    --switch-breakpoint: var(--featured-grid-switch-breakpoint);
    background-color: var(--featured-grid-bg-color);
    color: var(--featured-grid-text-color);
  }
  .featured-grid > * {
    min-height: var(--featured-grid-min-height);
  }
  .featured-grid > *:has(img, video) {
    --featured-grid-min-height: 90vh;
  }
  .featured-grid-poster {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--featured-grid-poster-bg-color);
    color: var(--featured-grid-poster-text-color);
  }
  .featured-grid-poster:has(> .featured-grid-poster-media) {
    --featured-grid-poster-text-color: var(--color-white);
  }
  .featured-grid-poster[data-layout="2"] {
    --featured-grid-poster-content-gap: var(--space-sm-md);
    --featured-grid-poster-content-start-margin-block-start: auto;
    --featured-grid-poster-content-end-margin-block-start: 0;
  }
  .featured-grid-poster-media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-100);
    background-color: transparent;
  }
  .featured-grid-poster-media > *:is(img, video) {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .featured-grid-poster-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-200);
    opacity: var(--featured-grid-poster-overlay-opacity);
    background-color: var(--featured-grid-poster-overlay-bg-color);
  }
  .featured-grid-poster-content {
    position: relative;
    z-index: var(--z-300);
    display: flex;
    flex-direction: column;
    gap: var(--featured-grid-poster-content-gap);
    height: 100%;
    padding: var(--featured-grid-poster-content-padding);
  }
  .featured-grid-poster-content-start {
    display: flex;
    flex-direction: column;
    gap: var(--featured-grid-poster-content-start-gap);
    margin-block-start: var(--featured-grid-poster-content-start-margin-block-start);
  }
  .featured-grid-poster-content-end {
    display: flex;
    flex-direction: column;
    gap: var(--featured-grid-poster-content-end-gap);
    max-width: var(--featured-grid-poster-content-end-max-width);
    margin-block-start: var(--featured-grid-poster-content-end-margin-block-start);
  }
  .featured-grid-poster-content-end:not(:has(> .rich-text)) {
    --featured-grid-poster-content-end-max-width: none;
    align-items: var(--featured-grid-poster-content-end-align-items);
  }
  .featured-grid-poster-heading {
    font-size: var(--featured-grid-poster-heading-font-size);
    font-weight: var(--featured-grid-poster-heading-font-weight);
    letter-spacing: var(--featured-grid-poster-heading-letter-spacing);
    line-height: var(--featured-grid-poster-heading-line-height);
    opacity: var(--featured-grid-poster-heading-opacity);
  }
  .featured-grid-poster-text {
    font-size: var(--featured-grid-poster-text-font-size);
    font-weight: var(--featured-grid-poster-text-font-weight);
    line-height: var(--featured-grid-poster-text-line-height);
  }
  .featured-grid-poster-links {
    --flex-wrap: var(--featured-grid-poster-links-flex-wrap);
    --flex-gap: var(--featured-grid-poster-links-gap);
    --flex-content: var(--featured-grid-poster-links-place-content);
  }
}
@layer views {
  .footer {
    --footer-padding-block: var(--space-md-xl) var(--space-sm);
    --footer-wrap-max-width: 120rem;
    --footer-wrap-padding-inline: var(--space-xs-md);
    --footer-wrap-background-color: var(--color-accent);
    --footer-wrap-color: var(--color-text-primary);
    --footer-wrap-gap: var(--base-gap);
    --md-footer-wrap-grid-columns: 12;
    --footer-brand-link-width: auto;
    --footer-brand-link-height: 3rem;
    --footer-brand-link-color: var(--color-white);
    --md-footer-brand-grid-column: 1 / 3;
    --md-footer-nav-grid-column: 7 / -1;
    --footer-nav-list-gap: var(--base-gap);
    --md-footer-nav-list-grid-columns: 3;
    --footer-nav-group-place-content: start;
    --footer-nav-group-gap: var(--space-sm);
    --footer-nav-sublist-gap: 0.25rem;
    --footer-nav-link-color: var(--color-white);
    --footer-nav-link-opacity: var(--opacity-70);
    --footer-contact-gap: var(--space-sm);
    --footer-contact-list-gap: 0.25rem;
    --footer-contact-list-color: var(--color-white);
    --footer-contact-list-opacity: var(--opacity-70);
    --md-footer-contact-grid-column: span 2;
    --footer-meta-font-size: var(--text-xs);
    --footer-meta-link-font-size: var(--text-xs);
    --footer-meta-gap: var(--base-gap);
    --footer-meta-color: var(--color-white);
    --footer-meta-link-opacity: var(--opacity-70);
    --md-footer-meta-grid-column: 3 / -1;
    padding-block: var(--footer-padding-block);
  }
  .footer-wrap {
    --wrap-max-width: var(--footer-wrap-max-width);
    --wrap-padding-inline: var(--footer-wrap-padding-inline);
    --grid-gap: var(--footer-wrap-gap);
    --grid-content: var(--footer-wrap-place-content);
    --md-grid-columns: var(--md-footer-wrap-grid-columns);
    padding-block: var(--footer-wrap-padding-block);
    background-color: var(--footer-wrap-background-color);
    color: var(--footer-wrap-color);
    border-radius: var(--footer-wrap-border-radius);
  }
  .footer-brand {
    --md-grid-column: var(--md-footer-brand-grid-column);
  }
  .footer-brand-link {
    display: flex;
  }
  .footer-brand-link > svg {
    width: var(--footer-brand-link-width);
    height: var(--footer-brand-link-height);
    color: var(--footer-brand-link-color);
    transition: color var(--animation-ease) 200ms;
  }
  .footer-brand-link:hover {
    --header-brand-link-color: var(--header-brand-link-color-hover);
  }
  .footer-nav {
    --md-grid-column: var(--md-footer-nav-grid-column);
  }
  .footer-nav-list {
    --grid-gap: var(--footer-nav-list-gap);
    --md-grid-columns: var(--md-footer-nav-list-grid-columns);
  }
  .footer-nav-group {
    --grid-gap: var(--footer-nav-group-gap);
    --grid-content: var(--footer-nav-group-place-content);
  }
  .footer-nav-sublist {
    --grid-gap: var(--footer-nav-sublist-gap);
  }
  .footer-nav-link {
    padding: var(--footer-nav-link-padding);
    color: var(--footer-nav-link-color);
    opacity: var(--footer-nav-link-opacity);
  }
  .footer-contact {
    --grid-gap: var(--footer-contact-gap);
    --md-grid-column: var(--md-footer-contact-grid-column);
  }
  .footer-contact-list {
    --grid-gap: var(--footer-contact-list-gap);
    color: var(--footer-contact-list-color);
  }
  .footer-contact-link {
    display: flex;
  }
  .footer-meta {
    grid-gap: var(--footer-meta-gap);
    --md-grid-column: var(--md-footer-meta-grid-column);
    font-size: var(--footer-meta-font-size);
    color: var(--footer-meta-color);
  }
  .footer-meta-link {
    font-size: var(--footer-meta-link-font-size);
    opacity: var(--footer-meta-link-opacity);
  }
}
@layer views {
  .header {
    --header-width: 100%;
    --header-max-width: none;
    --header-margin-inline: auto;
    --header-margin-block-start: 0;
    --header-padding-inline: 0;
    --header-border-block-end: 0;
    --header-box-shadow: 0;
    --header-wrap-max-width: none;
    --header-wrap-gap: var(--base-gap);
    --header-wrap-place-content: space-between;
    --header-wrap-place-items: center;
    --header-wrap-padding-block: var(--space-xs);
    --header-wrap-padding-inline: var(--base-margin);
    --header-wrap-background-color: var(--color-white);
    --header-wrap-text-color: var(--color-black);
    --header-wrap-border-radius: 0;
    --header-brand-flex-basis: auto;
    --header-brand-flex-grow: auto;
    --header-brand-flex-order: 0;
    --header-brand-link-width: auto;
    --header-brand-link-height: var(--space-md-lg);
    --header-brand-link-color: currentColor;
    --header-brand-link-color-hover: var(--header-brand-link-color);
    --header-nav-flex-basis: auto;
    --header-nav-flex-grow: 1;
    --header-nav-flex-order: 0;
    --header-nav-list-flex-wrap: wrap;
    --header-nav-list-place-content: center end;
    --header-nav-list-gap: var(--base-gap);
    --header-nav-link-padding: 0.25em;
    --header-nav-link-font-size: var(--text-sm);
    --header-nav-link-color: currentColor;
    --header-nav-link-color-hover: var(--header-nav-link-color);
    --header-actions-gap: var(--base-gap);
    --header-actions-flex-basis: auto;
    --header-actions-flex-grow: auto;
    --header-actions-flex-order: 0;
    --header-actions-list-flex-wrap: wrap;
    --header-actions-list-gap: var(--base-gap);
    --header-actions-list-flex-basis: auto;
    --header-actions-list-place-content: center start;
    --header-actions-button-width: 1rem;
    --header-actions-button-height: 1rem;
    --header-actions-button-padding: 0.25em;
    --header-actions-button-background-color: transparent;
    --header-actions-button-color: currentColor;
    --header-actions-button-border: none;
    --header-actions-button-border-radius: 0;
    width: var(--header-width);
    max-width: var(--header-max-width);
    margin-block-start: var(--header-margin-block-start);
    margin-inline: var(--header-margin-inline);
    padding-inline: var(--header-padding-inline);
    border-block-end: var(--header-border-block-end);
    box-shadow: var(--header-box-shadow);
    transform: translateY(0);
    transition: transform var(--animation-ease) 200ms;
    will-change: transform;
  }
  .header[data-layout="2"] {
    --header-nav-list-place-content: center start;
    --header-actions-list-place-content: center end;
    --header-wrap-flex-place-content: space-between;
  }
  .header[data-layout="3"] {
    --header-brand-flex-basis: 0;
    --header-brand-flex-grow: 1;
    --header-nav-flex-grow: 2;
    --header-nav-list-place-content: center;
    --header-actions-flex-basis: 0;
    --header-actions-flex-grow: 1;
    --header-actions-list-place-content: center end;
  }
  .header[data-layout="4"] {
    --header-brand-flex-order: 2;
    --header-nav-flex-basis: 0;
    --header-nav-flex-grow: 1;
    --header-nav-flex-order: 1;
    --header-nav-list-place-content: center start;
    --header-actions-flex-basis: 0;
    --header-actions-flex-grow: 1;
    --header-actions-flex-order: 3;
    --header-actions-list-place-content: center end;
  }
  .header[data-variant=sticky] {
    position: sticky;
    z-index: var(--z-500);
    top: 0;
  }
  .header[data-variant=float] {
    position: fixed;
    z-index: var(--z-500);
    top: 0;
    right: 0;
    left: 0;
  }
  @media (max-width: 60em) {
    .header[data-variant=float] {
      top: auto;
      bottom: 0;
    }
  }
  .header[data-variant=float-center] {
    --header-max-width: 90rem;
    --header-margin-block-start: var(--base-margin);
    --header-padding-inline: var(--base-margin);
    --header-wrap-border-radius: var(--radius-sm);
    position: fixed;
    z-index: var(--z-500);
    top: 0;
    right: 0;
    left: 0;
  }
  @media (max-width: 60em) {
    .header[data-variant=float-center] {
      --header-margin-block-start: calc(var(--base-margin) * 0.5);
      --header-padding-inline: calc(var(--base-margin) * 0.5);
      top: auto;
      bottom: var(--header-margin-block-start);
    }
  }
  .header[data-variant=float-start] {
    --header-max-width: 45rem;
    --header-margin-block-start: var(--base-margin);
    --header-margin-inline: 0 auto;
    --header-padding-inline: var(--base-margin);
    --header-wrap-border-radius: var(--radius-sm);
    position: fixed;
    z-index: var(--z-500);
    top: 0;
    right: 0;
    left: 0;
  }
  @media (max-width: 60em) {
    .header[data-variant=float-start] {
      --header-margin-block-start: calc(var(--base-margin) * 0.5);
      --header-padding-inline: calc(var(--base-margin) * 0.5);
      top: auto;
      bottom: var(--header-margin-block-start);
    }
  }
  .header[data-variant=float-end] {
    --header-max-width: 45rem;
    --header-margin-block-start: var(--base-margin);
    --header-margin-inline: auto 0;
    --header-padding-inline: var(--base-margin);
    --header-wrap-border-radius: var(--radius-sm);
    position: fixed;
    z-index: var(--z-500);
    top: 0;
    right: 0;
    left: 0;
  }
  @media (max-width: 60em) {
    .header[data-variant=float-end] {
      --header-margin-block-start: calc(var(--base-margin) * 0.5);
      --header-padding-inline: calc(var(--base-margin) * 0.5);
      top: auto;
      bottom: var(--header-margin-block-start);
    }
  }
  .header[data-scroll-state=is-scrolling-up] {
    transform: translateY(0);
  }
  .header[data-scroll-state=is-scrolling-down] {
    transform: translateY(-100%);
  }
  @media (max-width: 60em) {
    .header[data-scroll-state=is-scrolling-down] {
      transform: translateY(100%);
    }
  }
  .header[data-scroll-state=is-scrolling-down][data-variant*=float-] {
    transform: translateY(calc(-100% - var(--header-margin-block-start)));
  }
  @media (max-width: 60em) {
    .header[data-scroll-state=is-scrolling-down][data-variant*=float-] {
      transform: translateY(calc(100% + var(--header-margin-block-start)));
    }
  }
  .header[data-background=transparent] {
    --header-wrap-background-color: transparent;
    --header-wrap-text-color: var(--color-white);
    --header-wrap-padding-block: var(--space-md) var(--space-xs);
  }
  @media (max-width: 60em) {
    .header[data-background=transparent] {
      --header-wrap-background-color: var(--color-white);
      --header-wrap-text-color: var(--color-black);
      --header-wrap-padding-block: var(--space-xs);
    }
  }
  .header[data-background=transparent][data-scroll-state=is-scrolling-up] {
    --header-wrap-background-color: var(--color-white);
    --header-wrap-text-color: var(--color-black);
    --header-wrap-padding-block: var(--space-xs);
  }
  .header[data-background=transparent][data-scroll-state=is-scroll-end] {
    --header-wrap-background-color: var(--color-white);
    --header-wrap-text-color: var(--color-black);
    --header-wrap-padding-block: var(--space-xs);
  }
  .header-wrap {
    --wrap-max-width: var(--header-wrap-max-width);
    --wrap-padding-inline: var(--header-wrap-padding-inline);
    --flex-gap: var(--header-wrap-gap);
    --flex-content: var(--header-wrap-place-content);
    --flex-items: var(--header-wrap-place-items);
    padding-block: var(--header-wrap-padding-block);
    background-color: var(--header-wrap-background-color);
    color: var(--header-wrap-text-color);
    border-radius: var(--header-wrap-border-radius);
    transition: color var(--animation-ease) 200ms, background-color var(--animation-ease) 400ms, padding var(--animation-ease) 600ms;
  }
  .header-brand {
    --flex-basis: var(--header-brand-flex-basis);
    --flex-grow: var(--header-brand-flex-grow);
    --flex-order: var(--header-brand-flex-order);
  }
  .header-brand-link {
    display: flex;
  }
  .header-brand-link > svg {
    width: var(--header-brand-link-width);
    height: var(--header-brand-link-height);
    color: var(--header-brand-link-color);
    transition: color var(--animation-ease) 200ms;
  }
  .header-brand-link:hover {
    --header-brand-link-color: var(--header-brand-link-color-hover);
  }
  .header-nav {
    --flex-basis: var(--header-nav-flex-basis);
    --flex-grow: var(--header-nav-flex-grow);
    --flex-order: var(--header-nav-flex-order);
  }
  .header-nav-list {
    --flex-wrap: var(--header-nav-list-flex-wrap);
    --flex-gap: var(--header-nav-list-gap);
    --flex-content: var(--header-nav-list-place-content);
  }
  .header-nav-link {
    padding: var(--header-nav-link-padding);
    font-size: var(--header-nav-link-font-size);
    color: var(--header-nav-link-color);
    transition: color var(--animation-ease) 200ms;
  }
  .header-nav-link:hover {
    --header-nav-link-color: var(--header-nav-link-color-hover);
  }
  .header-actions {
    --flex-gap: var(--header-actions-gap);
    --flex-basis: var(--header-actions-flex-basis);
    --flex-grow: var(--header-actions-flex-grow);
    --flex-order: var(--header-actions-flex-order);
  }
  .header-actions-list {
    --flex-wrap: var(--header-actions-list-flex-wrap);
    --flex-gap: var(--header-actions-list-gap);
    --flex-content: var(--header-actions-list-place-content);
  }
  .header-actions-button {
    display: flex;
    padding: var(--header-actions-button-padding);
    background-color: var(--header-actions-button-background-color);
    color: var(--header-actions-button-color);
    border-radius: var(--header-actions-button-border-radius);
    border: var(--header-actions-button-border);
    cursor: pointer;
  }
  .header-actions-button > svg {
    width: var(--header-actions-button-width);
    height: var(--header-actions-button-height);
  }
}
@layer views {
  .hero-cover {
    --hero-cover-flex-direction: column;
    --hero-cover-gap: var(--base-gap);
    --hero-cover-min-height: 95dvh;
    --hero-cover-min-height-fallback: 95vh;
    --hero-cover-place-content: start;
    --hero-cover-place-items: start;
    --hero-cover-padding-block-start: var(--space-sm-xl);
    --hero-cover-padding-block-end: var(--space-sm-xl);
    --hero-cover-border-radius: 0;
    --hero-cover-media-z: var(--z-100);
    --hero-cover-media-bg: transparent;
    --hero-cover-overlay-z: var(--z-200);
    --hero-cover-overlay-opacity: 0;
    --hero-cover-overlay-bg: var(--color-black);
    --hero-cover-wrap-z: var(--z-300);
    --hero-cover-wrap-width: 90%;
    --hero-cover-wrap-min-height: 0;
    --hero-cover-wrap-gap: var(--base-gap);
    --hero-cover-wrap-max-width: none;
    --hero-cover-wrap-place-content: normal;
    --hero-cover-wrap-place-items: normal;
    --hero-cover-wrap-margin-inline: 0;
    --hero-cover-wrap-padding-inline: var(--base-margin);
    --hero-cover-wrap-text-color: var(--color-white);
    --hero-cover-wrap-text-align: left;
    --md-hero-cover-wrap-grid-columns: 2;
    --hero-cover-content-start-max-width: 60rem;
    --hero-cover-content-start-grid-self: auto;
    --hero-cover-content-start-gap: var(--space-xs);
    --md-hero-cover-content-start-grid-column: 1 / 2;
    --hero-cover-content-end-max-width: var(--base-content-max-width);
    --hero-cover-content-end-grid-self: auto;
    --hero-cover-content-end-gap: var(--space-sm);
    --md-hero-cover-content-end-grid-column: 1 / 2;
    --hero-cover-text-font-size: var(--text-sm-md);
    --hero-cover-text-font-weight: var(--font-regular);
    --hero-cover-text-font-family: var(--font-sans);
    --hero-cover-text-opacity: 1;
    --hero-cover-links-flex-gap: var(--space-2xs);
    --hero-cover-links-flex-wrap: wrap;
    --hero-cover-links-place-content: normal;
    --flex-direction: var(--hero-cover-flex-direction);
    --flex-gap: var(--hero-cover-gap);
    --flex-content: var(--hero-cover-place-content);
    --flex-items: var(--hero-cover-place-items);
    position: relative;
    width: 100%;
    min-height: var(--hero-cover-min-height-fallback);
    min-height: var(--hero-cover-min-height);
    padding-block-start: var(--hero-cover-padding-block-start);
    padding-block-end: var(--hero-cover-padding-block-end);
    border-radius: var(--hero-cover-border-radius);
    overflow: hidden;
  }
  .hero-cover[data-layout="2"] {
    --md-hero-cover-content-start-grid-column: 2 / -1;
    --md-hero-cover-content-end-grid-column: 2 / -1;
  }
  .hero-cover[data-layout="3"] {
    --hero-cover-place-items: center;
  }
  .hero-cover[data-layout="4"] {
    --hero-cover-place-items: center;
    --hero-cover-wrap-text-align: center;
    --hero-cover-wrap-place-items: center;
    --hero-cover-links-place-content: center;
    --md-hero-cover-content-start-grid-column: 1 / -1;
    --md-hero-cover-content-end-grid-column: 1 / -1;
  }
  .hero-cover[data-layout="5"] {
    --hero-cover-place-items: center;
    --md-hero-cover-content-start-grid-column: 2 / -1;
    --md-hero-cover-content-end-grid-column: 2 / -1;
  }
  .hero-cover[data-layout="6"] {
    --hero-cover-place-items: end;
  }
  .hero-cover[data-layout="7"] {
    --hero-cover-place-items: end;
    --md-hero-cover-content-start-grid-column: 2 / -1;
    --md-hero-cover-content-end-grid-column: 2 / -1;
  }
  .hero-cover[data-layout="8"] {
    --hero-cover-wrap-min-height: calc(95vh - (var(--hero-cover-padding-block-end) * 2));
    --hero-cover-content-start-grid-self: start;
    --hero-cover-content-end-grid-self: end start;
  }
  .hero-cover[data-layout="9"] {
    --hero-cover-wrap-min-height: calc(95vh - (var(--hero-cover-padding-block-end) * 2));
    --hero-cover-content-start-grid-self: start;
    --hero-cover-content-end-grid-self: end start;
    --md-hero-cover-content-start-grid-column: 2 / -1;
    --md-hero-cover-content-end-grid-column: 2 / -1;
  }
  .hero-cover[data-layout="10"] {
    --hero-cover-wrap-min-height: calc(95vh - (var(--hero-cover-padding-block-end) * 2));
    --hero-cover-content-start-grid-self: start;
    --hero-cover-content-end-grid-self: end start;
    --md-hero-cover-content-end-grid-column: 2 / -1;
  }
  .hero-cover[data-layout="11"] {
    --hero-cover-wrap-min-height: calc(95vh - (var(--hero-cover-padding-block-end) * 2));
    --hero-cover-wrap-text-align: center;
    --hero-cover-wrap-place-items: center;
    --hero-cover-links-place-content: center;
    --hero-cover-content-start-grid-self: start center;
    --hero-cover-content-end-grid-self: end center;
    --md-hero-cover-content-start-grid-column: 1 / -1;
    --md-hero-cover-content-end-grid-column: 1 / -1;
  }
  @media (min-width: 60em) {
    wc-header:has(.header[data-variant*=float]) + main > [data-hero-block=hero-cover] > .hero-cover {
      --hero-cover-padding-block-start: var(--space-3xl-5xl);
    }
  }
  @media (min-width: 60em) {
    .hero-cover {
      --hero-cover-wrap-width: 100%;
    }
  }
  .hero-cover-media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--hero-cover-media-z);
    background-color: var(--hero-cover-media-bg);
  }
  .hero-cover-media > *:is(img, video) {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hero-cover-overlay {
    --animation-delay: 200ms;
    --animation-duration: 600ms;
    --to-opacity: var(--hero-cover-overlay-opacity);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--hero-cover-overlay-z);
    opacity: var(--hero-cover-overlay-opacity);
    background-color: var(--hero-cover-overlay-bg);
  }
  .hero-cover-wrap {
    --wrap-width: var(--hero-cover-wrap-width);
    --wrap-max-width: var(--hero-cover-wrap-max-width);
    --wrap-margin-inline: var(--hero-cover-wrap-margin-inline);
    --wrap-padding-inline: var(--hero-cover-wrap-padding-inline);
    --grid-content: var(--hero-cover-wrap-place-content);
    --grid-items: var(--hero-cover-wrap-place-items);
    --grid-gap: var(--hero-cover-wrap-gap);
    --md-grid-columns: var(--md-hero-cover-wrap-grid-columns);
    position: relative;
    z-index: var(--hero-cover-wrap-z);
    gap: var(--hero-cover-wrap-gap);
    min-height: var(--hero-cover-wrap-min-height);
    color: var(--hero-cover-wrap-text-color);
    text-align: var(--hero-cover-wrap-text-align);
  }
  .hero-cover-content-start {
    --md-grid-column: var(--md-hero-cover-content-start-grid-column);
    --grid-self: var(--hero-cover-content-start-grid-self);
    display: flex;
    flex-direction: column;
    gap: var(--hero-cover-content-start-gap);
    max-width: var(--hero-cover-content-start-max-width);
  }
  .hero-cover-content-end {
    --md-grid-column: var(--md-hero-cover-content-end-grid-column);
    --grid-self: var(--hero-cover-content-end-grid-self);
    display: flex;
    flex-direction: column;
    gap: var(--hero-cover-content-end-gap);
    max-width: var(--hero-cover-content-end-max-width);
  }
  .hero-cover-text {
    font-size: var(--hero-cover-text-font-size);
    font-weight: var(--hero-cover-text-font-weight);
    font-family: var(--hero-cover-text-font-family);
    opacity: var(--hero-cover-text-opacity);
  }
  .hero-cover-links {
    --flex-gap: var(--hero-cover-links-flex-gap);
    --flex-wrap: var(--hero-cover-links-flex-wrap);
    --flex-content: var(--hero-cover-links-place-content);
  }
}
@layer views {
  .hero-featured {
    --hero-featured-padding-block-start: var(--space-lg-3xl);
    --hero-featured-padding-block-end: 0;
    --hero-featured-background-color: transparent;
    --hero-featured-color: var(--color-text-primary);
    --md-hero-featured-padding-block-start: var(--hero-featured-padding-block-start);
    --hero-featured-entity-grid-gap: var(--base-gap);
    --md-hero-featured-entity-grid-columns: var(--base-grid);
    --hero-featured-max-height-fallback: 80vh;
    --hero-featured-max-height: 80dvh;
    --hero-featured-media-aspect-ratio: 4/3;
    --hero-featured-media-border-radius: var(--radius-sm);
    --md-hero-featured-media-grid-column: 1 / span 8;
    --hero-featured-content-start-gap: var(--space-xs);
    --md-hero-featured-content-start-grid-column: 1 / span 6;
    --hero-featured-content-end-height: 100%;
    --hero-featured-content-end-max-width: var(--base-content-max-width);
    --hero-featured-content-end-gap: var(--space-sm);
    --hero-featured-content-end-grid-self: start;
    --md-hero-featured-content-end-grid-column: span 4;
    --hero-featured-links-flex-gap: var(--space-2xs);
    --hero-featured-links-flex-wrap: wrap;
    --hero-featured-links-place-content: normal;
    --hero-featured-links-margin-block-end: var(--space-sm);
    --hero-featured-text-font-size: var(--text-md-lg);
    --hero-featured-text-font-weight: var(--font-regular);
    --hero-featured-text-font-family: var(--font-sans);
    --hero-featured-text-opacity: 1;
    --hero-featured-contact-gap: var(--space-sm);
    --hero-featured-contact-stack-margin-block-start: 0.25rem;
    padding-block-start: var(--hero-featured-padding-block-start);
    padding-block-end: var(--hero-featured-padding-block-end);
    background-color: var(--hero-featured-background-color);
    color: var(--hero-featured-color);
  }
  @media (min-width: 60em) {
    .hero-featured {
      padding-block-start: var(--md-hero-featured-padding-block-start);
    }
  }
  .hero-featured-entity {
    --grid-gap: var(--hero-featured-entity-grid-gap);
    --md-grid-columns: var(--md-hero-featured-entity-grid-columns);
  }
  .hero-featured-media {
    --md-grid-column: var(--md-hero-featured-media-grid-column);
    --frame-ratio: var(--hero-featured-media-aspect-ratio);
    max-height: var(--hero-featured-max-height-fallback);
    max-height: var(--hero-featured-max-height);
    border-radius: var(--hero-featured-media-border-radius);
  }
  .hero-featured-content-start {
    --md-grid-column: var(--md-hero-featured-content-start-grid-column);
    display: flex;
    flex-direction: column;
    gap: var(--hero-featured-content-start-gap);
  }
  .hero-featured-content-end {
    --md-grid-column: var(--md-hero-featured-content-end-grid-column);
    --grid-self: var(--hero-featured-content-end-grid-self);
    display: flex;
    flex-direction: column;
    gap: var(--hero-featured-content-end-gap);
    max-width: var(--hero-featured-content-end-max-width);
    height: var(--hero-featured-content-end-height);
  }
  .hero-featured-text {
    font-size: var(--hero-featured-text-font-size);
    font-weight: var(--hero-featured-text-font-weight);
    font-family: var(--hero-featured-text-font-family);
    opacity: var(--hero-featured-text-opacity);
  }
  .hero-featured-links {
    --flex-gap: var(--hero-featured-links-flex-gap);
    --flex-wrap: var(--hero-featured-links-flex-wrap);
    --flex-content: var(--hero-featured-links-place-content);
    margin-block-end: var(--hero-featured-links-margin-block-end);
  }
  .hero-featured-contact {
    --grid-gap: var(--hero-featured-contact-gap);
  }
  .hero-featured-contact-stack {
    --stack-space: var(--hero-featured-contact-stack-margin-block-start);
  }
}
@layer views {
  .index-menu {
    --index-menu-background-color: var(--color-primary);
    --index-menu-color: var(--color-white);
    --index-menu-button-width: 1rem;
    --index-menu-button-height: 1rem;
    --index-menu-button-padding: var(--space-2xs);
    --index-menu-button-background-color: transparent;
    --index-menu-button-color: var(--color-white);
    --index-menu-button-border: 0;
    --index-menu-button-top: var(--space-2xs);
    --index-menu-button-right: var(--space-2xs);
    --index-menu-button-bottom: auto;
    --index-menu-button-left: auto;
    --index-menu-button-border-radius: var(--radius-max);
    --index-menu-nav-list: var(--space-md-lg);
    --index-menu-nav-group-gap: var(--space-xs);
    --index-menu-nav-group-text-align: center;
    --index-menu-nav-sublist-gap: var(--space-2xs);
    --index-menu-nav-link-font-size: var(--text-lg-xl);
    --index-menu-nav-link-font-weight: var(--font-regular);
    --index-menu-nav-link-color: var(--color-white);
    background-color: var(--index-menu-background-color);
    color: var(--index-menu-color);
  }
  .index-menu-button {
    position: absolute;
    top: var(--index-menu-button-top);
    right: var(--index-menu-button-right);
    bottom: var(--index-menu-button-bottom);
    left: var(--index-menu-button-left);
    display: flex;
    padding: var(--index-menu-button-padding);
    background-color: var(--index-menu-button-background-color);
    color: var(--index-menu-button-color);
    border: var(--index-menu-button-border);
    border-radius: var(--index-menu-button-border-radius);
    cursor: pointer;
  }
  .index-menu-button > svg {
    width: var(--index-menu-button-width);
    height: var(--index-menu-button-height);
  }
  .index-menu-nav-list {
    --grid-gap: var(--index-menu-nav-list);
  }
  .index-menu-nav-group {
    --grid-gap: var(--index-menu-nav-group-gap);
    text-align: var(--index-menu-nav-group-text-align);
  }
  .index-menu-nav-sublist {
    --grid-gap: var(--index-menu-nav-sublist-gap);
  }
  .index-menu-nav-link {
    font-size: var(--index-menu-nav-link-font-size);
    font-weight: var(--index-menu-nav-link-font-weight);
    color: var(--index-menu-nav-link-color);
  }
}
@layer views {
  .marquee {
    --marquee-gap: var(--space-sm);
    --marquee-margin-block: 0;
    --marquee-padding-block: 0;
    --marquee-background-color: transparent;
    --marquee-color: var(--color-text-primary);
    --marquee-border-block-start: 1px solid var(--color-black-alpha-10);
    --marquee-wrap-gap: var(--marquee-list-gap);
    --marquee-list-gap: var(--space-xl-3xl);
    --marquee-list-margin-block: 0;
    --marquee-heading-font-size: var(--text-xl);
    --marquee-heading-font-weight: var(--font-semibold);
    --marquee-heading-font-family: var(--font-sans);
    --marquee-heading-opacity: 1;
    --grid-gap: var(--marquee-gap);
    margin-block: var(--marquee-margin-block);
    padding-block: var(--marquee-padding-block);
    background-color: var(--marquee-background-color);
    color: var(--marquee-color);
    border-block-start: var(--marquee-border-block-start);
  }
  .marquee-heading {
    font-size: var(--marquee-heading-font-size);
    font-weight: var(--marquee-heading-font-weight);
    font-family: var(--marquee-heading-font-family);
    opacity: var(--marquee-heading-opacity);
  }
  .marquee-wrap {
    gap: var(--marquee-wrap-gap);
    overflow: hidden;
    user-select: none;
  }
  .marquee-list {
    display: flex;
    flex-shrink: 0;
    justify-content: space-around;
    gap: var(--marquee-list-gap);
    min-width: 100%;
    margin-block: var(--marquee-list-margin-block);
    animation: marqueeScroll 30s linear infinite;
    will-change: transform;
    backface-visibility: hidden;
  }
  .marquee-link {
    display: block;
  }
  .marquee-item img {
    width: auto;
    height: 3rem;
    filter: grayscale(100%);
  }
  .marquee:hover .marquee-list {
    animation-play-state: paused;
  }
  @keyframes marqueeScroll {
    from {
      transform: translateZ(0);
    }
    to {
      transform: translate3d(calc(-100% - var(--marquee-list-gap)), 0, 0);
    }
  }
}
@layer views {
  wc-toggle-overlay {
    display: block;
  }
  .overlay {
    --overlay-backdrop-opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-500);
    display: flex;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    background: none;
    overflow-y: auto;
    overscroll-behavior: contain;
    transition: opacity var(--animation-ease, ease-in) 200ms;
    pointer-events: none;
    opacity: 0;
    outline: 0;
    -webkit-overflow-scrolling: touch;
  }
  .overlay[open] {
    pointer-events: auto;
    opacity: 1;
  }
  .overlay[data-type=drawer], .overlay[data-type=fullscreen] {
    overflow-x: hidden;
  }
  .overlay-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-100);
    background-color: var(--overlay-backdrop-background-color, var(--color-black));
    opacity: var(--overlay-backdrop-opacity);
    transition: opacity var(--animation-ease, ease-in) 400ms;
  }
  .overlay[open] > .overlay-backdrop {
    --overlay-backdrop-opacity: 0.25;
    transition: opacity var(--animation-ease, ease-in) 400ms;
  }
  .overlay[open]:has(.overlay[open]) > .overlay-backdrop {
    --overlay-backdrop-opacity: 0;
  }
  .overlay-wrap {
    position: relative;
    z-index: var(--z-200);
    width: var(--overlay-wrap-width, 100%);
    height: var(--overlay-wrap-height, auto);
    margin: auto;
    padding: var(--overlay-wrap-padding, 0);
  }
  .overlay[data-type=drawer] > .overlay-wrap {
    --overlay-wrap-width: 90%;
    min-height: 100%;
    margin-inline-start: 0;
    transform: translate3d(-30%, 0, 0);
    transition: transform var(--animation-ease, ease-in) 200ms;
  }
  @media (min-width: 60em) {
    .overlay[data-type=drawer] > .overlay-wrap {
      --overlay-wrap-width: 80%;
    }
  }
  @media (min-width: 80em) {
    .overlay[data-type=drawer] > .overlay-wrap {
      --overlay-wrap-width: 66%;
    }
  }
  .overlay[data-type=drawer] > .overlay-wrap .overlay-box {
    min-height: 100vh;
  }
  .overlay[data-type=drawer][data-enter-from=inline-end] > .overlay-wrap {
    margin-inline-start: auto;
    margin-inline-end: 0;
    transform: translate3d(30%, 0, 0);
  }
  .overlay[data-type=drawer][data-enter-from=block-start] > .overlay-wrap {
    --overlay-wrap-width: 100%;
    min-height: auto;
    margin-block-start: 0;
    margin-inline: 0;
    transform: translate3d(0, -100%, 0);
  }
  .overlay[data-type=drawer][data-enter-from=block-start] > .overlay-wrap .overlay-box {
    min-height: auto;
  }
  .overlay[data-type=drawer][data-enter-from=block-end] > .overlay-wrap {
    --overlay-wrap-width: 100%;
    min-height: auto;
    margin-block-end: 0;
    margin-inline: 0;
    transform: translate3d(0, 100%, 0);
  }
  .overlay[data-type=drawer][data-enter-from=block-end] > .overlay-wrap .overlay-box {
    min-height: auto;
  }
  .overlay[data-type=drawer][open] .overlay-wrap {
    transform: translate3d(0, 0, 0);
  }
  .overlay[data-type=popover] > .overlay-wrap {
    --overlay-wrap-width: max(min(100%, 45rem), 40%);
    --overlay-wrap-padding: var(--space-sm);
    transform: translate3d(0, 4rem, 0);
    transition: transform var(--animation-ease, ease-in) 400ms;
  }
  .overlay[data-type=popover] > .overlay-wrap .overlay-box {
    border-radius: var(--overlay-box-radius, var(--radius-md));
  }
  .overlay[data-type=popover][data-variant=preview-share] > .overlay-wrap {
    --overlay-wrap-width: 30rem;
    --overlay-wrap-padding: 1rem;
  }
  html[data-adminbar=true] .overlay[data-type=popover][data-variant=preview-share] > .overlay-wrap {
    --overlay-wrap-padding: 1rem 1rem calc(1rem + var(--root-adminbar-height)) 1rem;
  }
  .overlay[data-type=popover][data-enter-from=inline-start] > .overlay-wrap {
    transform: translate3d(-4rem, 0, 0);
  }
  .overlay[data-type=popover][data-enter-from=inline-end] > .overlay-wrap {
    transform: translate3d(4rem, 0, 0);
  }
  .overlay[data-type=popover][data-enter-from=block-start] > .overlay-wrap {
    transform: translate3d(0, -4rem, 0);
  }
  .overlay[data-type=popover][open] > .overlay-wrap {
    transform: translate3d(0, 0, 0);
  }
  .overlay[data-type=fullscreen] > .overlay-wrap {
    --overlay-wrap-width: 100%;
    --overlay-wrap-height: 100%;
    transform: translate3d(0, 4rem, 0);
    transition: transform var(--animation-ease, ease-in) 400ms;
  }
  .overlay[data-type=fullscreen] > .overlay-wrap .overlay-box {
    min-height: 100vh;
  }
  .overlay[data-type=fullscreen][data-enter-from=inline-start] > .overlay-wrap {
    transform: translate3d(-4rem, 0, 0);
  }
  .overlay[data-type=fullscreen][data-enter-from=inline-end] > .overlay-wrap {
    transform: translate3d(4rem, 0, 0);
  }
  .overlay[data-type=fullscreen][data-enter-from=block-start] > .overlay-wrap {
    transform: translate3d(0, -4rem, 0);
  }
  .overlay[data-type=fullscreen][open] > .overlay-wrap {
    transform: translate3d(0, 0, 0);
  }
  .overlay-box {
    position: relative;
    padding: var(--overlay-box-padding, var(--space-sm));
    background-color: var(--overlay-box-background-color, var(--color-white));
  }
  .overlay[data-type=popover][data-variant=preview-share] > .overlay-box {
    --overlay-box-padding: 1rem;
  }
}
@layer views {
  .pagination {
    --pagination-margin-block: 0;
    --pagination-adding-block: var(--space-sm);
    --pagination-wrap-flex-direction: row;
    --pagination-wrap-gap: var(--space-sm);
    --pagination-wrap-place-content: space-between;
    --pagination-wrap-place-items: center;
    --pagination-link-gap: var(--space-2xs);
    --pagination-link-place-items: center;
    --pagination-link-icon-width: 1rem;
    --pagination-link-icon-height: 1rem;
    margin-block: var(--pagination-margin-block);
    padding-block: var(--pagination-adding-block);
  }
  .pagination-wrap {
    --flex-direction: var(--pagination-wrap-flex-direction);
    --flex-gap: var(--pagination-wrap-gap);
    --flex-content: var(--pagination-wrap-place-content);
    --flex-items: var(--pagination-wrap-place-items);
  }
  .pagination-link {
    --flex-gap: var(--pagination-link-gap);
    --flex-items: var(--pagination-link-place-items);
  }
  .pagination-link-icon {
    display: flex;
  }
  .pagination-link-icon svg {
    width: var(--pagination-link-icon-width);
    height: var(--pagination-link-icon-heigt);
  }
}
@layer views {
  .rich-text {
    --rich-text-link-text-decoration-color: var(--color-primary);
    --rich-text-link-text-decoration-thickness: 0.125rem;
  }
  .rich-text > * + * {
    --stack-space: var(--space-md);
  }
  .rich-text > p + p,
  .rich-text > *:is(h1, h2, h3, h4, h5, h6) + p,
  .rich-text > *:is(h1, h2, h3, h4, h5, h6) + *:is(h1, h2, h3, h4, h5, h6) {
    --stack-space: var(--space-xs-sm);
  }
  .rich-text > * + *:is(h1, h2, h3, h4, h5, h6) {
    --stack-space: var(--space-lg);
  }
  .rich-text a {
    text-decoration: underline;
    text-decoration-thickness: var(--rich-text-link-text-decoration-thickness);
    text-decoration-color: var(--rich-text-link-text-decoration-color);
  }
}
@layer views {
  .article {
    --md-article-header-grid-column: 1 / span 8;
    --md-article-preamble-grid-column: 1 / span 8;
  }
  .article-text {
    --article-text-font-size: var(--text-sm);
    --article-text-color: var(--color-text-muted);
    --md-article-text-grid-column: 1 / span 5;
  }
  .article-media {
    --md-article-media-grid-column: 1 / span 5;
    --article-media-border-radius: var(--radius-md);
  }
  .article-quote {
    --md-article-quote-grid-column: 1 / span 5;
    --article-quote-avatar-border-radius: var(--radius-md);
    --article-quote-text-line-height: var(--leading-sm);
  }
  .block-stack {
    --block-stack-padding-block: 0 var(--space-md-xl);
  }
  .block-stack > * + * {
    --stack-space: var(--space-xl-3xl);
  }
  .button {
    --button-padding: 0.75rem 1rem;
    --button-background-color: var(--color-primary);
    --button-background-color-hover: var(--color-accent);
    --button-color: var(--color-white);
    --button-color-hover: var(--color-white);
    --button-border-width: 0.0625rem;
    --button-border-style: solid;
    --button-border-color: var(--color-primary);
    --button-border-color-hover: var(--color-black-alpha-10);
  }
  .button[data-variant=secondary] {
    --button-background-color: transparent;
    --button-background-color-hover: transparent;
    --button-color: currentColor;
    --button-color-hover: currentColor;
    --button-border-color: var(--color-black-alpha-10);
    --button-border-color-hover: var(--color-accent);
    --focus-ring-color: currentColor;
  }
  .button[data-variant=secondary-light] {
    --button-background-color: transparent;
    --button-background-color-hover: transparent;
    --button-color: currentColor;
    --button-color-hover: currentColor;
    --button-border-color: var(--color-white-alpha-20);
    --button-border-color-hover: var(--color-accent);
    --focus-ring-color: currentColor;
  }
  .button[data-variant=accent] {
    --button-background-color: var(--color-accent);
    --button-background-color-hover: var(--color-primary);
    --button-color: var(--color-white);
    --button-color-hover: var(--color-white);
    --button-border-color: var(--color-accent);
    --button-border-color-hover: var(--color-primary);
  }
  .card {
    --card-heading-font-size: var(--text-lg);
    --card-heading-font-weight: var(--font-regular);
    --card-media-aspect-ratio: 4/3;
    --card-body-background-color: var(--color-white);
    --card-media-border-radius: var(--radius-md) var(--radius-md) 0 0;
    --card-body-border-radius: 0 0 var(--radius-md) var(--radius-md);
  }
  .card-button {
    position: relative;
    z-index: var(--z-100);
  }
  .collection {
    --collection-gap: var(--space-md-xl) var(--base-gap);
    --collection-padding-block: var(--space-xs) 0;
    --collection-heading-font-weight: var(--font-regular);
    --collection-heading-font-size: var(--text-sm);
    margin-block-start: var(--space-xl-3xl);
  }
  .contact-form {
    --contact-form-heading-font-size: var(--text-xl-2xl);
    --contact-form-heading-font-weight: var(--font-regular);
    --contact-form-entity-grid-gap: var(--space-lg) var(--base-gap);
    --md-contact-form-data-grid-column: 7 / -1;
    margin-block-start: var(--space-xl-3xl);
  }
  .featured-grid {
    --featured-grid-poster-content-start-gap: var(--space-2xs);
    --featured-grid-poster-content-padding: var(--space-sm-lg);
    --featured-grid-poster-text-font-size: var(--text-md-lg);
    --featured-grid-poster-text-font-weight: var(--font-regular);
    --featured-grid-poster-text-line-height: var(--leading-md);
  }
  .featured-grid-poster-text {
    width: 90%;
  }
  .footer {
    --footer-padding-block: var(--space-md-xl) var(--space-2xl);
    --footer-wrap-background-color: var(--color-primary);
    --footer-wrap-color: var(--color-white);
    --footer-brand-link-height: 4rem;
    --footer-wrap-gap: var(--space-lg-3xl) var(--base-gap);
    --footer-nav-list-gap: var(--space-md-lg) var(--base-gap);
    --footer-nav-group-gap: var(--space-xs);
    --footer-contact-gap: var(--space-xs);
  }
  @media (min-width: 60em) {
    .footer {
      --footer-padding-block: var(--space-md-xl) var(--space-sm);
    }
  }
  .footer-nav-link,
  .footer-meta-link {
    transition: opacity var(--animation-ease) 200ms;
  }
  .footer-nav-link:hover,
  .footer-meta-link:hover {
    opacity: 1;
  }
  .footer-contact .button[data-variant=text] {
    font-size: var(--text-sm);
    font-weight: var(--font-regular);
    color: var(--color-white);
  }
  .footer-contact .button[data-variant=text] svg {
    color: var(--color-accent);
  }
  .footer-contact-list > * {
    opacity: var(--opacity-70);
  }
  .footer-contact-list a {
    transition: opacity var(--animation-ease) 200ms;
  }
  .footer-contact-list a:hover {
    opacity: 1;
  }
  .footer-nav-logo {
    width: 12rem;
    height: auto;
  }
  .form {
    --form-field-background-color: transparent;
    --form-field-border: 0;
    --form-field-border-block-end: 1px solid var(--color-black-alpha-10);
    --form-field-border-radius: 0;
  }
  .header {
    --header-wrap-gap: var(--base-gap) var(--space-lg);
    --header-wrap-padding-block: var(--space-2xs-xs);
    --header-brand-link-color-hover: var(--color-accent);
    --header-nav-link-color-hover: var(--color-accent);
    --header-nav-list-gap: var(--space-sm);
    --header-actions-button-width: 1.125rem;
    --header-actions-button-height: 1.125rem;
  }
  .hero-cover {
    --hero-cover-border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    --md-hero-cover-wrap-grid-columns: 3;
    --hero-cover-content-end-gap: var(--space-sm-md);
    --hero-cover-text-font-size: var(--text-sm);
  }
  .hero-cover[data-layout="10"] {
    --md-hero-cover-content-start-grid-column: 1 / span 2;
    --md-hero-cover-content-end-grid-column: 3 / -1;
  }
  @media (min-width: 60em) {
    wc-header:has(.header[data-variant*=float]) + main > [data-hero-block=hero-cover] > .hero-cover {
      --hero-cover-padding-block-start: var(--space-3xl-4xl);
    }
  }
  .hero-featured {
    --hero-featured-padding-block-start: var(--space-lg);
    --hero-featured-padding-block-end: var(--space-xs-md);
    --hero-featured-media-border-radius: var(--radius-md);
    --md-hero-featured-padding-block-start: var(--space-lg-4xl);
    --hero-featured-content-end-gap: var(--space-xs-md);
    --hero-featured-links-margin-block-end: 0;
  }
  .hero-featured-entity {
    --wrap-max-width: 120rem;
  }
  .hero-featured-content-end {
    margin-block-end: var(--space-xs-md);
  }
  .hero-featured-text {
    line-height: var(--leading-sm);
  }
  .hero-featured-contact {
    font-size: var(--text-sm-md);
    color: var(--color-text-muted);
  }
  .hero-featured-contact .button[data-variant=text] {
    font-size: var(--text-sm-md);
    font-weight: var(--font-regular);
    color: var(--color-text-muted);
  }
  .hero-featured-contact-stack a {
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
    text-decoration-color: var(--color-accent);
  }
  .hero-featured-contact-stack a:hover {
    text-decoration-color: var(--color-primary);
  }
  .hero-featured-contact-stack svg {
    color: var(--color-accent);
  }
  .index-menu {
    --index-menu-background-color: var(--color-muted);
    --index-menu-color: var(--color-text-primary);
    --index-menu-nav-link-color: var(--color-text-primary);
    --index-menu-button-background-color: var(--color-primary);
    --index-menu-button-color: var(--color-white);
  }
  .index-menu-button {
    transition: all var(--animation-ease) 200ms;
  }
  .index-menu-button:hover {
    background-color: var(--color-accent);
    color: var(--color-white);
  }
  .index-menu-nav-link {
    transition: color var(--animation-ease) 200ms;
  }
  .index-menu-nav-link:hover {
    color: var(--color-accent);
  }
  .index-menu-nav-group-caption {
    opacity: var(--opacity-50);
  }
  .marquee {
    --marquee-gap: var(--space-md-xl) var(--base-gap);
    --marquee-padding-block: var(--space-xs) 0;
    --marquee-heading-font-weight: var(--font-regular);
    --marquee-heading-font-size: var(--text-sm);
    margin-block-start: var(--space-md-xl);
  }
  .pagination-link[rel=next]:hover .pagination-link-icon {
    transform: translate3d(0.375rem, 0, 0);
  }
  .pagination-link[rel=prev]:hover .pagination-link-icon {
    transform: translate3d(-0.375rem, 0, 0);
  }
  .pagination-link-icon {
    transition: transform var(--animation-ease) 200ms;
  }
  .rich-text {
    --rich-text-link-text-decoration-color: var(--color-accent);
  }
}