@layer base, layouts, views, utilities;
@layer base {
  :root {
    --opacity-50: 0.5;
    --opacity-70: 0.7;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 1rem;
    --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-purple-100: #F987FB;
    --color-purple-200: #964AB7;
    --color-purple-300: #330C73;
    --color-beige: #C7AD7D;
    --focus-ring-width: 0.125rem;
    --focus-ring-color: currentColor;
    --focus-ring-offset: 0.125rem;
    --focus-ring-style: solid;
    --font-sans: Inter, system-ui, sans-serif;
    --font-serif: serif;
    --font-mono: monospace;
    --text-2xs: 0.75rem;
    --text-2xs-xs: clamp(0.75rem, calc(0.7083333333rem + 0.1041666667vw), 0.875rem);
    --text-2xs-sm: clamp(0.75rem, calc(0.6666666667rem + 0.2083333333vw), 1rem);
    --text-2xs-md: clamp(0.75rem, calc(0.625rem + 0.3125vw), 1.125rem);
    --text-2xs-lg: clamp(0.75rem, calc(0.5833333333rem + 0.4166666667vw), 1.25rem);
    --text-2xs-xl: clamp(0.75rem, calc(0.5rem + 0.625vw), 1.5rem);
    --text-2xs-2xl: clamp(0.75rem, calc(0.3333333333rem + 1.0416666667vw), 2rem);
    --text-2xs-3xl: clamp(0.75rem, calc(0rem + 1.875vw), 3rem);
    --text-2xs-4xl: clamp(0.75rem, calc(-0.5rem + 3.125vw), 4.5rem);
    --text-2xs-5xl: clamp(0.75rem, calc(-1rem + 4.375vw), 6rem);
    --text-xs: 0.875rem;
    --text-xs-sm: clamp(0.875rem, calc(0.8333333333rem + 0.1041666667vw), 1rem);
    --text-xs-md: clamp(0.875rem, calc(0.7916666667rem + 0.2083333333vw), 1.125rem);
    --text-xs-lg: clamp(0.875rem, calc(0.75rem + 0.3125vw), 1.25rem);
    --text-xs-xl: clamp(0.875rem, calc(0.6666666667rem + 0.5208333333vw), 1.5rem);
    --text-xs-2xl: clamp(0.875rem, calc(0.5rem + 0.9375vw), 2rem);
    --text-xs-3xl: clamp(0.875rem, calc(0.1666666667rem + 1.7708333333vw), 3rem);
    --text-xs-4xl: clamp(0.875rem, calc(-0.3333333333rem + 3.0208333333vw), 4.5rem);
    --text-xs-5xl: clamp(0.875rem, calc(-0.8333333333rem + 4.2708333333vw), 6rem);
    --text-sm: 1rem;
    --text-sm-md: clamp(1rem, calc(0.9583333333rem + 0.1041666667vw), 1.125rem);
    --text-sm-lg: clamp(1rem, calc(0.9166666667rem + 0.2083333333vw), 1.25rem);
    --text-sm-xl: clamp(1rem, calc(0.8333333333rem + 0.4166666667vw), 1.5rem);
    --text-sm-2xl: clamp(1rem, calc(0.6666666667rem + 0.8333333333vw), 2rem);
    --text-sm-3xl: clamp(1rem, calc(0.3333333333rem + 1.6666666667vw), 3rem);
    --text-sm-4xl: clamp(1rem, calc(-0.1666666667rem + 2.9166666667vw), 4.5rem);
    --text-sm-5xl: clamp(1rem, calc(-0.6666666667rem + 4.1666666667vw), 6rem);
    --text-md: 1.125rem;
    --text-md-lg: clamp(1.125rem, calc(1.0833333333rem + 0.1041666667vw), 1.25rem);
    --text-md-xl: clamp(1.125rem, calc(1rem + 0.3125vw), 1.5rem);
    --text-md-2xl: clamp(1.125rem, calc(0.8333333333rem + 0.7291666667vw), 2rem);
    --text-md-3xl: clamp(1.125rem, calc(0.5rem + 1.5625vw), 3rem);
    --text-md-4xl: clamp(1.125rem, calc(0rem + 2.8125vw), 4.5rem);
    --text-md-5xl: clamp(1.125rem, calc(-0.5rem + 4.0625vw), 6rem);
    --text-lg: 1.25rem;
    --text-lg-xl: clamp(1.25rem, calc(1.1666666667rem + 0.2083333333vw), 1.5rem);
    --text-lg-2xl: clamp(1.25rem, calc(1rem + 0.625vw), 2rem);
    --text-lg-3xl: clamp(1.25rem, calc(0.6666666667rem + 1.4583333333vw), 3rem);
    --text-lg-4xl: clamp(1.25rem, calc(0.1666666667rem + 2.7083333333vw), 4.5rem);
    --text-lg-5xl: clamp(1.25rem, calc(-0.3333333333rem + 3.9583333333vw), 6rem);
    --text-xl: 1.5rem;
    --text-xl-2xl: clamp(1.5rem, calc(1.3333333333rem + 0.4166666667vw), 2rem);
    --text-xl-3xl: clamp(1.5rem, calc(1rem + 1.25vw), 3rem);
    --text-xl-4xl: clamp(1.5rem, calc(0.5rem + 2.5vw), 4.5rem);
    --text-xl-5xl: clamp(1.5rem, calc(0rem + 3.75vw), 6rem);
    --text-2xl: 2rem;
    --text-2xl-3xl: clamp(2rem, calc(1.6666666667rem + 0.8333333333vw), 3rem);
    --text-2xl-4xl: clamp(2rem, calc(1.1666666667rem + 2.0833333333vw), 4.5rem);
    --text-2xl-5xl: clamp(2rem, calc(0.6666666667rem + 3.3333333333vw), 6rem);
    --text-3xl: 3rem;
    --text-3xl-4xl: clamp(3rem, calc(2.5rem + 1.25vw), 4.5rem);
    --text-3xl-5xl: clamp(3rem, calc(2rem + 2.5vw), 6rem);
    --text-4xl: 4.5rem;
    --text-4xl-5xl: clamp(4.5rem, calc(4rem + 1.25vw), 6rem);
    --text-5xl: 6rem;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --tracking-xs: -0.04em;
    --tracking-sm: -0.02em;
    --tracking-lg: 0.02em;
    --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.3333333333rem + 0.4166666667vw), 1rem);
    --space-2xs-sm: clamp(0.5rem, calc(0.1666666667rem + 0.8333333333vw), 1.5rem);
    --space-2xs-md: clamp(0.5rem, calc(0rem + 1.25vw), 2rem);
    --space-2xs-lg: clamp(0.5rem, calc(-0.3333333333rem + 2.0833333333vw), 3rem);
    --space-2xs-xl: clamp(0.5rem, calc(-0.6666666667rem + 2.9166666667vw), 4rem);
    --space-2xs-2xl: clamp(0.5rem, calc(-1.3333333333rem + 4.5833333333vw), 6rem);
    --space-2xs-3xl: clamp(0.5rem, calc(-2.3333333333rem + 7.0833333333vw), 9rem);
    --space-2xs-4xl: clamp(0.5rem, calc(-3.3333333333rem + 9.5833333333vw), 12rem);
    --space-2xs-5xl: clamp(0.5rem, calc(-4.6666666667rem + 12.9166666667vw), 16rem);
    --space-xs: 1rem;
    --space-xs-sm: clamp(1rem, calc(0.8333333333rem + 0.4166666667vw), 1.5rem);
    --space-xs-md: clamp(1rem, calc(0.6666666667rem + 0.8333333333vw), 2rem);
    --space-xs-lg: clamp(1rem, calc(0.3333333333rem + 1.6666666667vw), 3rem);
    --space-xs-xl: clamp(1rem, calc(0rem + 2.5vw), 4rem);
    --space-xs-2xl: clamp(1rem, calc(-0.6666666667rem + 4.1666666667vw), 6rem);
    --space-xs-3xl: clamp(1rem, calc(-1.6666666667rem + 6.6666666667vw), 9rem);
    --space-xs-4xl: clamp(1rem, calc(-2.6666666667rem + 9.1666666667vw), 12rem);
    --space-xs-5xl: clamp(1rem, calc(-4rem + 12.5vw), 16rem);
    --space-sm: 1.5rem;
    --space-sm-md: clamp(1.5rem, calc(1.3333333333rem + 0.4166666667vw), 2rem);
    --space-sm-lg: clamp(1.5rem, calc(1rem + 1.25vw), 3rem);
    --space-sm-xl: clamp(1.5rem, calc(0.6666666667rem + 2.0833333333vw), 4rem);
    --space-sm-2xl: clamp(1.5rem, calc(0rem + 3.75vw), 6rem);
    --space-sm-3xl: clamp(1.5rem, calc(-1rem + 6.25vw), 9rem);
    --space-sm-4xl: clamp(1.5rem, calc(-2rem + 8.75vw), 12rem);
    --space-sm-5xl: clamp(1.5rem, calc(-3.3333333333rem + 12.0833333333vw), 16rem);
    --space-md: 2rem;
    --space-md-lg: clamp(2rem, calc(1.6666666667rem + 0.8333333333vw), 3rem);
    --space-md-xl: clamp(2rem, calc(1.3333333333rem + 1.6666666667vw), 4rem);
    --space-md-2xl: clamp(2rem, calc(0.6666666667rem + 3.3333333333vw), 6rem);
    --space-md-3xl: clamp(2rem, calc(-0.3333333333rem + 5.8333333333vw), 9rem);
    --space-md-4xl: clamp(2rem, calc(-1.3333333333rem + 8.3333333333vw), 12rem);
    --space-md-5xl: clamp(2rem, calc(-2.6666666667rem + 11.6666666667vw), 16rem);
    --space-lg: 3rem;
    --space-lg-xl: clamp(3rem, calc(2.6666666667rem + 0.8333333333vw), 4rem);
    --space-lg-2xl: clamp(3rem, calc(2rem + 2.5vw), 6rem);
    --space-lg-3xl: clamp(3rem, calc(1rem + 5vw), 9rem);
    --space-lg-4xl: clamp(3rem, calc(0rem + 7.5vw), 12rem);
    --space-lg-5xl: clamp(3rem, calc(-1.3333333333rem + 10.8333333333vw), 16rem);
    --space-xl: 4rem;
    --space-xl-2xl: clamp(4rem, calc(3.3333333333rem + 1.6666666667vw), 6rem);
    --space-xl-3xl: clamp(4rem, calc(2.3333333333rem + 4.1666666667vw), 9rem);
    --space-xl-4xl: clamp(4rem, calc(1.3333333333rem + 6.6666666667vw), 12rem);
    --space-xl-5xl: clamp(4rem, calc(0rem + 10vw), 16rem);
    --space-2xl: 6rem;
    --space-2xl-3xl: clamp(6rem, calc(5rem + 2.5vw), 9rem);
    --space-2xl-4xl: clamp(6rem, calc(4rem + 5vw), 12rem);
    --space-2xl-5xl: clamp(6rem, calc(2.6666666667rem + 8.3333333333vw), 16rem);
    --space-3xl: 9rem;
    --space-3xl-4xl: clamp(9rem, calc(8rem + 2.5vw), 12rem);
    --space-3xl-5xl: clamp(9rem, calc(6.6666666667rem + 5.8333333333vw), 16rem);
    --space-4xl: 12rem;
    --space-4xl-5xl: clamp(12rem, calc(10.6666666667rem + 3.3333333333vw), 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: 30em) {
    .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: 90em) {
    .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: 30em) {
    .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: 90em) {
    .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: 30em) {
    .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: 90em) {
    .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: 30em) {
    .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: 90em) {
    .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: 1em;
  }
  .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: 90%;
    --wrap-max-width: 120rem;
    --wrap-margin-inline: auto;
    --wrap-padding-inline: 0;
    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: 30em) {
    .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: 90em) {
    .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: 30em) {
    .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: 90em) {
    .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-display {
    font-size: var(--text-2xl-4xl);
    font-weight: var(--font-semibold);
    font-family: var(--font-sans);
    letter-spacing: var(--tracking-xs);
    line-height: var(--leading-xs);
  }
  .u-text-headline {
    font-size: var(--text-xl-3xl);
    font-weight: var(--font-semibold);
    font-family: var(--font-sans);
    letter-spacing: var(--tracking-xs);
    line-height: var(--leading-xs);
  }
  .u-text-subhead {
    font-size: var(--text-lg-xl);
    font-weight: var(--font-semibold);
    font-family: var(--font-sans);
    letter-spacing: var(--tracking-xs);
    line-height: var(--leading-sm);
  }
  .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-label {
    font-size: var(--text-xs-sm);
    font-weight: var(--font-medium);
    font-family: var(--font-sans);
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-xs);
  }
  .u-text-balance {
    text-wrap: balance;
  }
  .u-bg-white {
    background-color: var(--color-white);
  }
  .u-bg-black {
    background-color: var(--color-black);
  }
  .u-bg-purple-100 {
    background-color: var(--color-purple-100);
  }
  .u-bg-purple-200 {
    background-color: var(--color-purple-200);
  }
  .u-bg-purple-300 {
    background-color: var(--color-purple-300);
  }
  .u-bg-beige {
    background-color: var(--color-beige);
  }
  .u-text-white {
    color: var(--color-white);
  }
  .u-text-black {
    color: var(--color-black);
  }
  .u-text-purple-100 {
    color: var(--color-purple-100);
  }
  .u-text-purple-200 {
    color: var(--color-purple-200);
  }
  .u-text-purple-300 {
    color: var(--color-purple-300);
  }
  .u-text-beige {
    color: var(--color-beige);
  }
  .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-xs {
    letter-spacing: var(--tracking-xs);
  }
  .u-tracking-sm {
    letter-spacing: var(--tracking-sm);
  }
  .u-tracking-lg {
    letter-spacing: var(--tracking-lg);
  }
  .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 {
  :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-sm);
    --base-margin: var(--space-xs-xl);
    --base-content-max-width: clamp(40rem, calc(38.3333333333rem + 4.1666666667vw), 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;
  }
  body {
    font-size: var(--text-sm);
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: var(--tracking-sm);
    line-height: var(--leading-md);
  }
  h1, h2, h3, h4, h5, h6 {
    font-weight: var(--font-semibold);
    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);
  }
  @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 {
  .u-text-link {
    font-weight: var(--font-medium);
    font-size: var(--text-xs-sm);
    text-decoration: underline;
  }
  .u-text-link:hover {
    text-decoration: none;
  }
}
@layer views {
  .block-stack {
    margin-block: var(--space-xl-4xl);
  }
  .block-stack > * + * {
    --stack-space: var(--space-xl-4xl);
  }
  .block-stack > [data-page-block=large-media] + [data-page-block=sponsors],
  .block-stack > [data-page-block=sponsors] + [data-page-block=large-media] {
    --stack-space: 0;
  }
  .block-stack > :last-child:is([data-page-block=sponsors], [data-page-block=large-media]) {
    margin-block-end: calc(var(--space-xl-4xl) * -1);
  }
}
@layer views {
  .button-wrap {
    display: inline-flex;
    width: fit-content;
  }
  .button-wrap:hover .button {
    --button-background-color: var(--button-background-color-hover);
    --button-text-color: var(--button-text-color-hover);
  }
  .button-wrap:hover .button:last-child {
    transform: translateX(var(--space-2xs));
  }
  .button-wrap[data-theme=dark] .button {
    --button-background-color-hover: var(--color-white);
    --button-background-color: var(--color-black);
    --button-border-color: var(--color-black);
    --button-border-color-hover: var(--color-black);
  }
  .button {
    --button-align-items: center;
    --button-gap: 0.5em;
    --button-padding-y: 1em;
    --button-padding-x: 1.25em;
    --button-padding: var(--button-padding-y) var(--button-padding-x);
    --button-background-color: var(--color-black);
    --button-background-color-hover: var(--color-white);
    --button-background-color-active: var(--button-background-color-hover);
    --button-text-color: var(--color-white);
    --button-text-color-hover: black;
    --button-text-color-active: var(--button-text-color-hover);
    --button-backdrop-filter: 0px;
    --button-border-width: 0.0625em;
    --button-border-style: solid;
    --button-border-color: var(--color-white);
    --button-border-color-hover: var(--color-white);
    --button-radius: var(--radius-max);
    --button-font-family: var(--font-sans);
    --button-font-size: var(--text-xs-sm);
    --button-font-weight: var(--font-medium);
    --button-leading: 1;
    --button-tracking: var(--tracking-md);
    --button-text-decoration: none;
    --button-icon-size: 1em;
    --focus-ring-color: var(--button-background-color);
    display: inline-flex;
    align-items: var(--button-align-items);
    gap: var(--button-gap);
    padding: var(--button-padding);
    mix-blend-mode: screen;
    transform: translate3d(0, 0, 0);
    background-color: var(--button-background-color);
    color: var(--button-text-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) 200ms, mix-blend-mode var(--animation-ease) 200ms;
  }
  .button:hover {
    background-color: var(--button-background-color-hover);
    color: var(--button-text-color-hover);
    border-color: var(--button-border-color-hover);
  }
  .button:active {
    transform: scale(98%);
    color: var(--button-text-color-active);
    background-color: var(--button-background-color-active);
  }
  .button:has(svg) {
    width: calc(1em + var(--button-padding-y) * 2 + var(--button-border-width));
    height: calc(1em + var(--button-padding-y) * 2 + var(--button-border-width));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75em;
    aspect-ratio: 1;
  }
  .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-text-color: var(--color-black);
    --button-text-color-hover: var(--color-black);
    --button-border-width: 0;
    --focus-ring-color: currentColor;
    --focus-ring-offset: 0.5rem;
  }
  .button[data-theme=dark] {
    --button-background-color-hover: var(--color-white);
    --button-background-color: var(--color-black);
    --button-border-color: var(--color-black);
    --button-border-color-hover: var(--color-black);
    --button-text-color-hover: var(--color-black);
  }
}
@layer views {
  .featured {
    --featured-max-width: 120rem;
    --featured-padding-inline: 0;
    --featured-entity-switch-breakpoint: calc(40rem - calc(var(--featured-padding-inline) * 2));
    --featured-entity-flex-direction: row;
    --featured-entity-gap: var(--base-gap);
    --featured-entity-bg-color: transparent;
    --featured-entity-border-radius: 0;
    --featured-media-flex-grow: 1;
    --featured-media-border-radius: var(--radius-sm);
    --featured-media-aspect-ratio: 3/2;
    --featured-content-padding-block: 0;
    --featured-content-padding-inline: 0;
    --featured-content-text-align: left;
    --featured-content-bg-color: transparent;
    --featured-content-text-color: var(--color-black);
    --featured-content-border-radius: 0;
    --featured-content-place-self: normal;
    --featured-wrap-width: min(80%, 30rem);
    --featured-wrap-place-self: normal;
    --featured-wrap-margin-inline: 0;
    --featured-wrap-min-height: auto;
    --featured-wrap-padding-block: 0;
    --featured-wrap-padding-inline: 0;
    --featured-wrap-stack-space: var(--space-xs);
    --featured-links-place-content: normal;
    --featured-heading-font-size: var(--text-lg-2xl);
    --featured-heading-font-weight: var(--font-semibold);
    --featured-heading-letter-spacing: var(--tracking-xs);
    --featured-heading-line-height: var(--leading-sm);
    --featured-links-gap: var(--space-2xs);
    --featured-links-stack-space: var(--space-sm);
  }
  .featured[data-layout="2"] {
    --featured-wrap-place-self: center;
  }
  .featured[data-layout="3"] {
    --featured-wrap-place-self: center;
    --featured-content-text-align: center;
    --featured-content-padding-block: var(--space-xs-md);
    --featured-wrap-margin-inline: auto;
    --featured-links-place-content: center;
  }
  .featured[data-layout="4"] {
    --featured-wrap-place-self: end;
  }
  .featured[data-layout="5"] {
    --featured-heading-margin-block-start: auto;
    --featured-wrap-min-height: 100%;
  }
  .featured[data-direction=inline-reverse] {
    --featured-entity-flex-direction: row-reverse;
  }
  .featured[data-media-size=large] {
    --featured-media-flex-grow: 2;
  }
  .featured-entity {
    --switch-breakpoint: var(--featured-entity-switch-breakpoint);
    --switch-gap: var(--featured-entity-gap);
    flex-direction: var(--featured-entity-flex-direction);
    background-color: var(--featured-entity-bg-color);
    clip-path: inset(0 round var(--featured-entity-border-radius));
  }
  .featured-media {
    --switch-grow: var(--featured-media-flex-grow);
    --frame-ratio: var(--featured-media-aspect-ratio);
    clip-path: inset(0 round var(--featured-media-border-radius));
  }
  .featured-content {
    --switch-self: var(--featured-content-place-self);
    padding-block: var(--featured-content-padding-block);
    padding-inline: var(--featured-content-padding-inline);
    text-align: var(--featured-content-text-align);
    background-color: var(--featured-content-bg-color);
    color: var(--featured-content-text-color);
    clip-path: inset(0 round var(--featured-content-border-radius));
  }
  .featured-wrap {
    --flex-self: var(--featured-wrap-place-self);
    --stack-space: var(--featured-wrap-stack-space);
    display: flex;
    flex-direction: column;
    width: var(--featured-wrap-width);
    min-height: var(--featured-wrap-min-height);
    margin-inline: var(--featured-wrap-margin-inline);
    padding-block: var(--featured-wrap-padding-block);
    padding-inline: var(--featured-wrap-padding-inline);
  }
  .featured-heading {
    font-size: var(--featured-heading-font-size);
    font-weight: var(--featured-heading-font-weight);
    letter-spacing: var(--featured-heading-letter-spacing);
    line-height: var(--featured-heading-line-height);
  }
  .featured-links {
    --flex-gap: var(--featured-links-gap);
    --flex-content: var(--featured-links-place-content);
    --stack-space: var(--featured-links-stack-space);
  }
}
@layer views {
  .navbar {
    --navbar-padding-block: var(--base-margin);
    --navbar-background-color: var(--color-white);
    --navbar-color: var(--color-black);
    width: 100%;
    padding-block: var(--navbar-padding-block);
    background-color: var(--navbar-background-color);
    color: var(--navbar-color);
  }
  html[data-template=home] .navbar {
    --navbar-background-color: var(--color-beige);
    --navbar-color: var(--color-white);
  }
  .navbar-gradient {
    width: 100%;
    height: 0.375rem;
    background-image: linear-gradient(to right, var(--color-purple-300), var(--color-purple-100));
  }
  html[data-template=home] .navbar-gradient {
    display: none;
  }
  .navbar-brand {
    --flex-content: space-between;
    width: 100%;
    padding: var(--space-xs);
    border-radius: var(--radius-md);
    border: 1px solid currentColor;
    transition: all var(--animation-ease) 200ms;
  }
  .navbar-brand:hover {
    color: var(--color-purple-100);
  }
  html[data-template=home] .navbar-brand:hover {
    background-color: var(--color-white);
    color: var(--color-beige);
  }
  .navbar-brand > svg {
    width: auto;
    height: auto;
  }
  .navbar-link {
    padding: 0.25em 0.5em;
    font-size: var(--text-xs-sm);
    font-weight: var(--font-medium);
    color: currentColor;
    border-radius: var(--radius-sm);
    border: 1px solid transparent;
    transition: all var(--animation-ease) 200ms;
  }
  .navbar-link:hover {
    border-color: currentColor;
  }
  .navbar-link-icon {
    transition: all var(--animation-ease) 200ms;
  }
  .navbar-link-icon:hover {
    color: var(--color-purple-100);
    border-color: transparent;
  }
  html[data-template=home] .navbar-link-icon:hover {
    color: var(--color-purple-300);
  }
  .navbar-link-icon svg {
    width: 2rem;
    height: 2rem;
  }
  .navbar-button {
    display: flex;
    padding: 1em;
    background-color: var(--color-white);
    color: currentColor;
    border-radius: 9999px;
    border: none;
    cursor: pointer;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
  }
  .navbar-button > svg {
    width: 1rem;
    height: 1rem;
  }
}
@layer views {
  wc-toggle-overlay {
    position: fixed;
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    display: block;
    z-index: 1000;
  }
  @media screen and (min-width: 50em) {
    wc-toggle-overlay {
      display: none;
    }
  }
  .overlay {
    --overlay-backdrop-opacity: 0;
    --overlay-box-bg-color: var(--color-beige);
    color: var(--color-white);
    font-weight: var(--font-semibold);
    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-top: auto;
    margin-bottom: var(--space-xl);
    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: 90em) {
    .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(60%, 45rem), 40%);
    margin-left: auto;
    margin-right: auto;
    --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 {
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
    padding: var(--space-2xs) 0;
    background-color: var(--overlay-box-bg-color, var(--color-white));
  }
  .overlay[data-type=popover][data-variant=preview-share] > .overlay-box {
    --overlay-box-padding: 1rem;
  }
  .overlay-links {
    --flex-direction: column;
  }
  .overlay-links li {
    border-bottom: solid 1px rgba(0, 0, 0, 0.0196078431);
    padding: var(--space-2xs);
  }
  .overlay-links li:last-child {
    border-bottom: none;
  }
}
@layer views {
  .rich-text-wrapper {
    --grid-gap: var(--space-md-lg) var(--base-gap);
    --md-grid-columns: var(--base-grid);
    position: relative;
  }
  .rich-text-wrapper .rich-text {
    --md-grid-column: 1 / span 6;
    --lg-grid-column: 1 / span 5;
  }
  .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;
  }
}
@layer views {
  .dot {
    position: absolute;
    top: 38px;
    left: calc(var(--space-lg) - 10px);
    width: 20px;
    height: 20px;
    z-index: 10;
    border-radius: 50%;
    margin-top: -2px;
  }
  @media screen and (max-width: 50em) {
    .dot {
      width: 16px;
      height: 16px;
      margin-top: 0;
      left: calc(var(--space-xs) - 8px);
    }
  }
}
@layer views {
  .news {
    --grid-gap: var(--space-md-lg) var(--base-gap);
    --md-grid-columns: var(--base-grid);
  }
  .news-card {
    --grid-gap: var(--base-gap);
    --grid-content: start normal;
    --md-grid-column: span 3;
    position: relative;
    height: fit-content;
  }
  .news-card:nth-child(1) {
    --grid-column: 1 / -1;
    --md-grid-column: 1 / span 6;
    --lg-grid-column: 1 / span 5;
  }
  .news-card:nth-child(2) {
    --md-grid-column: 7 / span 3;
  }
  .news-card-image {
    --frame-ratio: 3 / 4;
    border-radius: var(--radius-sm);
  }
  .news-card-date {
    opacity: 0.6;
    font-size: var(--text-xs);
  }
}
@layer views {
  .news-list {
    --grid-gap: var(--space-lg-xl) var(--base-gap);
    --md-grid-columns: var(--base-grid);
  }
  .news-list-heading-wrap {
    padding-bottom: var(--space-lg-2xl);
  }
  .news-list-heading {
    font-size: var(--text-2xl-3xl);
  }
  .news-list-item {
    --flex-direction: column;
    --md-grid-column: span 3;
    --lg-grid-column: span 2;
    --flex-gap: var(--space-2xs);
  }
  .news-list-item:first-child {
    --md-grid-column: span 4;
    --lg-grid-column: span 4;
  }
  .news-list-item:first-child .news-list-title {
    font-size: var(--text-2xl);
  }
  .news-list-item:nth-child(2) {
    --md-grid-column: 7 / span 3;
    --lg-grid-column: 7 / span 2;
  }
  .news-list-img {
    --frame-ratio: 3 / 4;
    border-radius: var(--radius-md);
    background-image: url("/assets/public/images/camo.jpg");
    background-size: cover;
  }
  .news-list-date {
    opacity: 60%;
  }
  .news-list-title {
    font-size: var(--text-2xl);
  }
  @media screen and (min-width: 50em) {
    .news-list-title {
      font-size: var(--text-lg);
    }
  }
}
@layer views {
  .sponsors {
    width: 100%;
    min-height: 100vh;
    position: relative;
    color: var(--color-white);
  }
  .sponsors > img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
    filter: brightness(0.6);
  }
  .sponsor-heading {
    --md-grid-column: 4 / span 6;
    color: var(--color-white);
    text-align: center;
  }
  @media screen and (min-width: 50em) {
    .sponsor-heading {
      text-align: start;
    }
  }
  .sponsor-wrapper {
    --md-grid-column: 4 / span 6;
    --flex-direction: column;
    --flex-gap: var(--space-xl);
    --flex-items: center;
    --md-flex-items: start;
    position: relative;
  }
  .sponsor-list-wrapper {
    --flex-direction: column;
    --flex-gap: 1px;
    width: 100%;
    border-radius: var(--radius-md);
    overflow: hidden;
  }
  .sponsor-item {
    --grid-column: span 2;
    border-radius: var(--radius-xs);
    background: var(--color-white);
    height: 160px;
    padding: var(--space-sm);
    flex-grow: 1;
    min-width: 33%;
  }
  .sponsors-logo {
    --flex-direction: column;
    position: absolute;
    height: calc(100% - var(--space-xs) * 2);
    top: var(--space-xs);
    right: var(--space-xs);
  }
  .sponsors-logo-top,
  .sponsors-logo-bottom {
    --flex-direction: column;
    --flex-gap: var(--space-2xs);
    --flex-content: space-between;
    position: sticky;
    display: flex;
    color: var(--color-white);
    right: -100%;
  }
  .sponsors-logo-top > svg,
  .sponsors-logo-bottom > svg {
    width: 146px;
    height: auto;
  }
  .sponsors-logo-top {
    top: var(--space-xs);
    padding-bottom: 100%;
    margin-bottom: auto;
  }
  .sponsors-logo-bottom {
    align-items: end;
    bottom: var(--space-xs);
    padding-top: 100%;
    margin-top: auto;
  }
  .sponsors-wrap {
    --wrap-max-width: 60rem;
    --grid-gap: var(--space-xl-2xl) var(--base-gap);
    --grid-content: center;
    position: relative;
    padding-block-start: var(--space-xs-xl);
    text-align: center;
    min-height: 100vh;
  }
  .sponsors-list {
    --grid-gap: 2px;
    width: 100%;
  }
  .sponsors-list-row {
    --flex-gap: 2px;
    width: 100%;
  }
  .sponsors-list-item {
    --flex-content: center;
    --flex-items: center;
    --flex-basis: 0;
    --flex-grow: 1;
    padding: var(--space-xs-md);
    background-color: var(--color-white);
    border-radius: var(--radius-sm);
  }
  .sponsors-list-item img {
    display: block;
    min-height: 4rem;
    object-fit: contain;
  }
}
@layer views {
  .footer-wrap {
    --flex-direction: column;
    height: auto;
    background: var(--color-beige);
    color: var(--color-white);
  }
  @media screen and (min-width: 50em) {
    .footer-wrap {
      min-height: 960px;
    }
  }
  .footer {
    --md-grid-columns: var(--base-grid);
    --grid-gap: var(--space-lg) var(--base-gap);
    padding-block: var(--space-xl);
  }
  .footer-address {
    --md-grid-column: 1 / span 2;
    --flex-direction: column;
    --flex-gap: var(--space-xs);
    order: 3;
  }
  .footer-address p {
    font-style: normal;
  }
  @media screen and (min-width: 50rem) {
    .footer-address {
      order: 0;
    }
  }
  .footer-nav {
    --md-grid-column: 4 / span 2;
    font-weight: var(--font-semibold);
  }
  .footer-nav > ul {
    --flex-direction: column;
    --flex-gap: var(--space-sm);
  }
  .footer-heading {
    --md-grid-column: 7 / span 6;
    --flex-direction: column;
    --flex-gap: var(--space-md);
  }
  .footer-heading h2 {
    font-size: var(--text-2xl-4xl);
    text-wrap: balance;
  }
  .footer-bottom {
    flex-grow: 1;
    background-image: url("/assets/public/images/camo.jpg");
    color: var(--color-white);
    align-items: end;
    padding-block-end: var(--space-xl);
  }
  .footer-socials {
    --flex-direction: column;
    --flex-gap: var(--space-sm);
    font-weight: var(--font-semibold);
  }
}
@layer views {
  .calendar-wrap {
    --grid-gap: var(--space-xl-3xl) var(--base-gap);
    --md-grid-columns: var(--base-grid);
    position: relative;
  }
  .calendar {
    --grid-column: 1 / -1;
    --flex-direction: column;
    --flex-gap: var(--space-md-lg);
  }
  .calendar-list {
    --flex-direction: column;
    --flex-gap: var(--space-sm);
    --md-flex-gap: var(--space-md);
  }
  .calendar-heading {
    font-size: var(--text-sm-lg);
  }
  .calendar-first-race .calendar-name {
    font-size: var(--text-xl-4xl);
  }
  .calendar-heading-small {
    font-size: var(--text-lg);
  }
  .calendar-race {
    --flex-direction: column;
    --flex-gap: var(--space-2xs);
    --md-flex-gap: var(--space-xs);
    padding-bottom: var(--space-sm);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .calendar-race:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  @media screen and (min-width: 50em) {
    .calendar-race {
      padding-bottom: var(--space-md);
    }
  }
  .calendar-info {
    --flex-direction: row;
    --flex-content: space-between;
    --flex-gap: var(--space-xs) var(--base-gap);
    --flex-items: baseline;
  }
  .calendar-text {
    --flex-direction: column;
    --flex-gap: var(--space-2xs);
    --md-flex-gap: var(--space-xs);
  }
  .calendar-date {
    font-size: var(--text-xs);
    opacity: 0.6;
  }
  .calendar-name {
    font-size: var(--text-xl-2xl);
    width: auto;
    display: inline-block;
  }
  .calendar-location {
    --flex-direction: row;
    --flex-gap: var(--space-2xs);
    --flex-items: baseline;
  }
  .calendar-location svg {
    height: 12px;
  }
  .calendar-race-link {
    font-weight: var(--font-medium);
    text-decoration: underline;
    white-space: nowrap;
    font-size: var(--text-xs-sm);
  }
}
@layer views {
  .hero {
    background-color: var(--color-beige);
    background-image: url("/assets/public/images/camo.jpg");
    background-size: cover;
    background-position: 50% 40%;
    color: var(--color-white);
  }
  .hero-wrap {
    --grid-gap: var(--space-lg-2xl) var(--base-gap);
    --md-grid-columns: var(--base-grid);
    --wrap-max-width: 160rem;
    padding-block: 20vmin var(--space-xl);
  }
  .hero-featured-content {
    --flex-direction: column;
    --flex-gap: var(--space-sm-md);
    --md-grid-row: 1;
    --md-grid-column: 1 / span 4;
    --lg-grid-column: 1 / span 3;
    max-width: var(--base-content-max-width);
    width: 90%;
  }
  .hero-heading {
    --flex-direction: column;
    --flex-gap: var(--space-md-lg);
    --md-grid-row: 1;
    --md-grid-column: 6 / span 7;
  }
  .hero-frame {
    --frame-ratio: 16/9;
    position: relative;
    min-height: 30rem;
  }
}
@layer views {
  .article-hero {
    --md-grid-columns: var(--base-grid);
    --md-grid-gap: var(--base-gap);
    margin-bottom: var(--space-xl-4xl);
    position: relative;
  }
  .article-hero-content {
    --md-grid-column: 1 / span 5;
    --flex-direction: column;
    --flex-gap: var(--space-md-2xl);
  }
  .article-hero-date {
    opacity: 0.6;
  }
  .article-hero-title {
    font-size: var(--text-2xl-4xl);
  }
  .article-hero-image {
    --grid-row: 2;
    --md-grid-row: 1;
    --md-grid-column: 8 / span 5;
    --frame-ratio: 3/4;
    border-radius: var(--radius-md);
    overflow: hidden;
    display: none;
  }
  @media screen and (min-width: 50em) {
    .article-hero-image {
      display: block;
    }
  }
  .article-hero-image-mobile {
    --frame-ratio: 3/4;
    border-radius: var(--radius-md);
    overflow: hidden;
  }
  @media screen and (min-width: 50em) {
    .article-hero-image-mobile {
      display: none;
    }
  }
}
@layer views {
  .team {
    --md-grid-columns: var(--base-grid);
    --grid-gap: var(--space-md-lg) var(--base-gap);
    position: relative;
  }
  .team-heading {
    --md-grid-column: 4 / span 6;
  }
  .team-wrap {
    --grid-gap: var(--space-xl) var(--base-gap);
    --md-grid-column: 4 / span 6;
    --grid-columns: 2;
    --lg-grid-columns: 3;
  }
  .team-member {
    --flex-direction: column;
    --flex-gap: var(--space-xs);
    position: relative;
  }
  .team-member-wrap {
    --flex-direction: column;
    --flex-gap: var(--space-xs);
  }
  .team-member-image {
    --frame-ratio: 3/4;
    background-color: var(--color-beige);
    border-radius: var(--radius-md);
  }
  .team-member-name {
    font-size: var(--text-md);
    font-weight: var(--font-semibold);
  }
  .team-member-links {
    --flex-direction: column;
    --flex-gap: var(--space-2xs);
  }
  .team-member-link {
    --flex-gap: var(--space-2xs);
    --flex-items: center ;
  }
  .team-member-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: -6px;
  }
  .team-member-icon svg {
    width: 24px;
    height: 24px;
  }
}