/*
build: v1.6.1
design-tokens: v1.6.1
*/
@layer ds.theme.size-mode {
  :root {
    --ds-size-mode-font-size--sm: 1;
  }
}
@layer ds.theme.size-mode {
  :root {
    --ds-size-mode-font-size--md: 1.125;
  }
}
@layer ds.theme.size-mode {
  :root {
    --ds-size-mode-font-size--lg: 1.3125;
  }
}
@layer ds.theme.size-mode {
  :root, [data-size] {
    --ds-size: var(--ds-size--md);
    --ds-size--sm: var(--ds-size,);
    --ds-size--md: var(--ds-size,);
    --ds-size--lg: var(--ds-size,);
    --ds-size-mode-font-size:
      var(--ds-size--sm, var(--ds-size-mode-font-size--sm))
      var(--ds-size--md, var(--ds-size-mode-font-size--md))
      var(--ds-size--lg, var(--ds-size-mode-font-size--lg));
  }
  [data-size=sm] {
    --ds-size: var(--ds-size--sm);
  }
  [data-size=md] {
    --ds-size: var(--ds-size--md);
  }
  [data-size=lg] {
    --ds-size: var(--ds-size--lg);
  }
}
@layer ds.theme.type-scale {
  :root, [data-size] {
    --_ds-font-size-factor: calc(var(--ds-size-mode-font-size) / (var(--ds-size-base) / 16));
    --ds-font-size-1: calc(0.75rem * var(--_ds-font-size-factor));
    --ds-font-size-2: calc(0.875rem * var(--_ds-font-size-factor));
    --ds-font-size-3: calc(1rem * var(--_ds-font-size-factor));
    --ds-font-size-4: calc(1.125rem * var(--_ds-font-size-factor));
    --ds-font-size-5: calc(1.3125rem * var(--_ds-font-size-factor));
    --ds-font-size-6: calc(1.5rem * var(--_ds-font-size-factor));
    --ds-font-size-7: calc(1.875rem * var(--_ds-font-size-factor));
    --ds-font-size-8: calc(2.25rem * var(--_ds-font-size-factor));
    --ds-font-size-9: calc(3rem * var(--_ds-font-size-factor));
    --ds-font-size-10: calc(3.75rem * var(--_ds-font-size-factor));
    --ds-heading-2xl-font-size: var(--ds-font-size-10);
    --ds-heading-xl-font-size: var(--ds-font-size-9);
    --ds-heading-lg-font-size: var(--ds-font-size-8);
    --ds-heading-md-font-size: var(--ds-font-size-7);
    --ds-heading-sm-font-size: var(--ds-font-size-6);
    --ds-heading-xs-font-size: var(--ds-font-size-5);
    --ds-heading-2xs-font-size: var(--ds-font-size-4);
    --ds-body-xl-font-size: var(--ds-font-size-6);
    --ds-body-lg-font-size: var(--ds-font-size-5);
    --ds-body-md-font-size: var(--ds-font-size-4);
    --ds-body-sm-font-size: var(--ds-font-size-3);
    --ds-body-xs-font-size: var(--ds-font-size-2);
    --ds-body-short-xl-font-size: var(--ds-font-size-6);
    --ds-body-short-lg-font-size: var(--ds-font-size-5);
    --ds-body-short-md-font-size: var(--ds-font-size-4);
    --ds-body-short-sm-font-size: var(--ds-font-size-3);
    --ds-body-short-xs-font-size: var(--ds-font-size-2);
    --ds-body-long-xl-font-size: var(--ds-font-size-6);
    --ds-body-long-lg-font-size: var(--ds-font-size-5);
    --ds-body-long-md-font-size: var(--ds-font-size-4);
    --ds-body-long-sm-font-size: var(--ds-font-size-3);
    --ds-body-long-xs-font-size: var(--ds-font-size-2);
  }
  @supports (width: round(down, 0.1em, 1px)) {
    :root, [data-size] {
      --ds-font-size-1: round(calc(0.75rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-2: round(calc(0.875rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-3: round(calc(1rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-4: round(calc(1.125rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-5: round(calc(1.3125rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-6: round(calc(1.5rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-7: round(calc(1.875rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-8: round(calc(2.25rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-9: round(calc(3rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-10: round(calc(3.75rem * var(--_ds-font-size-factor)), 1px);
    }
  }
}
@layer ds.theme.color-scheme.light {
  :root, [data-color-scheme=light] {
    --ds-color-accent-background-default: #ffffff;
    --ds-color-accent-background-tinted: #eef4fa;
    --ds-color-accent-surface-default: #ffffff;
    --ds-color-accent-surface-tinted: #ddeaf6;
    --ds-color-accent-surface-hover: #c7ddf0;
    --ds-color-accent-surface-active: #afcee9;
    --ds-color-accent-border-subtle: #99c0e3;
    --ds-color-accent-border-default: #2a7cc5;
    --ds-color-accent-border-strong: #005db1;
    --ds-color-accent-text-subtle: #005db1;
    --ds-color-accent-text-default: #002c54;
    --ds-color-accent-base-default: #0062BA;
    --ds-color-accent-base-hover: #004f96;
    --ds-color-accent-base-active: #003d75;
    --ds-color-accent-base-contrast-subtle: #dbe9f5;
    --ds-color-accent-base-contrast-default: #ffffff;
    --ds-color-neutral-background-default: #ffffff;
    --ds-color-neutral-background-tinted: #f3f3f4;
    --ds-color-neutral-surface-default: #ffffff;
    --ds-color-neutral-surface-tinted: #e8e8e9;
    --ds-color-neutral-surface-hover: #d9dadb;
    --ds-color-neutral-surface-active: #c9cacb;
    --ds-color-neutral-border-subtle: #bbbcbd;
    --ds-color-neutral-border-default: #77797b;
    --ds-color-neutral-border-strong: #5b5d60;
    --ds-color-neutral-text-subtle: #5b5d60;
    --ds-color-neutral-text-default: #292c30;
    --ds-color-neutral-base-default: #24272B;
    --ds-color-neutral-base-hover: #36383c;
    --ds-color-neutral-base-active: #484a4e;
    --ds-color-neutral-base-contrast-subtle: #b9babb;
    --ds-color-neutral-base-contrast-default: #ffffff;
    --ds-color-brand1-background-default: #ffffff;
    --ds-color-brand1-background-tinted: #edf5f3;
    --ds-color-brand1-surface-default: #ffffff;
    --ds-color-brand1-surface-tinted: #dcece8;
    --ds-color-brand1-surface-hover: #c6dfd9;
    --ds-color-brand1-surface-active: #add2c9;
    --ds-color-brand1-border-subtle: #96c5b9;
    --ds-color-brand1-border-default: #25876f;
    --ds-color-brand1-border-strong: #0b6a53;
    --ds-color-brand1-text-subtle: #0b6a53;
    --ds-color-brand1-text-default: #053227;
    --ds-color-brand1-base-default: #0D7A5F;
    --ds-color-brand1-base-hover: #0b644e;
    --ds-color-brand1-base-active: #084f3d;
    --ds-color-brand1-base-contrast-subtle: #ebf4f2;
    --ds-color-brand1-base-contrast-default: #ffffff;
    --ds-color-brand2-background-default: #ffffff;
    --ds-color-brand2-background-tinted: #f4f3f9;
    --ds-color-brand2-surface-default: #ffffff;
    --ds-color-brand2-surface-tinted: #eae7f3;
    --ds-color-brand2-surface-hover: #ddd7eb;
    --ds-color-brand2-surface-active: #cec6e3;
    --ds-color-brand2-border-subtle: #c1b6db;
    --ds-color-brand2-border-default: #826db7;
    --ds-color-brand2-border-strong: #674da7;
    --ds-color-brand2-text-subtle: #674da7;
    --ds-color-brand2-text-default: #312256;
    --ds-color-brand2-base-default: #5B3FA0;
    --ds-color-brand2-base-hover: #47317c;
    --ds-color-brand2-base-active: #332359;
    --ds-color-brand2-base-contrast-subtle: #f1eff7;
    --ds-color-brand2-base-contrast-default: #ffffff;
    --ds-color-info-background-default: #ffffff;
    --ds-color-info-background-tinted: #edf5fa;
    --ds-color-info-surface-default: #ffffff;
    --ds-color-info-surface-tinted: #dcebf6;
    --ds-color-info-surface-hover: #c5ddf0;
    --ds-color-info-surface-active: #abcfe9;
    --ds-color-info-border-subtle: #94c1e3;
    --ds-color-info-border-default: #1f7dc5;
    --ds-color-info-border-strong: #0860a3;
    --ds-color-info-text-subtle: #0860a3;
    --ds-color-info-text-default: #042d4d;
    --ds-color-info-base-default: #0A71C0;
    --ds-color-info-base-hover: #085d9f;
    --ds-color-info-base-active: #074a7e;
    --ds-color-info-base-contrast-subtle: #eff6fb;
    --ds-color-info-base-contrast-default: #ffffff;
    --ds-color-success-background-default: #ffffff;
    --ds-color-success-background-tinted: #ecf6ee;
    --ds-color-success-surface-default: #ffffff;
    --ds-color-success-surface-tinted: #daeddd;
    --ds-color-success-surface-hover: #c3e2c7;
    --ds-color-success-surface-active: #a8d5ae;
    --ds-color-success-border-subtle: #8fc997;
    --ds-color-success-border-default: #108c22;
    --ds-color-success-border-strong: #056d13;
    --ds-color-success-text-subtle: #056d13;
    --ds-color-success-text-default: #023409;
    --ds-color-success-base-default: #068718;
    --ds-color-success-base-hover: #057014;
    --ds-color-success-base-active: #045a10;
    --ds-color-success-base-contrast-subtle: #fafdfb;
    --ds-color-success-base-contrast-default: #ffffff;
    --ds-color-warning-background-default: #ffffff;
    --ds-color-warning-background-tinted: #fcf2e2;
    --ds-color-warning-surface-default: #ffffff;
    --ds-color-warning-surface-tinted: #fae6c6;
    --ds-color-warning-surface-hover: #f6d5a0;
    --ds-color-warning-surface-active: #f2c275;
    --ds-color-warning-border-subtle: #eeb04c;
    --ds-color-warning-border-default: #a56d13;
    --ds-color-warning-border-strong: #80540f;
    --ds-color-warning-text-subtle: #80540f;
    --ds-color-warning-text-default: #3c2807;
    --ds-color-warning-base-default: #EA9B1B;
    --ds-color-warning-base-hover: #cd8818;
    --ds-color-warning-base-active: #b27614;
    --ds-color-warning-base-contrast-subtle: #271a04;
    --ds-color-warning-base-contrast-default: #000000;
    --ds-color-danger-background-default: #ffffff;
    --ds-color-danger-background-tinted: #fbf1f1;
    --ds-color-danger-surface-default: #ffffff;
    --ds-color-danger-surface-tinted: #f8e4e4;
    --ds-color-danger-surface-hover: #f3d2d2;
    --ds-color-danger-surface-active: #edbfbf;
    --ds-color-danger-border-subtle: #e8adad;
    --ds-color-danger-border-default: #ce4d4d;
    --ds-color-danger-border-strong: #b81a1a;
    --ds-color-danger-text-subtle: #b81a1a;
    --ds-color-danger-text-default: #590d0d;
    --ds-color-danger-base-default: #C01B1B;
    --ds-color-danger-base-hover: #9b1616;
    --ds-color-danger-base-active: #791111;
    --ds-color-danger-base-contrast-subtle: #f7e1e1;
    --ds-color-danger-base-contrast-default: #ffffff;
    --ds-color-focus-inner: #ffffff;
    --ds-color-focus-outer: #292c30;
    --ds-link-color-visited: #663299;
    color-scheme: light;
  }
  @media (prefers-color-scheme: light) {
    [data-color-scheme=auto] {
      --ds-color-accent-background-default: #ffffff;
      --ds-color-accent-background-tinted: #eef4fa;
      --ds-color-accent-surface-default: #ffffff;
      --ds-color-accent-surface-tinted: #ddeaf6;
      --ds-color-accent-surface-hover: #c7ddf0;
      --ds-color-accent-surface-active: #afcee9;
      --ds-color-accent-border-subtle: #99c0e3;
      --ds-color-accent-border-default: #2a7cc5;
      --ds-color-accent-border-strong: #005db1;
      --ds-color-accent-text-subtle: #005db1;
      --ds-color-accent-text-default: #002c54;
      --ds-color-accent-base-default: #0062BA;
      --ds-color-accent-base-hover: #004f96;
      --ds-color-accent-base-active: #003d75;
      --ds-color-accent-base-contrast-subtle: #dbe9f5;
      --ds-color-accent-base-contrast-default: #ffffff;
      --ds-color-neutral-background-default: #ffffff;
      --ds-color-neutral-background-tinted: #f3f3f4;
      --ds-color-neutral-surface-default: #ffffff;
      --ds-color-neutral-surface-tinted: #e8e8e9;
      --ds-color-neutral-surface-hover: #d9dadb;
      --ds-color-neutral-surface-active: #c9cacb;
      --ds-color-neutral-border-subtle: #bbbcbd;
      --ds-color-neutral-border-default: #77797b;
      --ds-color-neutral-border-strong: #5b5d60;
      --ds-color-neutral-text-subtle: #5b5d60;
      --ds-color-neutral-text-default: #292c30;
      --ds-color-neutral-base-default: #24272B;
      --ds-color-neutral-base-hover: #36383c;
      --ds-color-neutral-base-active: #484a4e;
      --ds-color-neutral-base-contrast-subtle: #b9babb;
      --ds-color-neutral-base-contrast-default: #ffffff;
      --ds-color-brand1-background-default: #ffffff;
      --ds-color-brand1-background-tinted: #edf5f3;
      --ds-color-brand1-surface-default: #ffffff;
      --ds-color-brand1-surface-tinted: #dcece8;
      --ds-color-brand1-surface-hover: #c6dfd9;
      --ds-color-brand1-surface-active: #add2c9;
      --ds-color-brand1-border-subtle: #96c5b9;
      --ds-color-brand1-border-default: #25876f;
      --ds-color-brand1-border-strong: #0b6a53;
      --ds-color-brand1-text-subtle: #0b6a53;
      --ds-color-brand1-text-default: #053227;
      --ds-color-brand1-base-default: #0D7A5F;
      --ds-color-brand1-base-hover: #0b644e;
      --ds-color-brand1-base-active: #084f3d;
      --ds-color-brand1-base-contrast-subtle: #ebf4f2;
      --ds-color-brand1-base-contrast-default: #ffffff;
      --ds-color-brand2-background-default: #ffffff;
      --ds-color-brand2-background-tinted: #f4f3f9;
      --ds-color-brand2-surface-default: #ffffff;
      --ds-color-brand2-surface-tinted: #eae7f3;
      --ds-color-brand2-surface-hover: #ddd7eb;
      --ds-color-brand2-surface-active: #cec6e3;
      --ds-color-brand2-border-subtle: #c1b6db;
      --ds-color-brand2-border-default: #826db7;
      --ds-color-brand2-border-strong: #674da7;
      --ds-color-brand2-text-subtle: #674da7;
      --ds-color-brand2-text-default: #312256;
      --ds-color-brand2-base-default: #5B3FA0;
      --ds-color-brand2-base-hover: #47317c;
      --ds-color-brand2-base-active: #332359;
      --ds-color-brand2-base-contrast-subtle: #f1eff7;
      --ds-color-brand2-base-contrast-default: #ffffff;
      --ds-color-info-background-default: #ffffff;
      --ds-color-info-background-tinted: #edf5fa;
      --ds-color-info-surface-default: #ffffff;
      --ds-color-info-surface-tinted: #dcebf6;
      --ds-color-info-surface-hover: #c5ddf0;
      --ds-color-info-surface-active: #abcfe9;
      --ds-color-info-border-subtle: #94c1e3;
      --ds-color-info-border-default: #1f7dc5;
      --ds-color-info-border-strong: #0860a3;
      --ds-color-info-text-subtle: #0860a3;
      --ds-color-info-text-default: #042d4d;
      --ds-color-info-base-default: #0A71C0;
      --ds-color-info-base-hover: #085d9f;
      --ds-color-info-base-active: #074a7e;
      --ds-color-info-base-contrast-subtle: #eff6fb;
      --ds-color-info-base-contrast-default: #ffffff;
      --ds-color-success-background-default: #ffffff;
      --ds-color-success-background-tinted: #ecf6ee;
      --ds-color-success-surface-default: #ffffff;
      --ds-color-success-surface-tinted: #daeddd;
      --ds-color-success-surface-hover: #c3e2c7;
      --ds-color-success-surface-active: #a8d5ae;
      --ds-color-success-border-subtle: #8fc997;
      --ds-color-success-border-default: #108c22;
      --ds-color-success-border-strong: #056d13;
      --ds-color-success-text-subtle: #056d13;
      --ds-color-success-text-default: #023409;
      --ds-color-success-base-default: #068718;
      --ds-color-success-base-hover: #057014;
      --ds-color-success-base-active: #045a10;
      --ds-color-success-base-contrast-subtle: #fafdfb;
      --ds-color-success-base-contrast-default: #ffffff;
      --ds-color-warning-background-default: #ffffff;
      --ds-color-warning-background-tinted: #fcf2e2;
      --ds-color-warning-surface-default: #ffffff;
      --ds-color-warning-surface-tinted: #fae6c6;
      --ds-color-warning-surface-hover: #f6d5a0;
      --ds-color-warning-surface-active: #f2c275;
      --ds-color-warning-border-subtle: #eeb04c;
      --ds-color-warning-border-default: #a56d13;
      --ds-color-warning-border-strong: #80540f;
      --ds-color-warning-text-subtle: #80540f;
      --ds-color-warning-text-default: #3c2807;
      --ds-color-warning-base-default: #EA9B1B;
      --ds-color-warning-base-hover: #cd8818;
      --ds-color-warning-base-active: #b27614;
      --ds-color-warning-base-contrast-subtle: #271a04;
      --ds-color-warning-base-contrast-default: #000000;
      --ds-color-danger-background-default: #ffffff;
      --ds-color-danger-background-tinted: #fbf1f1;
      --ds-color-danger-surface-default: #ffffff;
      --ds-color-danger-surface-tinted: #f8e4e4;
      --ds-color-danger-surface-hover: #f3d2d2;
      --ds-color-danger-surface-active: #edbfbf;
      --ds-color-danger-border-subtle: #e8adad;
      --ds-color-danger-border-default: #ce4d4d;
      --ds-color-danger-border-strong: #b81a1a;
      --ds-color-danger-text-subtle: #b81a1a;
      --ds-color-danger-text-default: #590d0d;
      --ds-color-danger-base-default: #C01B1B;
      --ds-color-danger-base-hover: #9b1616;
      --ds-color-danger-base-active: #791111;
      --ds-color-danger-base-contrast-subtle: #f7e1e1;
      --ds-color-danger-base-contrast-default: #ffffff;
      --ds-color-focus-inner: #ffffff;
      --ds-color-focus-outer: #292c30;
      --ds-link-color-visited: #663299;
      color-scheme: light;
    }
  }
}
@layer ds.theme.typography.secondary {
  [data-typography=secondary] {
    --ds-line-height-sm: 1.3;
    --ds-line-height-md: 1.5;
    --ds-line-height-lg: 1.7;
    --ds-letter-spacing-1: -0.01em;
    --ds-letter-spacing-2: -0.005em;
    --ds-letter-spacing-3: -0.0025em;
    --ds-letter-spacing-4: -0.0015em;
    --ds-letter-spacing-5: 0em;
    --ds-letter-spacing-6: 0.0015em;
    --ds-letter-spacing-7: 0.0025em;
    --ds-letter-spacing-8: 0.005em;
    --ds-letter-spacing-9: 0.015em;
    --ds-font-family: Inter;
    --ds-font-weight-medium: 500;
    --ds-font-weight-semibold: 600;
    --ds-font-weight-regular: 400;
    --ds-heading-2xl-font-weight: 500;
    --ds-heading-2xl-line-height: 1.3;
    --ds-heading-2xl-letter-spacing: -0.01em;
    --ds-heading-xl-font-weight: 500;
    --ds-heading-xl-line-height: 1.3;
    --ds-heading-xl-letter-spacing: -0.01em;
    --ds-heading-lg-font-weight: 500;
    --ds-heading-lg-line-height: 1.3;
    --ds-heading-lg-letter-spacing: -0.005em;
    --ds-heading-md-font-weight: 500;
    --ds-heading-md-line-height: 1.3;
    --ds-heading-md-letter-spacing: -0.0025em;
    --ds-heading-sm-font-weight: 500;
    --ds-heading-sm-line-height: 1.3;
    --ds-heading-sm-letter-spacing: 0em;
    --ds-heading-xs-font-weight: 500;
    --ds-heading-xs-line-height: 1.3;
    --ds-heading-xs-letter-spacing: 0.0015em;
    --ds-heading-2xs-font-weight: 500;
    --ds-heading-2xs-line-height: 1.3;
    --ds-heading-2xs-letter-spacing: 0.0015em;
    --ds-body-xl-font-weight: 400;
    --ds-body-xl-line-height: 1.5;
    --ds-body-xl-letter-spacing: 0.005em;
    --ds-body-lg-font-weight: 400;
    --ds-body-lg-line-height: 1.5;
    --ds-body-lg-letter-spacing: 0.005em;
    --ds-body-md-font-weight: 400;
    --ds-body-md-line-height: 1.5;
    --ds-body-md-letter-spacing: 0.005em;
    --ds-body-sm-font-weight: 400;
    --ds-body-sm-line-height: 1.5;
    --ds-body-sm-letter-spacing: 0.0025em;
    --ds-body-xs-font-weight: 400;
    --ds-body-xs-line-height: 1.5;
    --ds-body-xs-letter-spacing: 0.0015em;
    --ds-body-short-xl-font-weight: 400;
    --ds-body-short-xl-line-height: 1.3;
    --ds-body-short-xl-letter-spacing: 0.005em;
    --ds-body-short-lg-font-weight: 400;
    --ds-body-short-lg-line-height: 1.3;
    --ds-body-short-lg-letter-spacing: 0.005em;
    --ds-body-short-md-font-weight: 400;
    --ds-body-short-md-line-height: 1.3;
    --ds-body-short-md-letter-spacing: 0.005em;
    --ds-body-short-sm-font-weight: 400;
    --ds-body-short-sm-line-height: 1.3;
    --ds-body-short-sm-letter-spacing: 0.0025em;
    --ds-body-short-xs-font-weight: 400;
    --ds-body-short-xs-line-height: 1.3;
    --ds-body-short-xs-letter-spacing: 0.0015em;
    --ds-body-long-xl-font-weight: 400;
    --ds-body-long-xl-line-height: 1.7;
    --ds-body-long-xl-letter-spacing: 0.005em;
    --ds-body-long-lg-font-weight: 400;
    --ds-body-long-lg-line-height: 1.7;
    --ds-body-long-lg-letter-spacing: 0.005em;
    --ds-body-long-md-font-weight: 400;
    --ds-body-long-md-line-height: 1.7;
    --ds-body-long-md-letter-spacing: 0.005em;
    --ds-body-long-sm-font-weight: 400;
    --ds-body-long-sm-line-height: 1.7;
    --ds-body-long-sm-letter-spacing: 0.0025em;
    --ds-body-long-xs-font-weight: 400;
    --ds-body-long-xs-line-height: 1.7;
    --ds-body-long-xs-letter-spacing: 0.0015em;
  }
}
@layer ds.theme.size {
  :root, [data-size] {
    --ds-size-base: 18;
    --ds-size-step: 4;
    --ds-size-0: calc(var(--ds-size-unit) * 0);
    --ds-size-1: calc(var(--ds-size-unit) * 1);
    --ds-size-2: calc(var(--ds-size-unit) * 2);
    --ds-size-3: calc(var(--ds-size-unit) * 3);
    --ds-size-4: calc(var(--ds-size-unit) * 4);
    --ds-size-5: calc(var(--ds-size-unit) * 5);
    --ds-size-6: calc(var(--ds-size-unit) * 6);
    --ds-size-7: calc(var(--ds-size-unit) * 7);
    --ds-size-8: calc(var(--ds-size-unit) * 8);
    --ds-size-9: calc(var(--ds-size-unit) * 9);
    --ds-size-10: calc(var(--ds-size-unit) * 10);
    --ds-size-11: calc(var(--ds-size-unit) * 11);
    --ds-size-12: calc(var(--ds-size-unit) * 12);
    --ds-size-13: calc(var(--ds-size-unit) * 13);
    --ds-size-14: calc(var(--ds-size-unit) * 14);
    --ds-size-15: calc(var(--ds-size-unit) * 15);
    --ds-size-18: calc(var(--ds-size-unit) * 18);
    --ds-size-22: calc(var(--ds-size-unit) * 22);
    --ds-size-26: calc(var(--ds-size-unit) * 26);
    --ds-size-30: calc(var(--ds-size-unit) * 30);
    --ds-size-unit: calc(1rem * var(--ds-size-step) / var(--ds-size-base) * var(--ds-size-mode-font-size));
  }
  @supports (width: round(down, 0.1em, 1px)) {
    :root, [data-size] {
      --ds-size-0: round(down, calc(var(--ds-size-unit) * 0), 1px);
      --ds-size-1: round(down, calc(var(--ds-size-unit) * 1), 1px);
      --ds-size-2: round(down, calc(var(--ds-size-unit) * 2), 1px);
      --ds-size-3: round(down, calc(var(--ds-size-unit) * 3), 1px);
      --ds-size-4: round(down, calc(var(--ds-size-unit) * 4), 1px);
      --ds-size-5: round(down, calc(var(--ds-size-unit) * 5), 1px);
      --ds-size-6: round(down, calc(var(--ds-size-unit) * 6), 1px);
      --ds-size-7: round(down, calc(var(--ds-size-unit) * 7), 1px);
      --ds-size-8: round(down, calc(var(--ds-size-unit) * 8), 1px);
      --ds-size-9: round(down, calc(var(--ds-size-unit) * 9), 1px);
      --ds-size-10: round(down, calc(var(--ds-size-unit) * 10), 1px);
      --ds-size-11: round(down, calc(var(--ds-size-unit) * 11), 1px);
      --ds-size-12: round(down, calc(var(--ds-size-unit) * 12), 1px);
      --ds-size-13: round(down, calc(var(--ds-size-unit) * 13), 1px);
      --ds-size-14: round(down, calc(var(--ds-size-unit) * 14), 1px);
      --ds-size-15: round(down, calc(var(--ds-size-unit) * 15), 1px);
      --ds-size-18: round(down, calc(var(--ds-size-unit) * 18), 1px);
      --ds-size-22: round(down, calc(var(--ds-size-unit) * 22), 1px);
      --ds-size-26: round(down, calc(var(--ds-size-unit) * 26), 1px);
      --ds-size-30: round(down, calc(var(--ds-size-unit) * 30), 1px);
    }
  }
}
@layer ds.theme.semantic {
  :root {
    --ds-border-radius-base: 0.25rem;
    --ds-border-radius-scale: 0.25rem;
    --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
    --ds-border-radius-md: min(var(--ds-border-radius-base),var(--ds-border-radius-scale)*2);
    --ds-border-radius-lg: min(var(--ds-border-radius-base)*2,var(--ds-border-radius-scale)*5);
    --ds-border-radius-xl: min(var(--ds-border-radius-base)*3,var(--ds-border-radius-scale)*7);
    --ds-border-radius-default: var(--ds-border-radius-base);
    --ds-border-radius-full: 624.9375rem;
    --ds-border-width-default: 1px;
    --ds-border-width-focus: 3px;
    --ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12);
    --ds-shadow-sm: 0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1);
    --ds-shadow-md: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);
    --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
    --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);
    --ds-opacity-disabled: 30%;
  }
}
@layer ds.theme.color-scheme.dark {
  [data-color-scheme=dark] {
    --ds-color-accent-background-default: #0c1927;
    --ds-color-accent-background-tinted: #102033;
    --ds-color-accent-surface-default: #142941;
    --ds-color-accent-surface-tinted: #172f4b;
    --ds-color-accent-surface-hover: #1a3757;
    --ds-color-accent-surface-active: #21446d;
    --ds-color-accent-border-subtle: #285182;
    --ds-color-accent-border-default: #5a84b4;
    --ds-color-accent-border-strong: #8eaacb;
    --ds-color-accent-text-subtle: #8eaacb;
    --ds-color-accent-text-default: #e7edf4;
    --ds-color-accent-base-default: #4c91cf;
    --ds-color-accent-base-hover: #6fa6d8;
    --ds-color-accent-base-active: #92bce1;
    --ds-color-accent-base-contrast-subtle: #0d1924;
    --ds-color-accent-base-contrast-default: #000000;
    --ds-color-neutral-background-default: #17181a;
    --ds-color-neutral-background-tinted: #1e2022;
    --ds-color-neutral-surface-default: #26282b;
    --ds-color-neutral-surface-tinted: #2c2e31;
    --ds-color-neutral-surface-hover: #343538;
    --ds-color-neutral-surface-active: #414346;
    --ds-color-neutral-border-subtle: #4e5052;
    --ds-color-neutral-border-default: #808183;
    --ds-color-neutral-border-strong: #a7a8a9;
    --ds-color-neutral-text-subtle: #a7a8a9;
    --ds-color-neutral-text-default: #ececec;
    --ds-color-neutral-base-default: #aaabad;
    --ds-color-neutral-base-hover: #959698;
    --ds-color-neutral-base-active: #7f8184;
    --ds-color-neutral-base-contrast-subtle: #1b1b1b;
    --ds-color-neutral-base-contrast-default: #000000;
    --ds-color-brand1-background-default: #0d1a16;
    --ds-color-brand1-background-tinted: #11231d;
    --ds-color-brand1-surface-default: #162c25;
    --ds-color-brand1-surface-tinted: #19322a;
    --ds-color-brand1-surface-hover: #1d3b31;
    --ds-color-brand1-surface-active: #254a3e;
    --ds-color-brand1-border-subtle: #2c584a;
    --ds-color-brand1-border-default: #598b7b;
    --ds-color-brand1-border-strong: #8dafa4;
    --ds-color-brand1-text-subtle: #8dafa4;
    --ds-color-brand1-text-default: #e7eeeb;
    --ds-color-brand1-base-default: #38927b;
    --ds-color-brand1-base-hover: #5aa492;
    --ds-color-brand1-base-active: #7eb8aa;
    --ds-color-brand1-base-contrast-subtle: #071310;
    --ds-color-brand1-base-contrast-default: #000000;
    --ds-color-brand2-background-default: #191528;
    --ds-color-brand2-background-tinted: #211c34;
    --ds-color-brand2-surface-default: #2a2342;
    --ds-color-brand2-surface-tinted: #31284c;
    --ds-color-brand2-surface-hover: #392f59;
    --ds-color-brand2-surface-active: #473b6f;
    --ds-color-brand2-border-subtle: #554685;
    --ds-color-brand2-border-default: #867baa;
    --ds-color-brand2-border-strong: #aba3c4;
    --ds-color-brand2-text-subtle: #aba3c4;
    --ds-color-brand2-text-default: #edebf2;
    --ds-color-brand2-base-default: #a697cc;
    --ds-color-brand2-base-hover: #9380c0;
    --ds-color-brand2-base-active: #7e69b5;
    --ds-color-brand2-base-contrast-subtle: #131117;
    --ds-color-brand2-base-contrast-default: #000000;
    --ds-color-info-background-default: #0d1925;
    --ds-color-info-background-tinted: #112130;
    --ds-color-info-surface-default: #15293d;
    --ds-color-info-surface-tinted: #182f46;
    --ds-color-info-surface-hover: #1c3751;
    --ds-color-info-surface-active: #234566;
    --ds-color-info-border-subtle: #2a537a;
    --ds-color-info-border-default: #5585b4;
    --ds-color-info-border-strong: #8aabcb;
    --ds-color-info-text-subtle: #8aabcb;
    --ds-color-info-text-default: #e6edf4;
    --ds-color-info-base-default: #2d85c9;
    --ds-color-info-base-hover: #519ad2;
    --ds-color-info-base-active: #77b0dc;
    --ds-color-info-base-contrast-subtle: #050e15;
    --ds-color-info-base-contrast-default: #000000;
    --ds-color-success-background-default: #0d1b0d;
    --ds-color-success-background-tinted: #112411;
    --ds-color-success-surface-default: #152d15;
    --ds-color-success-surface-tinted: #183418;
    --ds-color-success-surface-hover: #1c3c1c;
    --ds-color-success-surface-active: #244c24;
    --ds-color-success-border-subtle: #2b5a2b;
    --ds-color-success-border-default: #528f52;
    --ds-color-success-border-strong: #89b289;
    --ds-color-success-text-subtle: #89b289;
    --ds-color-success-text-default: #e6efe6;
    --ds-color-success-base-default: #138d24;
    --ds-color-success-base-hover: #3ca14b;
    --ds-color-success-base-active: #66b571;
    --ds-color-success-base-contrast-subtle: #010501;
    --ds-color-success-base-contrast-default: #000000;
    --ds-color-warning-background-default: #1e160d;
    --ds-color-warning-background-tinted: #281e11;
    --ds-color-warning-surface-default: #322616;
    --ds-color-warning-surface-tinted: #3a2b19;
    --ds-color-warning-surface-hover: #43321d;
    --ds-color-warning-surface-active: #543f24;
    --ds-color-warning-border-subtle: #654b2b;
    --ds-color-warning-border-default: #a37a46;
    --ds-color-warning-border-strong: #d39e5b;
    --ds-color-warning-text-subtle: #d39e5b;
    --ds-color-warning-text-default: #f7ebdb;
    --ds-color-warning-base-default: #60400b;
    --ds-color-warning-base-hover: #7a510e;
    --ds-color-warning-base-active: #946211;
    --ds-color-warning-base-contrast-subtle: #e6e2d9;
    --ds-color-warning-base-contrast-default: #ffffff;
    --ds-color-danger-background-default: #2a100e;
    --ds-color-danger-background-tinted: #371512;
    --ds-color-danger-surface-default: #451b17;
    --ds-color-danger-surface-tinted: #4f1f1b;
    --ds-color-danger-surface-hover: #5c241f;
    --ds-color-danger-surface-active: #722d27;
    --ds-color-danger-border-subtle: #88352e;
    --ds-color-danger-border-default: #bc6b64;
    --ds-color-danger-border-strong: #d19a96;
    --ds-color-danger-text-subtle: #d19a96;
    --ds-color-danger-text-default: #f5eae9;
    --ds-color-danger-base-default: #d76e6e;
    --ds-color-danger-base-hover: #df8b8b;
    --ds-color-danger-base-active: #e7a8a8;
    --ds-color-danger-base-contrast-subtle: #271414;
    --ds-color-danger-base-contrast-default: #000000;
    --ds-color-focus-inner: #17181a;
    --ds-color-focus-outer: #ececec;
    --ds-link-color-visited: #b49acd;
    color-scheme: dark;
  }
  @media (prefers-color-scheme: dark) {
    [data-color-scheme=auto] {
      --ds-color-accent-background-default: #0c1927;
      --ds-color-accent-background-tinted: #102033;
      --ds-color-accent-surface-default: #142941;
      --ds-color-accent-surface-tinted: #172f4b;
      --ds-color-accent-surface-hover: #1a3757;
      --ds-color-accent-surface-active: #21446d;
      --ds-color-accent-border-subtle: #285182;
      --ds-color-accent-border-default: #5a84b4;
      --ds-color-accent-border-strong: #8eaacb;
      --ds-color-accent-text-subtle: #8eaacb;
      --ds-color-accent-text-default: #e7edf4;
      --ds-color-accent-base-default: #4c91cf;
      --ds-color-accent-base-hover: #6fa6d8;
      --ds-color-accent-base-active: #92bce1;
      --ds-color-accent-base-contrast-subtle: #0d1924;
      --ds-color-accent-base-contrast-default: #000000;
      --ds-color-neutral-background-default: #17181a;
      --ds-color-neutral-background-tinted: #1e2022;
      --ds-color-neutral-surface-default: #26282b;
      --ds-color-neutral-surface-tinted: #2c2e31;
      --ds-color-neutral-surface-hover: #343538;
      --ds-color-neutral-surface-active: #414346;
      --ds-color-neutral-border-subtle: #4e5052;
      --ds-color-neutral-border-default: #808183;
      --ds-color-neutral-border-strong: #a7a8a9;
      --ds-color-neutral-text-subtle: #a7a8a9;
      --ds-color-neutral-text-default: #ececec;
      --ds-color-neutral-base-default: #aaabad;
      --ds-color-neutral-base-hover: #959698;
      --ds-color-neutral-base-active: #7f8184;
      --ds-color-neutral-base-contrast-subtle: #1b1b1b;
      --ds-color-neutral-base-contrast-default: #000000;
      --ds-color-brand1-background-default: #0d1a16;
      --ds-color-brand1-background-tinted: #11231d;
      --ds-color-brand1-surface-default: #162c25;
      --ds-color-brand1-surface-tinted: #19322a;
      --ds-color-brand1-surface-hover: #1d3b31;
      --ds-color-brand1-surface-active: #254a3e;
      --ds-color-brand1-border-subtle: #2c584a;
      --ds-color-brand1-border-default: #598b7b;
      --ds-color-brand1-border-strong: #8dafa4;
      --ds-color-brand1-text-subtle: #8dafa4;
      --ds-color-brand1-text-default: #e7eeeb;
      --ds-color-brand1-base-default: #38927b;
      --ds-color-brand1-base-hover: #5aa492;
      --ds-color-brand1-base-active: #7eb8aa;
      --ds-color-brand1-base-contrast-subtle: #071310;
      --ds-color-brand1-base-contrast-default: #000000;
      --ds-color-brand2-background-default: #191528;
      --ds-color-brand2-background-tinted: #211c34;
      --ds-color-brand2-surface-default: #2a2342;
      --ds-color-brand2-surface-tinted: #31284c;
      --ds-color-brand2-surface-hover: #392f59;
      --ds-color-brand2-surface-active: #473b6f;
      --ds-color-brand2-border-subtle: #554685;
      --ds-color-brand2-border-default: #867baa;
      --ds-color-brand2-border-strong: #aba3c4;
      --ds-color-brand2-text-subtle: #aba3c4;
      --ds-color-brand2-text-default: #edebf2;
      --ds-color-brand2-base-default: #a697cc;
      --ds-color-brand2-base-hover: #9380c0;
      --ds-color-brand2-base-active: #7e69b5;
      --ds-color-brand2-base-contrast-subtle: #131117;
      --ds-color-brand2-base-contrast-default: #000000;
      --ds-color-info-background-default: #0d1925;
      --ds-color-info-background-tinted: #112130;
      --ds-color-info-surface-default: #15293d;
      --ds-color-info-surface-tinted: #182f46;
      --ds-color-info-surface-hover: #1c3751;
      --ds-color-info-surface-active: #234566;
      --ds-color-info-border-subtle: #2a537a;
      --ds-color-info-border-default: #5585b4;
      --ds-color-info-border-strong: #8aabcb;
      --ds-color-info-text-subtle: #8aabcb;
      --ds-color-info-text-default: #e6edf4;
      --ds-color-info-base-default: #2d85c9;
      --ds-color-info-base-hover: #519ad2;
      --ds-color-info-base-active: #77b0dc;
      --ds-color-info-base-contrast-subtle: #050e15;
      --ds-color-info-base-contrast-default: #000000;
      --ds-color-success-background-default: #0d1b0d;
      --ds-color-success-background-tinted: #112411;
      --ds-color-success-surface-default: #152d15;
      --ds-color-success-surface-tinted: #183418;
      --ds-color-success-surface-hover: #1c3c1c;
      --ds-color-success-surface-active: #244c24;
      --ds-color-success-border-subtle: #2b5a2b;
      --ds-color-success-border-default: #528f52;
      --ds-color-success-border-strong: #89b289;
      --ds-color-success-text-subtle: #89b289;
      --ds-color-success-text-default: #e6efe6;
      --ds-color-success-base-default: #138d24;
      --ds-color-success-base-hover: #3ca14b;
      --ds-color-success-base-active: #66b571;
      --ds-color-success-base-contrast-subtle: #010501;
      --ds-color-success-base-contrast-default: #000000;
      --ds-color-warning-background-default: #1e160d;
      --ds-color-warning-background-tinted: #281e11;
      --ds-color-warning-surface-default: #322616;
      --ds-color-warning-surface-tinted: #3a2b19;
      --ds-color-warning-surface-hover: #43321d;
      --ds-color-warning-surface-active: #543f24;
      --ds-color-warning-border-subtle: #654b2b;
      --ds-color-warning-border-default: #a37a46;
      --ds-color-warning-border-strong: #d39e5b;
      --ds-color-warning-text-subtle: #d39e5b;
      --ds-color-warning-text-default: #f7ebdb;
      --ds-color-warning-base-default: #60400b;
      --ds-color-warning-base-hover: #7a510e;
      --ds-color-warning-base-active: #946211;
      --ds-color-warning-base-contrast-subtle: #e6e2d9;
      --ds-color-warning-base-contrast-default: #ffffff;
      --ds-color-danger-background-default: #2a100e;
      --ds-color-danger-background-tinted: #371512;
      --ds-color-danger-surface-default: #451b17;
      --ds-color-danger-surface-tinted: #4f1f1b;
      --ds-color-danger-surface-hover: #5c241f;
      --ds-color-danger-surface-active: #722d27;
      --ds-color-danger-border-subtle: #88352e;
      --ds-color-danger-border-default: #bc6b64;
      --ds-color-danger-border-strong: #d19a96;
      --ds-color-danger-text-subtle: #d19a96;
      --ds-color-danger-text-default: #f5eae9;
      --ds-color-danger-base-default: #d76e6e;
      --ds-color-danger-base-hover: #df8b8b;
      --ds-color-danger-base-active: #e7a8a8;
      --ds-color-danger-base-contrast-subtle: #271414;
      --ds-color-danger-base-contrast-default: #000000;
      --ds-color-focus-inner: #17181a;
      --ds-color-focus-outer: #ececec;
      --ds-link-color-visited: #b49acd;
      color-scheme: dark;
    }
  }
}
@layer ds.theme.typography.primary {
  :root, [data-typography=primary] {
    --ds-line-height-sm: 1.3;
    --ds-line-height-md: 1.5;
    --ds-line-height-lg: 1.7;
    --ds-letter-spacing-1: -0.01em;
    --ds-letter-spacing-2: -0.005em;
    --ds-letter-spacing-3: -0.0025em;
    --ds-letter-spacing-4: -0.0015em;
    --ds-letter-spacing-5: 0em;
    --ds-letter-spacing-6: 0.0015em;
    --ds-letter-spacing-7: 0.0025em;
    --ds-letter-spacing-8: 0.005em;
    --ds-letter-spacing-9: 0.015em;
    --ds-font-family: Inter;
    --ds-font-weight-medium: 500;
    --ds-font-weight-semibold: 600;
    --ds-font-weight-regular: 400;
    --ds-heading-2xl-font-weight: 500;
    --ds-heading-2xl-line-height: 1.3;
    --ds-heading-2xl-letter-spacing: -0.01em;
    --ds-heading-xl-font-weight: 500;
    --ds-heading-xl-line-height: 1.3;
    --ds-heading-xl-letter-spacing: -0.01em;
    --ds-heading-lg-font-weight: 500;
    --ds-heading-lg-line-height: 1.3;
    --ds-heading-lg-letter-spacing: -0.005em;
    --ds-heading-md-font-weight: 500;
    --ds-heading-md-line-height: 1.3;
    --ds-heading-md-letter-spacing: -0.0025em;
    --ds-heading-sm-font-weight: 500;
    --ds-heading-sm-line-height: 1.3;
    --ds-heading-sm-letter-spacing: 0em;
    --ds-heading-xs-font-weight: 500;
    --ds-heading-xs-line-height: 1.3;
    --ds-heading-xs-letter-spacing: 0.0015em;
    --ds-heading-2xs-font-weight: 500;
    --ds-heading-2xs-line-height: 1.3;
    --ds-heading-2xs-letter-spacing: 0.0015em;
    --ds-body-xl-font-weight: 400;
    --ds-body-xl-line-height: 1.5;
    --ds-body-xl-letter-spacing: 0.005em;
    --ds-body-lg-font-weight: 400;
    --ds-body-lg-line-height: 1.5;
    --ds-body-lg-letter-spacing: 0.005em;
    --ds-body-md-font-weight: 400;
    --ds-body-md-line-height: 1.5;
    --ds-body-md-letter-spacing: 0.005em;
    --ds-body-sm-font-weight: 400;
    --ds-body-sm-line-height: 1.5;
    --ds-body-sm-letter-spacing: 0.0025em;
    --ds-body-xs-font-weight: 400;
    --ds-body-xs-line-height: 1.5;
    --ds-body-xs-letter-spacing: 0.0015em;
    --ds-body-short-xl-font-weight: 400;
    --ds-body-short-xl-line-height: 1.3;
    --ds-body-short-xl-letter-spacing: 0.005em;
    --ds-body-short-lg-font-weight: 400;
    --ds-body-short-lg-line-height: 1.3;
    --ds-body-short-lg-letter-spacing: 0.005em;
    --ds-body-short-md-font-weight: 400;
    --ds-body-short-md-line-height: 1.3;
    --ds-body-short-md-letter-spacing: 0.005em;
    --ds-body-short-sm-font-weight: 400;
    --ds-body-short-sm-line-height: 1.3;
    --ds-body-short-sm-letter-spacing: 0.0025em;
    --ds-body-short-xs-font-weight: 400;
    --ds-body-short-xs-line-height: 1.3;
    --ds-body-short-xs-letter-spacing: 0.0015em;
    --ds-body-long-xl-font-weight: 400;
    --ds-body-long-xl-line-height: 1.7;
    --ds-body-long-xl-letter-spacing: 0.005em;
    --ds-body-long-lg-font-weight: 400;
    --ds-body-long-lg-line-height: 1.7;
    --ds-body-long-lg-letter-spacing: 0.005em;
    --ds-body-long-md-font-weight: 400;
    --ds-body-long-md-line-height: 1.7;
    --ds-body-long-md-letter-spacing: 0.005em;
    --ds-body-long-sm-font-weight: 400;
    --ds-body-long-sm-line-height: 1.7;
    --ds-body-long-sm-letter-spacing: 0.0025em;
    --ds-body-long-xs-font-weight: 400;
    --ds-body-long-xs-line-height: 1.7;
    --ds-body-long-xs-letter-spacing: 0.0015em;
  }
}
@layer ds.theme.color {
  :root, [data-color-scheme], [data-color=accent] {
    --ds-color-background-default: var(--ds-color-accent-background-default);
    --ds-color-background-tinted: var(--ds-color-accent-background-tinted);
    --ds-color-surface-default: var(--ds-color-accent-surface-default);
    --ds-color-surface-tinted: var(--ds-color-accent-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-accent-surface-hover);
    --ds-color-surface-active: var(--ds-color-accent-surface-active);
    --ds-color-border-subtle: var(--ds-color-accent-border-subtle);
    --ds-color-border-default: var(--ds-color-accent-border-default);
    --ds-color-border-strong: var(--ds-color-accent-border-strong);
    --ds-color-text-subtle: var(--ds-color-accent-text-subtle);
    --ds-color-text-default: var(--ds-color-accent-text-default);
    --ds-color-base-default: var(--ds-color-accent-base-default);
    --ds-color-base-hover: var(--ds-color-accent-base-hover);
    --ds-color-base-active: var(--ds-color-accent-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-accent-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-accent-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=brand1], [data-color-scheme][data-color=brand1] {
    --ds-color-background-default: var(--ds-color-brand1-background-default);
    --ds-color-background-tinted: var(--ds-color-brand1-background-tinted);
    --ds-color-surface-default: var(--ds-color-brand1-surface-default);
    --ds-color-surface-tinted: var(--ds-color-brand1-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-brand1-surface-hover);
    --ds-color-surface-active: var(--ds-color-brand1-surface-active);
    --ds-color-border-subtle: var(--ds-color-brand1-border-subtle);
    --ds-color-border-default: var(--ds-color-brand1-border-default);
    --ds-color-border-strong: var(--ds-color-brand1-border-strong);
    --ds-color-text-subtle: var(--ds-color-brand1-text-subtle);
    --ds-color-text-default: var(--ds-color-brand1-text-default);
    --ds-color-base-default: var(--ds-color-brand1-base-default);
    --ds-color-base-hover: var(--ds-color-brand1-base-hover);
    --ds-color-base-active: var(--ds-color-brand1-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-brand1-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-brand1-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=brand2], [data-color-scheme][data-color=brand2] {
    --ds-color-background-default: var(--ds-color-brand2-background-default);
    --ds-color-background-tinted: var(--ds-color-brand2-background-tinted);
    --ds-color-surface-default: var(--ds-color-brand2-surface-default);
    --ds-color-surface-tinted: var(--ds-color-brand2-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-brand2-surface-hover);
    --ds-color-surface-active: var(--ds-color-brand2-surface-active);
    --ds-color-border-subtle: var(--ds-color-brand2-border-subtle);
    --ds-color-border-default: var(--ds-color-brand2-border-default);
    --ds-color-border-strong: var(--ds-color-brand2-border-strong);
    --ds-color-text-subtle: var(--ds-color-brand2-text-subtle);
    --ds-color-text-default: var(--ds-color-brand2-text-default);
    --ds-color-base-default: var(--ds-color-brand2-base-default);
    --ds-color-base-hover: var(--ds-color-brand2-base-hover);
    --ds-color-base-active: var(--ds-color-brand2-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-brand2-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-brand2-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=danger], [data-color-scheme][data-color=danger] {
    --ds-color-background-default: var(--ds-color-danger-background-default);
    --ds-color-background-tinted: var(--ds-color-danger-background-tinted);
    --ds-color-surface-default: var(--ds-color-danger-surface-default);
    --ds-color-surface-tinted: var(--ds-color-danger-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-danger-surface-hover);
    --ds-color-surface-active: var(--ds-color-danger-surface-active);
    --ds-color-border-subtle: var(--ds-color-danger-border-subtle);
    --ds-color-border-default: var(--ds-color-danger-border-default);
    --ds-color-border-strong: var(--ds-color-danger-border-strong);
    --ds-color-text-subtle: var(--ds-color-danger-text-subtle);
    --ds-color-text-default: var(--ds-color-danger-text-default);
    --ds-color-base-default: var(--ds-color-danger-base-default);
    --ds-color-base-hover: var(--ds-color-danger-base-hover);
    --ds-color-base-active: var(--ds-color-danger-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-danger-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-danger-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=info], [data-color-scheme][data-color=info] {
    --ds-color-background-default: var(--ds-color-info-background-default);
    --ds-color-background-tinted: var(--ds-color-info-background-tinted);
    --ds-color-surface-default: var(--ds-color-info-surface-default);
    --ds-color-surface-tinted: var(--ds-color-info-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-info-surface-hover);
    --ds-color-surface-active: var(--ds-color-info-surface-active);
    --ds-color-border-subtle: var(--ds-color-info-border-subtle);
    --ds-color-border-default: var(--ds-color-info-border-default);
    --ds-color-border-strong: var(--ds-color-info-border-strong);
    --ds-color-text-subtle: var(--ds-color-info-text-subtle);
    --ds-color-text-default: var(--ds-color-info-text-default);
    --ds-color-base-default: var(--ds-color-info-base-default);
    --ds-color-base-hover: var(--ds-color-info-base-hover);
    --ds-color-base-active: var(--ds-color-info-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-info-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-info-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=neutral], [data-color-scheme][data-color=neutral] {
    --ds-color-background-default: var(--ds-color-neutral-background-default);
    --ds-color-background-tinted: var(--ds-color-neutral-background-tinted);
    --ds-color-surface-default: var(--ds-color-neutral-surface-default);
    --ds-color-surface-tinted: var(--ds-color-neutral-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-neutral-surface-hover);
    --ds-color-surface-active: var(--ds-color-neutral-surface-active);
    --ds-color-border-subtle: var(--ds-color-neutral-border-subtle);
    --ds-color-border-default: var(--ds-color-neutral-border-default);
    --ds-color-border-strong: var(--ds-color-neutral-border-strong);
    --ds-color-text-subtle: var(--ds-color-neutral-text-subtle);
    --ds-color-text-default: var(--ds-color-neutral-text-default);
    --ds-color-base-default: var(--ds-color-neutral-base-default);
    --ds-color-base-hover: var(--ds-color-neutral-base-hover);
    --ds-color-base-active: var(--ds-color-neutral-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-neutral-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-neutral-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=success], [data-color-scheme][data-color=success] {
    --ds-color-background-default: var(--ds-color-success-background-default);
    --ds-color-background-tinted: var(--ds-color-success-background-tinted);
    --ds-color-surface-default: var(--ds-color-success-surface-default);
    --ds-color-surface-tinted: var(--ds-color-success-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-success-surface-hover);
    --ds-color-surface-active: var(--ds-color-success-surface-active);
    --ds-color-border-subtle: var(--ds-color-success-border-subtle);
    --ds-color-border-default: var(--ds-color-success-border-default);
    --ds-color-border-strong: var(--ds-color-success-border-strong);
    --ds-color-text-subtle: var(--ds-color-success-text-subtle);
    --ds-color-text-default: var(--ds-color-success-text-default);
    --ds-color-base-default: var(--ds-color-success-base-default);
    --ds-color-base-hover: var(--ds-color-success-base-hover);
    --ds-color-base-active: var(--ds-color-success-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-success-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-success-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=warning], [data-color-scheme][data-color=warning] {
    --ds-color-background-default: var(--ds-color-warning-background-default);
    --ds-color-background-tinted: var(--ds-color-warning-background-tinted);
    --ds-color-surface-default: var(--ds-color-warning-surface-default);
    --ds-color-surface-tinted: var(--ds-color-warning-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-warning-surface-hover);
    --ds-color-surface-active: var(--ds-color-warning-surface-active);
    --ds-color-border-subtle: var(--ds-color-warning-border-subtle);
    --ds-color-border-default: var(--ds-color-warning-border-default);
    --ds-color-border-strong: var(--ds-color-warning-border-strong);
    --ds-color-text-subtle: var(--ds-color-warning-text-subtle);
    --ds-color-text-default: var(--ds-color-warning-text-default);
    --ds-color-base-default: var(--ds-color-warning-base-default);
    --ds-color-base-hover: var(--ds-color-warning-base-hover);
    --ds-color-base-active: var(--ds-color-warning-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-warning-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-warning-base-contrast-default);
  }
}
@charset "UTF-8";
@layer ds.theme, ds.base, ds.components;
@layer ds.base {
  .ds-sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  :root {
    --ds-font-size-minus-1:max(0.9em,0.875rem);
    --ds-font-size-plus-1:1.1em;
    --ds-readonly-icon-size:1.2em;
    --ds-readonly-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 aria-hidden=%27true%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M12 2.25A4.75 4.75 0 0 0 7.25 7v2.25H7A1.75 1.75 0 0 0 5.25 11v9c0 .41.34.75.75.75h12a.75.75 0 0 0 .75-.75v-9A1.75 1.75 0 0 0 17 9.25h-.25V7A4.75 4.75 0 0 0 12 2.25m3.25 7V7a3.25 3.25 0 0 0-6.5 0v2.25zM12 13a1.5 1.5 0 0 0-.75 2.8V17a.75.75 0 0 0 1.5 0v-1.2A1.5 1.5 0 0 0 12 13%27/%3E%3C/svg%3E");
  }
  @supports (width: round(down, 0.1em, 1px)) {
    :root {
      --ds-font-size-minus-1:round(down,max(0.9em,0.875rem),1px);
      --ds-font-size-plus-1:round(down,1.1em,1px);
    }
  }
  :root, [data-color-scheme] {
    --dsc-focus-boxShadow:0 0 0 var(--ds-border-width-focus) var(--ds-color-focus-inner);
    --dsc-focus-boxShadow-inset:inset 0 0 0 calc(var(--ds-border-width-focus)*2) var(--ds-color-focus-inner);
    --dsc-focus-outline:var(--ds-color-focus-outer) solid var(--ds-border-width-focus);
  }
  [data-color-scheme], body {
    background: var(--ds-color-neutral-background-default);
    color: var(--ds-color-neutral-text-default);
  }
  .ds-readonly-icon:before {
    background: currentcolor;
    content: "";
    display: inline-block;
    height: calc(1em * var(--ds-line-height-md));
    height: 1lh;
    margin-inline-end: 0.25ch;
    -webkit-mask: center/contain no-repeat var(--ds-readonly-icon-url);
    mask: center/contain no-repeat var(--ds-readonly-icon-url);
    vertical-align: bottom;
    width: var(--ds-readonly-icon-size);
  }
  :is(.ds-readonly-icon:before) {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  @media (forced-colors: active) {
    .ds-readonly-icon:before {
      background: CanvasText;
    }
  }
  .ds-print-preserve {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .ds-focus:focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: var(--_ds--focus, var(--ds-border-width-focus));
  }
  .ds-focus:focus-visible * {
    --_ds--focus: ;
  }
  .ds-focus--inset:focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow-inset));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: calc(var(--_ds--focus, var(--ds-border-width-focus)) * -1);
  }
  .ds-focus--inset:focus-visible * {
    --_ds--focus: ;
  }
  .ds-focus--visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: var(--_ds--focus, var(--ds-border-width-focus));
  }
  .ds-focus--visible * {
    --_ds--focus: ;
  }
  .ds-focus--visible--inset {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow-inset));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: calc(var(--_ds--focus, var(--ds-border-width-focus)) * -1);
  }
  .ds-focus--visible--inset * {
    --_ds--focus: ;
  }
  body {
    font-size: var(--ds-body-md-font-size);
    font-weight: var(--ds-body-md-font-weight);
    letter-spacing: var(--ds-body-md-letter-spacing);
    line-height: var(--ds-body-md-line-height);
  }
  [data-size] {
    font-size: var(--ds-body-md-font-size);
  }
}
@layer ds.base {
  .ds-heading {
    font-size: 1.3em;
    font-size: round(down, 1.3em, 1px);
    font-weight: var(--ds-heading-md-font-weight);
    letter-spacing: var(--ds-heading-md-letter-spacing);
    line-height: var(--ds-heading-md-line-height);
    margin: 0;
  }
  .ds-heading[data-size="2xs"] {
    font-size: var(--ds-heading-2xs-font-size);
    font-weight: var(--ds-heading-2xs-font-weight);
    letter-spacing: var(--ds-heading-2xs-letter-spacing);
    line-height: var(--ds-heading-2xs-line-height);
  }
  .ds-heading[data-size=xs] {
    font-size: var(--ds-heading-xs-font-size);
    font-weight: var(--ds-heading-xs-font-weight);
    letter-spacing: var(--ds-heading-xs-letter-spacing);
    line-height: var(--ds-heading-xs-line-height);
  }
  .ds-heading[data-size=sm] {
    font-size: var(--ds-heading-sm-font-size);
    font-weight: var(--ds-heading-sm-font-weight);
    letter-spacing: var(--ds-heading-sm-letter-spacing);
    line-height: var(--ds-heading-sm-line-height);
  }
  .ds-heading[data-size=md] {
    font-size: var(--ds-heading-md-font-size);
  }
  .ds-heading[data-size=lg] {
    font-size: var(--ds-heading-lg-font-size);
    font-weight: var(--ds-heading-lg-font-weight);
    letter-spacing: var(--ds-heading-lg-letter-spacing);
    line-height: var(--ds-heading-lg-line-height);
  }
  .ds-heading[data-size=xl] {
    font-size: var(--ds-heading-xl-font-size);
    font-weight: var(--ds-heading-xl-font-weight);
    letter-spacing: var(--ds-heading-xl-letter-spacing);
    line-height: var(--ds-heading-xl-line-height);
  }
  .ds-heading[data-size="2xl"] {
    font-size: var(--ds-heading-2xl-font-size);
    font-weight: var(--ds-heading-2xl-font-weight);
    letter-spacing: var(--ds-heading-2xl-letter-spacing);
    line-height: var(--ds-heading-2xl-line-height);
  }
}
@layer ds.base {
  .ds-label {
    font-weight: var(--ds-font-weight-medium);
    line-height: var(--ds-body-md-line-height);
  }
  .ds-label[data-weight=semibold] {
    font-weight: var(--ds-font-weight-semibold);
  }
  .ds-label[data-weight=regular] {
    font-weight: var(--ds-font-weight-regular);
  }
}
@layer ds.base {
  :where(.ds-paragraph) {
    margin-block: 0;
  }
  .ds-paragraph[data-size=xs] {
    font-size: var(--ds-body-xs-font-size);
    font-weight: var(--ds-body-xs-font-weight);
    letter-spacing: var(--ds-body-xs-letter-spacing);
    line-height: var(--ds-body-xs-line-height);
  }
  .ds-paragraph[data-size=sm] {
    font-size: var(--ds-body-sm-font-size);
    font-weight: var(--ds-body-sm-font-weight);
    letter-spacing: var(--ds-body-sm-letter-spacing);
    line-height: var(--ds-body-sm-line-height);
  }
  .ds-paragraph[data-size=md] {
    font-size: var(--ds-body-md-font-size);
    font-weight: var(--ds-body-md-font-weight);
    letter-spacing: var(--ds-body-md-letter-spacing);
    line-height: var(--ds-body-md-line-height);
  }
  .ds-paragraph[data-size=lg] {
    font-size: var(--ds-body-lg-font-size);
    font-weight: var(--ds-body-lg-font-weight);
    letter-spacing: var(--ds-body-lg-letter-spacing);
    line-height: var(--ds-body-lg-line-height);
  }
  .ds-paragraph[data-size=xl] {
    font-size: var(--ds-body-xl-font-size);
    font-weight: var(--ds-body-xl-font-weight);
    letter-spacing: var(--ds-body-xl-letter-spacing);
    line-height: var(--ds-body-xl-line-height);
  }
  .ds-paragraph[data-variant=long] {
    line-height: var(--ds-line-height-lg);
  }
  .ds-paragraph[data-variant=short] {
    line-height: var(--ds-line-height-sm);
  }
}
@layer ds.components {
  .ds-link {
    --dsc-link-background--active:var(--ds-color-surface-tinted);
    --dsc-link-color--active:var(--ds-color-text-default);
    --dsc-link-color--hover:var(--ds-color-text-default);
    --dsc-link-color:var(--ds-color-text-subtle);
    --dsc-link-color--visited:var(--ds-link-color-visited);
    --dsc-link-text-decoration-thickness--hover:0.125em;
    --dsc-link-text-decoration-thickness:0.0625em;
    --dsc-link-border-radius:var(--ds-border-radius-md);
    border-radius: var(--dsc-link-border-radius);
    color: var(--dsc-link-color);
    outline: none;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: var(--dsc-link-text-decoration-thickness);
    text-underline-offset: 0.27em;
  }
  .ds-link :is(img, svg) {
    vertical-align: middle;
  }
  .ds-link:has(> span) > :is(img, svg) {
    margin-inline: var(--ds-size-1);
  }
  :is(.ds-link:has(> span) > :is(img, svg)):first-child {
    margin-inline-start: 0;
  }
  :is(.ds-link:has(> span) > :is(img, svg)):last-child {
    margin-inline-end: 0;
  }
  .ds-link[data-color=neutral] {
    --dsc-link-color--active:var(--ds-color-neutral-text-subtle);
    --dsc-link-color--hover:var(--ds-color-neutral-text-subtle);
    --dsc-link-color:var(--ds-color-neutral-text-default);
  }
  .ds-link:visited {
    color: var(--dsc-link-color--visited);
  }
  @media (hover: hover) and (pointer: fine) {
    .ds-link:hover {
      color: var(--dsc-link-color--hover);
      text-decoration-thickness: var(--dsc-link-text-decoration-thickness--hover);
    }
  }
  .ds-link:focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: var(--_ds--focus, var(--ds-border-width-focus));
  }
  .ds-link:focus-visible * {
    --_ds--focus: ;
  }
  .ds-link:active {
    background: var(--dsc-link-background--active);
    color: var(--dsc-link-color--active);
  }
}
@layer ds.base {
  .ds-validation-message {
    --dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M7.74 2.47a.75.75 0 0 1 .53-.22h7.46a.75.75 0 0 1 .53.22l5.27 5.27c.14.14.22.33.22.53v7.46a.75.75 0 0 1-.22.53l-5.27 5.27a.75.75 0 0 1-.53.22H8.27a.75.75 0 0 1-.53-.22l-5.27-5.27a.75.75 0 0 1-.22-.53V8.27a.75.75 0 0 1 .22-.53zm1.29 5.5a.75.75 0 0 0-1.06 1.06L10.94 12l-2.97 2.97a.75.75 0 1 0 1.06 1.06L12 13.06l2.97 2.97a.75.75 0 1 0 1.06-1.06L13.06 12l2.97-2.97a.75.75 0 0 0-1.06-1.06L12 10.94z%27/%3E%3C/svg%3E");
    --dsc-validation-message-icon-size:var(--ds-size-7);
    --dsc-validation-message-spacing:var(--ds-size-2);
    --dsc-validation-message-color:var(--ds-color-danger-text-subtle);
    color: var(--dsc-validation-message-color);
    margin: 0;
    padding-inline-start: calc(var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing));
    position: relative;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .ds-validation-message:before {
    background: currentcolor;
    content: "";
    height: var(--dsc-validation-message-icon-size);
    margin-inline: calc((var(--dsc-validation-message-icon-size) + var(--dsc-validation-message-spacing)) * -1);
    -webkit-mask: var(--dsc-validation-message-icon-url) center/contain no-repeat;
    mask: var(--dsc-validation-message-icon-url) center/contain no-repeat;
    position: absolute;
    translate: 0 calc((1lh - var(--dsc-validation-message-icon-size)) / 2);
    width: var(--dsc-validation-message-icon-size);
  }
  @media (forced-colors: active) {
    .ds-validation-message:before {
      background: CanvasText;
    }
  }
  .ds-validation-message[data-color=success] {
    --dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M12 21.75a9.75 9.75 0 1 0 0-19.5 9.75 9.75 0 0 0 0 19.5m4.95-12.47a.81.81 0 0 0-1.24-1.05l-5.39 6.36-2.62-2.62a.81.81 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.2-.05z%27/%3E%3C/svg%3E");
    --dsc-validation-message-color:var(--ds-color-success-text-subtle);
  }
  .ds-validation-message[data-color=warning] {
    --dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M12 2.25a.75.75 0 0 1 .66.39l9.52 17.25a.75.75 0 0 1-.65 1.11H2.47a.75.75 0 0 1-.65-1.11l9.52-17.25a.75.75 0 0 1 .66-.39m0 6.5a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75m-1 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0%27/%3E%3C/svg%3E");
    --dsc-validation-message-color:var(--ds-color-warning-text-subtle);
  }
  .ds-validation-message[data-color=info] {
    --dsc-validation-message-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75%27/%3E%3C/svg%3E");
    --dsc-validation-message-color:var(--ds-color-info-text-subtle);
  }
}
@layer ds.components {
  [data-size]:is(.ds-avatar, .ds-heading, .ds-paragraph, .ds-spinner) {
    --ds-size:var(--ds-size--md);
  }
  [data-size]:not(.ds-avatar, .ds-heading, .ds-paragraph, .ds-spinner) {
    --_ds-size-mode__hack:var(--ds-size-mode-font-size);
  }
  [data-size] :is(.ds-avatar, .ds-heading, .ds-paragraph, .ds-spinner) {
    --ds-size-mode-font-size:var(--_ds-size-mode__hack);
  }
}
@layer ds.components {
  .ds-button {
    --dsc-button-background--active:var(--ds-color-base-active);
    --dsc-button-background--hover:var(--ds-color-base-hover);
    --dsc-button-background:var(--ds-color-base-default);
    --dsc-button-color:var(--ds-color-base-contrast-default);
    --dsc-button-color--hover:var(--ds-color-base-contrast-default);
    --dsc-button-border-width:var(--ds-border-width-default);
    --dsc-button-border-style:solid;
    --dsc-button-border-color:transparent;
    --dsc-button-gap:var(--ds-size-2);
    --dsc-button-padding:var(--ds-size-2) var(--ds-size-4);
    --dsc-button-size:var(--ds-size-12);
    align-items: center;
    background: var(--dsc-button-background);
    border-color: var(--dsc-button-border-color);
    border-radius: var(--ds-border-radius-default);
    border-style: var(--dsc-button-border-style);
    border-width: var(--dsc-button-border-width);
    box-sizing: border-box;
    color: var(--dsc-button-color);
    cursor: pointer;
    font-family: inherit;
    font-weight: var(--ds-font-weight-medium);
    gap: var(--dsc-button-gap);
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    line-height: var(--ds-line-height-sm);
    min-height: var(--dsc-button-size);
    min-width: var(--dsc-button-size);
    outline: none;
    padding: var(--dsc-button-padding);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    text-align: inherit;
    text-decoration: none;
  }
  .ds-button:focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: var(--_ds--focus, var(--ds-border-width-focus));
  }
  .ds-button:focus-visible * {
    --_ds--focus: ;
  }
  .ds-button[data-variant=secondary], .ds-button[data-variant=tertiary] {
    --dsc-button-background:transparent;
    --dsc-button-background--active:var(--ds-color-surface-active);
    --dsc-button-background--hover:var(--ds-color-surface-hover);
    --dsc-button-color:var(--ds-color-text-subtle);
    --dsc-button-color--hover:var(--ds-color-text-default);
  }
  .ds-button[data-variant=secondary] {
    --dsc-button-border-color:var(--ds-color-border-strong);
  }
  .ds-button:not([data-size]) {
    font-size: inherit;
  }
  .ds-button :where(img, svg) {
    flex-shrink: 0;
    font-size: 1.3em;
  }
  .ds-button:focus-visible {
    position: relative;
  }
  .ds-button:where(:not([hidden])) {
    display: flex;
  }
  .ds-button[data-icon] {
    height: var(--dsc-button-size);
    padding: 0;
    width: var(--dsc-button-size);
  }
  .ds-button[data-icon] :where(img, svg) {
    font-size: 1.5em;
  }
  .ds-button[data-fullwidth] {
    text-align: center;
    width: 100%;
  }
  .ds-button .ds-spinner {
    font-size: 1.4em;
  }
  @media (hover: hover) and (pointer: fine) {
    .ds-button:where(:not(:disabled, [aria-disabled=true], [aria-busy=true])):hover {
      background: var(--dsc-button-background--hover);
      color: var(--dsc-button-color--hover);
    }
  }
  .ds-button[aria-busy=true] {
    cursor: progress;
  }
  .ds-button:is(:disabled, [aria-disabled=true]) {
    cursor: not-allowed;
    opacity: var(--ds-opacity-disabled);
  }
  .ds-button[aria-busy=true]:is(:disabled, [aria-disabled=true]) {
    cursor: progress;
    opacity: 1;
  }
  .ds-button:where(:not(:disabled, [aria-disabled=true], [aria-busy=true])):active {
    background: var(--dsc-button-background--active);
  }
}
@layer ds.components {
  :where(.ds-input) {
    margin: 0;
  }
  .ds-input {
    --dsc-input-padding:var(--ds-size-2) var(--ds-size-3);
    --dsc-input-size--toggle:var(--ds-size-6);
    --dsc-input-size:var(--ds-size-12);
    --dsc-input-background--readonly:var(--ds-color-neutral-surface-tinted);
    --dsc-input-background:var(--ds-color-neutral-surface-default);
    --dsc-input-border-color--readonly:var(--ds-color-neutral-border-subtle);
    --dsc-input-border-color:var(--ds-color-neutral-border-default);
    --dsc-input-border-style:solid;
    --dsc-input-border-width--toggle:max(var(--ds-border-width-default),calc(var(--ds-size-1)/2));
    --dsc-input-border-width:var(--ds-border-width-default);
    --dsc-input-outline-color--hover:var(--ds-color-neutral-border-default);
    --dsc-input-outline-color--toggle--hover:var(--dsc-input-accent-color);
    --dsc-input-outline-width--hover:var(--ds-border-width-default);
    --dsc-input-outline-style--hover:solid;
    --dsc-input-color--readonly:var(--ds-color-neutral-text-default);
    --dsc-input-color:var(--ds-color-neutral-text-default);
    --dsc-input-stroke-color:var(--ds-color-base-contrast-default);
    --dsc-input-stroke-color--invalid:var(--ds-color-danger-base-contrast-default);
    --dsc-input-stroke-width:0.05em;
    --dsc-input-accent-color:var(--ds-color-base-default);
    --dsc-input-accent-color--invalid:var(--ds-color-danger-text-subtle);
    --_dsc-input-diagonal-1:transparent calc(48% - var(--dsc-input-stroke-width));
    --_dsc-input-diagonal-2:currentcolor calc(50% - var(--dsc-input-stroke-width));
    --_dsc-input-diagonal-3:currentcolor calc(50% + var(--dsc-input-stroke-width));
    --_dsc-input-diagonal-4:transparent calc(52% + var(--dsc-input-stroke-width));
    --_dsc-input-spacing--toggle:calc(var(--ds-size-1)/2);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--dsc-input-background);
    border-color: var(--dsc-input-border-color);
    border-radius: var(--ds-border-radius-md);
    border-style: var(--dsc-input-border-style);
    border-width: var(--dsc-input-border-width);
    box-sizing: border-box;
    color: var(--dsc-input-color);
    font-family: inherit;
    height: var(--dsc-input-size);
    line-height: inherit;
    max-width: 100%;
    min-width: 0;
    padding: var(--dsc-input-padding);
    position: relative;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: middle;
  }
  .ds-input:focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: var(--_ds--focus, var(--ds-border-width-focus));
  }
  .ds-input:focus-visible * {
    --_ds--focus: ;
  }
  .ds-input:-moz-read-only:not(:focus-visible, :disabled, [readonly]):hover, :has(label):not(:has(label:hover)) .ds-input:not(:focus-visible, :disabled, :-moz-read-only):hover {
    outline-color: var(--dsc-input-outline-color--hover);
    outline-style: var(--dsc-input-outline-style--hover);
    outline-width: var(--dsc-input-outline-width--hover);
  }
  .ds-input:read-only:not(:focus-visible, :disabled, [readonly]):hover, :has(label):not(:has(label:hover)) .ds-input:not(:focus-visible, :disabled, :read-only):hover {
    outline-color: var(--dsc-input-outline-color--hover);
    outline-style: var(--dsc-input-outline-style--hover);
    outline-width: var(--dsc-input-outline-width--hover);
  }
  :is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible, :disabled, :-moz-read-only):hover, .ds-input:-moz-read-only:not(:focus-visible, :disabled, [readonly]):hover):is(:checked, :indeterminate:where([type=checkbox])):not([aria-invalid=true]) {
    outline-color: var(--dsc-input-outline-color--toggle--hover);
  }
  :is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible, :disabled, :read-only):hover, .ds-input:read-only:not(:focus-visible, :disabled, [readonly]):hover):is(:checked, :indeterminate:where([type=checkbox])):not([aria-invalid=true]) {
    outline-color: var(--dsc-input-outline-color--toggle--hover);
  }
  :is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible, :disabled, :-moz-read-only):hover, .ds-input:-moz-read-only:not(:focus-visible, :disabled, [readonly]):hover):is([aria-invalid=true]) {
    outline-color: var(--dsc-input-accent-color--invalid);
  }
  :is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible, :disabled, :read-only):hover, .ds-input:read-only:not(:focus-visible, :disabled, [readonly]):hover):is([aria-invalid=true]) {
    outline-color: var(--dsc-input-accent-color--invalid);
  }
  @media (forced-colors: active) {
    .ds-input {
      background-color: Canvas;
      border-color: ButtonText;
    }
    .ds-input:disabled, .ds-input[aria-disabled=true], .ds-input[readonly] {
      border-color: GrayText;
    }
  }
  @supports (width: round(down, 0.1em, 1px)) {
    .ds-input {
      border-width: round(up, var(--dsc-input-border-width), 1px);
    }
  }
  .ds-input:not([data-size]) {
    font-size: inherit;
  }
  .ds-input:is(select) {
    background-image: linear-gradient(45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4)), linear-gradient(-45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4));
    background-position: calc(100% - 1.2em + var(--dsc-input-stroke-width)), calc(100% - 0.8em);
    background-repeat: no-repeat;
    background-size: 0.4em 0.4em;
    padding-inline-end: 2.4em;
    text-overflow: ellipsis;
  }
  :dir(rtl) .ds-input:is(select) {
    background-position: calc(1.2em - var(--dsc-input-stroke-width)), 0.8em;
  }
  .ds-input:is(select):open {
    background-image: linear-gradient(-45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4)), linear-gradient(45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4));
  }
  @media (forced-colors: active) {
    .ds-input:is(select) {
      -webkit-appearance: auto;
      -moz-appearance: auto;
      appearance: auto;
    }
  }
  .ds-input:is(textarea) {
    height: auto;
    min-height: calc(var(--dsc-input-size) * 1.5);
    resize: vertical;
  }
  .ds-input:is(textarea):not([rows]) {
    field-sizing: content;
  }
  .ds-input:not([size], [cols], select:where([data-width=auto])) {
    width: 100%;
  }
  .ds-input:checked, .ds-input:indeterminate:where([type=checkbox]) {
    background: var(--dsc-input-accent-color);
    border-color: var(--dsc-input-accent-color);
    color: var(--dsc-input-stroke-color);
  }
  .ds-input:disabled, .ds-input[aria-disabled=true] {
    cursor: not-allowed;
    opacity: var(--ds-opacity-disabled);
  }
  .ds-input[aria-invalid=true] {
    border-color: var(--dsc-input-accent-color--invalid);
  }
  .ds-input[aria-invalid=true]:where(:checked) {
    background: var(--dsc-input-accent-color--invalid);
    color: var(--dsc-input-stroke-color--invalid);
  }
  .ds-input[type=checkbox][aria-invalid=true]:where(:indeterminate) {
    background: var(--dsc-input-accent-color--invalid);
    color: var(--dsc-input-stroke-color--invalid);
  }
  .ds-input[readonly] {
    background: var(--dsc-input-background--readonly);
    border-color: var(--dsc-input-border-color--readonly);
    color: var(--dsc-input-color--readonly);
  }
  @media (forced-colors: active) {
    .ds-input[readonly] {
      border-color: GrayText;
    }
  }
  .ds-input:-moz-read-only:not([readonly], [aria-disabled=true], :disabled) {
    cursor: pointer;
  }
  .ds-input:read-only:not([readonly], [aria-disabled=true], :disabled) {
    cursor: pointer;
  }
  .ds-input[type=checkbox], .ds-input[type=radio] {
    border-width: var(--dsc-input-border-width--toggle);
    flex-shrink: 0;
    height: var(--dsc-input-size--toggle);
    line-height: inherit;
    padding: var(--_dsc-input-spacing--toggle);
    width: var(--dsc-input-size--toggle);
  }
  @media (forced-colors: active) {
    .ds-input[type=checkbox], .ds-input[type=radio] {
      color: Canvas;
    }
    :is(.ds-input[type=checkbox], .ds-input[type=radio]):disabled, [aria-disabled=true]:is(.ds-input[type=checkbox], .ds-input[type=radio]), [readonly]:is(.ds-input[type=checkbox], .ds-input[type=radio]) {
      border-color: GrayText;
    }
  }
  .ds-input[type=radio] {
    border-radius: var(--ds-border-radius-full);
  }
  .ds-input[type=radio]:checked {
    background-image: radial-gradient(circle closest-side, currentcolor 45%, transparent 50%);
  }
  @media (forced-colors: active) {
    .ds-input[type=radio]:checked {
      background-color: LinkText;
      border-color: LinkText;
      color: Canvas;
      forced-color-adjust: none;
    }
  }
  .ds-input[type=checkbox] {
    border-radius: var(--ds-border-radius-sm);
  }
  .ds-input[type=checkbox]:checked {
    background-image: linear-gradient(45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4)), linear-gradient(-45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4));
    background-origin: content-box;
    background-position: 10% 73%, 90% 50%;
    background-repeat: no-repeat;
    background-size: 35% 35%, 65% 65%;
  }
  @media (forced-colors: active) {
    .ds-input[type=checkbox]:checked {
      background-color: LinkText;
      border-color: LinkText;
      forced-color-adjust: none;
    }
  }
  .ds-input[type=checkbox]:indeterminate {
    background-image: linear-gradient(transparent calc(48% - var(--dsc-input-stroke-width)), currentcolor calc(50% - var(--dsc-input-stroke-width)), currentcolor calc(50% + var(--dsc-input-stroke-width)), transparent calc(52% + var(--dsc-input-stroke-width)));
    background-origin: content-box;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
  }
  @media (forced-colors: active) {
    .ds-input[type=checkbox]:indeterminate {
      background-color: LinkText;
      border-color: LinkText;
      forced-color-adjust: none;
    }
  }
  .ds-input[role=switch]:is([type=radio], [type=checkbox]) {
    --_dsc-input-circle-position:left;
    background-image: radial-gradient(circle closest-side, currentcolor 95%, transparent 100%);
    background-origin: content-box;
    background-position: var(--_dsc-input-circle-position);
    background-repeat: no-repeat;
    background-size: calc(var(--dsc-input-size--toggle) - var(--_dsc-input-spacing--toggle) * 2) 100%;
    border-radius: var(--ds-border-radius-full);
    padding-inline: 0;
    transition: background-position 0.2s;
    width: calc(var(--dsc-input-size--toggle) * 2);
  }
  .ds-input[role=switch]:is([type=radio], [type=checkbox]):checked {
    --_dsc-input-circle-position:right;
  }
  @media (forced-colors: active) {
    .ds-input[role=switch]:is([type=radio], [type=checkbox]):checked {
      color: CanvasText;
    }
  }
  @media (forced-colors: active) {
    .ds-input[role=switch]:is([type=radio], [type=checkbox]) {
      color: GrayText;
      forced-color-adjust: none;
    }
    .ds-input[role=switch][readonly]:is([type=radio], [type=checkbox]) {
      color: GrayText;
    }
    .ds-input[role=switch]:is([type=radio], [type=checkbox]):disabled, .ds-input[role=switch][aria-disabled=true]:is([type=radio], [type=checkbox]), .ds-input[role=switch][readonly]:is([type=radio], [type=checkbox]) {
      border-color: GrayText;
    }
  }
}
@layer ds.components {
  .ds-field {
    --dsc-field-content-spacing:var(--ds-size-2);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .ds-field > * {
    margin-block: 0;
  }
  .ds-field > * + * {
    margin-top: var(--dsc-field-content-spacing);
  }
  .ds-field [data-field=description] {
    color: var(--ds-color-neutral-text-subtle);
    margin-top: 0;
    margin-block: 0;
  }
  .ds-field .ds-input:not([hidden]), .ds-field input:not([hidden]), .ds-field select:not([hidden]), .ds-field textarea:not([hidden]) {
    display: block;
  }
  .ds-field label:where(:not([hidden])) {
    display: block;
  }
  .ds-field:has([aria-disabled=true]:not(u-option, [role=option][aria-disabled=true]), :disabled:not(option)) > * {
    cursor: not-allowed;
    opacity: var(--ds-opacity-disabled);
  }
  :is(.ds-field:has([aria-readonly=true], [readonly]) label):before {
    background: currentcolor;
    content: "";
    display: inline-block;
    height: calc(1em * var(--ds-line-height-md));
    height: 1lh;
    margin-inline-end: 0.25ch;
    -webkit-mask: center/contain no-repeat var(--ds-readonly-icon-url);
    mask: center/contain no-repeat var(--ds-readonly-icon-url);
    vertical-align: bottom;
    width: var(--ds-readonly-icon-size);
  }
  :is(:is(.ds-field:has([aria-readonly=true], [readonly]) label):before) {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  @media (forced-colors: active) {
    :is(.ds-field:has([aria-readonly=true], [readonly]) label):before {
      background: CanvasText;
    }
  }
  .ds-field:has(input:is([type=radio], [type=checkbox])) {
    border-radius: var(--ds-border-radius-md);
    grid-template-areas: "input content";
    grid-template-columns: auto 1fr;
    width: -moz-fit-content;
    width: fit-content;
  }
  .ds-field:has(input:is([type=radio], [type=checkbox])):not([hidden]) {
    display: grid;
  }
  .ds-field:has(input:is([type=radio], [type=checkbox])) > * {
    grid-column: content;
    margin-block: 0;
  }
  .ds-field:has(input:is([type=radio], [type=checkbox])) > :not(input) {
    padding-inline-start: var(--dsc-field-content-spacing);
  }
  .ds-field:has(input:is([type=radio], [type=checkbox])) label {
    font-weight: var(--ds-font-weight-regular);
  }
  .ds-field:has(input:is([type=radio], [type=checkbox])) label:before {
    content: none;
  }
  .ds-field:has(input:is([type=radio], [type=checkbox])) input {
    grid-column: input;
    grid-row: 1;
  }
  .ds-field:has(input:is([type=radio], [type=checkbox])):not(:has([readonly], [aria-disabled=true]:not(u-option), :disabled:not(option))) label {
    cursor: pointer;
  }
  .ds-field:has(input:is([type=radio], [type=checkbox])):has(input:focus-visible) {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: var(--_ds--focus, var(--ds-border-width-focus));
  }
  .ds-field:has(input:is([type=radio], [type=checkbox])):has(input:focus-visible) * {
    --_ds--focus: ;
  }
  .ds-field:has(input:is([type=radio], [type=checkbox])) .ds-input:is([type=radio], [type=checkbox]):not([aria-label]) {
    translate: 0 calc(0.5lh - 50%);
  }
  .ds-field[data-position=end]:has(input:is([type=radio], [type=checkbox])) {
    grid-template-areas: "content input";
    grid-template-columns: 1fr auto;
    width: auto;
  }
  .ds-field[data-position=end]:has(input:is([type=radio], [type=checkbox])) > :not(input) {
    padding-inline-end: var(--dsc-field-content-spacing);
    padding-inline-start: 0;
  }
  .ds-field-affixes {
    --dsc-field-affix-border-width:var(--ds-border-width-default);
    --dsc-field-affix-border-style:solid;
    --dsc-field-affix-border-color:var(--ds-color-neutral-border-default);
    --dsc-field-affix-padding-inline:var(--ds-size-4);
    background: var(--ds-color-neutral-surface-tinted);
    border-radius: var(--ds-border-radius-md);
    box-sizing: border-box;
    color: var(--ds-color-neutral-text-subtle);
    max-width: 100%;
    white-space: nowrap;
  }
  .ds-field-affixes:not([hidden]) {
    display: flex;
  }
  .ds-field-affixes:has([size]) {
    width: -moz-fit-content;
    width: fit-content;
  }
  .ds-field-affixes .ds-field-affix {
    align-items: center;
    border-color: var(--dsc-field-affix-border-color);
    border-style: var(--dsc-field-affix-border-style);
    border-width: var(--dsc-field-affix-border-width);
    flex-shrink: 0;
    padding-inline: var(--dsc-field-affix-padding-inline);
  }
  :is(.ds-field-affixes .ds-field-affix):not([hidden]) {
    display: flex;
  }
  :is(.ds-field-affixes .ds-field-affix):first-child {
    border-end-start-radius: inherit;
    border-inline-end: 0;
    border-start-start-radius: inherit;
  }
  :is(.ds-field-affixes .ds-field-affix):last-child {
    border-end-end-radius: inherit;
    border-inline-start: 0;
    border-start-end-radius: inherit;
  }
  .ds-field-affixes .ds-input {
    border-style: var(--dsc-field-affix-border-style);
    border-width: var(--dsc-field-affix-border-width);
    flex: 1 1 auto;
  }
  :is(.ds-field-affixes .ds-input):not(:last-child) {
    border-end-end-radius: 0;
    border-start-end-radius: 0;
  }
  :is(.ds-field-affixes .ds-input):not(:first-child) {
    border-end-start-radius: 0;
    border-start-start-radius: 0;
  }
}
@layer ds.components {
  .ds-fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
  }
  .ds-fieldset > legend {
    padding: 0;
  }
  :is(.ds-fieldset:has(input[readonly]):not(:has(input:not([readonly]))) > legend):before {
    background: currentcolor;
    content: "";
    display: inline-block;
    height: calc(1em * var(--ds-line-height-md));
    height: 1lh;
    margin-inline-end: 0.25ch;
    -webkit-mask: center/contain no-repeat var(--ds-readonly-icon-url);
    mask: center/contain no-repeat var(--ds-readonly-icon-url);
    vertical-align: bottom;
    width: var(--ds-readonly-icon-size);
  }
  :is(:is(.ds-fieldset:has(input[readonly]):not(:has(input:not([readonly]))) > legend):before) {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  @media (forced-colors: active) {
    :is(.ds-fieldset:has(input[readonly]):not(:has(input:not([readonly]))) > legend):before {
      background: CanvasText;
    }
  }
  .ds-fieldset > * + * {
    margin-block-start: var(--ds-size-4);
  }
  .ds-fieldset > legend + p {
    color: var(--ds-color-neutral-text-subtle);
    margin-block: 0;
  }
  .ds-fieldset > .ds-sr-only + * {
    margin-block-start: 0;
  }
  .ds-fieldset:disabled > legend, .ds-fieldset:disabled > legend + p {
    opacity: var(--ds-opacity-disabled);
  }
}
@layer ds.components {
  .ds-alert {
    --dsc-alert-background:var(--ds-color-info-surface-tinted);
    --dsc-alert-border-width:var(--ds-border-width-default);
    --dsc-alert-border-style:solid;
    --dsc-alert-border-color:var(--ds-color-info-border-default);
    --dsc-alert-border-radius:var(--ds-border-radius-md);
    --dsc-alert-icon-color:var(--ds-color-info-text-subtle);
    --dsc-alert-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75%27/%3E%3C/svg%3E");
    --dsc-alert-color:var(--ds-color-info-text-default);
    --dsc-alert-spacing:var(--ds-size-2);
    --dsc-alert-icon-size:var(--ds-size-7);
    --dsc-alert-padding-block:var(--ds-size-6);
    --dsc-alert-padding-inline-end:var(--ds-size-6);
    background: var(--dsc-alert-background);
    border-color: var(--dsc-alert-border-color);
    border-radius: var(--dsc-alert-border-radius);
    border-style: var(--dsc-alert-border-style);
    border-width: var(--dsc-alert-border-width);
    box-sizing: border-box;
    color: var(--dsc-alert-color);
    padding-block: var(--dsc-alert-padding-block);
    padding-inline-end: var(--dsc-alert-padding-inline-end);
    padding-inline-start: calc(var(--dsc-alert-padding-inline-end) + var(--dsc-alert-icon-size) + var(--dsc-alert-spacing));
    position: relative;
  }
  .ds-alert:not(:has(> :is(h1, h2, h3, h4, h5, h6):first-child)):before, .ds-alert > :is(h1, h2, h3, h4, h5, h6):first-child:before {
    background: var(--dsc-alert-icon-color);
    content: "";
    height: var(--dsc-alert-icon-size);
    margin-inline: calc((var(--dsc-alert-icon-size) + var(--dsc-alert-spacing)) * -1);
    -webkit-mask: var(--dsc-alert-icon-url) center/contain no-repeat;
    mask: var(--dsc-alert-icon-url) center/contain no-repeat;
    position: absolute;
    translate: 0 calc((1lh - var(--dsc-alert-icon-size)) / 2);
    width: var(--dsc-alert-icon-size);
  }
  :is(.ds-alert > :is(h1, h2, h3, h4, h5, h6):first-child:before, .ds-alert:not(:has(> :is(h1, h2, h3, h4, h5, h6):first-child)):before) {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  @media (forced-colors: active) {
    .ds-alert:not(:has(> :is(h1, h2, h3, h4, h5, h6):first-child)):before, .ds-alert > :is(h1, h2, h3, h4, h5, h6):first-child:before {
      background: CanvasText;
    }
  }
  .ds-alert[data-color] {
    --dsc-alert-background:var(--ds-color-surface-tinted);
    --dsc-alert-border-color:var(--ds-color-border-default);
    --dsc-alert-icon-color:var(--ds-color-text-subtle);
    --dsc-alert-color:var(--ds-color-text-default);
  }
  .ds-alert[data-color=warning] {
    --dsc-alert-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M12 2.25a.75.75 0 0 1 .66.39l9.52 17.25a.75.75 0 0 1-.65 1.11H2.47a.75.75 0 0 1-.65-1.11l9.52-17.25a.75.75 0 0 1 .66-.39m0 6.5a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75m-1 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0%27/%3E%3C/svg%3E");
  }
  .ds-alert[data-color=success] {
    --dsc-alert-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M12 21.75a9.75 9.75 0 1 0 0-19.5 9.75 9.75 0 0 0 0 19.5m4.95-12.47a.81.81 0 0 0-1.24-1.05l-5.39 6.36-2.62-2.62a.81.81 0 0 0-1.15 1.15l3.25 3.25a.81.81 0 0 0 1.2-.05z%27/%3E%3C/svg%3E");
  }
  .ds-alert[data-color=danger] {
    --dsc-alert-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M7.74 2.47a.75.75 0 0 1 .53-.22h7.46a.75.75 0 0 1 .53.22l5.27 5.27c.14.14.22.33.22.53v7.46a.75.75 0 0 1-.22.53l-5.27 5.27a.75.75 0 0 1-.53.22H8.27a.75.75 0 0 1-.53-.22l-5.27-5.27a.75.75 0 0 1-.22-.53V8.27a.75.75 0 0 1 .22-.53zm1.29 5.5a.75.75 0 0 0-1.06 1.06L10.94 12l-2.97 2.97a.75.75 0 1 0 1.06 1.06L12 13.06l2.97 2.97a.75.75 0 1 0 1.06-1.06L13.06 12l2.97-2.97a.75.75 0 0 0-1.06-1.06L12 10.94z%27/%3E%3C/svg%3E");
  }
}
@layer ds.components {
  .ds-popover {
    --dsc-popover-background:var(--ds-color-surface-default);
    --dsc-popover-border-width:var(--ds-border-width-default);
    --dsc-popover-border-style:solid;
    --dsc-popover-border-color:var(--ds-color-border-default);
    --dsc-popover-color:var(--ds-color-text-default);
    --dsc-popover-arrow-size:var(--ds-size-3);
    --dsc-popover-border-radius:var(--ds-border-radius-md);
    --dsc-popover-max-width:300px;
    --dsc-popover-padding:var(--ds-size-3) var(--ds-size-4);
    --dsc-popover-box-shadow:var(--ds-shadow-md);
    background: var(--dsc-popover-background);
    border-color: var(--dsc-popover-border-color);
    border-radius: var(--dsc-popover-border-radius);
    border-style: var(--dsc-popover-border-style);
    border-width: var(--dsc-popover-border-width);
    box-shadow: var(--dsc-popover-box-shadow);
    box-sizing: border-box;
    color: var(--dsc-popover-color);
    inset: 0 auto auto 0;
    max-width: var(--dsc-popover-max-width);
    overflow: visible;
    padding: var(--dsc-popover-padding);
    position: fixed;
  }
  .ds-popover:before {
    background: var(--dsc-popover-background);
    border: inherit;
    border-left-color: transparent;
    border-top-color: transparent;
    box-sizing: border-box;
    content: "";
    height: var(--dsc-popover-arrow-size);
    left: var(--ds-popover-arrow-x);
    position: absolute;
    top: var(--ds-popover-arrow-y);
    translate: -50% -50%;
    width: var(--dsc-popover-arrow-size);
  }
  .ds-popover[data-placement=top]:before {
    rotate: 45deg;
  }
  .ds-popover[data-placement=left]:before {
    rotate: -45deg;
  }
  .ds-popover[data-placement=right]:before {
    rotate: 135deg;
  }
  .ds-popover[data-placement=bottom]:before {
    rotate: -135deg;
  }
  .ds-popover[data-variant=default] {
    --dsc-popover-background:var(--ds-color-surface-default);
  }
  .ds-popover[data-variant=tinted] {
    --dsc-popover-background:var(--ds-color-surface-tinted);
  }
  [data-popover=inline] {
    all: unset;
    cursor: pointer;
    font-size: inherit;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    text-underline-offset: 0.27em;
  }
  [data-popover=inline]:not([hidden]) {
    display: inline;
  }
  [data-popover=inline]:focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: var(--_ds--focus, var(--ds-border-width-focus));
  }
  [data-popover=inline]:focus-visible * {
    --_ds--focus: ;
  }
}
@layer ds.components {
  .ds-skip-link, .ds-skiplink {
    --dsc-skiplink-padding:var(--ds-size-4) var(--ds-size-4) var(--ds-size-5) var(--ds-size-4);
    --dsc-skiplink-background:var(--ds-color-surface-hover);
    --dsc-skiplink-color:var(--ds-color-text-default);
  }
  :is(.ds-skip-link, .ds-skiplink) {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  .ds-skip-link:focus, .ds-skiplink:focus {
    height: auto;
    margin: inherit;
    outline: 0;
    overflow: visible;
    place-items: center;
    position: static;
    width: auto;
    clip: auto;
    background: var(--dsc-skiplink-background);
    box-sizing: border-box;
    clip-path: none;
    color: var(--dsc-skiplink-color);
    padding: var(--dsc-skiplink-padding);
    text-decoration: underline;
    text-decoration-thickness: max(1px, 0.0625rem);
    text-underline-offset: max(5px, 0.25rem);
    white-space: inherit;
  }
  :is(.ds-skip-link:focus, .ds-skiplink:focus):not([hidden]) {
    display: grid;
  }
}
@layer ds.components {
  .ds-details {
    --dsc-details-border-block-wdith:var(
      --ds-border-width-default
    );
    --dsc-details-border-block-width:var(--dsc-details-border-block-wdith);
    --dsc-details-border-block-style:solid;
    --dsc-details-border-color:var(--ds-color-border-subtle);
    --dsc-details-icon-gap:var(--ds-size-2);
    --dsc-details-icon-size:var(--ds-size-6);
    --dsc-details-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06%27/%3E%3C/svg%3E");
    --dsc-details-padding:var(--ds-size-2) var(--ds-size-4);
    --dsc-details-size:var(--ds-size-14);
    --dsc-details-background:var(--ds-color-surface-default);
    --dsc-details-summary-color:var(--ds-color-text-default);
    --dsc-details-summary-background--hover:var(--ds-color-surface-tinted);
    --dsc-details-summary-background--open:var(--ds-color-surface-tinted);
    --dsc-details-summary-background:var(--ds-color-surface-default);
    background: var(--dsc-details-background);
    border-block-style: var(--dsc-details-border-block-style);
    border-block-width: var(--dsc-details-border-block-width);
    border-color: var(--dsc-details-border-color);
    box-sizing: border-box;
  }
  .ds-details + .ds-details {
    border-top: 0;
    margin-top: 0;
  }
  .ds-details[data-variant=default] {
    --dsc-details-background:var(--ds-color-surface-default);
    --dsc-details-summary-background--hover:var(--ds-color-surface-tinted);
    --dsc-details-summary-background--open:var(--ds-color-surface-tinted);
    --dsc-details-summary-background:var(--ds-color-surface-default);
  }
  .ds-card[data-variant=tinted] .ds-details, .ds-details[data-variant=tinted] {
    --dsc-details-background:var(--ds-color-surface-tinted);
    --dsc-details-summary-background--hover:var(--ds-color-surface-hover);
    --dsc-details-summary-background--open:var(--ds-color-surface-hover);
    --dsc-details-summary-background:var(--ds-color-surface-tinted);
    --dsc-details-border-color:var(--ds-color-border-subtle);
  }
  .ds-details > summary::-webkit-details-marker {
    display: none;
  }
  .ds-details > :is(summary, u-summary) {
    align-items: center;
    background: var(--dsc-details-summary-background);
    box-sizing: border-box;
    color: var(--dsc-details-summary-color);
    cursor: pointer;
    gap: var(--dsc-details-icon-gap);
    list-style: none;
    min-height: var(--dsc-details-size);
    outline: none;
    padding: var(--dsc-details-padding);
    position: relative;
  }
  :is(.ds-details > :is(summary, u-summary)):not([hidden]) {
    display: flex;
  }
  :is(.ds-details > :is(summary, u-summary)):focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow-inset));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: calc(var(--_ds--focus, var(--ds-border-width-focus)) * -1);
  }
  :is(.ds-details > :is(summary, u-summary)):focus-visible * {
    --_ds--focus: ;
  }
  :is(.ds-details > :is(summary, u-summary)) {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  :is(.ds-details > :is(summary, u-summary)):before {
    all: unset;
    background: currentcolor;
    border-radius: var(--ds-border-radius-md);
    content: "";
    flex-shrink: 0;
    height: var(--dsc-details-icon-size);
    -webkit-mask: 50%/contain no-repeat var(--dsc-details-icon-url);
    mask: 50%/contain no-repeat var(--dsc-details-icon-url);
    width: var(--dsc-details-icon-size);
  }
  @media (forced-colors: active) {
    .ds-details > :is(summary, u-summary) {
      color: ButtonText;
    }
    :is(.ds-details > :is(summary, u-summary)):before {
      background: ButtonText;
    }
  }
  .ds-details[open] > :is(summary, u-summary) {
    background: var(--dsc-details-summary-background--open);
  }
  :is(.ds-details[open] > :is(summary, u-summary)):before {
    rotate: 180deg;
  }
  @media (hover: hover) and (pointer: fine) {
    .ds-details :is(summary, u-summary):hover {
      background: var(--dsc-details-summary-background--hover);
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .ds-details {
      interpolate-size: allow-keywords;
    }
  }
  .ds-details::part(details-content) {
    block-size: 0;
    overflow-y: hidden;
    transition: content-visibility allow-discrete 0.4s, height 0.4s;
  }
  .ds-details[open]::part(details-content) {
    height: auto;
  }
  :where(.ds-details > :not(summary, u-summary)) {
    border-radius: inherit;
    margin-inline: var(--ds-size-5, 1rem);
  }
  :where(.ds-details > :not(summary, u-summary)):nth-child(2) {
    margin-block-start: var(--ds-size-5, 1rem);
  }
  :where(.ds-details > :not(summary, u-summary)):last-child {
    margin-block-end: var(--ds-size-5, 1rem);
  }
}
@layer ds.components {
  .ds-search {
    --dsc-search-padding-inline:var(--ds-size-2);
    --dsc-search-clear-padding:var(--ds-size-1);
    --dsc-search-clear-size:var(--ds-size-9);
    --dsc-search-clear-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27currentColor%27 d=%27M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z%27/%3E%3C/svg%3E");
    --dsc-search-magnifying-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27%3E%3Cpath d=%27M10.5 3.25a7.25 7.25 0 1 0 4.57 12.88l5.41 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.41A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0%27/%3E%3C/svg%3E");
    --dsc-search-magnifying-icon-size:var(--ds-size-7);
    align-items: center;
    border-radius: var(--ds-border-radius-default);
    grid-template-columns: 1fr auto;
    isolation: isolate;
    width: 100%;
  }
  .ds-search:not([hidden]) {
    display: grid;
  }
  .ds-search input {
    grid-area: 1/1;
    padding-inline: var(--dsc-search-padding-inline);
  }
  :is(.ds-search input)::-webkit-search-cancel-button, :is(.ds-search input)::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
  }
  .ds-search:not(:has(button:not([type=reset]))) input {
    padding-inline-start: calc(var(--dsc-search-magnifying-icon-size) + var(--dsc-search-padding-inline) * 2);
  }
  .ds-search:not(:has(button:not([type=reset]))):before {
    grid-area: 1/1;
    margin-inline: var(--dsc-search-padding-inline);
    pointer-events: none;
    z-index: 2;
  }
  .ds-search button:not([type=reset]):empty:before, .ds-search:not(:has(button:not([type=reset]))):before {
    background: currentcolor;
    content: "";
    height: var(--dsc-search-magnifying-icon-size);
    -webkit-mask: var(--dsc-search-magnifying-icon-url) center/contain no-repeat;
    mask: var(--dsc-search-magnifying-icon-url) center/contain no-repeat;
    width: var(--dsc-search-magnifying-icon-size);
  }
  @media (forced-colors: active) {
    .ds-search button:not([type=reset]):empty:before, .ds-search:not(:has(button:not([type=reset]))):before {
      background: CanvasText;
    }
  }
  .ds-search button[type=reset] {
    --dsc-button-size:var(--dsc-search-clear-size);
    grid-area: 1/1;
    justify-self: end;
    margin-inline: var(--dsc-search-padding-inline);
    padding: var(--dsc-search-clear-padding);
    scale: 0.75;
  }
  :is(.ds-search button[type=reset]):before {
    background: currentcolor;
    content: "";
    height: var(--dsc-search-clear-size);
    -webkit-mask: var(--dsc-search-clear-icon-url) center/contain no-repeat;
    mask: var(--dsc-search-clear-icon-url) center/contain no-repeat;
    width: var(--dsc-search-clear-size);
  }
  .ds-search:has(input:-moz-placeholder) button[type=reset] {
    display: none;
  }
  .ds-search:has(input:is(:-moz-read-only, :disabled, [aria-disabled=true])) button[type=reset] {
    display: none;
  }
  .ds-search:has(input:is(:read-only, :disabled, [aria-disabled=true])) button[type=reset], .ds-search:has(input:placeholder-shown) button[type=reset] {
    display: none;
  }
  .ds-search:has(button[type=reset]) input {
    padding-inline-end: calc(var(--dsc-search-clear-size) + var(--dsc-search-padding-inline));
  }
  .ds-search button:not([type=reset]) {
    border-end-start-radius: 0;
    border-start-start-radius: 0;
  }
  :is(.ds-search button:not([type=reset])):not(:focus-visible) {
    border-inline-start: 0;
  }
  .ds-search:has(button:not([type=reset])):before {
    display: none;
  }
  .ds-search:has(button:not([type=reset])) input {
    border-end-end-radius: 0;
    border-start-end-radius: 0;
  }
}
@layer ds.components {
  .ds-dialog {
    --dsc-dialog-backdrop-background:rgba(0,0,0,.5);
    --dsc-dialog-background:var(--ds-color-neutral-surface-default);
    --dsc-dialog-icon-spacing:var(--ds-size-3);
    --dsc-dialog-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271em%27 height=%271em%27 fill=%27none%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27currentColor%27 d=%27M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z%27/%3E%3C/svg%3E");
    --dsc-dialog-color:var(--ds-color-neutral-text-default);
    --dsc-dialog-divider-border-width:var(--ds-border-width-default);
    --dsc-dialog-divider-border-style:solid;
    --dsc-dialog-divider-border-color:var(--ds-color-neutral-border-subtle);
    --dsc-dialog-border-width:var(--ds-border-width-default);
    --dsc-dialog-border-style:solid;
    --dsc-dialog-border-color:var(--ds-color-neutral-border-subtle);
    --dsc-dialog-max-height:80vh;
    --dsc-dialog-max-width:40rem;
    --dsc-dialog-spacing:var(--ds-size-6);
    --_dsc-dialog-icon-top-right-margin:calc(var(--dsc-dialog-spacing)*-1 + var(--dsc-dialog-icon-spacing));
    animation: ds-dialog-fade-in 0.2s forwards;
    background: var(--dsc-dialog-background);
    border-color: var(--dsc-dialog-border-color);
    border-radius: var(--ds-border-radius-lg);
    border-style: var(--dsc-dialog-border-style);
    border-width: var(--dsc-dialog-border-width);
    bottom: auto;
    box-shadow: var(--ds-shadow-xl);
    box-sizing: border-box;
    color: var(--dsc-dialog-color);
    left: 50%;
    margin: 0;
    max-height: var(--dsc-dialog-max-height);
    max-width: var(--dsc-dialog-max-width);
    overflow: auto;
    padding: var(--dsc-dialog-spacing);
    position: fixed;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  .ds-dialog::backdrop {
    animation: ds-dialog-fade-in 0.3s ease-in-out;
    background: var(--dsc-dialog-backdrop-background, rgba(0, 0, 0, 0.5));
  }
  .ds-dialog[open] {
    animation: ds-dialog-slide-in 0.3s ease-in-out, ds-dialog-fade-in 0.3s ease-in-out;
  }
  .ds-dialog:has(> .ds-dialog__block) {
    --_dsc-dialog-icon-top-right-margin:var(--dsc-dialog-icon-spacing);
    padding: 0;
  }
  @media (prefers-reduced-motion: reduce) {
    .ds-dialog::backdrop, .ds-dialog[open] {
      animation: none;
    }
  }
  @media (max-width: 40rem) {
    .ds-dialog {
      border-radius: 0;
      max-width: 100%;
      min-width: 100%;
    }
  }
  .ds-dialog button[data-command=close]:empty:before {
    background: currentcolor;
    content: "";
    height: var(--ds-size-6);
    -webkit-mask: center/contain no-repeat var(--dsc-dialog-icon-url);
    mask: center/contain no-repeat var(--dsc-dialog-icon-url);
    width: var(--ds-size-6);
  }
  @media (forced-colors: active) {
    .ds-dialog button[data-command=close]:empty:before {
      background: ButtonText;
    }
  }
  .ds-dialog > button[data-command=close]:first-child {
    color: inherit;
    float: inline-end;
    margin-block-end: var(--dsc-dialog-icon-spacing);
    margin-block-start: var(--_dsc-dialog-icon-top-right-margin);
    margin-inline-end: var(--_dsc-dialog-icon-top-right-margin);
    margin-inline-start: var(--dsc-dialog-icon-spacing);
  }
  .ds-dialog > form[method=dialog]:first-child > button:only-child {
    color: inherit;
    float: inline-end;
    margin-block-end: var(--dsc-dialog-icon-spacing);
    margin-block-start: var(--_dsc-dialog-icon-top-right-margin);
    margin-inline-end: var(--_dsc-dialog-icon-top-right-margin);
    margin-inline-start: var(--dsc-dialog-icon-spacing);
  }
  :is(.ds-dialog > form[method=dialog]:first-child > button:only-child):before {
    background: currentcolor;
    content: "";
    height: var(--ds-size-6);
    -webkit-mask: center/contain no-repeat var(--dsc-dialog-icon-url);
    mask: center/contain no-repeat var(--dsc-dialog-icon-url);
    width: var(--ds-size-6);
  }
  @media (forced-colors: active) {
    :is(.ds-dialog > form[method=dialog]:first-child > button:only-child):before {
      background: ButtonText;
    }
  }
  .ds-dialog__block {
    padding: var(--dsc-dialog-spacing);
  }
  .ds-dialog__block + .ds-dialog__block {
    border-top: var(--dsc-dialog-divider-border-width) var(--dsc-dialog-divider-border-style) var(--dsc-dialog-divider-border-color);
  }
  body:has(.ds-dialog:modal) {
    overflow: hidden;
  }
  @keyframes ds-dialog-slide-in {
    0% {
      translate: 0 3rem;
    }
  }
  @keyframes ds-dialog-fade-in {
    0% {
      opacity: 0;
    }
  }
}
@layer ds.components {
  .ds-list {
    --dsc-list-padding-inline:var(--ds-size-6) 0;
    --dsc-list-margin-top:var(--ds-size-3);
    --dsc-list-margin-top-nested:var(--ds-size-2);
    margin: 0;
    padding-inline: var(--dsc-list-padding-inline);
  }
  .ds-list > li + li {
    margin-top: var(--dsc-list-margin-top);
  }
  .ds-list > li > :is(ol, ul) > li + li {
    margin-top: var(--dsc-list-margin-top-nested);
  }
  .ds-list > li:before {
    content: "​";
    position: absolute;
  }
}
@layer ds.components {
  .ds-card {
    --dsc-card-background--active:var(--ds-color-surface-active);
    --dsc-card-background--hover:var(--ds-color-surface-hover);
    --dsc-card-background:var(--ds-color-surface-default);
    --dsc-card-border-width:var(--ds-border-width-default);
    --dsc-card-border-style:solid;
    --dsc-card-border-color:var(--ds-color-border-subtle);
    --dsc-card-block-border-width:var(--dsc-card-border-width);
    --dsc-card-block-border-style:var(--dsc-card-border-style);
    --dsc-card-block-border-color:var(--dsc-card-border-color);
    --dsc-card-color:var(--ds-color-text-default);
    --dsc-card-content-margin-block:var(--ds-size-3) 0;
    --dsc-card-padding:var(--ds-size-6);
    --dsc-card-border-radius:var(--ds-border-radius-lg);
    background: var(--dsc-card-background);
    border-color: var(--dsc-card-border-color);
    border-radius: var(--dsc-card-border-radius);
    border-style: var(--dsc-card-border-style);
    border-width: var(--dsc-card-border-width);
    box-sizing: border-box;
    color: var(--dsc-card-color);
    font-family: inherit;
    margin: 0;
    overflow: clip;
    padding: var(--dsc-card-padding);
    text-align: inherit;
  }
  .ds-card[data-variant=default] {
    background: var(--ds-color-surface-default);
  }
  .ds-card[data-variant=tinted] {
    background: var(--ds-color-surface-tinted);
  }
  .ds-card:not([hidden]) {
    display: block;
  }
  .ds-card:not([data-size]) {
    font-size: inherit;
  }
  .ds-card :is(h1, h2, h3, h4, h5, h6) a:-moz-any-link, .ds-card:is(a:-moz-any-link, button, [role=button]) :is(h1, h2, h3, h4, h5, h6) {
    color: inherit;
    outline: 0;
    text-decoration: underline;
    text-decoration-thickness: max(1px, 0.0625rem, 0.1025em);
    text-underline-offset: max(6px, 0.25rem, 0.22em);
  }
  .ds-card :is(h1, h2, h3, h4, h5, h6) a:any-link, .ds-card:is(a:any-link, button, [role=button]) :is(h1, h2, h3, h4, h5, h6) {
    color: inherit;
    outline: 0;
    text-decoration: underline;
    text-decoration-thickness: max(1px, 0.0625rem, 0.1025em);
    text-underline-offset: max(6px, 0.25rem, 0.22em);
  }
  .ds-link:is(.ds-card :is(h1, h2, h3, h4, h5, h6) a:-moz-any-link, .ds-card:is(a:-moz-any-link, button, [role=button]) :is(h1, h2, h3, h4, h5, h6)):focus-visible {
    background: none;
    color: inherit;
    outline: 0;
  }
  .ds-link:is(.ds-card :is(h1, h2, h3, h4, h5, h6) a:any-link, .ds-card:is(a:any-link, button, [role=button]) :is(h1, h2, h3, h4, h5, h6)):focus-visible {
    background: none;
    color: inherit;
    outline: 0;
  }
  .ds-link:is(.ds-card :is(h1, h2, h3, h4, h5, h6) a:-moz-any-link, .ds-card:is(a:-moz-any-link, button, [role=button]) :is(h1, h2, h3, h4, h5, h6)):active {
    background: none;
    color: inherit;
  }
  .ds-link:is(.ds-card :is(h1, h2, h3, h4, h5, h6) a:any-link, .ds-card:is(a:any-link, button, [role=button]) :is(h1, h2, h3, h4, h5, h6)):active {
    background: none;
    color: inherit;
  }
  .ds-card:where(:has(:is(h1, h2, h3, h4, h5, h6) a)), .ds-card:where(a, button, [role=button]) {
    cursor: pointer;
    text-decoration: none;
  }
  @media (hover: hover) and (pointer: fine) {
    :is(.ds-card:where(a, button, [role=button]), .ds-card:where(:has(:is(h1, h2, h3, h4, h5, h6) a))):hover {
      background: var(--dsc-card-background--hover);
    }
  }
  :is(.ds-card:where(a, button, [role=button]), .ds-card:where(:has(:is(h1, h2, h3, h4, h5, h6) a))):where(:focus-visible, :has(:focus-visible)) {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: var(--_ds--focus, var(--ds-border-width-focus));
  }
  :is(.ds-card:where(a, button, [role=button]), .ds-card:where(:has(:is(h1, h2, h3, h4, h5, h6) a))):where(:focus-visible, :has(:focus-visible)) * {
    --_ds--focus: ;
  }
  :is(.ds-card:where(a, button, [role=button]), .ds-card:where(:has(:is(h1, h2, h3, h4, h5, h6) a))):active {
    background: var(--dsc-card-background--active);
  }
  .ds-card:has(> .ds-card__block, .ds-details) {
    padding: 0;
  }
  .ds-card > .ds-details:first-child {
    border-top: 0;
  }
  .ds-card > .ds-details:last-child {
    border-bottom: 0;
  }
  :where(.ds-card, .ds-card__block) > :first-child {
    margin-block: 0;
  }
  :where(.ds-card, .ds-card__block) > * + * {
    margin-block: var(--dsc-card-content-margin-block);
  }
  .ds-card__block {
    box-sizing: border-box;
    margin: 0;
    padding: var(--dsc-card-padding);
    position: relative;
  }
  .ds-card__block:before {
    border-color: var(--dsc-card-block-border-color);
    border-top-style: var(--dsc-card-block-border-style);
    border-top-width: var(--dsc-card-block-border-width);
    content: "";
    inset: 0 0 auto;
    position: absolute;
    translate: 0 -100%;
  }
  .ds-card__block:after {
    border-color: var(--dsc-card-block-border-color);
    border-left-style: var(--dsc-card-block-border-style);
    border-left-width: var(--dsc-card-block-border-width);
    content: "";
    inset: 0 auto 0 0;
    position: absolute;
    translate: -100%;
  }
  .ds-card__block:has(> :is(audio, figure, iframe, img, picture, video):only-child) {
    padding: 0;
  }
  .ds-card__block:has(> :is(audio, figure, iframe, img, picture, video):only-child) > :not([hidden]), .ds-card__block:has(> :is(audio, figure, iframe, img, picture, video):only-child) > picture img:not([hidden]) {
    border: 0;
    display: block;
    height: auto;
    width: 100%;
  }
  .ds-card__block:has(> :is(audio, figure, iframe, img, picture, video):only-child) > iframe {
    aspect-ratio: 16/9;
  }
}
@layer ds.components {
  .ds-dropdown {
    --dsc-dropdown-padding:var(--ds-size-3) var(--ds-size-2);
    --dsc-dropdown-item-padding:var(--ds-size-2) var(--ds-size-4);
    --dsc-dropdown-item-size:var(--ds-size-12);
    --dsc-dropdown-background:var(--ds-color-neutral-surface-default);
    --dsc-dropdown-border-width:var(--ds-border-width-default);
    --dsc-dropdown-border-style:solid;
    --dsc-dropdown-border-color:var(--ds-color-neutral-border-subtle);
    --dsc-popover-arrow-size:var(--ds-size-2);
    background: var(--dsc-dropdown-background);
    border-color: var(--dsc-dropdown-border-color);
    border-radius: var(--ds-border-radius-md);
    border-style: var(--dsc-dropdown-border-style);
    border-width: var(--dsc-dropdown-border-width);
    box-sizing: border-box;
    list-style: none;
    min-width: 15em;
    padding: var(--dsc-dropdown-padding);
  }
  .ds-dropdown:before {
    display: none;
  }
  .ds-dropdown :is(h2, h3, h4, h5, h6) {
    align-items: center;
    box-sizing: border-box;
    color: var(--ds-color-neutral-text-default);
    font-size: inherit;
    font-weight: var(--ds-font-weight-medium);
    margin: 0;
    min-height: var(--dsc-dropdown-item-size);
    padding: var(--dsc-dropdown-item-padding);
  }
  :is(.ds-dropdown :is(h2, h3, h4, h5, h6)):not([hidden]) {
    display: flex;
  }
  .ds-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .ds-dropdown :is(a, button, [role=button]) {
    font-weight: var(--ds-font-weight-regular);
    justify-content: start;
    min-height: var(--dsc-dropdown-item-size);
    padding: var(--dsc-dropdown-item-padding);
    width: 100%;
  }
}
@layer ds.components {
  .ds-chip {
    --dsc-chip-background:var(--ds-color-surface-tinted);
    --dsc-chip-background--hover:var(--ds-color-surface-hover);
    --dsc-chip-background--active:var(--ds-color-surface-active);
    --dsc-chip-background--checked:var(--ds-color-base-default);
    --dsc-chip-background--checked--hover:var(--ds-color-base-hover);
    --dsc-chip-background--checked--active:var(--ds-color-base-active);
    --dsc-chip-border-width:var(--ds-border-width-default);
    --dsc-chip-border-style:solid;
    --dsc-chip-border-color:var(--ds-color-border-subtle);
    --dsc-chip-border-color--checked:transparent;
    --dsc-chip-color:var(--ds-color-text-default);
    --dsc-chip-input-accent-color:var(--ds-color-base-contrast-default);
    --dsc-chip-input-color:var(--ds-color-text-subtle);
    --dsc-chip-input-stroke-color:var(--ds-color-base-default);
    --dsc-chip-border-radius:var(--ds-border-radius-full);
    --dsc-chip-border-radius--checkbox:var(--ds-border-radius-md);
    --dsc-chip-border-radius--checkbox-input:var(--ds-border-radius-sm);
    --dsc-chip-height:var(--ds-size-8);
    --dsc-chip-icon-size:var(--ds-size-7);
    --dsc-chip-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271em%27 height=%271em%27 fill=%27none%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27currentColor%27 d=%27M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z%27/%3E%3C/svg%3E");
    --dsc-chip-input-size:var(--ds-size-5);
    --dsc-chip-spacing:calc((var(--dsc-chip-height) - var(--dsc-chip-input-size))/2);
    align-items: center;
    background: var(--dsc-chip-background);
    border-color: var(--dsc-chip-border-color);
    border-radius: var(--dsc-chip-border-radius);
    border-style: var(--dsc-chip-border-style);
    border-width: var(--dsc-chip-border-width);
    box-sizing: border-box;
    color: var(--dsc-chip-color);
    cursor: pointer;
    font-family: inherit;
    font-size: var(--ds-body-sm-font-size);
    gap: var(--dsc-chip-spacing);
    line-height: var(--ds-line-height-sm);
    margin: 0;
    max-height: -moz-fit-content;
    max-height: fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-height: var(--dsc-chip-height);
    padding: 0 var(--ds-size-3);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    text-decoration: none;
  }
  .ds-chip:focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: var(--_ds--focus, var(--ds-border-width-focus));
  }
  .ds-chip:focus-visible * {
    --_ds--focus: ;
  }
  .ds-chip > input {
    --dsc-input-background:transparent;
    --dsc-input-border-color:var(--dsc-chip-input-color);
    --dsc-input-accent-color:var(--dsc-chip-input-accent-color);
    --dsc-input-stroke-color:var(--dsc-chip-input-stroke-color);
    --dsc-input-size--toggle:var(--dsc-chip-input-size);
    --dsc-input-outline-width--hover:0;
  }
  .ds-chip:not([hidden]) {
    display: inline-flex;
  }
  .ds-chip:has(:focus-visible) {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: var(--_ds--focus, var(--ds-border-width-focus));
  }
  .ds-chip:has(:focus-visible) * {
    --_ds--focus: ;
  }
  .ds-chip:disabled, .ds-chip:has(input:disabled), .ds-chip[aria-disabled=true] {
    cursor: not-allowed;
    opacity: var(--ds-opacity-disabled);
  }
  .ds-chip[data-removable] {
    padding-inline-end: var(--dsc-chip-spacing);
  }
  .ds-chip[data-removable]:after {
    background: currentcolor;
    content: "";
    height: var(--dsc-chip-icon-size);
    -webkit-mask: center/contain no-repeat var(--dsc-chip-icon-url);
    mask: center/contain no-repeat var(--dsc-chip-icon-url);
    padding-inline: 0;
    width: var(--dsc-chip-icon-size);
  }
  .ds-chip:has(input[type=radio]) {
    padding-inline-start: var(--dsc-chip-spacing);
  }
  .ds-chip:has(input[type=checkbox]) {
    border-radius: var(--dsc-chip-border-radius--checkbox);
    padding-inline: var(--dsc-chip-spacing);
  }
  .ds-chip:has(input[type=checkbox]) > input {
    border-radius: var(--dsc-chip-border-radius--checkbox-input);
  }
  .ds-chip:has(input:checked), .ds-chip[data-removable] {
    background: var(--dsc-chip-background--checked);
    border-color: var(--dsc-chip-border-color--checked);
    color: var(--dsc-chip-input-accent-color);
  }
  @media (hover: hover) and (pointer: fine) {
    .ds-chip:not(:has(:disabled, [aria-disabled=true])):hover {
      background: var(--dsc-chip-background--hover);
    }
    .ds-chip:not(:has(:disabled, [aria-disabled=true])):active {
      background: var(--dsc-chip-background--active);
    }
    :is(.ds-chip:not(:has(:disabled, [aria-disabled=true])):has(input:checked), .ds-chip[data-removable]:not(:has(:disabled, [aria-disabled=true]))):hover {
      background: var(--dsc-chip-background--checked--hover);
    }
    :is(.ds-chip:not(:has(:disabled, [aria-disabled=true])):has(input:checked), .ds-chip[data-removable]:not(:has(:disabled, [aria-disabled=true]))):active {
      background: var(--dsc-chip-background--checked--active);
    }
  }
}
@layer ds.components {
  .ds-divider {
    --dsc-divider-border-width:var(--ds-border-width-default);
    --dsc-divider-border-style:solid;
    --dsc-divider-border-color:var(--ds-color-neutral-border-subtle);
    border-color: var(--dsc-divider-border-color);
    border-top-style: var(--dsc-divider-border-style);
    border-width: 0;
    border-top-width: var(--dsc-divider-border-width);
    box-sizing: border-box;
    margin-block: 0.5em;
    width: 100%;
  }
  .ds-tabs {
    --dsc-tabs-tab-padding:var(--ds-size-3) var(--ds-size-5);
    --dsc-tabs-tab-color:var(--ds-color-neutral-text-subtle);
    --dsc-tabs-tab-color--hover:var(--ds-color-neutral-text-default);
    --dsc-tabs-tab-color--selected:var(--ds-color-text-subtle);
    --dsc-tabs-content-padding:var(--ds-size-4) var(--ds-size-5);
    --dsc-tabs-list-border-color:var(--ds-color-neutral-border-subtle);
    --dsc-tabs-list-border-bottom-width:var(--ds-border-width-default);
    --dsc-tabs-list-border-bottom-style:solid;
  }
}
@layer ds.components {
  .ds-tabs [role=tabpanel], .ds-tabs u-tabpanel {
    padding: var(--dsc-tabs-content-padding);
  }
  :is(.ds-tabs [role=tabpanel], .ds-tabs u-tabpanel):focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: var(--_ds--focus, var(--ds-border-width-focus));
  }
  :is(.ds-tabs [role=tabpanel], .ds-tabs u-tabpanel):focus-visible * {
    --_ds--focus: ;
  }
  .ds-tabs [role=tablist], .ds-tabs u-tablist {
    border-bottom-style: var(--dsc-tabs-list-border-bottom-style);
    border-bottom-width: var(--dsc-tabs-list-border-bottom-width);
    border-color: var(--dsc-tabs-list-border-color);
    flex-direction: row;
    overflow-x: auto;
    position: relative;
  }
  :is(.ds-tabs [role=tablist], .ds-tabs u-tablist):not([hidden]) {
    display: flex;
  }
  :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab {
    align-items: center;
    background: none;
    border: 0;
    box-sizing: border-box;
    color: var(--dsc-tabs-tab-color);
    cursor: pointer;
    flex-direction: row;
    font-family: inherit;
    font-size: inherit;
    gap: var(--ds-size-1);
    justify-content: center;
    line-height: var(--ds-line-height-sm);
    margin: 0;
    padding: var(--dsc-tabs-tab-padding);
    position: relative;
    text-align: center;
    white-space: nowrap;
  }
  :is(:is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab):focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow-inset));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: calc(var(--_ds--focus, var(--ds-border-width-focus)) * -1);
  }
  :is(:is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab):focus-visible * {
    --_ds--focus: ;
  }
  :is(:is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab):not([hidden]) {
    display: flex;
  }
  :is(:is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab):not([data-size]) {
    font-size: inherit;
  }
  :is(:is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab) :where(img, svg) {
    flex-shrink: 0;
    font-size: 1.25em;
  }
  :is(:is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab):after {
    bottom: 0;
    content: "";
    display: block;
    height: 0.15em;
    left: 0;
    position: absolute;
    width: 100%;
  }
  [aria-selected=true]:is(:is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab) {
    color: var(--dsc-tabs-tab-color--selected);
  }
  [aria-selected=true]:is(:is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab):after {
    background: var(--dsc-tabs-tab-color--selected);
  }
  [aria-selected=true]:is(:is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab):focus-visible:after {
    z-index: -1;
  }
  @media (forced-colors: active) {
    [aria-selected=true]:is(:is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab) {
      border-bottom: 2px solid CanvasText;
      color: CanvasText;
    }
  }
  :is(:is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab):focus-visible {
    z-index: 2;
  }
  @media (hover: hover) and (pointer: fine) {
    :is(:is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab):hover:not([aria-selected=true]) {
      color: var(--dsc-tabs-tab-color--hover);
    }
    :is(:is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > [role=tab], :is(.ds-tabs [role=tablist], .ds-tabs u-tablist) > u-tab):hover:not([aria-selected=true]):after {
      background: var(--dsc-tabs-list-border-color);
    }
  }
}
@layer ds.components {
  .ds-pagination {
    --dsc-pagination-gap:var(--ds-size-2);
    --dsc-pagination-icon-size:var(--ds-size-6);
    --dsc-pagination-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06%27/%3E%3C/svg%3E");
  }
  .ds-pagination :is(ol, ul) {
    align-items: center;
    flex-wrap: wrap;
    gap: var(--dsc-pagination-gap);
    list-style: none;
    margin: 0;
    padding: 0;
  }
  :is(.ds-pagination :is(ol, ul)):not([hidden]) {
    display: flex;
  }
  :is(.ds-pagination :is(ol, ul)) > li > [aria-hidden=true] {
    visibility: hidden;
  }
  :is(.ds-pagination :is(ol, ul)) > li:first-child > :before, :is(.ds-pagination :is(ol, ul)) > li:last-child > :before {
    background: currentcolor;
    content: "";
    height: var(--dsc-pagination-icon-size);
    -webkit-mask: center/contain no-repeat var(--dsc-pagination-icon-url);
    mask: center/contain no-repeat var(--dsc-pagination-icon-url);
    order: 1;
    width: var(--dsc-pagination-icon-size);
  }
  @media (forced-colors: active) {
    :is(.ds-pagination :is(ol, ul)) > li:first-child > :before, :is(.ds-pagination :is(ol, ul)) > li:last-child > :before {
      background: LinkText;
    }
  }
  :is(.ds-pagination :is(ol, ul)) > li:first-child > :before {
    order: 0;
    rotate: 180deg;
  }
  :dir(rtl) :is(.ds-pagination :is(ol, ul)) > li:first-child > :before {
    rotate: 0deg;
  }
  :dir(rtl) :is(.ds-pagination :is(ol, ul)) > li:last-child > :before {
    rotate: 180deg;
  }
  :is(.ds-pagination :is(ol, ul)) > li:empty:before {
    content: "…";
    display: block;
    min-width: var(--ds-size-12);
    text-align: center;
  }
}
@layer ds.components {
  .ds-skeleton {
    --dsc-skeleton-animation-duration:0.8s;
    --dsc-skeleton-animation:ds-skeleton-opacity-fade var(--dsc-skeleton-animation-duration) linear infinite alternate;
    --dsc-skeleton-background:var(--ds-color-neutral-surface-tinted);
    animation: var(--dsc-skeleton-animation);
    border-radius: var(--ds-border-radius-lg);
    box-sizing: border-box;
    height: 1.3em;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
  }
  .ds-skeleton:not([hidden]) {
    display: block;
  }
  .ds-skeleton[data-variant=circle] {
    aspect-ratio: 1/1;
    border-radius: var(--ds-border-radius-full);
    width: 1.3em;
  }
  .ds-skeleton[data-variant=text] {
    border-radius: var(--ds-border-radius-full);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: transparent;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .ds-skeleton[data-variant=text]:not([hidden]) {
    display: inline;
  }
  .ds-skeleton[data-variant=text]:empty:before {
    content: attr(data-text);
    word-break: break-word;
  }
  .ds-skeleton:not(:empty) {
    color: transparent;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .ds-skeleton:not(:empty) > * {
    visibility: hidden;
  }
  @media (prefers-reduced-motion: reduce) {
    .ds-skeleton {
      animation-duration: 1.6s;
    }
  }
  @media (forced-colors: active) {
    .ds-skeleton {
      opacity: 0;
    }
  }
  @keyframes ds-skeleton-opacity-fade {
    0% {
      background: var(--dsc-skeleton-background);
    }
    to {
      background: rgb(from var(--dsc-skeleton-background) r g b/0.4);
    }
  }
}
@layer ds.components {
  .ds-tag {
    --dsc-tag-background:var(--ds-color-surface-tinted);
    --dsc-tag-color:var(--ds-color-text-default);
    --dsc-tag-min-height:var(--ds-size-8);
    --dsc-tag-padding:0 var(--ds-size-2);
    --dsc-tag-border-width:var(--ds-border-width-default);
    --dsc-tag-border-color:transparent;
    --dsc-tag-border-style:solid;
    align-items: center;
    background: var(--dsc-tag-background);
    border-color: var(--dsc-tag-border-color);
    border-radius: var(--ds-border-radius-sm);
    border-style: var(--dsc-tag-border-style);
    border-width: var(--dsc-tag-border-width);
    box-sizing: border-box;
    color: var(--dsc-tag-color);
    font-size: var(--ds-body-sm-font-size);
    height: -moz-fit-content;
    height: fit-content;
    line-height: var(--ds-line-height-sm);
    min-height: var(--dsc-tag-min-height);
    padding: var(--dsc-tag-padding);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    width: -moz-max-content;
    width: max-content;
    word-break: break-word;
  }
  .ds-tag :where(img, svg) {
    flex-shrink: 0;
    font-size: 1.25em;
  }
  .ds-tag:not([hidden]) {
    display: inline-flex;
  }
  .ds-tag[data-variant=outline] {
    --dsc-tag-border-color:var(--ds-color-border-subtle);
  }
  @media (forced-colors: active) {
    .ds-tag {
      border-color: CanvasText;
      border-style: solid;
      border-width: var(--ds-border-width-default);
    }
  }
}
@layer ds.components {
  .ds-error-summary {
    --dsc-errorsummary-background:var(--ds-color-danger-surface-tinted);
    --dsc-errorsummary-border-radius:var(--ds-border-radius-md);
    --dsc-errorsummary-padding:var(--ds-size-6) var(--ds-size-8);
    --dsc-errorsummary-link-color:var(--ds-color-neutral-text-default);
    --dsc-errorsummary-heading-color:var(--ds-color-danger-text-default);
    background: var(--dsc-errorsummary-background);
    border-radius: var(--dsc-errorsummary-border-radius);
    box-sizing: border-box;
    padding: var(--dsc-errorsummary-padding);
  }
  .ds-error-summary:focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: var(--_ds--focus, var(--ds-border-width-focus));
  }
  .ds-error-summary:focus-visible * {
    --_ds--focus: ;
  }
  .ds-error-summary :is(h1, h2, h3, h4, h5, h6) {
    color: var(--dsc-errorsummary-heading-color);
    font-size: var(--ds-font-size-plus-1);
    margin-bottom: var(--ds-size-2);
  }
  .ds-error-summary a {
    color: var(--dsc-errorsummary-link-color);
  }
  .ds-error-summary li:last-of-type {
    margin-bottom: 0;
  }
}
@layer ds.components {
  .ds-toggle-group, .ds-togglegroup {
    --dsc-togglegroup-background:var(--ds-color-surface-default);
    --dsc-togglegroup-border-width:var(--ds-border-width-default);
    --dsc-togglegroup-border-style:solid;
    --dsc-togglegroup-border-color:var(--ds-color-border-default);
    --dsc-togglegroup-text-color:var(--ds-color-text-default);
    --dsc-togglegroup-spacing:0;
    --dsc-togglegroup-border-radius:var(--ds-border-radius-default);
    --dsc-togglegroup-button-size:var(--ds-size-12);
    background: var(--dsc-togglegroup-background);
    border-color: var(--dsc-togglegroup-border-color);
    border-radius: var(--dsc-togglegroup-border-radius);
    border-style: var(--dsc-togglegroup-border-style);
    border-width: var(--dsc-togglegroup-border-width);
    box-sizing: border-box;
    gap: var(--dsc-togglegroup-spacing);
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    height: var(--dsc-togglegroup-button-size);
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow-x: auto;
    padding: var(--dsc-togglegroup-spacing);
    width: auto;
  }
  :is(.ds-toggle-group, .ds-togglegroup):not([hidden]) {
    display: grid;
  }
  [data-variant=secondary]:is(.ds-toggle-group, .ds-togglegroup) {
    --dsc-togglegroup-background:var(--ds-color-surface-tinted);
    --dsc-togglegroup-border-color:var(--ds-color-border-subtle);
    border: none;
    outline: var(--dsc-togglegroup-border-width) var(--dsc-togglegroup-border-style) var(--dsc-togglegroup-border-color);
    outline-offset: calc(var(--dsc-togglegroup-border-width) * -1);
  }
  [data-variant=secondary]:is(.ds-toggle-group, .ds-togglegroup) button {
    --dsc-button-color:var(--ds-color-text-default);
    --dsc-button-color--hover:var(--ds-color-text-default);
    border-radius: inherit;
  }
  [data-variant=secondary]:is(.ds-toggle-group, .ds-togglegroup) button[aria-checked=true] {
    background-color: var(--ds-color-surface-default);
    isolation: isolate;
    --dsc-button-border-color:var(--ds-color-text-default);
  }
  :is(.ds-toggle-group, .ds-togglegroup) button {
    border-radius: calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-border-width));
    height: 100%;
    min-height: unset;
    min-width: -moz-fit-content;
    min-width: fit-content;
    white-space: nowrap;
  }
  :is(:is(.ds-toggle-group, .ds-togglegroup) button):not([aria-checked=true]) {
    --dsc-button-color:var(--ds-color-text-default);
    --dsc-button-color--hover:var(--ds-color-text-default);
  }
  :is(:is(.ds-toggle-group, .ds-togglegroup) button):focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow-inset));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: calc(var(--_ds--focus, var(--ds-border-width-focus)) * -1);
  }
  :is(:is(.ds-toggle-group, .ds-togglegroup) button):focus-visible * {
    --_ds--focus: ;
  }
  [data-icon]:is(:is(.ds-toggle-group, .ds-togglegroup) button) {
    height: 100%;
    width: var(--dsc-togglegroup-button-size);
  }
  @media (forced-colors: active) {
    [aria-checked=true]:is(:is(.ds-toggle-group, .ds-togglegroup) button) {
      background: ButtonText;
      color: CanvasText;
    }
    [aria-checked=true]:is(:is(.ds-toggle-group, .ds-togglegroup) button) svg {
      color: CanvasText;
    }
  }
}
@layer ds.components {
  .ds-tooltip {
    --dsc-tooltip-background:var(--ds-color-neutral-text-default);
    --dsc-tooltip-color:var(--ds-color-neutral-background-default);
    --dsc-tooltip-border-radius:var(--ds-border-radius-default);
    --dsc-tooltip-padding:var(--ds-size-1) var(--ds-size-2);
    --dsc-tooltip-arrow-size:var(--ds-size-2);
    --dsc-tooltip-transition-duration:0.2s;
    --dsc-tooltip-transition-delay:150ms;
    background: var(--dsc-tooltip-background);
    border: 0;
    border-radius: var(--dsc-tooltip-border-radius);
    box-sizing: border-box;
    color: var(--dsc-tooltip-color);
    inset: 0 auto auto 0;
    line-height: var(--ds-line-height-sm);
    margin: 0;
    opacity: 0;
    overflow: visible;
    padding: var(--dsc-tooltip-padding);
    position: fixed;
    transition-delay: var(--dsc-tooltip-transition-delay);
    transition-duration: var(--dsc-tooltip-transition-duration);
    transition-property: opacity, visibility;
    transition-timing-function: ease-in-out;
    visibility: hidden;
  }
  .ds-tooltip:popover-open {
    opacity: 1;
    visibility: visible;
  }
  .ds-tooltip .\:popover-open {
    opacity: 1;
    visibility: visible;
  }
  .ds-tooltip:before {
    background: var(--dsc-tooltip-background);
    box-sizing: border-box;
    content: "";
    height: var(--dsc-tooltip-arrow-size);
    left: var(--dsc-tooltip-arrow-x, 50%);
    position: absolute;
    rotate: 45deg;
    top: var(--dsc-tooltip-arrow-y, 100%);
    translate: -50% -50%;
    width: var(--dsc-tooltip-arrow-size);
  }
  .ds-tooltip:after {
    background: transparent;
    box-sizing: border-box;
    content: "";
    height: var(--_dsc-tooltip-safearea-height, 0);
    left: var(--dsc-tooltip-arrow-x, 50%);
    position: absolute;
    top: var(--dsc-tooltip-arrow-y, 100%);
    translate: var(--_dsc-tooltip-safearea-translate);
    width: var(--_dsc-tooltip-safearea-width, 0);
  }
  @media (forced-colors: active) {
    .ds-tooltip {
      background: CanvasText;
    }
  }
}
@layer ds.components {
  .ds-spinner {
    --dsc-spinner-background:var(--ds-color-surface-tinted);
    --dsc-spinner-stroke:var(--ds-color-border-default);
    --dsc-spinner-animation-duration:2s;
    animation: ds-spinner-rotate-animation linear infinite var(--dsc-spinner-animation-duration);
    box-sizing: border-box;
    font-size: var(--ds-size-11);
    height: 1em;
    width: 1em;
  }
  .ds-spinner[data-size="2xs"] {
    font-size: 0.75rem;
  }
  .ds-spinner[data-size=xs] {
    font-size: 1.25rem;
  }
  .ds-spinner[data-size=sm] {
    font-size: 2rem;
  }
  .ds-spinner[data-size=md] {
    font-size: 2.75rem;
  }
  .ds-spinner[data-size=lg] {
    font-size: 3.75rem;
  }
  .ds-spinner[data-size=xl] {
    font-size: 5.5rem;
  }
  .ds-spinner__background {
    stroke: var(--dsc-spinner-background);
  }
  .ds-spinner__circle {
    animation: ds-spinner-stroke-animation ease-in-out infinite var(--dsc-spinner-animation-duration);
    stroke-dasharray: 1px, 200px;
    stroke: var(--dsc-spinner-stroke);
    transform-origin: center;
  }
  @media (prefers-reduced-motion: reduce) {
    .ds-spinner {
      animation-duration: 6s;
    }
  }
  @keyframes ds-spinner-rotate-animation {
    0% {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(1turn);
    }
  }
  @keyframes ds-spinner-stroke-animation {
    0% {
      stroke-dasharray: 1px, 200px;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 100px, 200px;
      stroke-dashoffset: -15px;
    }
    to {
      stroke-dasharray: 1px, 200px;
      stroke-dashoffset: -120px;
    }
  }
}
@layer ds.components {
  .ds-table {
    --dsc-table-background--hover:var(--ds-color-surface-hover);
    --dsc-table-background--zebra:var(--ds-color-surface-tinted);
    --dsc-table-background:transparent;
    --dsc-table-border-color:var(--ds-color-border-subtle);
    --dsc-table-border-radius:var(--ds-border-radius-md);
    --dsc-table-border-style:solid;
    --dsc-table-border-width:var(--ds-border-width-default);
    --dsc-table-color:var(--ds-color-text-default);
    --dsc-table-divider-border-color:var(--dsc-table-border-color);
    --dsc-table-divider-border-style:solid;
    --dsc-table-divider-border-width:calc(var(--ds-border-width-default) + 1px);
    --dsc-table-header-background--hover:var(--ds-color-surface-hover);
    --dsc-table-header-background--sorted:var(--ds-color-surface-tinted);
    --dsc-table-header-background--sticky:var(--ds-color-surface-default);
    --dsc-table-header-background:transparent;
    --dsc-table-padding:var(--ds-size-2) var(--ds-size-3);
    --dsc-table-sort-size:var(--ds-size-6);
    --_dsc-table-border-radius--inner:calc(var(--dsc-table-border-radius) - var(--dsc-table-border-width));
    border-collapse: separate;
    border-spacing: 0;
    box-sizing: border-box;
    color: var(--dsc-table-color);
    width: 100%;
  }
  .ds-table > :is(tbody, thead, tfoot) > tr > :is(th, td) {
    background: var(--dsc-table-background);
    border-bottom-style: var(--dsc-table-border-style);
    border-bottom-width: var(--dsc-table-border-width);
    border-color: var(--dsc-table-border-color);
    padding: var(--dsc-table-padding);
    text-align: inherit;
  }
  .ds-table th {
    font-weight: var(--ds-font-weight-semibold);
  }
  .ds-table > thead > tr > :is(th, td) {
    background: var(--dsc-table-header-background);
  }
  .ds-table > thead > tr:last-child > :is(th, td) {
    border-bottom: var(--dsc-table-divider-border-width) var(--dsc-table-divider-border-style) var(--dsc-table-divider-border-color);
  }
  .ds-table > tbody:has(+ tfoot) > tr:last-child > :is(th, td) {
    border-bottom: none;
  }
  .ds-table > tfoot > tr:first-child > :is(th, td) {
    background: var(--dsc-table-header-background);
    border-top: var(--dsc-table-divider-border-width) var(--dsc-table-divider-border-style) var(--dsc-table-divider-border-color);
  }
  .ds-table > tfoot > tr:last-child > :is(th, td) {
    border-bottom: none;
  }
  :is(.ds-table > caption) {
    font-size: 1.3em;
    font-size: round(down, 1.3em, 1px);
    font-weight: var(--ds-heading-md-font-weight);
    letter-spacing: var(--ds-heading-md-letter-spacing);
    line-height: var(--ds-heading-md-line-height);
    margin: 0;
  }
  [data-size="2xs"]:is(.ds-table > caption) {
    font-size: var(--ds-heading-2xs-font-size);
    font-weight: var(--ds-heading-2xs-font-weight);
    letter-spacing: var(--ds-heading-2xs-letter-spacing);
    line-height: var(--ds-heading-2xs-line-height);
  }
  [data-size=xs]:is(.ds-table > caption) {
    font-size: var(--ds-heading-xs-font-size);
    font-weight: var(--ds-heading-xs-font-weight);
    letter-spacing: var(--ds-heading-xs-letter-spacing);
    line-height: var(--ds-heading-xs-line-height);
  }
  [data-size=sm]:is(.ds-table > caption) {
    font-size: var(--ds-heading-sm-font-size);
    font-weight: var(--ds-heading-sm-font-weight);
    letter-spacing: var(--ds-heading-sm-letter-spacing);
    line-height: var(--ds-heading-sm-line-height);
  }
  [data-size=md]:is(.ds-table > caption) {
    font-size: var(--ds-heading-md-font-size);
  }
  [data-size=lg]:is(.ds-table > caption) {
    font-size: var(--ds-heading-lg-font-size);
    font-weight: var(--ds-heading-lg-font-weight);
    letter-spacing: var(--ds-heading-lg-letter-spacing);
    line-height: var(--ds-heading-lg-line-height);
  }
  [data-size=xl]:is(.ds-table > caption) {
    font-size: var(--ds-heading-xl-font-size);
    font-weight: var(--ds-heading-xl-font-weight);
    letter-spacing: var(--ds-heading-xl-letter-spacing);
    line-height: var(--ds-heading-xl-line-height);
  }
  [data-size="2xl"]:is(.ds-table > caption) {
    font-size: var(--ds-heading-2xl-font-size);
    font-weight: var(--ds-heading-2xl-font-weight);
    letter-spacing: var(--ds-heading-2xl-letter-spacing);
    line-height: var(--ds-heading-2xl-line-height);
  }
  .ds-table > caption {
    margin-bottom: var(--ds-size-1);
    text-align: inherit;
  }
  .ds-table > thead > tr > [aria-sort] {
    cursor: pointer;
    padding: 0;
  }
  :is(.ds-table > thead > tr > [aria-sort]) > button {
    background: none;
    border: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font: inherit;
    padding: var(--dsc-table-padding);
    text-align: inherit;
    width: 100%;
  }
  :is(:is(.ds-table > thead > tr > [aria-sort]) > button):focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: var(--_ds--focus, var(--ds-border-width-focus));
  }
  :is(:is(.ds-table > thead > tr > [aria-sort]) > button):focus-visible * {
    --_ds--focus: ;
  }
  :is(:is(.ds-table > thead > tr > [aria-sort]) > button):not([hidden]) {
    display: block;
  }
  :is(:is(.ds-table > thead > tr > [aria-sort]) > button):focus-visible {
    position: relative;
  }
  :is(:is(.ds-table > thead > tr > [aria-sort]) > button):after {
    background: currentcolor;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: var(--dsc-table-sort-size);
    -webkit-mask: center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z%27/%3E%3C/svg%3E");
    mask: center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z%27/%3E%3C/svg%3E");
    vertical-align: middle;
    width: var(--dsc-table-sort-size);
  }
  [aria-sort=ascending]:is(.ds-table > thead > tr > [aria-sort]) > button:after {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z%27/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z%27/%3E%3C/svg%3E");
  }
  [aria-sort=descending]:is(.ds-table > thead > tr > [aria-sort]) > button:after {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06%27/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06%27/%3E%3C/svg%3E");
  }
  :is(.ds-table > thead > tr > [aria-sort]):not([aria-sort=none]) > button {
    background: var(--dsc-table-header-background--sorted);
  }
  .ds-table[data-border] {
    border-color: var(--dsc-table-border-color);
    border-radius: var(--dsc-table-border-radius);
    border-style: var(--dsc-table-border-style);
    border-width: var(--dsc-table-border-width);
  }
  .ds-table[data-border] > :last-child > tr:last-child > :is(th, td) {
    border-bottom: none;
  }
  :is(.ds-table[data-border] > :is(thead:first-of-type, :not(:has(thead)) tbody:first-of-type) > tr:first-child > :is(th, td)):first-child {
    border-top-left-radius: var(--_dsc-table-border-radius--inner);
  }
  :is(.ds-table[data-border] > :is(thead:first-of-type, :not(:has(thead)) tbody:first-of-type) > tr:first-child > :is(th, td)):last-child {
    border-top-right-radius: var(--_dsc-table-border-radius--inner);
  }
  :is(.ds-table[data-border] > :is(tfoot:last-of-type, :not(:has(tfoot)) tbody:last-of-type) > tr:last-child > :is(th, td)):first-child {
    border-bottom-left-radius: var(--_dsc-table-border-radius--inner);
  }
  :is(.ds-table[data-border] > :is(tfoot:last-of-type, :not(:has(tfoot)) tbody:last-of-type) > tr:last-child > :is(th, td)):last-child {
    border-bottom-right-radius: var(--_dsc-table-border-radius--inner);
  }
  .ds-table[data-sticky-header] {
    overflow: auto;
    position: relative;
  }
  .ds-table[data-sticky-header] > thead > tr > :is(th, td) {
    background: var(--dsc-table-header-background--sticky);
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .ds-table[data-zebra] > tbody > tr > :is(th, td) {
    border-block: 0;
  }
  .ds-table[data-zebra] > :is(thead, tbody) > tr:nth-child(2n) > :is(th, td) {
    background: var(--dsc-table-background--zebra);
  }
  @media (hover: hover) and (pointer: fine) {
    .ds-table[data-hover] > tbody > tr:hover > :is(th, td) {
      background: var(--dsc-table-background--hover);
    }
    .ds-table > thead > tr > [aria-sort]:hover button {
      background: var(--dsc-table-header-background--hover);
    }
  }
}
@layer ds.components {
  .ds-breadcrumbs {
    --dsc-breadcrumbs-spacing:var(--ds-size-2);
    --dsc-breadcrumbs-icon-size:var(--ds-size-6);
    --dsc-breadcrumbs-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06%27/%3E%3C/svg%3E");
    --dsc-breadcrumbs-color:var(--ds-color-text-subtle);
  }
  .ds-breadcrumbs > :is(ol, ul) {
    flex-wrap: wrap;
    gap: var(--dsc-breadcrumbs-spacing) 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  :is(.ds-breadcrumbs > :is(ol, ul)):not([hidden]) {
    display: flex;
  }
  .ds-breadcrumbs a[aria-current=page] {
    text-decoration: none;
  }
  .ds-breadcrumbs li:where(:not(:last-child)):after, .ds-breadcrumbs > :not(ol, ul):before {
    background: var(--dsc-breadcrumbs-color);
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: var(--dsc-breadcrumbs-icon-size);
    margin-inline: var(--dsc-breadcrumbs-spacing);
    -webkit-mask: center/contain no-repeat var(--dsc-breadcrumbs-icon-url);
    mask: center/contain no-repeat var(--dsc-breadcrumbs-icon-url);
    vertical-align: middle;
    width: var(--dsc-breadcrumbs-icon-size);
  }
  :is(.ds-breadcrumbs li:where(:not(:last-child)):after, .ds-breadcrumbs > :not(ol, ul):before) {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  @media (forced-colors: active) {
    .ds-breadcrumbs li:where(:not(:last-child)):after, .ds-breadcrumbs > :not(ol, ul):before {
      background: CanvasText;
    }
  }
  :dir(rtl) .ds-breadcrumbs li:where(:not(:last-child)):after {
    rotate: 180deg;
  }
  .ds-breadcrumbs > :not(ol, ul):before {
    background: currentColor;
    margin: 0;
    rotate: 180deg;
  }
  :dir(rtl) .ds-breadcrumbs > :not(ol, ul):before {
    rotate: 0deg;
  }
  @media (width < 650px) {
    .ds-breadcrumbs > :is(ol, ul):not(:only-child) {
      display: none;
    }
  }
  @media (min-width: 650px) {
    .ds-breadcrumbs > :is(:not(ol, ul)):not(:only-child) {
      display: none;
    }
  }
}
@layer ds.components {
  .ds-badge {
    --dsc-badge-background:var(--ds-color-base-default);
    --dsc-badge-color:var(--ds-color-base-contrast-default);
    --dsc-badge-padding:0 calc(var(--ds-size-1) + var(--ds-size-1)/2);
    --dsc-badge-size:calc(var(--ds-size-3) + var(--ds-size-1)/2);
    --dsc-badge-top:inherit;
    --dsc-badge-bottom:inherit;
    --dsc-badge-left:inherit;
    --dsc-badge-right:inherit;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .ds-badge:before {
    background: var(--dsc-badge-background);
    border-radius: var(--ds-border-radius-full);
    box-sizing: border-box;
    color: var(--dsc-badge-color);
    content: attr(data-count);
    display: inline-grid;
    font-size: var(--ds-font-size-minus-1);
    line-height: var(--ds-line-height-sm);
    min-height: var(--dsc-badge-size);
    min-width: var(--dsc-badge-size);
    padding: var(--dsc-badge-padding);
    place-items: center;
    width: -moz-fit-content;
    width: fit-content;
  }
  @supports (content: attr(data-count, "")) {
    .ds-badge:before {
      content: attr(data-count, "");
    }
  }
  .ds-badge[data-variant=base] {
    --dsc-badge-background:var(--ds-color-base-default);
    --dsc-badge-color:var(--ds-color-base-contrast-default);
  }
  .ds-badge[data-variant=tinted] {
    --dsc-badge-background:var(--ds-color-surface-tinted);
    --dsc-badge-color:var(--ds-color-text-default);
  }
  .ds-badge--position {
    box-sizing: border-box;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
  }
  .ds-badge--position:not([hidden]) {
    display: inline-flex;
  }
  .ds-badge--position .ds-badge:before {
    bottom: var(--dsc-badge-bottom);
    left: var(--dsc-badge-left);
    position: absolute;
    right: var(--dsc-badge-right);
    top: var(--dsc-badge-top);
  }
  .ds-badge--position :where(img, svg) {
    flex-shrink: 0;
    font-size: 1.25em;
  }
  .ds-badge--position[data-placement=top-right] .ds-badge:before {
    right: var(--dsc-badge-right, 0);
    top: var(--dsc-badge-top, 0);
    translate: 50% -50%;
  }
  .ds-badge--position[data-placement=top-left] .ds-badge:before {
    left: var(--dsc-badge-left, 0);
    top: var(--dsc-badge-top, 0);
    translate: -50% -50%;
  }
  .ds-badge--position[data-placement=bottom-right] .ds-badge:before {
    bottom: var(--dsc-badge-bottom, 0);
    right: var(--dsc-badge-right, 0);
    translate: 50% 50%;
  }
  .ds-badge--position[data-placement=bottom-left] .ds-badge:before {
    bottom: var(--dsc-badge-bottom, 0);
    left: var(--dsc-badge-left, 0);
    translate: -50% 50%;
  }
  .ds-badge--position[data-placement=top-right][data-overlap=circle] .ds-badge:before {
    right: var(--dsc-badge-right, 14%);
    top: var(--dsc-badge-top, 14%);
    translate: 50% -50%;
  }
  .ds-badge--position[data-placement=top-left][data-overlap=circle] .ds-badge:before {
    left: var(--dsc-badge-left, 14%);
    top: var(--dsc-badge-top, 14%);
    translate: -50% -50%;
  }
  .ds-badge--position[data-placement=bottom-right][data-overlap=circle] .ds-badge:before {
    bottom: var(--dsc-badge-bottom, 14%);
    right: var(--dsc-badge-right, 14%);
    translate: 50% 50%;
  }
  .ds-badge--position[data-placement=bottom-left][data-overlap=circle] .ds-badge:before {
    bottom: var(--dsc-badge-bottom, 14%);
    left: var(--dsc-badge-left, 14%);
    translate: -50% 50%;
  }
}
@layer ds.components {
  .ds-avatar {
    --dsc-avatar-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271em%27 height=%271em%27 fill=%27none%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27currentColor%27 fill-rule=%27evenodd%27 d=%27M8.25 7.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0M12 2.25a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5M8.288 17.288A5.25 5.25 0 0 1 17.25 21a.75.75 0 0 0 1.5 0 6.75 6.75 0 0 0-13.5 0 .75.75 0 0 0 1.5 0 5.25 5.25 0 0 1 1.538-3.712%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
    --dsc-avatar-background:var(--ds-color-base-default);
    --dsc-avatar-color:var(--ds-color-base-contrast-default);
    --dsc-avatar-size:2.625em;
    --dsc-avatar-padding:0.45em;
  }
  @supports (width: round(down, 0.1em, 1px)) {
    .ds-avatar {
      --dsc-avatar-size:round(up,2.625em,1px);
      --dsc-avatar-padding:round(down,0.45em,1px);
    }
  }
  .ds-avatar {
    align-items: center;
    background: var(--dsc-avatar-background);
    border-radius: var(--ds-border-radius-full);
    box-sizing: border-box;
    color: var(--dsc-avatar-color);
    flex-shrink: 0;
    font-weight: var(--ds-font-weight-medium);
    height: var(--dsc-avatar-size);
    justify-content: center;
    overflow: hidden;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: var(--dsc-avatar-size);
  }
  .ds-avatar:not([hidden]) {
    display: inline-flex;
  }
  .ds-avatar:not(:has(img)) {
    padding: var(--dsc-avatar-padding);
  }
  .ds-avatar img, .ds-avatar svg {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  .ds-avatar > span {
    font-size: 1.3em;
  }
  @supports (font-size: round(down, 0.1em, 1px)) {
    .ds-avatar > span {
      font-size: round(down, 1.3em, 1px);
    }
  }
  .ds-avatar[data-initials]:empty:before {
    content: attr(data-initials);
    font-size: 1.3em;
  }
  @supports (font-size: round(down, 0.1em, 1px)) {
    .ds-avatar[data-initials]:empty:before {
      font-size: round(down, 1.3em, 1px);
    }
  }
  .ds-avatar:not([data-initials]):empty:before {
    background: currentcolor;
    content: "";
    height: 100%;
    -webkit-mask: var(--dsc-avatar-icon-url) center/contain no-repeat;
    mask: var(--dsc-avatar-icon-url) center/contain no-repeat;
    width: 100%;
  }
  @media (forced-colors: active) {
    .ds-avatar:not([data-initials]):empty:before {
      background: CanvasText;
    }
  }
  .ds-avatar[data-variant=square] {
    border-radius: var(--ds-border-radius-sm);
  }
  @media (forced-colors: active) {
    .ds-avatar {
      border-color: CanvasText;
      border-style: solid;
      border-width: var(--ds-size-1);
    }
  }
  .ds-avatar[data-size=xs] {
    font-size: var(--ds-body-xs-font-size);
  }
  .ds-avatar[data-size=sm] {
    font-size: var(--ds-body-sm-font-size);
  }
  .ds-avatar[data-size=md] {
    font-size: var(--ds-body-md-font-size);
  }
  .ds-avatar[data-size=lg] {
    font-size: var(--ds-body-lg-font-size);
  }
}
@layer ds.components {
  .ds-suggestion {
    --dsc-suggestion-option-background--selected:var(--ds-color-surface-tinted);
    --dsc-suggestion-option-border-color:var(--ds-color-base-default);
    --dsc-suggestion-clear-gap:var(--ds-size-2);
    --dsc-suggestion-clear-padding:var(--ds-size-1);
    --dsc-suggestion-clear-size:var(--ds-size-9);
    --dsc-suggestion-clear-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27%3E%3Cpath fill=%27currentColor%27 d=%27M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z%27/%3E%3C/svg%3E");
    --dsc-suggestion-option-checkmark-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%271em%27 height=%271em%27 fill=%27none%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27currentColor%27 fill-rule=%27evenodd%27 d=%27M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");
    --dsc-suggestion-option-checkmark-size:var(--ds-size-7);
    --dsc-suggestion-list-gap:var(--ds-size-2);
    --dsc-suggestion-border-width:var(--ds-border-width-default);
    --dsc-suggestion-border-style:solid;
    --dsc-suggestion-border-color:var(--ds-color-neutral-border-default);
    box-sizing: border-box;
    flex-wrap: wrap;
    gap: var(--ds-size-1);
    position: relative;
  }
  .ds-suggestion:not([hidden]) {
    display: flex;
  }
  .ds-suggestion:not([data-multiple]) data, .ds-suggestion[data-multiple=false] data {
    display: none;
  }
  .ds-suggestion > data {
    margin-bottom: var(--ds-size-1);
  }
  :is(.ds-suggestion > data):has(+ data) {
    margin-inline-end: var(--ds-size-1);
  }
  .ds-suggestion u-datalist {
    background: var(--ds-color-neutral-surface-default);
    border-color: var(--dsc-suggestion-border-color);
    border-radius: var(--ds-border-radius-md);
    border-style: var(--dsc-suggestion-border-style);
    border-width: var(--dsc-suggestion-border-width);
    box-shadow: var(--ds-shadow-md);
    box-sizing: border-box;
    color: var(--ds-color-neutral-text-default);
    inset: 0 auto auto 0;
    max-height: 200px;
    overflow-y: auto;
    padding: 0;
    position: fixed;
  }
  :is(.ds-suggestion u-datalist):not([popover]) {
    inset: 100% 0 auto 0;
    margin-top: var(--dsc-suggestion-list-gap);
    position: absolute;
    z-index: 1600;
  }
  :is(.ds-suggestion u-datalist):empty {
    display: none;
  }
  :is(.ds-suggestion u-datalist) > * {
    font-family: inherit;
    padding: var(--ds-size-2) var(--ds-size-3);
  }
  :is(.ds-suggestion u-datalist) > :is(u-option) {
    border: none;
    border-inline-start: 5px solid transparent;
    border-radius: var(--ds-border-radius-sm);
    cursor: pointer;
    outline: none;
    padding-inline-start: var(--dsc-suggestion-option-checkmark-size);
    position: relative;
  }
  [selected]:is(:is(.ds-suggestion u-datalist) > :is(u-option)):before {
    background: currentcolor;
    content: "";
    height: var(--dsc-suggestion-option-checkmark-size);
    inset-inline-start: 0;
    -webkit-mask: var(--dsc-suggestion-option-checkmark-url) center/contain no-repeat;
    mask: var(--dsc-suggestion-option-checkmark-url) center/contain no-repeat;
    position: absolute;
    width: var(--dsc-suggestion-option-checkmark-size);
  }
  :is(:is(.ds-suggestion u-datalist) > :is(u-option)):focus-visible {
    box-shadow: var(--_ds--focus, var(--dsc-focus-boxShadow-inset));
    outline: var(--_ds--focus, var(--dsc-focus-outline));
    outline-offset: calc(var(--_ds--focus, var(--ds-border-width-focus)) * -1);
  }
  :is(:is(.ds-suggestion u-datalist) > :is(u-option)):focus-visible * {
    --_ds--focus: ;
  }
  @media (hover: hover) and (pointer: fine) {
    :is(:is(.ds-suggestion u-datalist) > :is(u-option)):not([data-empty]):hover {
      background: var(--dsc-suggestion-option-background--selected);
      border-inline-start-color: var(--dsc-suggestion-option-border-color);
    }
  }
  .ds-suggestion:has(input:-moz-placeholder) input {
    background-image: linear-gradient(45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4)), linear-gradient(-45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4));
    background-position: calc(100% - 1.2em + var(--dsc-input-stroke-width)), calc(100% - 0.8em);
    background-repeat: no-repeat;
    background-size: 0.4em 0.4em;
    padding-inline-end: 2.4em;
  }
  .ds-suggestion:has(input:placeholder-shown) input {
    background-image: linear-gradient(45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4)), linear-gradient(-45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4));
    background-position: calc(100% - 1.2em + var(--dsc-input-stroke-width)), calc(100% - 0.8em);
    background-repeat: no-repeat;
    background-size: 0.4em 0.4em;
    padding-inline-end: 2.4em;
  }
  :dir(rtl) :is(.ds-suggestion:has(input:-moz-placeholder) input) {
    background-position: calc(1.2em - var(--dsc-input-stroke-width)), 0.8em;
  }
  :dir(rtl) :is(.ds-suggestion:has(input:placeholder-shown) input) {
    background-position: calc(1.2em - var(--dsc-input-stroke-width)), 0.8em;
  }
  @media (forced-colors: active) {
    .ds-suggestion:has(input:-moz-placeholder) input {
      -moz-appearance: auto;
      appearance: auto;
    }
    .ds-suggestion:has(input:placeholder-shown) input {
      -webkit-appearance: auto;
      -moz-appearance: auto;
      appearance: auto;
    }
  }
  .ds-suggestion:has(input:-moz-placeholder):has(:popover-open) input {
    background-image: linear-gradient(-45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4)), linear-gradient(45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4));
  }
  .ds-suggestion:has(input:placeholder-shown):has(:popover-open) input {
    background-image: linear-gradient(-45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4)), linear-gradient(45deg, var(--_dsc-input-diagonal-1), var(--_dsc-input-diagonal-2), var(--_dsc-input-diagonal-3), var(--_dsc-input-diagonal-4));
  }
  .ds-suggestion input[inputmode=none] {
    box-shadow: none;
    outline: none;
  }
  .ds-suggestion:has(input:is(:-moz-read-only, :disabled, [aria-disabled=true])) del {
    visibility: hidden;
  }
  .ds-suggestion del[hidden], .ds-suggestion:has(input:is(:read-only, :disabled, [aria-disabled=true])) del {
    visibility: hidden;
  }
  .ds-suggestion:has(del) input {
    padding-inline-end: calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap));
  }
  .ds-suggestion del {
    --dsc-button-size:var(--dsc-suggestion-clear-size);
    align-self: center;
    display: flex;
    margin-inline-start: calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap)) * -1);
    order: 999;
    padding: var(--dsc-suggestion-clear-padding);
    position: relative;
    scale: 0.75;
    z-index: 2;
  }
  :is(.ds-suggestion del):before {
    background: currentcolor;
    content: "";
    height: var(--dsc-suggestion-clear-size);
    -webkit-mask: var(--dsc-suggestion-clear-icon-url) center/contain no-repeat;
    mask: var(--dsc-suggestion-clear-icon-url) center/contain no-repeat;
    width: var(--dsc-suggestion-clear-size);
  }
}
@layer ds.components {
  .ds-textfield {
    display: grid;
    gap: var(--ds-size-2);
  }
  .ds-textfield__adornment {
    background: var(--ds-color-neutral-surface-tinted);
    border-radius: var(--ds-border-radius-md);
    color: var(--ds-color-neutral-text-subtle);
    display: inline-block;
    padding: 9px var(--ds-size-4);
  }
  .ds-textfield__adornment, .ds-textfield__input {
    border: 1px solid var(--ds-color-neutral-border-default);
    box-sizing: border-box;
  }
  .ds-textfield__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--ds-color-neutral-surface-default);
    border-radius: var(--ds-border-radius-md);
    color: var(--ds-color-neutral-text-default);
    flex: 0 1 auto;
    font-family: inherit;
    padding: 0 var(--ds-size-3);
    position: relative;
    width: 100%;
  }
  .ds-textfield__input:disabled {
    cursor: not-allowed;
  }
  .ds-textfield--readonly .ds-textfield__input {
    background: var(--ds-color-neutral-surface-tinted);
    border-color: var(--ds-color-neutral-border-strong);
  }
  .ds-textfield__field {
    align-items: stretch;
    border-radius: var(--ds-border-radius-md);
    display: flex;
  }
  .ds-textfield__field > :first-child {
    border-bottom-left-radius: var(--ds-border-radius-md);
    border-top-left-radius: var(--ds-border-radius-md);
  }
  .ds-textfield__field > :last-child {
    border-bottom-right-radius: var(--ds-border-radius-md);
    border-top-right-radius: var(--ds-border-radius-md);
  }
  .ds-textfield--sm .ds-textfield__adornment {
    padding: var(--ds-size-2) var(--ds-size-3);
  }
  .ds-textfield--md .ds-textfield__adornment {
    padding: 0.65rem var(--ds-size-4);
  }
  .ds-textfield--lg .ds-textfield__adornment {
    padding: 0.85rem var(--ds-size-5);
  }
  .ds-textfield--sm .ds-textfield__field {
    height: var(--ds-size-10);
  }
  .ds-textfield--md .ds-textfield__field {
    height: var(--ds-size-12);
  }
  .ds-textfield--lg .ds-textfield__field {
    height: var(--ds-size-14);
  }
  .ds-textfield--sm .ds-textfield__input {
    padding: 0 var(--ds-size-2);
  }
  .ds-textfield--md .ds-textfield__input {
    padding: 0 var(--ds-size-3);
  }
  .ds-textfield--lg .ds-textfield__input {
    padding: 0 var(--ds-size-4);
  }
  .ds-textfield__label {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    gap: var(--ds-size-1);
    min-width: -moz-min-content;
    min-width: min-content;
  }
  .ds-textfield__description {
    color: var(--ds-color-neutral-text-subtle);
    margin-top: calc(var(--ds-size-2) * -1);
  }
  .ds-textfield:has(.ds-textfield__input:disabled) {
    opacity: var(--ds-opacity-disabled);
  }
  .ds-textfield--error .ds-textfield__input:not(:focus-visible) {
    border-color: var(--ds-color-danger-border-default);
    box-shadow: inset 0 0 0 1px var(--ds-color-danger-border-default);
  }
  @media (hover: hover) and (pointer: fine) {
    .ds-textfield__input:not(:focus-visible, :disabled, [aria-disabled]):hover {
      border-color: var(--ds-color-border-strong);
      box-shadow: inset 0 0 0 1px var(--ds-color-border-strong);
    }
  }
  .ds-textfield__input--with-prefix {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .ds-textfield__input--with-suffix {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .ds-textfield__prefix {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0;
    white-space: nowrap;
  }
  .ds-textfield__suffix {
    border-bottom-left-radius: 0;
    border-left: 0;
    border-top-left-radius: 0;
    white-space: nowrap;
  }
  .ds-textfield__readonly__icon {
    height: 1.2em;
    width: 1.2em;
  }
  .ds-textfield__error-message:empty {
    display: none;
  }
  .ds-combobox {
    background-color: transparent;
    display: grid;
    gap: var(--ds-size-2);
  }
  .ds-combobox [data-floating-ui-portal] {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .ds-combobox__options-wrapper {
    background: var(--ds-color-neutral-surface-default);
    border: 1px solid var(--ds-color-neutral-border-default);
    border-radius: var(--ds-border-radius-md);
    box-shadow: var(--ds-shadow-md);
    color: var(--ds-color-neutral-text-default);
    overflow-y: auto;
    padding: var(--ds-size-2);
    z-index: 1600;
  }
  .ds-combobox--readonly .ds-combobox__input {
    pointer-events: none;
  }
  .ds-combobox__input__wrapper {
    align-items: center;
    border-radius: var(--ds-border-radius-md);
    cursor: text;
    display: flex;
    gap: var(--ds-size-1);
    height: auto;
    justify-content: space-between;
    padding: var(--ds-size-2);
    position: relative;
    width: 100%;
  }
  .ds-combobox__input__wrapper .ds-combobox__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: var(--ds-color-neutral-text-default);
    flex-grow: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    height: 100%;
    line-height: inherit;
    min-width: 50px;
    width: 100%;
  }
  .ds-combobox--sm .ds-combobox__input__wrapper {
    min-height: var(--ds-size-10);
    padding: 5px var(--ds-size-2);
  }
  .ds-combobox--md .ds-combobox__input__wrapper {
    min-height: var(--ds-size-12);
    padding: 7px var(--ds-size-3);
  }
  .ds-combobox--lg .ds-combobox__input__wrapper {
    min-height: var(--ds-size-14);
    padding: 7px var(--ds-size-4);
  }
  .ds-combobox__input__wrapper .ds-combobox__input:focus {
    outline: none;
  }
  .ds-combobox__input__wrapper.ds-combobox--error {
    border-color: var(--ds-color-danger-border-default);
    border-width: 2px;
  }
  .ds-combobox__chip-and-input {
    align-items: center;
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-size-2);
    width: 100%;
  }
  .ds-combobox__arrow {
    cursor: pointer;
    display: grid;
    place-items: center;
  }
  .ds-combobox__input__wrapper.ds-combobox--readonly {
    background: var(--ds-color-base-default);
    border-color: var(--ds-color-base-default);
  }
  .ds-combobox__label {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    gap: var(--ds-size-1);
    grid-column: 1/2;
    grid-row: 1/2;
    min-width: -moz-min-content;
    min-width: min-content;
  }
  .ds-combobox__description {
    color: var(--ds-color-neutral-text-subtle);
    margin-top: calc(var(--ds-size-2) * -1);
  }
  .ds-combobox__clear-button {
    aspect-ratio: 1;
    background-color: transparent;
    border: none;
    border-radius: var(--ds-border-radius-sm);
    color: var(--ds-color-neutral-text-default);
    cursor: pointer;
    display: grid;
    height: 29px;
    padding: 0;
    place-items: center;
    width: 29px;
  }
  .ds-combobox--sm .ds-combobox__clear-button {
    height: 25px;
    width: 25px;
  }
  .ds-combobox--md .ds-combobox__clear-button {
    height: 29px;
    width: 29px;
  }
  .ds-combobox--lg .ds-combobox__clear-button {
    height: 31px;
    width: 31px;
  }
  .ds-combobox__clear-button:not(:disabled):hover {
    background-color: var(--ds-color-neutral-surface-tinted);
  }
  .ds-combobox__disabled {
    opacity: var(--ds-opacity-disabled);
  }
  .ds-combobox__disabled * {
    cursor: not-allowed;
  }
  .ds-combobox__readonly__icon {
    height: 1.2em;
    width: 1.2em;
  }
  .ds-combobox__error-message {
    margin-top: var(--ds-size-2);
  }
  .ds-combobox__error-message:empty {
    display: none;
  }
  .ds-combobox__loading {
    align-content: center;
    display: flex;
    gap: var(--ds-size-2);
  }
  .ds-combobox__input__wrapper:has(input:focus) {
    --dsc-focus-border-width:3px;
    box-shadow: 0 0 0 var(--dsc-focus-border-width) var(--ds-color-focus-inner);
    outline: var(--dsc-focus-border-width) solid var(--ds-color-focus-outer);
    outline-offset: var(--dsc-focus-border-width);
  }
  .ds-combobox__input__wrapper:focus-within:hover {
    border-color: var(--ds-color-neutral-border-default);
  }
  .ds-combobox__custom, .ds-combobox__empty, .ds-combobox__option {
    font-weight: 400;
    padding: var(--ds-size-2) var(--ds-size-3);
  }
  .ds-combobox__option {
    background: none;
    border: none;
    border-left: 5px solid transparent;
    border-radius: var(--ds-border-radius-sm);
    cursor: pointer;
    display: grid;
    font-family: inherit;
    grid-template-columns: 1.2em 1fr;
    height: auto;
    justify-content: start;
    padding-left: var(--ds-size-1);
    text-align: left;
    width: 100%;
  }
  .ds-combobox__option.ds-combobox__option--active {
    background: var(--ds-color-surface-tinted);
    border-left: 5px solid var(--ds-color-base-default);
  }
  .ds-combobox__option > div {
    align-self: flex-start;
  }
  .ds-combobox__option.ds-combobox__option--multiple {
    gap: var(--ds-size-2);
    grid-template-columns: auto 1fr;
  }
  .ds-combobox__option__label {
    color: var(--ds-color-neutral-text-default);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: var(--ds-size-1);
    margin: auto 0;
  }
  .ds-combobox__option--active .ds-combobox__option__label {
    color: var(--ds-color-text-default);
  }
  .ds-combobox__option__icon-wrapper {
    aspect-ratio: 1/1;
    background-color: var(--ds-color-neutral-surface-default);
    border: 2px solid var(--ds-color-neutral-border-default);
    border-radius: var(--ds-border-radius-sm);
    display: grid;
    place-items: center;
    width: var(--ds-size-6);
  }
  .ds-combobox__option--active .ds-combobox__option__icon-wrapper {
    border-color: var(--ds-color-base-default);
  }
  .ds-combobox--sm .ds-combobox__option .ds-combobox__option__icon-wrapper {
    width: var(--ds-size-5);
  }
  .ds-combobox--md .ds-combobox__option .ds-combobox__option__icon-wrapper {
    width: var(--ds-size-6);
  }
  .ds-combobox--lg .ds-combobox__option .ds-combobox__option__icon-wrapper {
    width: var(--ds-size-7);
  }
  .ds-combobox__option__icon-wrapper.ds-combobox__option__icon-wrapper--selected {
    background-color: var(--ds-color-base-default);
    border-color: var(--ds-color-base-default);
  }
  .ds-combobox__option__icon-wrapper__icon {
    box-sizing: border-box;
    padding-top: 0.2em;
    transform: scale(1.4);
    stroke: var(--ds-color-neutral-text-default);
    color: var(--ds-color-neutral-text-default);
  }
  .ds-combobox__option__icon-wrapper .ds-combobox__option__icon-wrapper__icon {
    padding-top: 0;
  }
  .ds-combobox__option--active .ds-combobox__option__icon-wrapper__icon {
    stroke: var(--ds-color-text-default);
    color: var(--ds-color-text-default);
  }
  .ds-combobox__option__icon-wrapper.ds-combobox__option__icon-wrapper--selected .ds-combobox__option__icon-wrapper__icon {
    color: #fff;
    stroke: #fff;
  }
  .ds-combobox__option__description {
    color: var(--ds-color-neutral-text-subtle);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-weight: 400;
    gap: var(--ds-size-1);
  }
}
/*
build: v1.7.3
design-tokens: v1.7.3
*/
@layer ds.theme.size-mode {
  :root {
    --ds-size-mode-font-size--sm: 1;
  }
}
@layer ds.theme.size-mode {
  :root {
    --ds-size-mode-font-size--md: 1.125;
  }
}
@layer ds.theme.size-mode {
  :root {
    --ds-size-mode-font-size--lg: 1.3125;
  }
}
@layer ds.theme.size-mode {
  :root, [data-size] {
    --ds-size: var(--ds-size--md);
    --ds-size--sm: var(--ds-size,);
    --ds-size--md: var(--ds-size,);
    --ds-size--lg: var(--ds-size,);
    --ds-size-mode-font-size:
      var(--ds-size--sm, var(--ds-size-mode-font-size--sm))
      var(--ds-size--md, var(--ds-size-mode-font-size--md))
      var(--ds-size--lg, var(--ds-size-mode-font-size--lg));
  }
  [data-size=sm] {
    --ds-size: var(--ds-size--sm);
  }
  [data-size=md] {
    --ds-size: var(--ds-size--md);
  }
  [data-size=lg] {
    --ds-size: var(--ds-size--lg);
  }
}
@layer ds.theme.type-scale {
  :root, [data-size] {
    --_ds-font-size-factor: calc(var(--ds-size-mode-font-size) / (var(--ds-size-base) / 16));
    --ds-font-size-1: calc(0.75rem * var(--_ds-font-size-factor));
    --ds-font-size-2: calc(0.875rem * var(--_ds-font-size-factor));
    --ds-font-size-3: calc(1rem * var(--_ds-font-size-factor));
    --ds-font-size-4: calc(1.125rem * var(--_ds-font-size-factor));
    --ds-font-size-5: calc(1.3125rem * var(--_ds-font-size-factor));
    --ds-font-size-6: calc(1.5rem * var(--_ds-font-size-factor));
    --ds-font-size-7: calc(1.875rem * var(--_ds-font-size-factor));
    --ds-font-size-8: calc(2.25rem * var(--_ds-font-size-factor));
    --ds-font-size-9: calc(3rem * var(--_ds-font-size-factor));
    --ds-font-size-10: calc(3.75rem * var(--_ds-font-size-factor));
    --ds-heading-2xl-font-size: var(--ds-font-size-10);
    --ds-heading-xl-font-size: var(--ds-font-size-9);
    --ds-heading-lg-font-size: var(--ds-font-size-8);
    --ds-heading-md-font-size: var(--ds-font-size-7);
    --ds-heading-sm-font-size: var(--ds-font-size-6);
    --ds-heading-xs-font-size: var(--ds-font-size-5);
    --ds-heading-2xs-font-size: var(--ds-font-size-4);
    --ds-body-xl-font-size: var(--ds-font-size-6);
    --ds-body-lg-font-size: var(--ds-font-size-5);
    --ds-body-md-font-size: var(--ds-font-size-4);
    --ds-body-sm-font-size: var(--ds-font-size-3);
    --ds-body-xs-font-size: var(--ds-font-size-2);
    --ds-body-short-xl-font-size: var(--ds-font-size-6);
    --ds-body-short-lg-font-size: var(--ds-font-size-5);
    --ds-body-short-md-font-size: var(--ds-font-size-4);
    --ds-body-short-sm-font-size: var(--ds-font-size-3);
    --ds-body-short-xs-font-size: var(--ds-font-size-2);
    --ds-body-long-xl-font-size: var(--ds-font-size-6);
    --ds-body-long-lg-font-size: var(--ds-font-size-5);
    --ds-body-long-md-font-size: var(--ds-font-size-4);
    --ds-body-long-sm-font-size: var(--ds-font-size-3);
    --ds-body-long-xs-font-size: var(--ds-font-size-2);
  }
  @supports (width: round(down, 0.1em, 1px)) {
    :root, [data-size] {
      --ds-font-size-1: round(calc(0.75rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-2: round(calc(0.875rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-3: round(calc(1rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-4: round(calc(1.125rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-5: round(calc(1.3125rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-6: round(calc(1.5rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-7: round(calc(1.875rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-8: round(calc(2.25rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-9: round(calc(3rem * var(--_ds-font-size-factor)), 1px);
      --ds-font-size-10: round(calc(3.75rem * var(--_ds-font-size-factor)), 1px);
    }
  }
}
@layer ds.theme.color-scheme.light {
  :root, [data-color-scheme=light] {
    --ds-color-main1-background-default: #F5FAFF;
    --ds-color-main1-background-tinted: #E0EFFF;
    --ds-color-main1-surface-default: #EBF5FF;
    --ds-color-main1-surface-tinted: #D6EAFF;
    --ds-color-main1-surface-hover: #ADD3FF;
    --ds-color-main1-surface-active: #9ECAFF;
    --ds-color-main1-border-subtle: #094F9F;
    --ds-color-main1-border-default: #003A80;
    --ds-color-main1-border-strong: #001C3A;
    --ds-color-main1-text-subtle: #003A80;
    --ds-color-main1-text-default: #001C3A;
    --ds-color-main1-base-default: #001C3A;
    --ds-color-main1-base-hover: #002C5A;
    --ds-color-main1-base-active: #003A80;
    --ds-color-main1-base-contrast-subtle: #D6EAFF;
    --ds-color-main1-base-contrast-default: #F5FAFF;
    --ds-color-main2-background-default: #FFFAF5;
    --ds-color-main2-background-tinted: #FFECD6;
    --ds-color-main2-surface-default: #FFF3E5;
    --ds-color-main2-surface-tinted: #FFE7CC;
    --ds-color-main2-surface-hover: #FFDBB2;
    --ds-color-main2-surface-active: #FFCF99;
    --ds-color-main2-border-subtle: #5C3100;
    --ds-color-main2-border-default: #472600;
    --ds-color-main2-border-strong: #291600;
    --ds-color-main2-text-subtle: #472600;
    --ds-color-main2-text-default: #291600;
    --ds-color-main2-base-default: #FF8700;
    --ds-color-main2-base-hover: #FF9933;
    --ds-color-main2-base-active: #FFAB57;
    --ds-color-main2-base-contrast-subtle: #291600;
    --ds-color-main2-base-contrast-default: #0A0500;
    --ds-color-main3-background-default: #ffffff;
    --ds-color-main3-background-tinted: #f0f4f6;
    --ds-color-main3-surface-default: #E2EAEE;
    --ds-color-main3-surface-tinted: #D9E4E9;
    --ds-color-main3-surface-hover: #C4D4DD;
    --ds-color-main3-surface-active: #B0C6D2;
    --ds-color-main3-border-subtle: #87A7BB;
    --ds-color-main3-border-default: #467C9B;
    --ds-color-main3-border-strong: #216083;
    --ds-color-main3-text-subtle: #0C4869;
    --ds-color-main3-text-default: #082E44;
    --ds-color-main3-base-default: #2D6787;
    --ds-color-main3-base-hover: #0C4869;
    --ds-color-main3-base-active: #082E44;
    --ds-color-main3-base-contrast-subtle: #F0F4F6;
    --ds-color-main3-base-contrast-default: #ffffff;
    --ds-color-maintest-background-default: #FFEBFE;
    --ds-color-maintest-background-tinted: #FFD6FC;
    --ds-color-maintest-surface-default: #FFE0FD;
    --ds-color-maintest-surface-tinted: #FFCCFB;
    --ds-color-maintest-surface-hover: #FFADF9;
    --ds-color-maintest-surface-active: #FF9EF8;
    --ds-color-maintest-border-subtle: #99008E;
    --ds-color-maintest-border-default: #800076;
    --ds-color-maintest-border-strong: #380034;
    --ds-color-maintest-text-subtle: #800076;
    --ds-color-maintest-text-default: #380034;
    --ds-color-maintest-base-default: #380034;
    --ds-color-maintest-base-hover: #800076;
    --ds-color-maintest-base-active: #99008E;
    --ds-color-maintest-base-contrast-subtle: #FFCCFB;
    --ds-color-maintest-base-contrast-default: #FFEBFE;
    --ds-color-neutral-background-default: #F9F9F9;
    --ds-color-neutral-background-tinted: #EBEBEB;
    --ds-color-neutral-surface-default: #F3F3F3;
    --ds-color-neutral-surface-tinted: #E0E0E0;
    --ds-color-neutral-surface-hover: #D6D6D6;
    --ds-color-neutral-surface-active: #CFCFCF;
    --ds-color-neutral-border-subtle: #545454;
    --ds-color-neutral-border-default: #404040;
    --ds-color-neutral-border-strong: #1C1C1C;
    --ds-color-neutral-text-subtle: #404040;
    --ds-color-neutral-text-default: #1C1C1C;
    --ds-color-neutral-base-default: #1C1C1C;
    --ds-color-neutral-base-hover: #2F2F2F;
    --ds-color-neutral-base-active: #404040;
    --ds-color-neutral-base-contrast-subtle: #EBEBEB;
    --ds-color-neutral-base-contrast-default: #F9F9F9;
    --ds-color-support1-background-default: #ffffff;
    --ds-color-support1-background-tinted: #F7F4FB;
    --ds-color-support1-surface-default: #EDE5F5;
    --ds-color-support1-surface-tinted: #E5DAF1;
    --ds-color-support1-surface-hover: #DBCBEB;
    --ds-color-support1-surface-active: #CFBAE5;
    --ds-color-support1-border-subtle: #AF8CD4;
    --ds-color-support1-border-default: #854ABF;
    --ds-color-support1-border-strong: #663399;
    --ds-color-support1-text-subtle: #4D2277;
    --ds-color-support1-text-default: #210C37;
    --ds-color-support1-base-default: #001C3A;
    --ds-color-support1-base-hover: #4D2277;
    --ds-color-support1-base-active: #210C37;
    --ds-color-support1-base-contrast-subtle: #F6F2FA;
    --ds-color-support1-base-contrast-default: #ffffff;
    --ds-color-support2-background-default: #ffffff;
    --ds-color-support2-background-tinted: #FFF7F0;
    --ds-color-support2-surface-default: #FFEEDB;
    --ds-color-support2-surface-tinted: #FFE6CC;
    --ds-color-support2-surface-hover: #FFDCB8;
    --ds-color-support2-surface-active: #FFCC99;
    --ds-color-support2-border-subtle: #F09942;
    --ds-color-support2-border-default: #DB7C1F;
    --ds-color-support2-border-strong: #AA5809;
    --ds-color-support2-text-subtle: #633303;
    --ds-color-support2-text-default: #331A00;
    --ds-color-support2-base-default: #FF8700;
    --ds-color-support2-base-hover: #633303;
    --ds-color-support2-base-active: #331A00;
    --ds-color-support2-base-contrast-subtle: #FFF7F0;
    --ds-color-support2-base-contrast-default: #000000;
    --ds-color-supporttest-background-default: #FFEBFE;
    --ds-color-supporttest-background-tinted: #FFD6FC;
    --ds-color-supporttest-surface-default: #FFE0FD;
    --ds-color-supporttest-surface-tinted: #FFCCFB;
    --ds-color-supporttest-surface-hover: #FFADF9;
    --ds-color-supporttest-surface-active: #FF9EF8;
    --ds-color-supporttest-border-subtle: #99008E;
    --ds-color-supporttest-border-default: #800076;
    --ds-color-supporttest-border-strong: #380034;
    --ds-color-supporttest-text-subtle: #800076;
    --ds-color-supporttest-text-default: #380034;
    --ds-color-supporttest-base-default: #380034;
    --ds-color-supporttest-base-hover: #800076;
    --ds-color-supporttest-base-active: #99008E;
    --ds-color-supporttest-base-contrast-subtle: #FFCCFB;
    --ds-color-supporttest-base-contrast-default: #FFEBFE;
    --ds-color-info-background-default: #F5FAFF;
    --ds-color-info-background-tinted: #E0EFFF;
    --ds-color-info-surface-default: #EBF5FF;
    --ds-color-info-surface-tinted: #D6EAFF;
    --ds-color-info-surface-hover: #ADD3FF;
    --ds-color-info-surface-active: #9ECAFF;
    --ds-color-info-border-subtle: #094F9F;
    --ds-color-info-border-default: #003A80;
    --ds-color-info-border-strong: #001C3A;
    --ds-color-info-text-subtle: #003A80;
    --ds-color-info-text-default: #001C3A;
    --ds-color-info-base-default: #001C3A;
    --ds-color-info-base-hover: #002C5A;
    --ds-color-info-base-active: #003A80;
    --ds-color-info-base-contrast-subtle: #D6EAFF;
    --ds-color-info-base-contrast-default: #F5FAFF;
    --ds-color-success-background-default: #F5FFF6;
    --ds-color-success-background-tinted: #E5FBE8;
    --ds-color-success-surface-default: #EDFCF0;
    --ds-color-success-surface-tinted: #DCF9E0;
    --ds-color-success-surface-hover: #B8F4C1;
    --ds-color-success-surface-active: #ACECB6;
    --ds-color-success-border-subtle: #179129;
    --ds-color-success-border-default: #008013;
    --ds-color-success-border-strong: #003808;
    --ds-color-success-text-subtle: #008013;
    --ds-color-success-text-default: #003808;
    --ds-color-success-base-default: #003808;
    --ds-color-success-base-hover: #005C0E;
    --ds-color-success-base-active: #008013;
    --ds-color-success-base-contrast-subtle: #DCF9E0;
    --ds-color-success-base-contrast-default: #F5FFF6;
    --ds-color-warning-background-default: #FFFAF5;
    --ds-color-warning-background-tinted: #FFECD6;
    --ds-color-warning-surface-default: #FFF3E5;
    --ds-color-warning-surface-tinted: #FFE7CC;
    --ds-color-warning-surface-hover: #FFDBB2;
    --ds-color-warning-surface-active: #FFCF99;
    --ds-color-warning-border-subtle: #5C3100;
    --ds-color-warning-border-default: #472600;
    --ds-color-warning-border-strong: #291600;
    --ds-color-warning-text-subtle: #472600;
    --ds-color-warning-text-default: #291600;
    --ds-color-warning-base-default: #FF8700;
    --ds-color-warning-base-hover: #FF9933;
    --ds-color-warning-base-active: #FFAB57;
    --ds-color-warning-base-contrast-subtle: #291600;
    --ds-color-warning-base-contrast-default: #0A0500;
    --ds-color-danger-background-default: #FFF5F5;
    --ds-color-danger-background-tinted: #FDE2E2;
    --ds-color-danger-surface-default: #FFEBEB;
    --ds-color-danger-surface-tinted: #FDD8D8;
    --ds-color-danger-surface-hover: #F9B4B4;
    --ds-color-danger-surface-active: #F8A5A5;
    --ds-color-danger-border-subtle: #861313;
    --ds-color-danger-border-default: #760A0A;
    --ds-color-danger-border-strong: #380000;
    --ds-color-danger-text-subtle: #760A0A;
    --ds-color-danger-text-default: #380000;
    --ds-color-danger-base-default: #570505;
    --ds-color-danger-base-hover: #760A0A;
    --ds-color-danger-base-active: #861313;
    --ds-color-danger-base-contrast-subtle: #FDE2E2;
    --ds-color-danger-base-contrast-default: #FFF5F5;
    --ds-color-focus-inner: #F9F9F9;
    --ds-color-focus-outer: #1C1C1C;
    --ds-link-color-visited: #4D1386;
    color-scheme: light;
  }
  @media (prefers-color-scheme: light) {
    [data-color-scheme=auto] {
      --ds-color-main1-background-default: #F5FAFF;
      --ds-color-main1-background-tinted: #E0EFFF;
      --ds-color-main1-surface-default: #EBF5FF;
      --ds-color-main1-surface-tinted: #D6EAFF;
      --ds-color-main1-surface-hover: #ADD3FF;
      --ds-color-main1-surface-active: #9ECAFF;
      --ds-color-main1-border-subtle: #094F9F;
      --ds-color-main1-border-default: #003A80;
      --ds-color-main1-border-strong: #001C3A;
      --ds-color-main1-text-subtle: #003A80;
      --ds-color-main1-text-default: #001C3A;
      --ds-color-main1-base-default: #001C3A;
      --ds-color-main1-base-hover: #002C5A;
      --ds-color-main1-base-active: #003A80;
      --ds-color-main1-base-contrast-subtle: #D6EAFF;
      --ds-color-main1-base-contrast-default: #F5FAFF;
      --ds-color-main2-background-default: #FFFAF5;
      --ds-color-main2-background-tinted: #FFECD6;
      --ds-color-main2-surface-default: #FFF3E5;
      --ds-color-main2-surface-tinted: #FFE7CC;
      --ds-color-main2-surface-hover: #FFDBB2;
      --ds-color-main2-surface-active: #FFCF99;
      --ds-color-main2-border-subtle: #5C3100;
      --ds-color-main2-border-default: #472600;
      --ds-color-main2-border-strong: #291600;
      --ds-color-main2-text-subtle: #472600;
      --ds-color-main2-text-default: #291600;
      --ds-color-main2-base-default: #FF8700;
      --ds-color-main2-base-hover: #FF9933;
      --ds-color-main2-base-active: #FFAB57;
      --ds-color-main2-base-contrast-subtle: #291600;
      --ds-color-main2-base-contrast-default: #0A0500;
      --ds-color-main3-background-default: #ffffff;
      --ds-color-main3-background-tinted: #f0f4f6;
      --ds-color-main3-surface-default: #E2EAEE;
      --ds-color-main3-surface-tinted: #D9E4E9;
      --ds-color-main3-surface-hover: #C4D4DD;
      --ds-color-main3-surface-active: #B0C6D2;
      --ds-color-main3-border-subtle: #87A7BB;
      --ds-color-main3-border-default: #467C9B;
      --ds-color-main3-border-strong: #216083;
      --ds-color-main3-text-subtle: #0C4869;
      --ds-color-main3-text-default: #082E44;
      --ds-color-main3-base-default: #2D6787;
      --ds-color-main3-base-hover: #0C4869;
      --ds-color-main3-base-active: #082E44;
      --ds-color-main3-base-contrast-subtle: #F0F4F6;
      --ds-color-main3-base-contrast-default: #ffffff;
      --ds-color-maintest-background-default: #FFEBFE;
      --ds-color-maintest-background-tinted: #FFD6FC;
      --ds-color-maintest-surface-default: #FFE0FD;
      --ds-color-maintest-surface-tinted: #FFCCFB;
      --ds-color-maintest-surface-hover: #FFADF9;
      --ds-color-maintest-surface-active: #FF9EF8;
      --ds-color-maintest-border-subtle: #99008E;
      --ds-color-maintest-border-default: #800076;
      --ds-color-maintest-border-strong: #380034;
      --ds-color-maintest-text-subtle: #800076;
      --ds-color-maintest-text-default: #380034;
      --ds-color-maintest-base-default: #380034;
      --ds-color-maintest-base-hover: #800076;
      --ds-color-maintest-base-active: #99008E;
      --ds-color-maintest-base-contrast-subtle: #FFCCFB;
      --ds-color-maintest-base-contrast-default: #FFEBFE;
      --ds-color-neutral-background-default: #F9F9F9;
      --ds-color-neutral-background-tinted: #EBEBEB;
      --ds-color-neutral-surface-default: #F3F3F3;
      --ds-color-neutral-surface-tinted: #E0E0E0;
      --ds-color-neutral-surface-hover: #D6D6D6;
      --ds-color-neutral-surface-active: #CFCFCF;
      --ds-color-neutral-border-subtle: #545454;
      --ds-color-neutral-border-default: #404040;
      --ds-color-neutral-border-strong: #1C1C1C;
      --ds-color-neutral-text-subtle: #404040;
      --ds-color-neutral-text-default: #1C1C1C;
      --ds-color-neutral-base-default: #1C1C1C;
      --ds-color-neutral-base-hover: #2F2F2F;
      --ds-color-neutral-base-active: #404040;
      --ds-color-neutral-base-contrast-subtle: #EBEBEB;
      --ds-color-neutral-base-contrast-default: #F9F9F9;
      --ds-color-support1-background-default: #ffffff;
      --ds-color-support1-background-tinted: #F7F4FB;
      --ds-color-support1-surface-default: #EDE5F5;
      --ds-color-support1-surface-tinted: #E5DAF1;
      --ds-color-support1-surface-hover: #DBCBEB;
      --ds-color-support1-surface-active: #CFBAE5;
      --ds-color-support1-border-subtle: #AF8CD4;
      --ds-color-support1-border-default: #854ABF;
      --ds-color-support1-border-strong: #663399;
      --ds-color-support1-text-subtle: #4D2277;
      --ds-color-support1-text-default: #210C37;
      --ds-color-support1-base-default: #001C3A;
      --ds-color-support1-base-hover: #4D2277;
      --ds-color-support1-base-active: #210C37;
      --ds-color-support1-base-contrast-subtle: #F6F2FA;
      --ds-color-support1-base-contrast-default: #ffffff;
      --ds-color-support2-background-default: #ffffff;
      --ds-color-support2-background-tinted: #FFF7F0;
      --ds-color-support2-surface-default: #FFEEDB;
      --ds-color-support2-surface-tinted: #FFE6CC;
      --ds-color-support2-surface-hover: #FFDCB8;
      --ds-color-support2-surface-active: #FFCC99;
      --ds-color-support2-border-subtle: #F09942;
      --ds-color-support2-border-default: #DB7C1F;
      --ds-color-support2-border-strong: #AA5809;
      --ds-color-support2-text-subtle: #633303;
      --ds-color-support2-text-default: #331A00;
      --ds-color-support2-base-default: #FF8700;
      --ds-color-support2-base-hover: #633303;
      --ds-color-support2-base-active: #331A00;
      --ds-color-support2-base-contrast-subtle: #FFF7F0;
      --ds-color-support2-base-contrast-default: #000000;
      --ds-color-supporttest-background-default: #FFEBFE;
      --ds-color-supporttest-background-tinted: #FFD6FC;
      --ds-color-supporttest-surface-default: #FFE0FD;
      --ds-color-supporttest-surface-tinted: #FFCCFB;
      --ds-color-supporttest-surface-hover: #FFADF9;
      --ds-color-supporttest-surface-active: #FF9EF8;
      --ds-color-supporttest-border-subtle: #99008E;
      --ds-color-supporttest-border-default: #800076;
      --ds-color-supporttest-border-strong: #380034;
      --ds-color-supporttest-text-subtle: #800076;
      --ds-color-supporttest-text-default: #380034;
      --ds-color-supporttest-base-default: #380034;
      --ds-color-supporttest-base-hover: #800076;
      --ds-color-supporttest-base-active: #99008E;
      --ds-color-supporttest-base-contrast-subtle: #FFCCFB;
      --ds-color-supporttest-base-contrast-default: #FFEBFE;
      --ds-color-info-background-default: #F5FAFF;
      --ds-color-info-background-tinted: #E0EFFF;
      --ds-color-info-surface-default: #EBF5FF;
      --ds-color-info-surface-tinted: #D6EAFF;
      --ds-color-info-surface-hover: #ADD3FF;
      --ds-color-info-surface-active: #9ECAFF;
      --ds-color-info-border-subtle: #094F9F;
      --ds-color-info-border-default: #003A80;
      --ds-color-info-border-strong: #001C3A;
      --ds-color-info-text-subtle: #003A80;
      --ds-color-info-text-default: #001C3A;
      --ds-color-info-base-default: #001C3A;
      --ds-color-info-base-hover: #002C5A;
      --ds-color-info-base-active: #003A80;
      --ds-color-info-base-contrast-subtle: #D6EAFF;
      --ds-color-info-base-contrast-default: #F5FAFF;
      --ds-color-success-background-default: #F5FFF6;
      --ds-color-success-background-tinted: #E5FBE8;
      --ds-color-success-surface-default: #EDFCF0;
      --ds-color-success-surface-tinted: #DCF9E0;
      --ds-color-success-surface-hover: #B8F4C1;
      --ds-color-success-surface-active: #ACECB6;
      --ds-color-success-border-subtle: #179129;
      --ds-color-success-border-default: #008013;
      --ds-color-success-border-strong: #003808;
      --ds-color-success-text-subtle: #008013;
      --ds-color-success-text-default: #003808;
      --ds-color-success-base-default: #003808;
      --ds-color-success-base-hover: #005C0E;
      --ds-color-success-base-active: #008013;
      --ds-color-success-base-contrast-subtle: #DCF9E0;
      --ds-color-success-base-contrast-default: #F5FFF6;
      --ds-color-warning-background-default: #FFFAF5;
      --ds-color-warning-background-tinted: #FFECD6;
      --ds-color-warning-surface-default: #FFF3E5;
      --ds-color-warning-surface-tinted: #FFE7CC;
      --ds-color-warning-surface-hover: #FFDBB2;
      --ds-color-warning-surface-active: #FFCF99;
      --ds-color-warning-border-subtle: #5C3100;
      --ds-color-warning-border-default: #472600;
      --ds-color-warning-border-strong: #291600;
      --ds-color-warning-text-subtle: #472600;
      --ds-color-warning-text-default: #291600;
      --ds-color-warning-base-default: #FF8700;
      --ds-color-warning-base-hover: #FF9933;
      --ds-color-warning-base-active: #FFAB57;
      --ds-color-warning-base-contrast-subtle: #291600;
      --ds-color-warning-base-contrast-default: #0A0500;
      --ds-color-danger-background-default: #FFF5F5;
      --ds-color-danger-background-tinted: #FDE2E2;
      --ds-color-danger-surface-default: #FFEBEB;
      --ds-color-danger-surface-tinted: #FDD8D8;
      --ds-color-danger-surface-hover: #F9B4B4;
      --ds-color-danger-surface-active: #F8A5A5;
      --ds-color-danger-border-subtle: #861313;
      --ds-color-danger-border-default: #760A0A;
      --ds-color-danger-border-strong: #380000;
      --ds-color-danger-text-subtle: #760A0A;
      --ds-color-danger-text-default: #380000;
      --ds-color-danger-base-default: #570505;
      --ds-color-danger-base-hover: #760A0A;
      --ds-color-danger-base-active: #861313;
      --ds-color-danger-base-contrast-subtle: #FDE2E2;
      --ds-color-danger-base-contrast-default: #FFF5F5;
      --ds-color-focus-inner: #F9F9F9;
      --ds-color-focus-outer: #1C1C1C;
      --ds-link-color-visited: #4D1386;
      color-scheme: light;
    }
  }
}
@layer ds.theme.typography.secondary {
  [data-typography=secondary] {
    --ds-line-height-sm: 1.3;
    --ds-line-height-md: 1.5;
    --ds-line-height-lg: 1.7;
    --ds-letter-spacing-1: -0.01em;
    --ds-letter-spacing-2: -0.005em;
    --ds-letter-spacing-3: -0.0025em;
    --ds-letter-spacing-4: -0.0015em;
    --ds-letter-spacing-5: 0em;
    --ds-letter-spacing-6: 0.0015em;
    --ds-letter-spacing-7: 0.0025em;
    --ds-letter-spacing-8: 0.005em;
    --ds-letter-spacing-9: 0.015em;
    --ds-font-family: Inter;
    --ds-font-weight-medium: 500;
    --ds-font-weight-semibold: 600;
    --ds-font-weight-regular: 400;
    --ds-heading-2xl-font-weight: 500;
    --ds-heading-2xl-line-height: 1.3;
    --ds-heading-2xl-letter-spacing: -0.01em;
    --ds-heading-xl-font-weight: 500;
    --ds-heading-xl-line-height: 1.3;
    --ds-heading-xl-letter-spacing: -0.01em;
    --ds-heading-lg-font-weight: 500;
    --ds-heading-lg-line-height: 1.3;
    --ds-heading-lg-letter-spacing: -0.005em;
    --ds-heading-md-font-weight: 500;
    --ds-heading-md-line-height: 1.3;
    --ds-heading-md-letter-spacing: -0.0025em;
    --ds-heading-sm-font-weight: 500;
    --ds-heading-sm-line-height: 1.3;
    --ds-heading-sm-letter-spacing: 0em;
    --ds-heading-xs-font-weight: 500;
    --ds-heading-xs-line-height: 1.3;
    --ds-heading-xs-letter-spacing: 0.0015em;
    --ds-heading-2xs-font-weight: 500;
    --ds-heading-2xs-line-height: 1.3;
    --ds-heading-2xs-letter-spacing: 0.0015em;
    --ds-body-xl-font-weight: 400;
    --ds-body-xl-line-height: 1.5;
    --ds-body-xl-letter-spacing: 0.005em;
    --ds-body-lg-font-weight: 400;
    --ds-body-lg-line-height: 1.5;
    --ds-body-lg-letter-spacing: 0.005em;
    --ds-body-md-font-weight: 400;
    --ds-body-md-line-height: 1.5;
    --ds-body-md-letter-spacing: 0.005em;
    --ds-body-sm-font-weight: 400;
    --ds-body-sm-line-height: 1.5;
    --ds-body-sm-letter-spacing: 0.0025em;
    --ds-body-xs-font-weight: 400;
    --ds-body-xs-line-height: 1.5;
    --ds-body-xs-letter-spacing: 0.0015em;
    --ds-body-short-xl-font-weight: 400;
    --ds-body-short-xl-line-height: 1.3;
    --ds-body-short-xl-letter-spacing: 0.005em;
    --ds-body-short-lg-font-weight: 400;
    --ds-body-short-lg-line-height: 1.3;
    --ds-body-short-lg-letter-spacing: 0.005em;
    --ds-body-short-md-font-weight: 400;
    --ds-body-short-md-line-height: 1.3;
    --ds-body-short-md-letter-spacing: 0.005em;
    --ds-body-short-sm-font-weight: 400;
    --ds-body-short-sm-line-height: 1.3;
    --ds-body-short-sm-letter-spacing: 0.0025em;
    --ds-body-short-xs-font-weight: 400;
    --ds-body-short-xs-line-height: 1.3;
    --ds-body-short-xs-letter-spacing: 0.0015em;
    --ds-body-long-xl-font-weight: 400;
    --ds-body-long-xl-line-height: 1.7;
    --ds-body-long-xl-letter-spacing: 0.005em;
    --ds-body-long-lg-font-weight: 400;
    --ds-body-long-lg-line-height: 1.7;
    --ds-body-long-lg-letter-spacing: 0.005em;
    --ds-body-long-md-font-weight: 400;
    --ds-body-long-md-line-height: 1.7;
    --ds-body-long-md-letter-spacing: 0.005em;
    --ds-body-long-sm-font-weight: 400;
    --ds-body-long-sm-line-height: 1.7;
    --ds-body-long-sm-letter-spacing: 0.0025em;
    --ds-body-long-xs-font-weight: 400;
    --ds-body-long-xs-line-height: 1.7;
    --ds-body-long-xs-letter-spacing: 0.0015em;
  }
}
@layer ds.theme.size {
  :root, [data-size] {
    --ds-size-base: 18;
    --ds-size-step: 4;
    --ds-size-0: calc(var(--ds-size-unit) * 0);
    --ds-size-1: calc(var(--ds-size-unit) * 1);
    --ds-size-2: calc(var(--ds-size-unit) * 2);
    --ds-size-3: calc(var(--ds-size-unit) * 3);
    --ds-size-4: calc(var(--ds-size-unit) * 4);
    --ds-size-5: calc(var(--ds-size-unit) * 5);
    --ds-size-6: calc(var(--ds-size-unit) * 6);
    --ds-size-7: calc(var(--ds-size-unit) * 7);
    --ds-size-8: calc(var(--ds-size-unit) * 8);
    --ds-size-9: calc(var(--ds-size-unit) * 9);
    --ds-size-10: calc(var(--ds-size-unit) * 10);
    --ds-size-11: calc(var(--ds-size-unit) * 11);
    --ds-size-12: calc(var(--ds-size-unit) * 12);
    --ds-size-13: calc(var(--ds-size-unit) * 13);
    --ds-size-14: calc(var(--ds-size-unit) * 14);
    --ds-size-15: calc(var(--ds-size-unit) * 15);
    --ds-size-18: calc(var(--ds-size-unit) * 18);
    --ds-size-22: calc(var(--ds-size-unit) * 22);
    --ds-size-26: calc(var(--ds-size-unit) * 26);
    --ds-size-30: calc(var(--ds-size-unit) * 30);
    --ds-size-unit: calc(1rem * var(--ds-size-step) / var(--ds-size-base) * var(--ds-size-mode-font-size));
  }
  @supports (width: round(down, 0.1em, 1px)) {
    :root, [data-size] {
      --ds-size-0: round(down, calc(var(--ds-size-unit) * 0), 1px);
      --ds-size-1: round(down, calc(var(--ds-size-unit) * 1), 1px);
      --ds-size-2: round(down, calc(var(--ds-size-unit) * 2), 1px);
      --ds-size-3: round(down, calc(var(--ds-size-unit) * 3), 1px);
      --ds-size-4: round(down, calc(var(--ds-size-unit) * 4), 1px);
      --ds-size-5: round(down, calc(var(--ds-size-unit) * 5), 1px);
      --ds-size-6: round(down, calc(var(--ds-size-unit) * 6), 1px);
      --ds-size-7: round(down, calc(var(--ds-size-unit) * 7), 1px);
      --ds-size-8: round(down, calc(var(--ds-size-unit) * 8), 1px);
      --ds-size-9: round(down, calc(var(--ds-size-unit) * 9), 1px);
      --ds-size-10: round(down, calc(var(--ds-size-unit) * 10), 1px);
      --ds-size-11: round(down, calc(var(--ds-size-unit) * 11), 1px);
      --ds-size-12: round(down, calc(var(--ds-size-unit) * 12), 1px);
      --ds-size-13: round(down, calc(var(--ds-size-unit) * 13), 1px);
      --ds-size-14: round(down, calc(var(--ds-size-unit) * 14), 1px);
      --ds-size-15: round(down, calc(var(--ds-size-unit) * 15), 1px);
      --ds-size-18: round(down, calc(var(--ds-size-unit) * 18), 1px);
      --ds-size-22: round(down, calc(var(--ds-size-unit) * 22), 1px);
      --ds-size-26: round(down, calc(var(--ds-size-unit) * 26), 1px);
      --ds-size-30: round(down, calc(var(--ds-size-unit) * 30), 1px);
    }
  }
}
@layer ds.theme.semantic {
  :root {
    --ds-border-radius-base: 0.25rem;
    --ds-border-radius-scale: 0.25rem;
    --ds-border-radius-sm: min(var(--ds-border-radius-base)*0.5,var(--ds-border-radius-scale));
    --ds-border-radius-md: min(var(--ds-border-radius-base),var(--ds-border-radius-scale)*2);
    --ds-border-radius-lg: min(var(--ds-border-radius-base)*2,var(--ds-border-radius-scale)*5);
    --ds-border-radius-xl: min(var(--ds-border-radius-base)*3,var(--ds-border-radius-scale)*7);
    --ds-border-radius-default: var(--ds-border-radius-base);
    --ds-border-radius-full: 624.9375rem;
    --ds-border-width-default: 1px;
    --ds-border-width-focus: 3px;
    --ds-shadow-xs: 0 0 1px 0 rgba(0,0,0,0.16), 0 1px 2px 0 rgba(0,0,0,0.12);
    --ds-shadow-sm: 0 0 1px 0 rgba(0,0,0,0.15), 0 1px 2px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.1);
    --ds-shadow-md: 0 0 1px 0 rgba(0,0,0,0.14), 0 2px 4px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.12);
    --ds-shadow-lg: 0 0 1px 0 rgba(0,0,0,0.13), 0 3px 5px 0 rgba(0,0,0,0.13), 0 6px 12px 0 rgba(0,0,0,0.14);
    --ds-shadow-xl: 0 0 1px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.16), 0 12px 24px 0 rgba(0,0,0,0.16);
    --ds-opacity-disabled: 30%;
  }
}
@layer ds.theme.color-scheme.dark {
  [data-color-scheme=dark] {
    --ds-color-main1-background-default: #010509;
    --ds-color-main1-background-tinted: #001429;
    --ds-color-main1-surface-default: #020C18;
    --ds-color-main1-surface-tinted: #001C3A;
    --ds-color-main1-surface-hover: #002C5A;
    --ds-color-main1-surface-active: #003A80;
    --ds-color-main1-border-subtle: #66ABFF;
    --ds-color-main1-border-default: #9ECAFF;
    --ds-color-main1-border-strong: #D6EAFF;
    --ds-color-main1-text-subtle: #9ECAFF;
    --ds-color-main1-text-default: #D6EAFF;
    --ds-color-main1-base-default: #9ECAFF;
    --ds-color-main1-base-hover: #80B9FF;
    --ds-color-main1-base-active: #66ABFF;
    --ds-color-main1-base-contrast-subtle: #001C3A;
    --ds-color-main1-base-contrast-default: #020C18;
    --ds-color-main2-background-default: #0A0500;
    --ds-color-main2-background-tinted: #291600;
    --ds-color-main2-surface-default: #1A0E00;
    --ds-color-main2-surface-tinted: #381E00;
    --ds-color-main2-surface-hover: #472600;
    --ds-color-main2-surface-active: #5C3100;
    --ds-color-main2-border-subtle: #FFAB57;
    --ds-color-main2-border-default: #FFDBB2;
    --ds-color-main2-border-strong: #FFF3E5;
    --ds-color-main2-text-subtle: #FFDBB2;
    --ds-color-main2-text-default: #FFF3E5;
    --ds-color-main2-base-default: #FF8700;
    --ds-color-main2-base-hover: #FF9933;
    --ds-color-main2-base-active: #FFAB57;
    --ds-color-main2-base-contrast-subtle: #291600;
    --ds-color-main2-base-contrast-default: #0A0500;
    --ds-color-main3-background-default: #010609;
    --ds-color-main3-background-tinted: #030E16;
    --ds-color-main3-surface-default: #05202E;
    --ds-color-main3-surface-tinted: #082E44;
    --ds-color-main3-surface-hover: #0C4869;
    --ds-color-main3-surface-active: #194B67;
    --ds-color-main3-border-subtle: #55849E;
    --ds-color-main3-border-default: #87A7BB;
    --ds-color-main3-border-strong: #B0C6D2;
    --ds-color-main3-text-subtle: #C4D4DD;
    --ds-color-main3-text-default: #D9E4E9;
    --ds-color-main3-base-default: #87A7BB;
    --ds-color-main3-base-hover: #B0C6D2;
    --ds-color-main3-base-active: #C4D4DD;
    --ds-color-main3-base-contrast-subtle: #03131B;
    --ds-color-main3-base-contrast-default: #02090E;
    --ds-color-maintest-background-default: #1A0018;
    --ds-color-maintest-background-tinted: #3D0039;
    --ds-color-maintest-surface-default: #290026;
    --ds-color-maintest-surface-tinted: #5C0055;
    --ds-color-maintest-surface-hover: #800076;
    --ds-color-maintest-surface-active: #99008E;
    --ds-color-maintest-border-subtle: #FF66F4;
    --ds-color-maintest-border-default: #FF9EF8;
    --ds-color-maintest-border-strong: #FFCCFB;
    --ds-color-maintest-text-subtle: #FF9EF8;
    --ds-color-maintest-text-default: #FFCCFB;
    --ds-color-maintest-base-default: #FF9EF8;
    --ds-color-maintest-base-hover: #FF80F6;
    --ds-color-maintest-base-active: #FF66F4;
    --ds-color-maintest-base-contrast-subtle: #3D0039;
    --ds-color-maintest-base-contrast-default: #1A0018;
    --ds-color-neutral-background-default: #050505;
    --ds-color-neutral-background-tinted: #141414;
    --ds-color-neutral-surface-default: #0D0D0D;
    --ds-color-neutral-surface-tinted: #1C1C1C;
    --ds-color-neutral-surface-hover: #2E2E2E;
    --ds-color-neutral-surface-active: #404040;
    --ds-color-neutral-border-subtle: #ABABAB;
    --ds-color-neutral-border-default: #BFBFBF;
    --ds-color-neutral-border-strong: #EBEBEB;
    --ds-color-neutral-text-subtle: #BFBFBF;
    --ds-color-neutral-text-default: #EBEBEB;
    --ds-color-neutral-base-default: #EBEBEB;
    --ds-color-neutral-base-hover: #D6D6D6;
    --ds-color-neutral-base-active: #BFBFBF;
    --ds-color-neutral-base-contrast-subtle: #1C1C1C;
    --ds-color-neutral-base-contrast-default: #0D0D0D;
    --ds-color-support1-background-default: #050208;
    --ds-color-support1-background-tinted: #0D0515;
    --ds-color-support1-surface-default: #19082B;
    --ds-color-support1-surface-tinted: #210C37;
    --ds-color-support1-surface-hover: #4D2277;
    --ds-color-support1-surface-active: #7E44B8;
    --ds-color-support1-border-subtle: #986AC6;
    --ds-color-support1-border-default: #AF8CD4;
    --ds-color-support1-border-strong: #CFBAE5;
    --ds-color-support1-text-subtle: #DBCBEB;
    --ds-color-support1-text-default: #E8DEF3;
    --ds-color-support1-base-default: #AF8CD4;
    --ds-color-support1-base-hover: #CFBAE5;
    --ds-color-support1-base-active: #DBCBEB;
    --ds-color-support1-base-contrast-subtle: #0F0519;
    --ds-color-support1-base-contrast-default: #08030D;
    --ds-color-support2-background-default: #0A0500;
    --ds-color-support2-background-tinted: #1A0E00;
    --ds-color-support2-surface-default: #331A00;
    --ds-color-support2-surface-tinted: #422200;
    --ds-color-support2-surface-hover: #633303;
    --ds-color-support2-surface-active: #BA6512;
    --ds-color-support2-border-subtle: #DD8C3C;
    --ds-color-support2-border-default: #F2A65A;
    --ds-color-support2-border-strong: #FFCC99;
    --ds-color-support2-text-subtle: #FFDCB8;
    --ds-color-support2-text-default: #FFEBD6;
    --ds-color-support2-base-default: #F2A65A;
    --ds-color-support2-base-hover: #FFCC99;
    --ds-color-support2-base-active: #FFDCB8;
    --ds-color-support2-base-contrast-subtle: #1A0D00;
    --ds-color-support2-base-contrast-default: #0F0800;
    --ds-color-supporttest-background-default: #1A0018;
    --ds-color-supporttest-background-tinted: #3D0039;
    --ds-color-supporttest-surface-default: #290026;
    --ds-color-supporttest-surface-tinted: #5C0055;
    --ds-color-supporttest-surface-hover: #800076;
    --ds-color-supporttest-surface-active: #99008E;
    --ds-color-supporttest-border-subtle: #FF66F4;
    --ds-color-supporttest-border-default: #FF9EF8;
    --ds-color-supporttest-border-strong: #FFCCFB;
    --ds-color-supporttest-text-subtle: #FF9EF8;
    --ds-color-supporttest-text-default: #FFCCFB;
    --ds-color-supporttest-base-default: #FF9EF8;
    --ds-color-supporttest-base-hover: #FF80F6;
    --ds-color-supporttest-base-active: #FF66F4;
    --ds-color-supporttest-base-contrast-subtle: #3D0039;
    --ds-color-supporttest-base-contrast-default: #1A0018;
    --ds-color-info-background-default: #010509;
    --ds-color-info-background-tinted: #001429;
    --ds-color-info-surface-default: #020C18;
    --ds-color-info-surface-tinted: #001C3A;
    --ds-color-info-surface-hover: #002C5A;
    --ds-color-info-surface-active: #003A80;
    --ds-color-info-border-subtle: #66ABFF;
    --ds-color-info-border-default: #9ECAFF;
    --ds-color-info-border-strong: #D6EAFF;
    --ds-color-info-text-subtle: #9ECAFF;
    --ds-color-info-text-default: #D6EAFF;
    --ds-color-info-base-default: #9ECAFF;
    --ds-color-info-base-hover: #80B9FF;
    --ds-color-info-base-active: #66ABFF;
    --ds-color-info-base-contrast-subtle: #001C3A;
    --ds-color-info-base-contrast-default: #020C18;
    --ds-color-success-background-default: #000A02;
    --ds-color-success-background-tinted: #002906;
    --ds-color-success-surface-default: #001A04;
    --ds-color-success-surface-tinted: #003808;
    --ds-color-success-surface-hover: #005C0E;
    --ds-color-success-surface-active: #008013;
    --ds-color-success-border-subtle: #81D58D;
    --ds-color-success-border-default: #9DE1A8;
    --ds-color-success-border-strong: #DAFCDF;
    --ds-color-success-text-subtle: #9DE1A8;
    --ds-color-success-text-default: #DAFCDF;
    --ds-color-success-base-default: #DAFCDF;
    --ds-color-success-base-hover: #B8F4C1;
    --ds-color-success-base-active: #9DE1A8;
    --ds-color-success-base-contrast-subtle: #003808;
    --ds-color-success-base-contrast-default: #001A04;
    --ds-color-warning-background-default: #0A0500;
    --ds-color-warning-background-tinted: #291600;
    --ds-color-warning-surface-default: #1A0E00;
    --ds-color-warning-surface-tinted: #381E00;
    --ds-color-warning-surface-hover: #472600;
    --ds-color-warning-surface-active: #5C3100;
    --ds-color-warning-border-subtle: #FFAB57;
    --ds-color-warning-border-default: #FFDBB2;
    --ds-color-warning-border-strong: #FFF3E5;
    --ds-color-warning-text-subtle: #FFDBB2;
    --ds-color-warning-text-default: #FFF3E5;
    --ds-color-warning-base-default: #FF8700;
    --ds-color-warning-base-hover: #FF9933;
    --ds-color-warning-base-active: #FFAB57;
    --ds-color-warning-base-contrast-subtle: #291600;
    --ds-color-warning-base-contrast-default: #0A0500;
    --ds-color-danger-background-default: #1A0000;
    --ds-color-danger-background-tinted: #380000;
    --ds-color-danger-surface-default: #290000;
    --ds-color-danger-surface-tinted: #5C0000;
    --ds-color-danger-surface-hover: #760A0A;
    --ds-color-danger-surface-active: #861313;
    --ds-color-danger-border-subtle: #F47171;
    --ds-color-danger-border-default: #F8A5A5;
    --ds-color-danger-border-strong: #FDD8D8;
    --ds-color-danger-text-subtle: #F8A5A5;
    --ds-color-danger-text-default: #FDD8D8;
    --ds-color-danger-base-default: #F8A5A5;
    --ds-color-danger-base-hover: #F58989;
    --ds-color-danger-base-active: #F47171;
    --ds-color-danger-base-contrast-subtle: #380000;
    --ds-color-danger-base-contrast-default: #1A0000;
    --ds-color-focus-inner: #050505;
    --ds-color-focus-outer: #EBEBEB;
    --ds-link-color-visited: #CDA6F2;
    color-scheme: dark;
  }
  @media (prefers-color-scheme: dark) {
    [data-color-scheme=auto] {
      --ds-color-main1-background-default: #010509;
      --ds-color-main1-background-tinted: #001429;
      --ds-color-main1-surface-default: #020C18;
      --ds-color-main1-surface-tinted: #001C3A;
      --ds-color-main1-surface-hover: #002C5A;
      --ds-color-main1-surface-active: #003A80;
      --ds-color-main1-border-subtle: #66ABFF;
      --ds-color-main1-border-default: #9ECAFF;
      --ds-color-main1-border-strong: #D6EAFF;
      --ds-color-main1-text-subtle: #9ECAFF;
      --ds-color-main1-text-default: #D6EAFF;
      --ds-color-main1-base-default: #9ECAFF;
      --ds-color-main1-base-hover: #80B9FF;
      --ds-color-main1-base-active: #66ABFF;
      --ds-color-main1-base-contrast-subtle: #001C3A;
      --ds-color-main1-base-contrast-default: #020C18;
      --ds-color-main2-background-default: #0A0500;
      --ds-color-main2-background-tinted: #291600;
      --ds-color-main2-surface-default: #1A0E00;
      --ds-color-main2-surface-tinted: #381E00;
      --ds-color-main2-surface-hover: #472600;
      --ds-color-main2-surface-active: #5C3100;
      --ds-color-main2-border-subtle: #FFAB57;
      --ds-color-main2-border-default: #FFDBB2;
      --ds-color-main2-border-strong: #FFF3E5;
      --ds-color-main2-text-subtle: #FFDBB2;
      --ds-color-main2-text-default: #FFF3E5;
      --ds-color-main2-base-default: #FF8700;
      --ds-color-main2-base-hover: #FF9933;
      --ds-color-main2-base-active: #FFAB57;
      --ds-color-main2-base-contrast-subtle: #291600;
      --ds-color-main2-base-contrast-default: #0A0500;
      --ds-color-main3-background-default: #010609;
      --ds-color-main3-background-tinted: #030E16;
      --ds-color-main3-surface-default: #05202E;
      --ds-color-main3-surface-tinted: #082E44;
      --ds-color-main3-surface-hover: #0C4869;
      --ds-color-main3-surface-active: #194B67;
      --ds-color-main3-border-subtle: #55849E;
      --ds-color-main3-border-default: #87A7BB;
      --ds-color-main3-border-strong: #B0C6D2;
      --ds-color-main3-text-subtle: #C4D4DD;
      --ds-color-main3-text-default: #D9E4E9;
      --ds-color-main3-base-default: #87A7BB;
      --ds-color-main3-base-hover: #B0C6D2;
      --ds-color-main3-base-active: #C4D4DD;
      --ds-color-main3-base-contrast-subtle: #03131B;
      --ds-color-main3-base-contrast-default: #02090E;
      --ds-color-maintest-background-default: #1A0018;
      --ds-color-maintest-background-tinted: #3D0039;
      --ds-color-maintest-surface-default: #290026;
      --ds-color-maintest-surface-tinted: #5C0055;
      --ds-color-maintest-surface-hover: #800076;
      --ds-color-maintest-surface-active: #99008E;
      --ds-color-maintest-border-subtle: #FF66F4;
      --ds-color-maintest-border-default: #FF9EF8;
      --ds-color-maintest-border-strong: #FFCCFB;
      --ds-color-maintest-text-subtle: #FF9EF8;
      --ds-color-maintest-text-default: #FFCCFB;
      --ds-color-maintest-base-default: #FF9EF8;
      --ds-color-maintest-base-hover: #FF80F6;
      --ds-color-maintest-base-active: #FF66F4;
      --ds-color-maintest-base-contrast-subtle: #3D0039;
      --ds-color-maintest-base-contrast-default: #1A0018;
      --ds-color-neutral-background-default: #050505;
      --ds-color-neutral-background-tinted: #141414;
      --ds-color-neutral-surface-default: #0D0D0D;
      --ds-color-neutral-surface-tinted: #1C1C1C;
      --ds-color-neutral-surface-hover: #2E2E2E;
      --ds-color-neutral-surface-active: #404040;
      --ds-color-neutral-border-subtle: #ABABAB;
      --ds-color-neutral-border-default: #BFBFBF;
      --ds-color-neutral-border-strong: #EBEBEB;
      --ds-color-neutral-text-subtle: #BFBFBF;
      --ds-color-neutral-text-default: #EBEBEB;
      --ds-color-neutral-base-default: #EBEBEB;
      --ds-color-neutral-base-hover: #D6D6D6;
      --ds-color-neutral-base-active: #BFBFBF;
      --ds-color-neutral-base-contrast-subtle: #1C1C1C;
      --ds-color-neutral-base-contrast-default: #0D0D0D;
      --ds-color-support1-background-default: #050208;
      --ds-color-support1-background-tinted: #0D0515;
      --ds-color-support1-surface-default: #19082B;
      --ds-color-support1-surface-tinted: #210C37;
      --ds-color-support1-surface-hover: #4D2277;
      --ds-color-support1-surface-active: #7E44B8;
      --ds-color-support1-border-subtle: #986AC6;
      --ds-color-support1-border-default: #AF8CD4;
      --ds-color-support1-border-strong: #CFBAE5;
      --ds-color-support1-text-subtle: #DBCBEB;
      --ds-color-support1-text-default: #E8DEF3;
      --ds-color-support1-base-default: #AF8CD4;
      --ds-color-support1-base-hover: #CFBAE5;
      --ds-color-support1-base-active: #DBCBEB;
      --ds-color-support1-base-contrast-subtle: #0F0519;
      --ds-color-support1-base-contrast-default: #08030D;
      --ds-color-support2-background-default: #0A0500;
      --ds-color-support2-background-tinted: #1A0E00;
      --ds-color-support2-surface-default: #331A00;
      --ds-color-support2-surface-tinted: #422200;
      --ds-color-support2-surface-hover: #633303;
      --ds-color-support2-surface-active: #BA6512;
      --ds-color-support2-border-subtle: #DD8C3C;
      --ds-color-support2-border-default: #F2A65A;
      --ds-color-support2-border-strong: #FFCC99;
      --ds-color-support2-text-subtle: #FFDCB8;
      --ds-color-support2-text-default: #FFEBD6;
      --ds-color-support2-base-default: #F2A65A;
      --ds-color-support2-base-hover: #FFCC99;
      --ds-color-support2-base-active: #FFDCB8;
      --ds-color-support2-base-contrast-subtle: #1A0D00;
      --ds-color-support2-base-contrast-default: #0F0800;
      --ds-color-supporttest-background-default: #1A0018;
      --ds-color-supporttest-background-tinted: #3D0039;
      --ds-color-supporttest-surface-default: #290026;
      --ds-color-supporttest-surface-tinted: #5C0055;
      --ds-color-supporttest-surface-hover: #800076;
      --ds-color-supporttest-surface-active: #99008E;
      --ds-color-supporttest-border-subtle: #FF66F4;
      --ds-color-supporttest-border-default: #FF9EF8;
      --ds-color-supporttest-border-strong: #FFCCFB;
      --ds-color-supporttest-text-subtle: #FF9EF8;
      --ds-color-supporttest-text-default: #FFCCFB;
      --ds-color-supporttest-base-default: #FF9EF8;
      --ds-color-supporttest-base-hover: #FF80F6;
      --ds-color-supporttest-base-active: #FF66F4;
      --ds-color-supporttest-base-contrast-subtle: #3D0039;
      --ds-color-supporttest-base-contrast-default: #1A0018;
      --ds-color-info-background-default: #010509;
      --ds-color-info-background-tinted: #001429;
      --ds-color-info-surface-default: #020C18;
      --ds-color-info-surface-tinted: #001C3A;
      --ds-color-info-surface-hover: #002C5A;
      --ds-color-info-surface-active: #003A80;
      --ds-color-info-border-subtle: #66ABFF;
      --ds-color-info-border-default: #9ECAFF;
      --ds-color-info-border-strong: #D6EAFF;
      --ds-color-info-text-subtle: #9ECAFF;
      --ds-color-info-text-default: #D6EAFF;
      --ds-color-info-base-default: #9ECAFF;
      --ds-color-info-base-hover: #80B9FF;
      --ds-color-info-base-active: #66ABFF;
      --ds-color-info-base-contrast-subtle: #001C3A;
      --ds-color-info-base-contrast-default: #020C18;
      --ds-color-success-background-default: #000A02;
      --ds-color-success-background-tinted: #002906;
      --ds-color-success-surface-default: #001A04;
      --ds-color-success-surface-tinted: #003808;
      --ds-color-success-surface-hover: #005C0E;
      --ds-color-success-surface-active: #008013;
      --ds-color-success-border-subtle: #81D58D;
      --ds-color-success-border-default: #9DE1A8;
      --ds-color-success-border-strong: #DAFCDF;
      --ds-color-success-text-subtle: #9DE1A8;
      --ds-color-success-text-default: #DAFCDF;
      --ds-color-success-base-default: #DAFCDF;
      --ds-color-success-base-hover: #B8F4C1;
      --ds-color-success-base-active: #9DE1A8;
      --ds-color-success-base-contrast-subtle: #003808;
      --ds-color-success-base-contrast-default: #001A04;
      --ds-color-warning-background-default: #0A0500;
      --ds-color-warning-background-tinted: #291600;
      --ds-color-warning-surface-default: #1A0E00;
      --ds-color-warning-surface-tinted: #381E00;
      --ds-color-warning-surface-hover: #472600;
      --ds-color-warning-surface-active: #5C3100;
      --ds-color-warning-border-subtle: #FFAB57;
      --ds-color-warning-border-default: #FFDBB2;
      --ds-color-warning-border-strong: #FFF3E5;
      --ds-color-warning-text-subtle: #FFDBB2;
      --ds-color-warning-text-default: #FFF3E5;
      --ds-color-warning-base-default: #FF8700;
      --ds-color-warning-base-hover: #FF9933;
      --ds-color-warning-base-active: #FFAB57;
      --ds-color-warning-base-contrast-subtle: #291600;
      --ds-color-warning-base-contrast-default: #0A0500;
      --ds-color-danger-background-default: #1A0000;
      --ds-color-danger-background-tinted: #380000;
      --ds-color-danger-surface-default: #290000;
      --ds-color-danger-surface-tinted: #5C0000;
      --ds-color-danger-surface-hover: #760A0A;
      --ds-color-danger-surface-active: #861313;
      --ds-color-danger-border-subtle: #F47171;
      --ds-color-danger-border-default: #F8A5A5;
      --ds-color-danger-border-strong: #FDD8D8;
      --ds-color-danger-text-subtle: #F8A5A5;
      --ds-color-danger-text-default: #FDD8D8;
      --ds-color-danger-base-default: #F8A5A5;
      --ds-color-danger-base-hover: #F58989;
      --ds-color-danger-base-active: #F47171;
      --ds-color-danger-base-contrast-subtle: #380000;
      --ds-color-danger-base-contrast-default: #1A0000;
      --ds-color-focus-inner: #050505;
      --ds-color-focus-outer: #EBEBEB;
      --ds-link-color-visited: #CDA6F2;
      color-scheme: dark;
    }
  }
}
@layer ds.theme.typography.primary {
  :root, [data-typography=primary] {
    --ds-line-height-sm: 1.3;
    --ds-line-height-md: 1.5;
    --ds-line-height-lg: 1.7;
    --ds-letter-spacing-1: -0.01em;
    --ds-letter-spacing-2: -0.005em;
    --ds-letter-spacing-3: -0.0025em;
    --ds-letter-spacing-4: -0.0015em;
    --ds-letter-spacing-5: 0em;
    --ds-letter-spacing-6: 0.0015em;
    --ds-letter-spacing-7: 0.0025em;
    --ds-letter-spacing-8: 0.005em;
    --ds-letter-spacing-9: 0.015em;
    --ds-font-family: Inter;
    --ds-font-weight-medium: 500;
    --ds-font-weight-semibold: 600;
    --ds-font-weight-regular: 400;
    --ds-heading-2xl-font-weight: 500;
    --ds-heading-2xl-line-height: 1.3;
    --ds-heading-2xl-letter-spacing: -0.01em;
    --ds-heading-xl-font-weight: 500;
    --ds-heading-xl-line-height: 1.3;
    --ds-heading-xl-letter-spacing: -0.01em;
    --ds-heading-lg-font-weight: 500;
    --ds-heading-lg-line-height: 1.3;
    --ds-heading-lg-letter-spacing: -0.005em;
    --ds-heading-md-font-weight: 500;
    --ds-heading-md-line-height: 1.3;
    --ds-heading-md-letter-spacing: -0.0025em;
    --ds-heading-sm-font-weight: 500;
    --ds-heading-sm-line-height: 1.3;
    --ds-heading-sm-letter-spacing: 0em;
    --ds-heading-xs-font-weight: 500;
    --ds-heading-xs-line-height: 1.3;
    --ds-heading-xs-letter-spacing: 0.0015em;
    --ds-heading-2xs-font-weight: 500;
    --ds-heading-2xs-line-height: 1.3;
    --ds-heading-2xs-letter-spacing: 0.0015em;
    --ds-body-xl-font-weight: 400;
    --ds-body-xl-line-height: 1.5;
    --ds-body-xl-letter-spacing: 0.005em;
    --ds-body-lg-font-weight: 400;
    --ds-body-lg-line-height: 1.5;
    --ds-body-lg-letter-spacing: 0.005em;
    --ds-body-md-font-weight: 400;
    --ds-body-md-line-height: 1.5;
    --ds-body-md-letter-spacing: 0.005em;
    --ds-body-sm-font-weight: 400;
    --ds-body-sm-line-height: 1.5;
    --ds-body-sm-letter-spacing: 0.0025em;
    --ds-body-xs-font-weight: 400;
    --ds-body-xs-line-height: 1.5;
    --ds-body-xs-letter-spacing: 0.0015em;
    --ds-body-short-xl-font-weight: 400;
    --ds-body-short-xl-line-height: 1.3;
    --ds-body-short-xl-letter-spacing: 0.005em;
    --ds-body-short-lg-font-weight: 400;
    --ds-body-short-lg-line-height: 1.3;
    --ds-body-short-lg-letter-spacing: 0.005em;
    --ds-body-short-md-font-weight: 400;
    --ds-body-short-md-line-height: 1.3;
    --ds-body-short-md-letter-spacing: 0.005em;
    --ds-body-short-sm-font-weight: 400;
    --ds-body-short-sm-line-height: 1.3;
    --ds-body-short-sm-letter-spacing: 0.0025em;
    --ds-body-short-xs-font-weight: 400;
    --ds-body-short-xs-line-height: 1.3;
    --ds-body-short-xs-letter-spacing: 0.0015em;
    --ds-body-long-xl-font-weight: 400;
    --ds-body-long-xl-line-height: 1.7;
    --ds-body-long-xl-letter-spacing: 0.005em;
    --ds-body-long-lg-font-weight: 400;
    --ds-body-long-lg-line-height: 1.7;
    --ds-body-long-lg-letter-spacing: 0.005em;
    --ds-body-long-md-font-weight: 400;
    --ds-body-long-md-line-height: 1.7;
    --ds-body-long-md-letter-spacing: 0.005em;
    --ds-body-long-sm-font-weight: 400;
    --ds-body-long-sm-line-height: 1.7;
    --ds-body-long-sm-letter-spacing: 0.0025em;
    --ds-body-long-xs-font-weight: 400;
    --ds-body-long-xs-line-height: 1.7;
    --ds-body-long-xs-letter-spacing: 0.0015em;
  }
}
@layer ds.theme.color {
  [data-color=danger], [data-color-scheme][data-color=danger] {
    --ds-color-background-default: var(--ds-color-danger-background-default);
    --ds-color-background-tinted: var(--ds-color-danger-background-tinted);
    --ds-color-surface-default: var(--ds-color-danger-surface-default);
    --ds-color-surface-tinted: var(--ds-color-danger-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-danger-surface-hover);
    --ds-color-surface-active: var(--ds-color-danger-surface-active);
    --ds-color-border-subtle: var(--ds-color-danger-border-subtle);
    --ds-color-border-default: var(--ds-color-danger-border-default);
    --ds-color-border-strong: var(--ds-color-danger-border-strong);
    --ds-color-text-subtle: var(--ds-color-danger-text-subtle);
    --ds-color-text-default: var(--ds-color-danger-text-default);
    --ds-color-base-default: var(--ds-color-danger-base-default);
    --ds-color-base-hover: var(--ds-color-danger-base-hover);
    --ds-color-base-active: var(--ds-color-danger-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-danger-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-danger-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=info], [data-color-scheme][data-color=info] {
    --ds-color-background-default: var(--ds-color-info-background-default);
    --ds-color-background-tinted: var(--ds-color-info-background-tinted);
    --ds-color-surface-default: var(--ds-color-info-surface-default);
    --ds-color-surface-tinted: var(--ds-color-info-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-info-surface-hover);
    --ds-color-surface-active: var(--ds-color-info-surface-active);
    --ds-color-border-subtle: var(--ds-color-info-border-subtle);
    --ds-color-border-default: var(--ds-color-info-border-default);
    --ds-color-border-strong: var(--ds-color-info-border-strong);
    --ds-color-text-subtle: var(--ds-color-info-text-subtle);
    --ds-color-text-default: var(--ds-color-info-text-default);
    --ds-color-base-default: var(--ds-color-info-base-default);
    --ds-color-base-hover: var(--ds-color-info-base-hover);
    --ds-color-base-active: var(--ds-color-info-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-info-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-info-base-contrast-default);
  }
}
@layer ds.theme.color {
  :root, [data-color-scheme], [data-color=main1] {
    --ds-color-background-default: var(--ds-color-main1-background-default);
    --ds-color-background-tinted: var(--ds-color-main1-background-tinted);
    --ds-color-surface-default: var(--ds-color-main1-surface-default);
    --ds-color-surface-tinted: var(--ds-color-main1-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-main1-surface-hover);
    --ds-color-surface-active: var(--ds-color-main1-surface-active);
    --ds-color-border-subtle: var(--ds-color-main1-border-subtle);
    --ds-color-border-default: var(--ds-color-main1-border-default);
    --ds-color-border-strong: var(--ds-color-main1-border-strong);
    --ds-color-text-subtle: var(--ds-color-main1-text-subtle);
    --ds-color-text-default: var(--ds-color-main1-text-default);
    --ds-color-base-default: var(--ds-color-main1-base-default);
    --ds-color-base-hover: var(--ds-color-main1-base-hover);
    --ds-color-base-active: var(--ds-color-main1-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-main1-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-main1-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=main2], [data-color-scheme][data-color=main2] {
    --ds-color-background-default: var(--ds-color-main2-background-default);
    --ds-color-background-tinted: var(--ds-color-main2-background-tinted);
    --ds-color-surface-default: var(--ds-color-main2-surface-default);
    --ds-color-surface-tinted: var(--ds-color-main2-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-main2-surface-hover);
    --ds-color-surface-active: var(--ds-color-main2-surface-active);
    --ds-color-border-subtle: var(--ds-color-main2-border-subtle);
    --ds-color-border-default: var(--ds-color-main2-border-default);
    --ds-color-border-strong: var(--ds-color-main2-border-strong);
    --ds-color-text-subtle: var(--ds-color-main2-text-subtle);
    --ds-color-text-default: var(--ds-color-main2-text-default);
    --ds-color-base-default: var(--ds-color-main2-base-default);
    --ds-color-base-hover: var(--ds-color-main2-base-hover);
    --ds-color-base-active: var(--ds-color-main2-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-main2-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-main2-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=main3], [data-color-scheme][data-color=main3] {
    --ds-color-background-default: var(--ds-color-main3-background-default);
    --ds-color-background-tinted: var(--ds-color-main3-background-tinted);
    --ds-color-surface-default: var(--ds-color-main3-surface-default);
    --ds-color-surface-tinted: var(--ds-color-main3-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-main3-surface-hover);
    --ds-color-surface-active: var(--ds-color-main3-surface-active);
    --ds-color-border-subtle: var(--ds-color-main3-border-subtle);
    --ds-color-border-default: var(--ds-color-main3-border-default);
    --ds-color-border-strong: var(--ds-color-main3-border-strong);
    --ds-color-text-subtle: var(--ds-color-main3-text-subtle);
    --ds-color-text-default: var(--ds-color-main3-text-default);
    --ds-color-base-default: var(--ds-color-main3-base-default);
    --ds-color-base-hover: var(--ds-color-main3-base-hover);
    --ds-color-base-active: var(--ds-color-main3-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-main3-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-main3-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=maintest], [data-color-scheme][data-color=maintest] {
    --ds-color-background-default: var(--ds-color-maintest-background-default);
    --ds-color-background-tinted: var(--ds-color-maintest-background-tinted);
    --ds-color-surface-default: var(--ds-color-maintest-surface-default);
    --ds-color-surface-tinted: var(--ds-color-maintest-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-maintest-surface-hover);
    --ds-color-surface-active: var(--ds-color-maintest-surface-active);
    --ds-color-border-subtle: var(--ds-color-maintest-border-subtle);
    --ds-color-border-default: var(--ds-color-maintest-border-default);
    --ds-color-border-strong: var(--ds-color-maintest-border-strong);
    --ds-color-text-subtle: var(--ds-color-maintest-text-subtle);
    --ds-color-text-default: var(--ds-color-maintest-text-default);
    --ds-color-base-default: var(--ds-color-maintest-base-default);
    --ds-color-base-hover: var(--ds-color-maintest-base-hover);
    --ds-color-base-active: var(--ds-color-maintest-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-maintest-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-maintest-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=neutral], [data-color-scheme][data-color=neutral] {
    --ds-color-background-default: var(--ds-color-neutral-background-default);
    --ds-color-background-tinted: var(--ds-color-neutral-background-tinted);
    --ds-color-surface-default: var(--ds-color-neutral-surface-default);
    --ds-color-surface-tinted: var(--ds-color-neutral-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-neutral-surface-hover);
    --ds-color-surface-active: var(--ds-color-neutral-surface-active);
    --ds-color-border-subtle: var(--ds-color-neutral-border-subtle);
    --ds-color-border-default: var(--ds-color-neutral-border-default);
    --ds-color-border-strong: var(--ds-color-neutral-border-strong);
    --ds-color-text-subtle: var(--ds-color-neutral-text-subtle);
    --ds-color-text-default: var(--ds-color-neutral-text-default);
    --ds-color-base-default: var(--ds-color-neutral-base-default);
    --ds-color-base-hover: var(--ds-color-neutral-base-hover);
    --ds-color-base-active: var(--ds-color-neutral-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-neutral-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-neutral-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=success], [data-color-scheme][data-color=success] {
    --ds-color-background-default: var(--ds-color-success-background-default);
    --ds-color-background-tinted: var(--ds-color-success-background-tinted);
    --ds-color-surface-default: var(--ds-color-success-surface-default);
    --ds-color-surface-tinted: var(--ds-color-success-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-success-surface-hover);
    --ds-color-surface-active: var(--ds-color-success-surface-active);
    --ds-color-border-subtle: var(--ds-color-success-border-subtle);
    --ds-color-border-default: var(--ds-color-success-border-default);
    --ds-color-border-strong: var(--ds-color-success-border-strong);
    --ds-color-text-subtle: var(--ds-color-success-text-subtle);
    --ds-color-text-default: var(--ds-color-success-text-default);
    --ds-color-base-default: var(--ds-color-success-base-default);
    --ds-color-base-hover: var(--ds-color-success-base-hover);
    --ds-color-base-active: var(--ds-color-success-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-success-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-success-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=support1], [data-color-scheme][data-color=support1] {
    --ds-color-background-default: var(--ds-color-support1-background-default);
    --ds-color-background-tinted: var(--ds-color-support1-background-tinted);
    --ds-color-surface-default: var(--ds-color-support1-surface-default);
    --ds-color-surface-tinted: var(--ds-color-support1-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-support1-surface-hover);
    --ds-color-surface-active: var(--ds-color-support1-surface-active);
    --ds-color-border-subtle: var(--ds-color-support1-border-subtle);
    --ds-color-border-default: var(--ds-color-support1-border-default);
    --ds-color-border-strong: var(--ds-color-support1-border-strong);
    --ds-color-text-subtle: var(--ds-color-support1-text-subtle);
    --ds-color-text-default: var(--ds-color-support1-text-default);
    --ds-color-base-default: var(--ds-color-support1-base-default);
    --ds-color-base-hover: var(--ds-color-support1-base-hover);
    --ds-color-base-active: var(--ds-color-support1-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-support1-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-support1-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=support2], [data-color-scheme][data-color=support2] {
    --ds-color-background-default: var(--ds-color-support2-background-default);
    --ds-color-background-tinted: var(--ds-color-support2-background-tinted);
    --ds-color-surface-default: var(--ds-color-support2-surface-default);
    --ds-color-surface-tinted: var(--ds-color-support2-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-support2-surface-hover);
    --ds-color-surface-active: var(--ds-color-support2-surface-active);
    --ds-color-border-subtle: var(--ds-color-support2-border-subtle);
    --ds-color-border-default: var(--ds-color-support2-border-default);
    --ds-color-border-strong: var(--ds-color-support2-border-strong);
    --ds-color-text-subtle: var(--ds-color-support2-text-subtle);
    --ds-color-text-default: var(--ds-color-support2-text-default);
    --ds-color-base-default: var(--ds-color-support2-base-default);
    --ds-color-base-hover: var(--ds-color-support2-base-hover);
    --ds-color-base-active: var(--ds-color-support2-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-support2-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-support2-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=supporttest], [data-color-scheme][data-color=supporttest] {
    --ds-color-background-default: var(--ds-color-supporttest-background-default);
    --ds-color-background-tinted: var(--ds-color-supporttest-background-tinted);
    --ds-color-surface-default: var(--ds-color-supporttest-surface-default);
    --ds-color-surface-tinted: var(--ds-color-supporttest-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-supporttest-surface-hover);
    --ds-color-surface-active: var(--ds-color-supporttest-surface-active);
    --ds-color-border-subtle: var(--ds-color-supporttest-border-subtle);
    --ds-color-border-default: var(--ds-color-supporttest-border-default);
    --ds-color-border-strong: var(--ds-color-supporttest-border-strong);
    --ds-color-text-subtle: var(--ds-color-supporttest-text-subtle);
    --ds-color-text-default: var(--ds-color-supporttest-text-default);
    --ds-color-base-default: var(--ds-color-supporttest-base-default);
    --ds-color-base-hover: var(--ds-color-supporttest-base-hover);
    --ds-color-base-active: var(--ds-color-supporttest-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-supporttest-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-supporttest-base-contrast-default);
  }
}
@layer ds.theme.color {
  [data-color=warning], [data-color-scheme][data-color=warning] {
    --ds-color-background-default: var(--ds-color-warning-background-default);
    --ds-color-background-tinted: var(--ds-color-warning-background-tinted);
    --ds-color-surface-default: var(--ds-color-warning-surface-default);
    --ds-color-surface-tinted: var(--ds-color-warning-surface-tinted);
    --ds-color-surface-hover: var(--ds-color-warning-surface-hover);
    --ds-color-surface-active: var(--ds-color-warning-surface-active);
    --ds-color-border-subtle: var(--ds-color-warning-border-subtle);
    --ds-color-border-default: var(--ds-color-warning-border-default);
    --ds-color-border-strong: var(--ds-color-warning-border-strong);
    --ds-color-text-subtle: var(--ds-color-warning-text-subtle);
    --ds-color-text-default: var(--ds-color-warning-text-default);
    --ds-color-base-default: var(--ds-color-warning-base-default);
    --ds-color-base-hover: var(--ds-color-warning-base-hover);
    --ds-color-base-active: var(--ds-color-warning-base-active);
    --ds-color-base-contrast-subtle: var(--ds-color-warning-base-contrast-subtle);
    --ds-color-base-contrast-default: var(--ds-color-warning-base-contrast-default);
  }
}
@layer ds-override {
  :root, [data-color-scheme=light] {
    --ds-color-focus-inner: #ECC238;
    --ds-color-focus-outer: #15181E;
  }
  [data-color-scheme=dark] {
    --ds-color-focus-inner: #15181E;
    --ds-color-focus-outer: #ECC238;
  }
}