@charset "UTF-8";
/* ─── Calibrated Arial fallbacks (eliminates CLS on font swap) ────────────── */
@font-face {
  font-family: "proxima-nova-normal-400-fallback";
  src: local("Arial");
  size-adjust: 96.411%;
  ascent-override: 112.021%;
  descent-override: 33.71%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "proxima-nova-normal-600-fallback";
  src: local("Arial Bold");
  size-adjust: 93.731%;
  ascent-override: 115.224%;
  descent-override: 38.408%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "proxima-nova-normal-700-fallback";
  src: local("Arial Bold");
  size-adjust: 95.094%;
  ascent-override: 113.571%;
  descent-override: 38.909%;
  line-gap-override: 0%;
}
/* ─── CSS custom properties ───────────────────────────────────────────────── */
:root {
  --font-primary: 'proxima-nova', 'proxima-nova-normal-400-fallback', Arial, Helvetica, sans-serif;
  --font-secondary: 'proxima-nova', 'proxima-nova-normal-400-fallback', Arial, Helvetica, sans-serif;
}

@layer reset, foundation, elements, components, blocks;
@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  @media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }
  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
  }
  body {
    background-color: var(--theme-surface-primary);
    color: var(--theme-text-primary);
    font-family: var(--font-primary);
    font-size: 16px;
    margin: 0;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
  }
  h1 {
    font-size: calc(1.375rem + 1.5vw);
  }
  @media (min-width: 1200px) {
    h1 {
      font-size: 2.5rem;
    }
  }
  h2 {
    font-size: calc(1.325rem + 0.9vw);
  }
  @media (min-width: 1200px) {
    h2 {
      font-size: 2rem;
    }
  }
  h3 {
    font-size: calc(1.3rem + 0.6vw);
  }
  @media (min-width: 1200px) {
    h3 {
      font-size: 1.75rem;
    }
  }
  h4 {
    font-size: calc(1.275rem + 0.3vw);
  }
  @media (min-width: 1200px) {
    h4 {
      font-size: 1.5rem;
    }
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
  }
  a {
    color: currentcolor;
    text-decoration-thickness: 0.125rem;
    text-underline-position: under;
  }
  @media (hover: hover) {
    a:hover {
      text-decoration-color: var(--theme-focus-primary);
    }
  }
  a:focus-visible {
    outline: 0.125rem solid var(--outline-color, var(--theme-focus-primary));
    outline-offset: 0.25rem;
    border-radius: 0.25rem;
  }
  [hidden] {
    display: none !important;
  }
  sup {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    vertical-align: super;
  }
}
@property --header-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 64px;
}
@property --header-visible-height {
  syntax: "<length>";
  inherits: true;
  initial-value: 64px;
}
@layer foundation {
  :root {
    --header-height: 64px;
    --header-visible-height: 64px;
    transition: --header-height 0.25s cubic-bezier(0.55, 0.06, 0.68, 0.19);
  }
  @media (prefers-reduced-motion: reduce) {
    :root {
      transition: none;
    }
  }
  @media (min-width: 1024px) {
    :root {
      --header-height: 130px;
      --header-visible-height: 130px;
    }
  }
  body {
    display: none;
  }
  body.appear {
    display: block;
  }
  header {
    background-color: white;
  }
  main {
    padding-top: var(--header-height);
  }
  .header,
  .footer {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .header[data-block-status=loaded],
  .footer[data-block-status=loaded] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 0.25s ease;
    background-color: white;
  }
  main > .section > .default-content-wrapper {
    box-sizing: content-box;
    margin-inline: auto;
    max-width: 100%;
    padding-inline: 1.5rem;
  }
  @media (min-width: 768px) {
    main > .section > .default-content-wrapper {
      padding-inline: 3rem;
    }
  }
  @media (min-width: 1024px) {
    main > .section > .default-content-wrapper {
      max-width: 120rem;
      padding-inline: 5rem;
    }
  }
  .button-container strong {
    font-weight: normal;
  }
  .button-container em {
    font-style: normal;
  }
}
@layer foundation {
  .container {
    box-sizing: content-box;
    margin-inline: auto;
    max-width: 100%;
    padding-inline: 1.5rem;
  }
  @media (min-width: 768px) {
    .container {
      padding-inline: 3rem;
    }
  }
  @media (min-width: 1024px) {
    .container {
      max-width: 120rem;
      padding-inline: 5rem;
    }
  }
  .container.fluid {
    max-width: 100%;
  }
  .container.collapsed {
    padding-inline: 0;
  }
  .container-lg {
    box-sizing: content-box;
    margin-inline: auto;
    max-width: 100%;
    padding-inline: 1.5rem;
  }
  @media (min-width: 768px) {
    .container-lg {
      padding-inline: 3rem;
    }
  }
  @media (min-width: 1024px) {
    .container-lg {
      max-width: 120rem;
      padding-inline: 5rem;
    }
  }
  .container-lg {
    max-width: 100%;
  }
  @media (min-width: 1024px) {
    .container-lg {
      max-width: 120rem;
    }
  }
}
@layer foundation {
  .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
  }
  @media (min-width: 768px) {
    .grid {
      grid-template-columns: repeat(8, 1fr);
      gap: 0.5rem;
    }
  }
  @media (min-width: 1024px) {
    .grid {
      grid-template-columns: repeat(12, 1fr);
      gap: 0.5rem;
    }
  }
  .grid.row {
    grid-auto-flow: row;
  }
  .grid.column {
    grid-auto-flow: column;
  }
  .grid.dense {
    grid-auto-flow: dense;
  }
  .grid .col {
    grid-column: 1/-1;
  }
  .grid .col-1 {
    grid-column: span 1;
  }
  .grid .col-2 {
    grid-column: span 2;
  }
  .grid .col-3 {
    grid-column: span 3;
  }
  .grid .col-4 {
    grid-column: span 4;
  }
  .grid .col-start-1 {
    grid-column-start: 1;
  }
  .grid .col-end-1 {
    grid-column-end: 1;
  }
  .grid .col-start-2 {
    grid-column-start: 2;
  }
  .grid .col-end-2 {
    grid-column-end: 2;
  }
  .grid .col-start-3 {
    grid-column-start: 3;
  }
  .grid .col-end-3 {
    grid-column-end: 3;
  }
  .grid .col-start-4 {
    grid-column-start: 4;
  }
  .grid .col-end-4 {
    grid-column-end: 4;
  }
  @media (min-width: 768px) {
    .grid .col-md-1 {
      grid-column: span 1;
    }
    .grid .col-md-2 {
      grid-column: span 2;
    }
    .grid .col-md-3 {
      grid-column: span 3;
    }
    .grid .col-md-4 {
      grid-column: span 4;
    }
    .grid .col-md-5 {
      grid-column: span 5;
    }
    .grid .col-md-6 {
      grid-column: span 6;
    }
    .grid .col-md-7 {
      grid-column: span 7;
    }
    .grid .col-md-8 {
      grid-column: span 8;
    }
    .grid .col-md-start-1.col-md-end-2 {
      grid-column: 1/2;
    }
    .grid .col-md-start-1.col-md-end-3 {
      grid-column: 1/3;
    }
    .grid .col-md-start-1.col-md-end-4 {
      grid-column: 1/4;
    }
    .grid .col-md-start-1.col-md-end-5 {
      grid-column: 1/5;
    }
    .grid .col-md-start-1.col-md-end-6 {
      grid-column: 1/6;
    }
    .grid .col-md-start-1.col-md-end-7 {
      grid-column: 1/7;
    }
    .grid .col-md-start-1.col-md-end-8 {
      grid-column: 1/8;
    }
    .grid .col-md-start-1.col-md-end-9 {
      grid-column: 1/9;
    }
    .grid .col-md-start-2.col-md-end-3 {
      grid-column: 2/3;
    }
    .grid .col-md-start-2.col-md-end-4 {
      grid-column: 2/4;
    }
    .grid .col-md-start-2.col-md-end-5 {
      grid-column: 2/5;
    }
    .grid .col-md-start-2.col-md-end-6 {
      grid-column: 2/6;
    }
    .grid .col-md-start-2.col-md-end-7 {
      grid-column: 2/7;
    }
    .grid .col-md-start-2.col-md-end-8 {
      grid-column: 2/8;
    }
    .grid .col-md-start-2.col-md-end-9 {
      grid-column: 2/9;
    }
    .grid .col-md-start-3.col-md-end-4 {
      grid-column: 3/4;
    }
    .grid .col-md-start-3.col-md-end-5 {
      grid-column: 3/5;
    }
    .grid .col-md-start-3.col-md-end-6 {
      grid-column: 3/6;
    }
    .grid .col-md-start-3.col-md-end-7 {
      grid-column: 3/7;
    }
    .grid .col-md-start-3.col-md-end-8 {
      grid-column: 3/8;
    }
    .grid .col-md-start-3.col-md-end-9 {
      grid-column: 3/9;
    }
    .grid .col-md-start-4.col-md-end-5 {
      grid-column: 4/5;
    }
    .grid .col-md-start-4.col-md-end-6 {
      grid-column: 4/6;
    }
    .grid .col-md-start-4.col-md-end-7 {
      grid-column: 4/7;
    }
    .grid .col-md-start-4.col-md-end-8 {
      grid-column: 4/8;
    }
    .grid .col-md-start-4.col-md-end-9 {
      grid-column: 4/9;
    }
    .grid .col-md-start-5.col-md-end-6 {
      grid-column: 5/6;
    }
    .grid .col-md-start-5.col-md-end-7 {
      grid-column: 5/7;
    }
    .grid .col-md-start-5.col-md-end-8 {
      grid-column: 5/8;
    }
    .grid .col-md-start-5.col-md-end-9 {
      grid-column: 5/9;
    }
    .grid .col-md-start-6.col-md-end-7 {
      grid-column: 6/7;
    }
    .grid .col-md-start-6.col-md-end-8 {
      grid-column: 6/8;
    }
    .grid .col-md-start-6.col-md-end-9 {
      grid-column: 6/9;
    }
    .grid .col-md-start-7.col-md-end-8 {
      grid-column: 7/8;
    }
    .grid .col-md-start-7.col-md-end-9 {
      grid-column: 7/9;
    }
    .grid .col-md-start-8.col-md-end-9 {
      grid-column: 8/9;
    }
    .grid .col-md-start-1 {
      grid-column-start: 1;
    }
    .grid .col-md-end-1 {
      grid-column-end: 1;
    }
    .grid .col-md-start-2 {
      grid-column-start: 2;
    }
    .grid .col-md-end-2 {
      grid-column-end: 2;
    }
    .grid .col-md-start-3 {
      grid-column-start: 3;
    }
    .grid .col-md-end-3 {
      grid-column-end: 3;
    }
    .grid .col-md-start-4 {
      grid-column-start: 4;
    }
    .grid .col-md-end-4 {
      grid-column-end: 4;
    }
    .grid .col-md-start-5 {
      grid-column-start: 5;
    }
    .grid .col-md-end-5 {
      grid-column-end: 5;
    }
    .grid .col-md-start-6 {
      grid-column-start: 6;
    }
    .grid .col-md-end-6 {
      grid-column-end: 6;
    }
    .grid .col-md-start-7 {
      grid-column-start: 7;
    }
    .grid .col-md-end-7 {
      grid-column-end: 7;
    }
    .grid .col-md-start-8 {
      grid-column-start: 8;
    }
    .grid .col-md-end-8 {
      grid-column-end: 8;
    }
  }
  @media (min-width: 1024px) {
    .grid .col-lg-1 {
      grid-column: span 1;
    }
    .grid .col-lg-2 {
      grid-column: span 2;
    }
    .grid .col-lg-3 {
      grid-column: span 3;
    }
    .grid .col-lg-4 {
      grid-column: span 4;
    }
    .grid .col-lg-5 {
      grid-column: span 5;
    }
    .grid .col-lg-6 {
      grid-column: span 6;
    }
    .grid .col-lg-7 {
      grid-column: span 7;
    }
    .grid .col-lg-8 {
      grid-column: span 8;
    }
    .grid .col-lg-9 {
      grid-column: span 9;
    }
    .grid .col-lg-10 {
      grid-column: span 10;
    }
    .grid .col-lg-11 {
      grid-column: span 11;
    }
    .grid .col-lg-12 {
      grid-column: span 12;
    }
    .grid .col-lg-start-1.col-lg-end-2 {
      grid-column: 1/2;
    }
    .grid .col-lg-start-1.col-lg-end-3 {
      grid-column: 1/3;
    }
    .grid .col-lg-start-1.col-lg-end-4 {
      grid-column: 1/4;
    }
    .grid .col-lg-start-1.col-lg-end-5 {
      grid-column: 1/5;
    }
    .grid .col-lg-start-1.col-lg-end-6 {
      grid-column: 1/6;
    }
    .grid .col-lg-start-1.col-lg-end-7 {
      grid-column: 1/7;
    }
    .grid .col-lg-start-1.col-lg-end-8 {
      grid-column: 1/8;
    }
    .grid .col-lg-start-1.col-lg-end-9 {
      grid-column: 1/9;
    }
    .grid .col-lg-start-1.col-lg-end-10 {
      grid-column: 1/10;
    }
    .grid .col-lg-start-1.col-lg-end-11 {
      grid-column: 1/11;
    }
    .grid .col-lg-start-1.col-lg-end-12 {
      grid-column: 1/12;
    }
    .grid .col-lg-start-1.col-lg-end-13 {
      grid-column: 1/13;
    }
    .grid .col-lg-start-2.col-lg-end-3 {
      grid-column: 2/3;
    }
    .grid .col-lg-start-2.col-lg-end-4 {
      grid-column: 2/4;
    }
    .grid .col-lg-start-2.col-lg-end-5 {
      grid-column: 2/5;
    }
    .grid .col-lg-start-2.col-lg-end-6 {
      grid-column: 2/6;
    }
    .grid .col-lg-start-2.col-lg-end-7 {
      grid-column: 2/7;
    }
    .grid .col-lg-start-2.col-lg-end-8 {
      grid-column: 2/8;
    }
    .grid .col-lg-start-2.col-lg-end-9 {
      grid-column: 2/9;
    }
    .grid .col-lg-start-2.col-lg-end-10 {
      grid-column: 2/10;
    }
    .grid .col-lg-start-2.col-lg-end-11 {
      grid-column: 2/11;
    }
    .grid .col-lg-start-2.col-lg-end-12 {
      grid-column: 2/12;
    }
    .grid .col-lg-start-2.col-lg-end-13 {
      grid-column: 2/13;
    }
    .grid .col-lg-start-3.col-lg-end-4 {
      grid-column: 3/4;
    }
    .grid .col-lg-start-3.col-lg-end-5 {
      grid-column: 3/5;
    }
    .grid .col-lg-start-3.col-lg-end-6 {
      grid-column: 3/6;
    }
    .grid .col-lg-start-3.col-lg-end-7 {
      grid-column: 3/7;
    }
    .grid .col-lg-start-3.col-lg-end-8 {
      grid-column: 3/8;
    }
    .grid .col-lg-start-3.col-lg-end-9 {
      grid-column: 3/9;
    }
    .grid .col-lg-start-3.col-lg-end-10 {
      grid-column: 3/10;
    }
    .grid .col-lg-start-3.col-lg-end-11 {
      grid-column: 3/11;
    }
    .grid .col-lg-start-3.col-lg-end-12 {
      grid-column: 3/12;
    }
    .grid .col-lg-start-3.col-lg-end-13 {
      grid-column: 3/13;
    }
    .grid .col-lg-start-4.col-lg-end-5 {
      grid-column: 4/5;
    }
    .grid .col-lg-start-4.col-lg-end-6 {
      grid-column: 4/6;
    }
    .grid .col-lg-start-4.col-lg-end-7 {
      grid-column: 4/7;
    }
    .grid .col-lg-start-4.col-lg-end-8 {
      grid-column: 4/8;
    }
    .grid .col-lg-start-4.col-lg-end-9 {
      grid-column: 4/9;
    }
    .grid .col-lg-start-4.col-lg-end-10 {
      grid-column: 4/10;
    }
    .grid .col-lg-start-4.col-lg-end-11 {
      grid-column: 4/11;
    }
    .grid .col-lg-start-4.col-lg-end-12 {
      grid-column: 4/12;
    }
    .grid .col-lg-start-4.col-lg-end-13 {
      grid-column: 4/13;
    }
    .grid .col-lg-start-5.col-lg-end-6 {
      grid-column: 5/6;
    }
    .grid .col-lg-start-5.col-lg-end-7 {
      grid-column: 5/7;
    }
    .grid .col-lg-start-5.col-lg-end-8 {
      grid-column: 5/8;
    }
    .grid .col-lg-start-5.col-lg-end-9 {
      grid-column: 5/9;
    }
    .grid .col-lg-start-5.col-lg-end-10 {
      grid-column: 5/10;
    }
    .grid .col-lg-start-5.col-lg-end-11 {
      grid-column: 5/11;
    }
    .grid .col-lg-start-5.col-lg-end-12 {
      grid-column: 5/12;
    }
    .grid .col-lg-start-5.col-lg-end-13 {
      grid-column: 5/13;
    }
    .grid .col-lg-start-6.col-lg-end-7 {
      grid-column: 6/7;
    }
    .grid .col-lg-start-6.col-lg-end-8 {
      grid-column: 6/8;
    }
    .grid .col-lg-start-6.col-lg-end-9 {
      grid-column: 6/9;
    }
    .grid .col-lg-start-6.col-lg-end-10 {
      grid-column: 6/10;
    }
    .grid .col-lg-start-6.col-lg-end-11 {
      grid-column: 6/11;
    }
    .grid .col-lg-start-6.col-lg-end-12 {
      grid-column: 6/12;
    }
    .grid .col-lg-start-6.col-lg-end-13 {
      grid-column: 6/13;
    }
    .grid .col-lg-start-7.col-lg-end-8 {
      grid-column: 7/8;
    }
    .grid .col-lg-start-7.col-lg-end-9 {
      grid-column: 7/9;
    }
    .grid .col-lg-start-7.col-lg-end-10 {
      grid-column: 7/10;
    }
    .grid .col-lg-start-7.col-lg-end-11 {
      grid-column: 7/11;
    }
    .grid .col-lg-start-7.col-lg-end-12 {
      grid-column: 7/12;
    }
    .grid .col-lg-start-7.col-lg-end-13 {
      grid-column: 7/13;
    }
    .grid .col-lg-start-8.col-lg-end-9 {
      grid-column: 8/9;
    }
    .grid .col-lg-start-8.col-lg-end-10 {
      grid-column: 8/10;
    }
    .grid .col-lg-start-8.col-lg-end-11 {
      grid-column: 8/11;
    }
    .grid .col-lg-start-8.col-lg-end-12 {
      grid-column: 8/12;
    }
    .grid .col-lg-start-8.col-lg-end-13 {
      grid-column: 8/13;
    }
    .grid .col-lg-start-9.col-lg-end-10 {
      grid-column: 9/10;
    }
    .grid .col-lg-start-9.col-lg-end-11 {
      grid-column: 9/11;
    }
    .grid .col-lg-start-9.col-lg-end-12 {
      grid-column: 9/12;
    }
    .grid .col-lg-start-9.col-lg-end-13 {
      grid-column: 9/13;
    }
    .grid .col-lg-start-10.col-lg-end-11 {
      grid-column: 10/11;
    }
    .grid .col-lg-start-10.col-lg-end-12 {
      grid-column: 10/12;
    }
    .grid .col-lg-start-10.col-lg-end-13 {
      grid-column: 10/13;
    }
    .grid .col-lg-start-11.col-lg-end-12 {
      grid-column: 11/12;
    }
    .grid .col-lg-start-11.col-lg-end-13 {
      grid-column: 11/13;
    }
    .grid .col-lg-start-12.col-lg-end-13 {
      grid-column: 12/13;
    }
    .grid .col-lg-start-1 {
      grid-column-start: 1;
    }
    .grid .col-lg-end-1 {
      grid-column-end: 1;
    }
    .grid .col-lg-start-2 {
      grid-column-start: 2;
    }
    .grid .col-lg-end-2 {
      grid-column-end: 2;
    }
    .grid .col-lg-start-3 {
      grid-column-start: 3;
    }
    .grid .col-lg-end-3 {
      grid-column-end: 3;
    }
    .grid .col-lg-start-4 {
      grid-column-start: 4;
    }
    .grid .col-lg-end-4 {
      grid-column-end: 4;
    }
    .grid .col-lg-start-5 {
      grid-column-start: 5;
    }
    .grid .col-lg-end-5 {
      grid-column-end: 5;
    }
    .grid .col-lg-start-6 {
      grid-column-start: 6;
    }
    .grid .col-lg-end-6 {
      grid-column-end: 6;
    }
    .grid .col-lg-start-7 {
      grid-column-start: 7;
    }
    .grid .col-lg-end-7 {
      grid-column-end: 7;
    }
    .grid .col-lg-start-8 {
      grid-column-start: 8;
    }
    .grid .col-lg-end-8 {
      grid-column-end: 8;
    }
    .grid .col-lg-start-9 {
      grid-column-start: 9;
    }
    .grid .col-lg-end-9 {
      grid-column-end: 9;
    }
    .grid .col-lg-start-10 {
      grid-column-start: 10;
    }
    .grid .col-lg-end-10 {
      grid-column-end: 10;
    }
    .grid .col-lg-start-11 {
      grid-column-start: 11;
    }
    .grid .col-lg-end-11 {
      grid-column-end: 11;
    }
    .grid .col-lg-start-12 {
      grid-column-start: 12;
    }
    .grid .col-lg-end-12 {
      grid-column-end: 12;
    }
  }
  @media (min-width: 1200px) {
    .grid .col-xl-1 {
      grid-column: span 1;
    }
    .grid .col-xl-2 {
      grid-column: span 2;
    }
    .grid .col-xl-3 {
      grid-column: span 3;
    }
    .grid .col-xl-4 {
      grid-column: span 4;
    }
    .grid .col-xl-5 {
      grid-column: span 5;
    }
    .grid .col-xl-6 {
      grid-column: span 6;
    }
    .grid .col-xl-7 {
      grid-column: span 7;
    }
    .grid .col-xl-8 {
      grid-column: span 8;
    }
    .grid .col-xl-9 {
      grid-column: span 9;
    }
    .grid .col-xl-10 {
      grid-column: span 10;
    }
    .grid .col-xl-11 {
      grid-column: span 11;
    }
    .grid .col-xl-12 {
      grid-column: span 12;
    }
    .grid .col-xl-start-1.col-xl-end-2 {
      grid-column: 1/2;
    }
    .grid .col-xl-start-1.col-xl-end-3 {
      grid-column: 1/3;
    }
    .grid .col-xl-start-1.col-xl-end-4 {
      grid-column: 1/4;
    }
    .grid .col-xl-start-1.col-xl-end-5 {
      grid-column: 1/5;
    }
    .grid .col-xl-start-1.col-xl-end-6 {
      grid-column: 1/6;
    }
    .grid .col-xl-start-1.col-xl-end-7 {
      grid-column: 1/7;
    }
    .grid .col-xl-start-1.col-xl-end-8 {
      grid-column: 1/8;
    }
    .grid .col-xl-start-1.col-xl-end-9 {
      grid-column: 1/9;
    }
    .grid .col-xl-start-1.col-xl-end-10 {
      grid-column: 1/10;
    }
    .grid .col-xl-start-1.col-xl-end-11 {
      grid-column: 1/11;
    }
    .grid .col-xl-start-1.col-xl-end-12 {
      grid-column: 1/12;
    }
    .grid .col-xl-start-1.col-xl-end-13 {
      grid-column: 1/13;
    }
    .grid .col-xl-start-2.col-xl-end-3 {
      grid-column: 2/3;
    }
    .grid .col-xl-start-2.col-xl-end-4 {
      grid-column: 2/4;
    }
    .grid .col-xl-start-2.col-xl-end-5 {
      grid-column: 2/5;
    }
    .grid .col-xl-start-2.col-xl-end-6 {
      grid-column: 2/6;
    }
    .grid .col-xl-start-2.col-xl-end-7 {
      grid-column: 2/7;
    }
    .grid .col-xl-start-2.col-xl-end-8 {
      grid-column: 2/8;
    }
    .grid .col-xl-start-2.col-xl-end-9 {
      grid-column: 2/9;
    }
    .grid .col-xl-start-2.col-xl-end-10 {
      grid-column: 2/10;
    }
    .grid .col-xl-start-2.col-xl-end-11 {
      grid-column: 2/11;
    }
    .grid .col-xl-start-2.col-xl-end-12 {
      grid-column: 2/12;
    }
    .grid .col-xl-start-2.col-xl-end-13 {
      grid-column: 2/13;
    }
    .grid .col-xl-start-3.col-xl-end-4 {
      grid-column: 3/4;
    }
    .grid .col-xl-start-3.col-xl-end-5 {
      grid-column: 3/5;
    }
    .grid .col-xl-start-3.col-xl-end-6 {
      grid-column: 3/6;
    }
    .grid .col-xl-start-3.col-xl-end-7 {
      grid-column: 3/7;
    }
    .grid .col-xl-start-3.col-xl-end-8 {
      grid-column: 3/8;
    }
    .grid .col-xl-start-3.col-xl-end-9 {
      grid-column: 3/9;
    }
    .grid .col-xl-start-3.col-xl-end-10 {
      grid-column: 3/10;
    }
    .grid .col-xl-start-3.col-xl-end-11 {
      grid-column: 3/11;
    }
    .grid .col-xl-start-3.col-xl-end-12 {
      grid-column: 3/12;
    }
    .grid .col-xl-start-3.col-xl-end-13 {
      grid-column: 3/13;
    }
    .grid .col-xl-start-4.col-xl-end-5 {
      grid-column: 4/5;
    }
    .grid .col-xl-start-4.col-xl-end-6 {
      grid-column: 4/6;
    }
    .grid .col-xl-start-4.col-xl-end-7 {
      grid-column: 4/7;
    }
    .grid .col-xl-start-4.col-xl-end-8 {
      grid-column: 4/8;
    }
    .grid .col-xl-start-4.col-xl-end-9 {
      grid-column: 4/9;
    }
    .grid .col-xl-start-4.col-xl-end-10 {
      grid-column: 4/10;
    }
    .grid .col-xl-start-4.col-xl-end-11 {
      grid-column: 4/11;
    }
    .grid .col-xl-start-4.col-xl-end-12 {
      grid-column: 4/12;
    }
    .grid .col-xl-start-4.col-xl-end-13 {
      grid-column: 4/13;
    }
    .grid .col-xl-start-5.col-xl-end-6 {
      grid-column: 5/6;
    }
    .grid .col-xl-start-5.col-xl-end-7 {
      grid-column: 5/7;
    }
    .grid .col-xl-start-5.col-xl-end-8 {
      grid-column: 5/8;
    }
    .grid .col-xl-start-5.col-xl-end-9 {
      grid-column: 5/9;
    }
    .grid .col-xl-start-5.col-xl-end-10 {
      grid-column: 5/10;
    }
    .grid .col-xl-start-5.col-xl-end-11 {
      grid-column: 5/11;
    }
    .grid .col-xl-start-5.col-xl-end-12 {
      grid-column: 5/12;
    }
    .grid .col-xl-start-5.col-xl-end-13 {
      grid-column: 5/13;
    }
    .grid .col-xl-start-6.col-xl-end-7 {
      grid-column: 6/7;
    }
    .grid .col-xl-start-6.col-xl-end-8 {
      grid-column: 6/8;
    }
    .grid .col-xl-start-6.col-xl-end-9 {
      grid-column: 6/9;
    }
    .grid .col-xl-start-6.col-xl-end-10 {
      grid-column: 6/10;
    }
    .grid .col-xl-start-6.col-xl-end-11 {
      grid-column: 6/11;
    }
    .grid .col-xl-start-6.col-xl-end-12 {
      grid-column: 6/12;
    }
    .grid .col-xl-start-6.col-xl-end-13 {
      grid-column: 6/13;
    }
    .grid .col-xl-start-7.col-xl-end-8 {
      grid-column: 7/8;
    }
    .grid .col-xl-start-7.col-xl-end-9 {
      grid-column: 7/9;
    }
    .grid .col-xl-start-7.col-xl-end-10 {
      grid-column: 7/10;
    }
    .grid .col-xl-start-7.col-xl-end-11 {
      grid-column: 7/11;
    }
    .grid .col-xl-start-7.col-xl-end-12 {
      grid-column: 7/12;
    }
    .grid .col-xl-start-7.col-xl-end-13 {
      grid-column: 7/13;
    }
    .grid .col-xl-start-8.col-xl-end-9 {
      grid-column: 8/9;
    }
    .grid .col-xl-start-8.col-xl-end-10 {
      grid-column: 8/10;
    }
    .grid .col-xl-start-8.col-xl-end-11 {
      grid-column: 8/11;
    }
    .grid .col-xl-start-8.col-xl-end-12 {
      grid-column: 8/12;
    }
    .grid .col-xl-start-8.col-xl-end-13 {
      grid-column: 8/13;
    }
    .grid .col-xl-start-9.col-xl-end-10 {
      grid-column: 9/10;
    }
    .grid .col-xl-start-9.col-xl-end-11 {
      grid-column: 9/11;
    }
    .grid .col-xl-start-9.col-xl-end-12 {
      grid-column: 9/12;
    }
    .grid .col-xl-start-9.col-xl-end-13 {
      grid-column: 9/13;
    }
    .grid .col-xl-start-10.col-xl-end-11 {
      grid-column: 10/11;
    }
    .grid .col-xl-start-10.col-xl-end-12 {
      grid-column: 10/12;
    }
    .grid .col-xl-start-10.col-xl-end-13 {
      grid-column: 10/13;
    }
    .grid .col-xl-start-11.col-xl-end-12 {
      grid-column: 11/12;
    }
    .grid .col-xl-start-11.col-xl-end-13 {
      grid-column: 11/13;
    }
    .grid .col-xl-start-12.col-xl-end-13 {
      grid-column: 12/13;
    }
    .grid .col-xl-start-1 {
      grid-column-start: 1;
    }
    .grid .col-xl-end-1 {
      grid-column-end: 1;
    }
    .grid .col-xl-start-2 {
      grid-column-start: 2;
    }
    .grid .col-xl-end-2 {
      grid-column-end: 2;
    }
    .grid .col-xl-start-3 {
      grid-column-start: 3;
    }
    .grid .col-xl-end-3 {
      grid-column-end: 3;
    }
    .grid .col-xl-start-4 {
      grid-column-start: 4;
    }
    .grid .col-xl-end-4 {
      grid-column-end: 4;
    }
    .grid .col-xl-start-5 {
      grid-column-start: 5;
    }
    .grid .col-xl-end-5 {
      grid-column-end: 5;
    }
    .grid .col-xl-start-6 {
      grid-column-start: 6;
    }
    .grid .col-xl-end-6 {
      grid-column-end: 6;
    }
    .grid .col-xl-start-7 {
      grid-column-start: 7;
    }
    .grid .col-xl-end-7 {
      grid-column-end: 7;
    }
    .grid .col-xl-start-8 {
      grid-column-start: 8;
    }
    .grid .col-xl-end-8 {
      grid-column-end: 8;
    }
    .grid .col-xl-start-9 {
      grid-column-start: 9;
    }
    .grid .col-xl-end-9 {
      grid-column-end: 9;
    }
    .grid .col-xl-start-10 {
      grid-column-start: 10;
    }
    .grid .col-xl-end-10 {
      grid-column-end: 10;
    }
    .grid .col-xl-start-11 {
      grid-column-start: 11;
    }
    .grid .col-xl-end-11 {
      grid-column-end: 11;
    }
    .grid .col-xl-start-12 {
      grid-column-start: 12;
    }
    .grid .col-xl-end-12 {
      grid-column-end: 12;
    }
  }
}
@layer foundation {
  .ratio-16-9 {
    aspect-ratio: 1.7777777778 !important;
  }
  .ratio-16-5 {
    aspect-ratio: 3.2 !important;
  }
  .ratio-4-3 {
    aspect-ratio: 1.3333333333 !important;
  }
  .ratio-3-4 {
    aspect-ratio: 0.75 !important;
  }
  .ratio-3-2 {
    aspect-ratio: 1.5 !important;
  }
  .ratio-7-4 {
    aspect-ratio: 1.75 !important;
  }
  .ratio-21-9 {
    aspect-ratio: 2.3333333333 !important;
  }
  .ratio-1-1 {
    aspect-ratio: 1 !important;
  }
  .ratio-5-8 {
    aspect-ratio: 0.625 !important;
  }
  .ratio-2-3 {
    aspect-ratio: 0.6666666667 !important;
  }
}
@layer foundation {
  .icon {
    display: inline-block;
    margin: 0 auto;
    width: var(--icon-width, var(--icon-size, 1.5rem));
    height: var(--icon-height, var(--icon-size, 1.5rem));
    background-color: var(--icon-color, var(--theme-icon-primary));
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
  }
  .icon.size-sm {
    --icon-size: 1rem;
  }
  .icon.size-lg {
    --icon-size: 2rem;
  }
  .icon.icon--multicolor {
    background-color: transparent !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    color: var(--icon-color, var(--theme-icon-primary));
    --icon-contrast: var(--theme-surface-primary);
  }
  .icon.icon--multicolor svg {
    width: 100%;
    height: 100%;
    display: block;
  }
}
@layer foundation {
  .button {
    display: inline-flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 3.5rem;
    padding: 1rem 2rem;
    border-width: 2px;
    border-style: solid;
    border-color: var(--border-color, transparent);
    border-radius: 6rem;
    color: var(--color);
    background-color: var(--background-color, transparent);
    text-decoration: none;
    cursor: pointer;
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    transition: border-color 0.15s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.15s cubic-bezier(0.19, 1, 0.22, 1), color 0.15s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .button .button-content {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }
  @media (prefers-reduced-motion: reduce) {
    .button .button-content {
      transition: none;
    }
  }
  .button .icon {
    margin: 0;
  }
  .button.small {
    min-height: 2.5rem;
    padding: 0.75rem 1.5rem;
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
  }
  .button:focus:not(:focus-visible) {
    outline: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .button {
      transition: none;
    }
  }
  .button:disabled, .button[aria-disabled=true], .button.disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  .button:disabled .button-content, .button[aria-disabled=true] .button-content, .button.disabled .button-content {
    opacity: 0.5;
  }
  .button.primary {
    --background-color: var(--theme-interactive-primary-fill);
    --color: var(--theme-interactive-primary-text);
  }
  .button.primary .icon {
    --icon-color: var(--theme-interactive-primary-icon);
    --icon-size: 1.5rem;
  }
  .button.primary.small .icon {
    --icon-size: 1rem;
  }
  .button.primary.hover {
    --background-color: var(--theme-interactive-primary-fill-hover);
    --border-color: var(--theme-interactive-primary-border-hover);
    --color: var(--theme-interactive-primary-text-hover);
  }
  .button.primary.hover .icon {
    --icon-color: var(--theme-interactive-primary-icon-hover);
  }
  @media (hover: hover) and (pointer: fine) {
    .button.primary:hover {
      --background-color: var(--theme-interactive-primary-fill-hover);
      --border-color: var(--theme-interactive-primary-border-hover);
      --color: var(--theme-interactive-primary-text-hover);
    }
    .button.primary:hover .icon {
      --icon-color: var(--theme-interactive-primary-icon-hover);
    }
  }
  .button.primary.focus:not(:hover), .button.primary:focus-visible:not(:hover) {
    --background-color: var(--theme-interactive-primary-fill-focus);
    --color: var(--theme-interactive-primary-text);
  }
  .button.primary.focus:not(:hover) .icon, .button.primary:focus-visible:not(:hover) .icon {
    --icon-color: var(--theme-interactive-primary-icon);
  }
  .button.primary.focus, .button.primary:focus-visible {
    outline: 0.125rem solid var(--theme-focus-primary);
    outline-offset: 0.25rem;
    --border-color: var(--theme-interactive-primary-border-focus);
  }
  .button.primary:disabled, .button.primary[aria-disabled=true], .button.primary.disabled {
    --background-color: var(--theme-interactive-primary-fill-disabled);
  }
  .button.secondary {
    --background-color: var(--theme-interactive-secondary-fill);
    --color: var(--theme-interactive-secondary-text);
    --border-color: var(--theme-interactive-secondary-border);
  }
  .button.secondary .icon {
    --icon-color: var(--theme-interactive-secondary-icon);
    --icon-size: 1.25rem;
  }
  .button.secondary.small .icon {
    --icon-size: 1rem;
  }
  .button.secondary.hover {
    --background-color: var(--theme-interactive-secondary-fill-hover);
    --color: var(--theme-interactive-secondary-text-hover);
    --border-color: var(--theme-interactive-secondary-border-hover);
  }
  .button.secondary.hover .icon {
    --icon-color: var(--theme-interactive-secondary-icon-hover);
  }
  @media (hover: hover) and (pointer: fine) {
    .button.secondary:hover {
      --background-color: var(--theme-interactive-secondary-fill-hover);
      --color: var(--theme-interactive-secondary-text-hover);
      --border-color: var(--theme-interactive-secondary-border-hover);
    }
    .button.secondary:hover .icon {
      --icon-color: var(--theme-interactive-secondary-icon-hover);
    }
  }
  .button.secondary.focus:not(:hover), .button.secondary:focus-visible:not(:hover) {
    --background-color: var(--theme-interactive-secondary-fill-focus);
    --color: var(--theme-interactive-secondary-text);
  }
  .button.secondary.focus:not(:hover) .icon, .button.secondary:focus-visible:not(:hover) .icon {
    --icon-color: var(--theme-interactive-secondary-icon);
  }
  .button.secondary.focus, .button.secondary:focus-visible {
    outline: 0.125rem solid var(--theme-focus-primary);
    outline-offset: 0.25rem;
    --border-color: var(--theme-interactive-secondary-border-focus);
  }
  .button.secondary:disabled, .button.secondary[aria-disabled=true], .button.secondary.disabled {
    --background-color: var(--theme-interactive-secondary-fill-disabled);
    --border-color: var(--theme-interactive-secondary-border-disabled);
  }
  .button.secondary--accent {
    --background-color: var(--theme-interactive-secondary-accent-fill);
    --color: var(--theme-interactive-secondary-accent-text);
    --border-color: var(--theme-interactive-secondary-accent-border);
  }
  .button.secondary--accent .icon {
    --icon-color: var(--theme-interactive-secondary-accent-icon);
    --icon-size: 1.25rem;
  }
  .button.secondary--accent.small .icon {
    --icon-size: 1rem;
  }
  .button.secondary--accent.hover {
    --background-color: var(--theme-interactive-secondary-accent-fill-hover);
    --color: var(--theme-interactive-secondary-accent-text-hover);
    --border-color: var(--theme-interactive-secondary-accent-border-hover);
  }
  .button.secondary--accent.hover .icon {
    --icon-color: var(--theme-interactive-secondary-accent-icon-hover);
  }
  @media (hover: hover) and (pointer: fine) {
    .button.secondary--accent:hover {
      --background-color: var(--theme-interactive-secondary-accent-fill-hover);
      --color: var(--theme-interactive-secondary-accent-text-hover);
      --border-color: var(--theme-interactive-secondary-accent-border-hover);
    }
    .button.secondary--accent:hover .icon {
      --icon-color: var(--theme-interactive-secondary-accent-icon-hover);
    }
  }
  .button.secondary--accent.focus:not(:hover), .button.secondary--accent:focus-visible:not(:hover) {
    --background-color: var(--theme-interactive-secondary-accent-fill-focus);
    --color: var(--theme-interactive-secondary-accent-text);
  }
  .button.secondary--accent.focus:not(:hover) .icon, .button.secondary--accent:focus-visible:not(:hover) .icon {
    --icon-color: var(--theme-interactive-secondary-accent-icon);
  }
  .button.secondary--accent.focus, .button.secondary--accent:focus-visible {
    outline: 0.125rem solid var(--theme-focus-primary);
    outline-offset: 0.25rem;
    --border-color: var(--theme-interactive-secondary-accent-border-focus);
  }
  .button.secondary--accent:disabled, .button.secondary--accent[aria-disabled=true], .button.secondary--accent.disabled {
    --background-color: var(--theme-interactive-secondary-accent-fill-disabled);
    --border-color: var(--theme-interactive-secondary-accent-border-disabled);
  }
  .button.tertiary {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    --color: var(--theme-interactive-tertiary-text);
    --text-stroke: 0;
    border: none;
    padding: 0;
    height: auto;
    text-decoration: none;
    min-height: auto;
  }
  .button.tertiary .icon {
    --icon-color: var(--theme-interactive-tertiary-icon);
  }
  .button.tertiary.small {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .button.tertiary .button-content {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    -webkit-text-stroke-width: var(--text-stroke);
    -webkit-text-stroke-color: currentcolor;
    transition: -webkit-text-stroke-width 0.15s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .button.tertiary .button-content::before {
    content: attr(data-text);
    font-weight: 600;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
  }
  .button.tertiary .button-content::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: currentcolor;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.45s cubic-bezier(0.5, 0, 0, 1);
  }
  @media (prefers-reduced-motion: reduce) {
    .button.tertiary .button-content::after {
      transition: none;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .button.tertiary .button-content {
      transition: none;
    }
  }
  .button.tertiary.hover {
    --text-stroke: 0.5px;
  }
  .button.tertiary.hover .button-content::after {
    transform: scaleX(1);
    transform-origin: left;
  }
  @media (hover: hover) and (pointer: fine) {
    .button.tertiary:hover {
      --text-stroke: 0.5px;
    }
    .button.tertiary:hover .button-content::after {
      transform: scaleX(1);
      transform-origin: left;
    }
  }
  .button.tertiary.focus, .button.tertiary:focus-visible {
    --text-stroke: 0.5px;
    outline: 0.125rem solid var(--theme-focus-primary);
    outline-offset: 0.25rem;
    min-height: auto;
    outline-offset: 0.5rem;
  }
  .button.tertiary:disabled, .button.tertiary[aria-disabled=true], .button.tertiary.disabled {
    opacity: 0.5;
  }
  .button.icon-only {
    --icon-size: 2rem;
    height: 3.5rem;
    width: 3.5rem;
    min-height: auto;
    padding: 1rem;
  }
  .button.icon-only.medium {
    --icon-size: 1.5rem;
    height: 2.5rem;
    width: 2.5rem;
    padding: 0.75rem;
  }
  .button.icon-only.small {
    --icon-size: 1rem;
    height: 1.5rem;
    width: 1.5rem;
    padding: 0.25rem;
  }
  .button.icon-only.primary .icon {
    --icon-color: var(--theme-interactive-primary-icon);
  }
  .button.icon-only.primary.hover .icon {
    --icon-color: var(--theme-interactive-primary-icon-hover);
  }
  @media (hover: hover) and (pointer: fine) {
    .button.icon-only.primary:hover .icon {
      --icon-color: var(--theme-interactive-primary-icon-hover);
    }
  }
  .button.icon-only.primary.focus:not(:hover) .icon, .button.icon-only.primary:focus-visible:not(:hover) .icon {
    --icon-color: var(--theme-interactive-primary-icon);
  }
  .button.icon-only.primary:disabled .icon {
    --icon-color: var(--theme-interactive-secondary-icon-disabled);
  }
  .button.icon-only.secondary .icon {
    --icon-color: var(--theme-interactive-secondary-icon);
  }
  .button.icon-only.secondary.hover .icon {
    --icon-color: var(--theme-interactive-secondary-icon-hover);
  }
  @media (hover: hover) and (pointer: fine) {
    .button.icon-only.secondary:hover .icon {
      --icon-color: var(--theme-interactive-secondary-icon-hover);
    }
  }
  .button.icon-only.secondary.focus:not(:hover) .icon, .button.icon-only.secondary:focus-visible:not(:hover) .icon {
    --icon-color: var(--theme-interactive-secondary-icon);
  }
  .button.icon-only.secondary:disabled .icon {
    --icon-color: var(--theme-interactive-secondary-icon-disabled);
  }
  .button.icon-only.tertiary {
    height: auto;
    padding: 0;
    width: auto;
  }
  .button.icon-only.tertiary .icon {
    --icon-color: var(--theme-interactive-secondary-icon);
  }
  .button.icon-only.tertiary .button-content::after {
    display: none;
  }
  .button.icon-only.tertiary:disabled, .button.icon-only.tertiary[aria-disabled=true], .button.icon-only.tertiary.disabled {
    --border-color: var(--theme-interactive-secondary-border-disabled);
  }
  .button.icon-only.tertiary:disabled .icon, .button.icon-only.tertiary[aria-disabled=true] .icon, .button.icon-only.tertiary.disabled .icon {
    --icon-color: var(--theme-interactive-secondary-icon-disabled);
  }
  .button.icon-only.tertiary.focus:not(:hover), .button.icon-only.tertiary:focus-visible:not(:hover) {
    border-radius: 6rem;
    outline-offset: 0.5rem;
  }
  .button.icon-only.tertiary.focus:not(:hover).small, .button.icon-only.tertiary:focus-visible:not(:hover).small {
    outline-offset: 0.25rem;
  }
  .button.text-link {
    display: inline;
    text-decoration: none;
    background-image: linear-gradient(currentcolor, currentcolor);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 0% 0.09375rem;
    border-radius: 0;
    min-height: auto;
    padding: 0;
    transition: background-size 0.45s cubic-bezier(0.5, 0, 0, 1), background-position 0.45s cubic-bezier(0.5, 0, 0, 1);
  }
  .button.text-link.hover {
    background-size: 100% 0.09375rem;
  }
  @media (hover: hover) and (pointer: fine) {
    .button.text-link:hover {
      background-size: 100% 0.09375rem;
    }
  }
  .button.text-link.focus, .button.text-link:focus-visible {
    outline: 0.125rem solid var(--theme-focus-primary);
    outline-offset: 0.25rem;
    border-radius: 6rem;
  }
  .button.text-link--underlined {
    background-size: 100% 0.09375rem;
    background-position: right bottom;
  }
  .button.text-link--underlined.hover {
    background-size: 0% 0.09375rem;
  }
  @media (hover: hover) and (pointer: fine) {
    .button.text-link--underlined:hover {
      background-size: 0% 0.09375rem;
    }
  }
  .button.text-link--small {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  @media (min-width: 1024px) {
    .button.text-link--small {
      line-height: 1.2;
    }
  }
  .button.text-link--medium {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .button.text-link--large {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  @media (min-width: 1024px) {
    .button.text-link--large {
      font-size: 1.125rem;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .button.text-link {
      transition-duration: 0ms;
    }
  }
  .button.quaternary {
    --background-color: var(--theme-interactive-quaternary-fill);
    --color: var(--theme-interactive-quaternary-text);
    --border-color: var(--theme-interactive-quaternary-border);
  }
  .button.quaternary .icon {
    --icon-color: var(--theme-interactive-quaternary-icon);
    --icon-size: 1.25rem;
  }
  .button.quaternary.small .icon {
    --icon-size: 1rem;
  }
  .button.quaternary.hover {
    --background-color: var(--theme-interactive-quaternary-fill-hover);
    --color: var(--theme-interactive-quaternary-text-hover);
    --border-color: var(--theme-interactive-quaternary-border-hover);
  }
  .button.quaternary.hover .icon {
    --icon-color: var(--theme-interactive-quaternary-icon-hover);
  }
  @media (hover: hover) and (pointer: fine) {
    .button.quaternary:hover {
      --background-color: var(--theme-interactive-quaternary-fill-hover);
      --color: var(--theme-interactive-quaternary-text-hover);
      --border-color: var(--theme-interactive-quaternary-border-hover);
    }
    .button.quaternary:hover .icon {
      --icon-color: var(--theme-interactive-quaternary-icon-hover);
    }
  }
  .button.quaternary.focus:not(:hover), .button.quaternary:focus-visible:not(:hover) {
    --background-color: var(--theme-interactive-quaternary-fill-focus);
    --color: var(--theme-interactive-quaternary-text);
  }
  .button.quaternary.focus:not(:hover) .icon, .button.quaternary:focus-visible:not(:hover) .icon {
    --icon-color: var(--theme-interactive-quaternary-icon);
  }
  .button.quaternary.focus, .button.quaternary:focus-visible {
    outline: 0.125rem solid var(--theme-focus-primary);
    outline-offset: 0.25rem;
    --border-color: var(--theme-interactive-quaternary-border-focus);
  }
  .button.quaternary:disabled, .button.quaternary[aria-disabled=true], .button.quaternary.disabled {
    --background-color: var(--theme-interactive-quaternary-fill-disabled);
    --border-color: var(--theme-interactive-quaternary-border-disabled);
  }
  .image {
    overflow: hidden;
    margin: 0;
  }
  .image,
  .image img {
    display: block;
    width: 100%;
  }
  .image img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .image.radius-0 {
    border-radius: 0;
  }
  .image.radius-50 {
    border-radius: 0.25rem;
  }
  .image.radius-100 {
    border-radius: 0.5rem;
  }
  .image.radius-200 {
    border-radius: 1rem;
  }
  .image.radius-300 {
    border-radius: 1.5rem;
  }
  .image.radius-400 {
    border-radius: 2rem;
  }
  .image.radius-600 {
    border-radius: 3rem;
  }
  .image.radius-800 {
    border-radius: 4rem;
  }
  .image.radius-1000 {
    border-radius: 5rem;
  }
  .image.radius-1200 {
    border-radius: 6rem;
  }
  .image.radius-full {
    border-radius: 9999px;
  }
  .primary-dropdown {
    border: 3px solid #ccc;
    border-radius: 10px;
    color: #373e44;
    font-size: 20px;
    line-height: 2;
    background: #fff;
    padding: 5px 15px;
  }
  .primary-dropdown:focus-visible {
    outline: 0;
  }
}
@layer foundation {
  .display-1 {
    font-family: var(--font-primary);
    font-size: 4rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .display-1 {
      font-size: 7rem;
    }
  }
  .display-2 {
    font-family: var(--font-primary);
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .display-2 {
      font-size: 5.5rem;
    }
  }
  .display-3 {
    font-family: var(--font-primary);
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .display-3 {
      font-size: 3rem;
      line-height: 1;
    }
  }
  .headline-1 {
    font-family: var(--font-primary);
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .headline-1 {
      font-size: 4rem;
    }
  }
  .headline-2 {
    font-family: var(--font-primary);
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .headline-2 {
      font-size: 3rem;
    }
  }
  .headline-3 {
    font-family: var(--font-primary);
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .headline-3 {
      font-size: 2.5rem;
      line-height: 1;
    }
  }
  .headline-4 {
    font-family: var(--font-primary);
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .headline-4 {
      font-size: 2rem;
      line-height: 1;
    }
  }
  .headline-4-bold {
    font-family: var(--font-primary);
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .headline-4-bold {
      font-size: 2rem;
      line-height: 1;
    }
  }
  .headline-5 {
    font-family: var(--font-primary);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .headline-5 {
      line-height: 1;
    }
  }
  .body-large {
    font-family: var(--font-primary);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-large-semi-bold {
    font-family: var(--font-primary);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-large-bold {
    font-family: var(--font-primary);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-medium {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-medium-semi-bold {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-medium-bold {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-small {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-small-semi-bold {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-small-bold {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-extra-small {
    font-family: var(--font-primary);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
  }
  .body-extra-small-semi-bold {
    font-family: var(--font-primary);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0;
  }
  .body-extra-small-bold {
    font-family: var(--font-primary);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0;
  }
  .button-medium {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
  }
  .button-small {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
  }
  .link-large {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  @media (min-width: 1024px) {
    .link-large {
      font-size: 1.125rem;
    }
  }
  .link-medium {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .link-small {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  @media (min-width: 1024px) {
    .link-small {
      line-height: 1.2;
    }
  }
}
@layer foundation {
  .default-content-wrapper {
    box-sizing: content-box;
    margin-inline: auto;
    max-width: 100%;
  }
  @media (min-width: 1024px) {
    .default-content-wrapper {
      max-width: 120rem;
    }
  }
  .default-content-wrapper :is(h1, h2, h3, h4, h5, h6) + * {
    margin-top: 1rem;
  }
  .default-content-wrapper * + :is(h1, h2, h3, h4, h5, h6) {
    margin-top: 1.5rem;
  }
  @media (min-width: 1024px) {
    .default-content-wrapper * + :is(h1, h2, h3, h4, h5, h6) {
      margin-top: 2rem;
    }
  }
  .default-content-wrapper :is(p, ul, ol) + :is(p, ul, ol) {
    margin-top: 2rem;
  }
  .default-content-wrapper h1 {
    font-family: var(--font-primary);
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .default-content-wrapper h1 {
      font-size: 4rem;
    }
  }
  .default-content-wrapper h2 {
    font-family: var(--font-primary);
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .default-content-wrapper h2 {
      font-size: 3rem;
    }
  }
  .default-content-wrapper h3 {
    font-family: var(--font-primary);
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .default-content-wrapper h3 {
      font-size: 2.5rem;
      line-height: 1;
    }
  }
  .default-content-wrapper h4 {
    font-family: var(--font-primary);
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .default-content-wrapper h4 {
      font-size: 2rem;
      line-height: 1;
    }
  }
  .default-content-wrapper h5 {
    font-family: var(--font-primary);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .default-content-wrapper h5 {
      line-height: 1;
    }
  }
  .default-content-wrapper h6 {
    font-family: var(--font-primary);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .default-content-wrapper p {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .default-content-wrapper a:not(.button) {
    color: var(--theme-text-primary);
    text-decoration: none;
    background-image: linear-gradient(currentcolor, currentcolor);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100% 0.09375rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transition: background-size 0.45s cubic-bezier(0.5, 0, 0, 1), background-position 0.45s cubic-bezier(0.5, 0, 0, 1);
  }
  .default-content-wrapper a:not(.button):hover {
    background-size: 0% 0.09375rem;
  }
  .default-content-wrapper a:not(.button):focus-visible {
    outline: 0.125rem solid var(--theme-focus-primary);
    outline-offset: 0.25rem;
    outline-offset: 0.0625rem;
    border-radius: 0.25rem;
  }
  @media (prefers-reduced-motion: reduce) {
    .default-content-wrapper a:not(.button) {
      transition-duration: 0ms;
    }
  }
  .default-content-wrapper strong,
  .default-content-wrapper b {
    font-weight: var(--font-weight-bold);
  }
  .default-content-wrapper sup {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    vertical-align: super;
  }
  .default-content-wrapper ul,
  .default-content-wrapper ol {
    margin: 0;
    padding-left: 1.5rem;
  }
  .default-content-wrapper ul {
    list-style-type: disc;
  }
  .default-content-wrapper ol {
    list-style-type: decimal;
  }
  .default-content-wrapper li {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0;
  }
  .default-content-wrapper ul ul {
    list-style-type: disc;
  }
  .default-content-wrapper ol ol {
    list-style-type: lower-alpha;
  }
  .default-content-wrapper ul ol {
    list-style-type: lower-alpha;
  }
  .default-content-wrapper ol ul {
    list-style-type: disc;
  }
  .default-content-wrapper ul ul ul {
    list-style-type: disc;
  }
  .default-content-wrapper ol ol ol {
    list-style-type: lower-roman;
  }
  .default-content-wrapper ul ol ol,
  .default-content-wrapper ol ul ol {
    list-style-type: lower-roman;
  }
  .default-content-wrapper ul ul ol,
  .default-content-wrapper ol ol ul {
    list-style-type: disc;
  }
}
@layer reset {
  :root {
    --spacing-0: 0;
    --spacing-50: 0.25rem;
    --spacing-100: 0.5rem;
    --spacing-150: 0.75rem;
    --spacing-200: 1rem;
    --spacing-300: 1.5rem;
    --spacing-400: 2rem;
    --spacing-500: 2.5rem;
    --spacing-600: 3rem;
    --spacing-700: 3.5rem;
    --spacing-800: 4rem;
    --spacing-1000: 5rem;
    --spacing-1200: 6rem;
    --spacing-1300: 6.5rem;
    --theme-text-primary: #000000;
    --theme-text-secondary: #404f53;
    --theme-surface-primary: #f8f8f5;
    --theme-surface-secondary: #ffffff;
    --theme-surface-tertiary: #f0f0ec;
    --theme-border-primary: #000000;
    --theme-border-secondary: #e6e6dc;
    --theme-icon-primary: #000000;
    --theme-icon-secondary: #404f53;
    --theme-focus-primary: #000000;
    --theme-feedback-success: #005a54;
    --theme-feedback-error: #bd483c;
    --theme-interactive-primary-fill: #000000;
    --theme-interactive-primary-fill-hover: transparent;
    --theme-interactive-primary-fill-focus: #000000;
    --theme-interactive-primary-fill-disabled: #000000;
    --theme-interactive-primary-border: transparent;
    --theme-interactive-primary-border-hover: #000000;
    --theme-interactive-primary-border-focus: #000000;
    --theme-interactive-primary-border-disabled: transparent;
    --theme-interactive-primary-icon: #ffffff;
    --theme-interactive-primary-icon-hover: #000000;
    --theme-interactive-primary-icon-disabled: #ffffff;
    --theme-interactive-primary-text: #ffffff;
    --theme-interactive-primary-text-hover: #000000;
    --theme-interactive-secondary-fill: transparent;
    --theme-interactive-secondary-fill-hover: #000000;
    --theme-interactive-secondary-fill-focus: transparent;
    --theme-interactive-secondary-fill-disabled: transparent;
    --theme-interactive-secondary-border: #000000;
    --theme-interactive-secondary-border-hover: transparent;
    --theme-interactive-secondary-border-focus: #000000;
    --theme-interactive-secondary-border-disabled: #000000;
    --theme-interactive-secondary-icon: #000000;
    --theme-interactive-secondary-icon-hover: #ffffff;
    --theme-interactive-secondary-icon-disabled: #000000;
    --theme-interactive-secondary-text: #000000;
    --theme-interactive-secondary-text-hover: #ffffff;
    --theme-interactive-tertiary-fill: transparent;
    --theme-interactive-tertiary-fill-hover: transparent;
    --theme-interactive-tertiary-fill-focus: transparent;
    --theme-interactive-tertiary-fill-disabled: transparent;
    --theme-interactive-tertiary-border: transparent;
    --theme-interactive-tertiary-border-hover: #000000;
    --theme-interactive-tertiary-border-focus: #000000;
    --theme-interactive-tertiary-border-disabled: transparent;
    --theme-interactive-tertiary-icon: #000000;
    --theme-interactive-tertiary-icon-hover: #000000;
    --theme-interactive-tertiary-icon-disabled: #000000;
    --theme-interactive-tertiary-text: #000000;
    --theme-interactive-secondary-accent-fill: #f8f8f5;
    --theme-interactive-secondary-accent-fill-hover: #000000;
    --theme-interactive-secondary-accent-fill-focus: #f8f8f5;
    --theme-interactive-secondary-accent-fill-disabled: #f8f8f5;
    --theme-interactive-secondary-accent-border: #000000;
    --theme-interactive-secondary-accent-border-hover: #000000;
    --theme-interactive-secondary-accent-border-focus: #000000;
    --theme-interactive-secondary-accent-border-disabled: #000000;
    --theme-interactive-secondary-accent-icon: #000000;
    --theme-interactive-secondary-accent-icon-hover: #f8f8f5;
    --theme-interactive-secondary-accent-icon-disabled: #000000;
    --theme-interactive-secondary-accent-text: #000000;
    --theme-interactive-secondary-accent-text-hover: #f8f8f5;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --font-weight-black: 900;
    --shadow-sharp-sm: 0px 4px 4px 0px rgba(29, 33, 48, 0.02), 0px 3px 3px 0px rgba(29, 33, 48, 0.04), 0px 1px 1px 0px rgba(29, 33, 48, 0.06), 0px 1px 1px 0px rgba(29, 33, 48, 0.08), 0px 0px 0px 0px rgba(29, 33, 48, 0.1);
    --shadow-sharp-md: 0px 8px 8px 0px rgba(29, 33, 48, 0.02), 0px 5px 5px 0px rgba(29, 33, 48, 0.04), 0px 3px 3px 0px rgba(29, 33, 48, 0.06), 0px 1px 1px 0px rgba(29, 33, 48, 0.08), 0px 0px 0px 0px rgba(29, 33, 48, 0.1);
    --shadow-sharp-lg: 0px 16px 16px 0px rgba(29, 33, 48, 0.02), 0px 10px 10px 0px rgba(29, 33, 48, 0.04), 0px 6px 6px 0px rgba(29, 33, 48, 0.06), 0px 3px 3px 0px rgba(29, 33, 48, 0.08), 0px 1px 1px 0px rgba(29, 33, 48, 0.1);
    --shadow-sharp-xl: 0px 32px 32px 0px rgba(29, 33, 48, 0.02), 0px 20px 20px 0px rgba(29, 33, 48, 0.04), 0px 12px 12px 0px rgba(29, 33, 48, 0.06), 0px 5px 5px 0px rgba(29, 33, 48, 0.08), 0px 1px 1px 0px rgba(29, 33, 48, 0.1);
    --shadow-smooth-sm: 0px 0px 0px 0px rgba(29, 33, 48, 0.1), 0px 3px 3px 0px rgba(29, 33, 48, 0.08), 0px 1px 1px 0px rgba(29, 33, 48, 0.06), 0px 1px 1px 0px rgba(29, 33, 48, 0.04), 0px 4px 4px 0px rgba(29, 33, 48, 0.02);
    --shadow-smooth-md: 0px 8px 8px 0px rgba(29, 33, 48, 0.1), 0px 5px 5px 0px rgba(29, 33, 48, 0.08), 0px 3px 3px 0px rgba(29, 33, 48, 0.06), 0px 1px 1px 0px rgba(29, 33, 48, 0.04), 0px 0px 0px 0px rgba(29, 33, 48, 0.02);
    --shadow-smooth-lg: 0px 16px 16px 0px rgba(29, 33, 48, 0.1), 0px 10px 10px 0px rgba(29, 33, 48, 0.08), 0px 6px 6px 0px rgba(29, 33, 48, 0.06), 0px 3px 3px 0px rgba(29, 33, 48, 0.04), 0px 1px 1px 0px rgba(29, 33, 48, 0.02);
    --shadow-smooth-xl: 0px 32px 32px 0px rgba(29, 33, 48, 0.1), 0px 20px 20px 0px rgba(29, 33, 48, 0.08), 0px 12px 12px 0px rgba(29, 33, 48, 0.06), 0px 5px 5px 0px rgba(29, 33, 48, 0.04), 0px 1px 1px 0px rgba(29, 33, 48, 0.02);
    --radius-0: 0;
    --radius-50: 0.25rem;
    --radius-100: 0.5rem;
    --radius-200: 1rem;
    --radius-300: 1.5rem;
    --radius-400: 2rem;
    --radius-600: 3rem;
    --radius-800: 4rem;
    --radius-1000: 5rem;
    --radius-1200: 6rem;
    --radius-full: 9999px;
    --z-negative: -1;
    --z-base: 0;
    --z-raised: 1;
    --z-ring: 5;
    --z-dropdown: 10;
    --z-sticky: 20;
    --z-overlay: 30;
    --z-modal: 40;
    --z-popover: 50;
    --z-toast: 60;
    --container-default-max-width: 100%;
    --container-default-margin: 1.5rem;
    --container-default-md-margin: 3rem;
    --container-default-lg-max-width: 120rem;
    --container-default-lg-margin: 5rem;
    --container-full-bleed-max-width: 100%;
    --container-full-bleed-margin: 0;
    --container-full-bleed-lg-max-width: 130rem;
  }
  [data-theme=default] {
    --theme-text-primary: #000000;
    --theme-text-secondary: #404f53;
    --theme-surface-primary: #f8f8f5;
    --theme-surface-secondary: #ffffff;
    --theme-surface-tertiary: #f0f0ec;
    --theme-border-primary: #000000;
    --theme-border-secondary: #e6e6dc;
    --theme-icon-primary: #000000;
    --theme-icon-secondary: #404f53;
    --theme-focus-primary: #000000;
    --theme-feedback-success: #005a54;
    --theme-feedback-error: #bd483c;
    --theme-interactive-primary-fill: #000000;
    --theme-interactive-primary-fill-hover: transparent;
    --theme-interactive-primary-fill-focus: #000000;
    --theme-interactive-primary-fill-disabled: #000000;
    --theme-interactive-primary-border: transparent;
    --theme-interactive-primary-border-hover: #000000;
    --theme-interactive-primary-border-focus: #000000;
    --theme-interactive-primary-border-disabled: transparent;
    --theme-interactive-primary-icon: #ffffff;
    --theme-interactive-primary-icon-hover: #000000;
    --theme-interactive-primary-icon-disabled: #ffffff;
    --theme-interactive-primary-text: #ffffff;
    --theme-interactive-primary-text-hover: #000000;
    --theme-interactive-secondary-fill: transparent;
    --theme-interactive-secondary-fill-hover: #000000;
    --theme-interactive-secondary-fill-focus: transparent;
    --theme-interactive-secondary-fill-disabled: transparent;
    --theme-interactive-secondary-border: #000000;
    --theme-interactive-secondary-border-hover: transparent;
    --theme-interactive-secondary-border-focus: #000000;
    --theme-interactive-secondary-border-disabled: #000000;
    --theme-interactive-secondary-icon: #000000;
    --theme-interactive-secondary-icon-hover: #ffffff;
    --theme-interactive-secondary-icon-disabled: #000000;
    --theme-interactive-secondary-text: #000000;
    --theme-interactive-secondary-text-hover: #ffffff;
    --theme-interactive-tertiary-fill: transparent;
    --theme-interactive-tertiary-fill-hover: transparent;
    --theme-interactive-tertiary-fill-focus: transparent;
    --theme-interactive-tertiary-fill-disabled: transparent;
    --theme-interactive-tertiary-border: transparent;
    --theme-interactive-tertiary-border-hover: #000000;
    --theme-interactive-tertiary-border-focus: #000000;
    --theme-interactive-tertiary-border-disabled: transparent;
    --theme-interactive-tertiary-icon: #000000;
    --theme-interactive-tertiary-icon-hover: #000000;
    --theme-interactive-tertiary-icon-disabled: #000000;
    --theme-interactive-tertiary-text: #000000;
    --theme-interactive-secondary-accent-fill: #f8f8f5;
    --theme-interactive-secondary-accent-fill-hover: #000000;
    --theme-interactive-secondary-accent-fill-focus: #f8f8f5;
    --theme-interactive-secondary-accent-fill-disabled: #f8f8f5;
    --theme-interactive-secondary-accent-border: #000000;
    --theme-interactive-secondary-accent-border-hover: #000000;
    --theme-interactive-secondary-accent-border-focus: #000000;
    --theme-interactive-secondary-accent-border-disabled: #000000;
    --theme-interactive-secondary-accent-icon: #000000;
    --theme-interactive-secondary-accent-icon-hover: #f8f8f5;
    --theme-interactive-secondary-accent-icon-disabled: #000000;
    --theme-interactive-secondary-accent-text: #000000;
    --theme-interactive-secondary-accent-text-hover: #f8f8f5;
  }
  [data-theme=dark] {
    --theme-text-primary: #ffffff;
    --theme-text-secondary: #404f53;
    --theme-surface-primary: #282c2f;
    --theme-surface-secondary: #282c2f;
    --theme-surface-tertiary: #f0f0ec;
    --theme-border-primary: #ffffff;
    --theme-border-secondary: #e6e6dc;
    --theme-icon-primary: #ffffff;
    --theme-icon-secondary: #404f53;
    --theme-focus-primary: #ffffff;
    --theme-feedback-success: #005a54;
    --theme-feedback-error: #bd483c;
    --theme-interactive-primary-fill: #ffffff;
    --theme-interactive-primary-fill-hover: transparent;
    --theme-interactive-primary-fill-focus: #ffffff;
    --theme-interactive-primary-fill-disabled: #ffffff;
    --theme-interactive-primary-border: transparent;
    --theme-interactive-primary-border-hover: #ffffff;
    --theme-interactive-primary-border-focus: #ffffff;
    --theme-interactive-primary-border-disabled: transparent;
    --theme-interactive-primary-icon: #000000;
    --theme-interactive-primary-icon-hover: #ffffff;
    --theme-interactive-primary-icon-disabled: #000000;
    --theme-interactive-primary-text: #000000;
    --theme-interactive-primary-text-hover: #ffffff;
    --theme-interactive-secondary-fill: transparent;
    --theme-interactive-secondary-fill-hover: #ffffff;
    --theme-interactive-secondary-fill-focus: transparent;
    --theme-interactive-secondary-fill-disabled: transparent;
    --theme-interactive-secondary-border: #ffffff;
    --theme-interactive-secondary-border-hover: transparent;
    --theme-interactive-secondary-border-focus: #ffffff;
    --theme-interactive-secondary-border-disabled: #ffffff;
    --theme-interactive-secondary-icon: #ffffff;
    --theme-interactive-secondary-icon-hover: #000000;
    --theme-interactive-secondary-icon-disabled: #ffffff;
    --theme-interactive-secondary-text: #ffffff;
    --theme-interactive-secondary-text-hover: #000000;
    --theme-interactive-tertiary-fill: transparent;
    --theme-interactive-tertiary-fill-hover: transparent;
    --theme-interactive-tertiary-fill-focus: transparent;
    --theme-interactive-tertiary-fill-disabled: transparent;
    --theme-interactive-tertiary-border: transparent;
    --theme-interactive-tertiary-border-hover: #ffffff;
    --theme-interactive-tertiary-border-focus: #ffffff;
    --theme-interactive-tertiary-border-disabled: transparent;
    --theme-interactive-tertiary-icon: #ffffff;
    --theme-interactive-tertiary-icon-hover: #ffffff;
    --theme-interactive-tertiary-icon-disabled: #ffffff;
    --theme-interactive-tertiary-text: #ffffff;
    --theme-interactive-secondary-accent-fill: #000000;
    --theme-interactive-secondary-accent-fill-hover: #f8f8f5;
    --theme-interactive-secondary-accent-fill-focus: #000000;
    --theme-interactive-secondary-accent-fill-disabled: #000000;
    --theme-interactive-secondary-accent-border: #f8f8f5;
    --theme-interactive-secondary-accent-border-hover: #f8f8f5;
    --theme-interactive-secondary-accent-border-focus: #f8f8f5;
    --theme-interactive-secondary-accent-border-disabled: #f8f8f5;
    --theme-interactive-secondary-accent-icon: #000000;
    --theme-interactive-secondary-accent-icon-hover: #f8f8f5;
    --theme-interactive-secondary-accent-icon-disabled: #f8f8f5;
    --theme-interactive-secondary-accent-text: #f8f8f5;
    --theme-interactive-secondary-accent-text-hover: #000000;
  }
  html {
    scrollbar-gutter: stable;
  }
  .library-metadata-wrapper {
    display: none !important;
  }
}
@layer foundation {
  .display-1 {
    font-family: var(--font-primary);
    font-size: 4rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .display-1 {
      font-size: 7rem;
    }
  }
  .display-2 {
    font-family: var(--font-primary);
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .display-2 {
      font-size: 5.5rem;
    }
  }
  .display-3 {
    font-family: var(--font-primary);
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .display-3 {
      font-size: 3rem;
      line-height: 1;
    }
  }
  .headline-1 {
    font-family: var(--font-primary);
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .headline-1 {
      font-size: 4rem;
    }
  }
  .headline-2 {
    font-family: var(--font-primary);
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .headline-2 {
      font-size: 3rem;
    }
  }
  .headline-3 {
    font-family: var(--font-primary);
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .headline-3 {
      font-size: 2.5rem;
      line-height: 1;
    }
  }
  .headline-4 {
    font-family: var(--font-primary);
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .headline-4 {
      font-size: 2rem;
      line-height: 1;
    }
  }
  .headline-4-bold {
    font-family: var(--font-primary);
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .headline-4-bold {
      font-size: 2rem;
      line-height: 1;
    }
  }
  .headline-5 {
    font-family: var(--font-primary);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.02em;
  }
  @media (min-width: 1024px) {
    .headline-5 {
      line-height: 1;
    }
  }
  .body-large {
    font-family: var(--font-primary);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-large-semi-bold {
    font-family: var(--font-primary);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-large-bold {
    font-family: var(--font-primary);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-medium {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-medium-semi-bold {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-medium-bold {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-small {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-small-semi-bold {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-small-bold {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .body-extra-small {
    font-family: var(--font-primary);
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
  }
  .body-extra-small-semi-bold {
    font-family: var(--font-primary);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0;
  }
  .body-extra-small-bold {
    font-family: var(--font-primary);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0;
  }
  .button-medium {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
  }
  .button-small {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
  }
  .link-large {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  @media (min-width: 1024px) {
    .link-large {
      font-size: 1.125rem;
    }
  }
  .link-medium {
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  .link-small {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0;
  }
  @media (min-width: 1024px) {
    .link-small {
      line-height: 1.2;
    }
  }
  .font-light {
    font-weight: 300 !important;
  }
  .font-regular {
    font-weight: 400 !important;
  }
  .font-medium {
    font-weight: 500 !important;
  }
  .font-semi-bold {
    font-weight: 600 !important;
  }
  .font-bold {
    font-weight: 700 !important;
  }
  .font-extra-bold {
    font-weight: 800 !important;
  }
  .font-black {
    font-weight: 900 !important;
  }
  .font-italic {
    font-style: italic !important;
  }
  .font-normal {
    font-style: normal !important;
  }
  .text-uppercase {
    text-transform: uppercase !important;
  }
  .text-lowercase {
    text-transform: lowercase !important;
  }
  .text-capitalize {
    text-transform: capitalize !important;
  }
  .text-left {
    text-align: left !important;
  }
  .text-center {
    text-align: center !important;
  }
  .text-right {
    text-align: right !important;
  }
  .text-justify {
    text-align: justify !important;
  }
}