/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  color-scheme: dark;
  --dt-color-border-bold-h: 0;
  --dt-color-border-bold-s: 0%;
  --dt-color-border-bold-l: 100%;
  --dt-color-border-bold-a: 50%;
  --dt-color-border-bold-hsl: var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l);
  --dt-color-border-bold-hsla: hsl(var(--dt-color-border-bold-h) var(--dt-color-border-bold-s) var(--dt-color-border-bold-l) / var(--alpha, 50%));
  --dt-color-border-bold: hsl(0 0% 100% / 0.5);
  --dt-color-border-moderate-h: 0;
  --dt-color-border-moderate-s: 0%;
  --dt-color-border-moderate-l: 100%;
  --dt-color-border-moderate-a: 85%;
  --dt-color-border-moderate-hsl: var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l);
  --dt-color-border-moderate-hsla: hsl(var(--dt-color-border-moderate-h) var(--dt-color-border-moderate-s) var(--dt-color-border-moderate-l) / var(--alpha, 85%));
  --dt-color-border-moderate: hsl(0 0% 100% / 0.85);
  --dt-color-border-default-h: 0;
  --dt-color-border-default-s: 0%;
  --dt-color-border-default-l: 100%;
  --dt-color-border-default-a: 66%;
  --dt-color-border-default-hsl: var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l);
  --dt-color-border-default-hsla: hsl(var(--dt-color-border-default-h) var(--dt-color-border-default-s) var(--dt-color-border-default-l) / var(--alpha, 66%));
  --dt-color-border-default: hsl(0 0% 100% / 0.66);
  --dt-color-border-subtle-h: 0;
  --dt-color-border-subtle-s: 0%;
  --dt-color-border-subtle-l: 100%;
  --dt-color-border-subtle-a: 50%;
  --dt-color-border-subtle-hsl: var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l);
  --dt-color-border-subtle-hsla: hsl(var(--dt-color-border-subtle-h) var(--dt-color-border-subtle-s) var(--dt-color-border-subtle-l) / var(--alpha, 50%));
  --dt-color-border-subtle: hsl(0 0% 100% / 0.5);
  --dt-color-foreground-disabled-h: var(--dt-color-black-700-h);
  --dt-color-foreground-disabled-s: var(--dt-color-black-700-s);
  --dt-color-foreground-disabled-l: var(--dt-color-black-700-l);
  --dt-color-foreground-disabled-a: var(--dt-color-black-700-a);
  --dt-color-foreground-disabled-hsl: var(--dt-color-black-700-hsl);
  --dt-color-foreground-disabled-hsla: var(--dt-color-black-700-hsla);
  --dt-color-foreground-disabled: var(--dt-color-black-700);
  --dt-color-foreground-placeholder-h: var(--dt-color-black-700-h);
  --dt-color-foreground-placeholder-s: var(--dt-color-black-700-s);
  --dt-color-foreground-placeholder-l: var(--dt-color-black-700-l);
  --dt-color-foreground-placeholder-a: var(--dt-color-black-700-a);
  --dt-color-foreground-placeholder-hsl: var(--dt-color-black-700-hsl);
  --dt-color-foreground-placeholder-hsla: var(--dt-color-black-700-hsla);
  --dt-color-foreground-placeholder: var(--dt-color-black-700);
  --dt-color-foreground-muted-h: 0;
  --dt-color-foreground-muted-s: 0%;
  --dt-color-foreground-muted-l: 100%;
  --dt-color-foreground-muted-a: 65%;
  --dt-color-foreground-muted-hsl: var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l);
  --dt-color-foreground-muted-hsla: hsl(var(--dt-color-foreground-muted-h) var(--dt-color-foreground-muted-s) var(--dt-color-foreground-muted-l) / var(--alpha, 65%));
  --dt-color-foreground-muted: hsl(0 0% 100% / 0.65);
  --dt-color-foreground-tertiary-h: var(--dt-color-black-800-h);
  --dt-color-foreground-tertiary-s: var(--dt-color-black-800-s);
  --dt-color-foreground-tertiary-l: var(--dt-color-black-800-l);
  --dt-color-foreground-tertiary-a: var(--dt-color-black-800-a);
  --dt-color-foreground-tertiary-hsl: var(--dt-color-black-800-hsl);
  --dt-color-foreground-tertiary-hsla: var(--dt-color-black-800-hsla);
  --dt-color-foreground-tertiary: var(--dt-color-black-800); /* Used to imply visual hierarchy relative to primary and secondary text colors, e.g. headlines and labels. */
  --dt-color-foreground-secondary-h: var(--dt-color-black-900-h);
  --dt-color-foreground-secondary-s: var(--dt-color-black-900-s);
  --dt-color-foreground-secondary-l: var(--dt-color-black-900-l);
  --dt-color-foreground-secondary-a: var(--dt-color-black-900-a);
  --dt-color-foreground-secondary-hsl: var(--dt-color-black-900-hsl);
  --dt-color-foreground-secondary-hsla: var(--dt-color-black-900-hsla);
  --dt-color-foreground-secondary: var(--dt-color-black-900); /* Example uses include introduction paragraphs, labels, and descriptions paired with form elements. */
  --dt-color-foreground-primary-h: var(--dt-color-black-1000-h);
  --dt-color-foreground-primary-s: var(--dt-color-black-1000-s);
  --dt-color-foreground-primary-l: var(--dt-color-black-1000-l);
  --dt-color-foreground-primary-a: var(--dt-color-black-1000-a);
  --dt-color-foreground-primary-hsl: var(--dt-color-black-1000-hsl);
  --dt-color-foreground-primary-hsla: var(--dt-color-black-1000-hsla);
  --dt-color-foreground-primary: var(--dt-color-black-1000); /* Default text color throughout the UI. */
  --dt-shell-color-border-default-h: 0;
  --dt-shell-color-border-default-s: 0%;
  --dt-shell-color-border-default-l: 100%;
  --dt-shell-color-border-default-a: 18%;
  --dt-shell-color-border-default-hsl: var(--dt-shell-color-border-default-h) var(--dt-shell-color-border-default-s) var(--dt-shell-color-border-default-l);
  --dt-shell-color-border-default-hsla: hsl(var(--dt-shell-color-border-default-h) var(--dt-shell-color-border-default-s) var(--dt-shell-color-border-default-l) / var(--alpha, 18%));
  --dt-shell-color-border-default: hsl(0 0% 100% / 0.18);
  --dt-shell-color-border-subtle-h: 0;
  --dt-shell-color-border-subtle-s: 0%;
  --dt-shell-color-border-subtle-l: 100%;
  --dt-shell-color-border-subtle-a: 15%;
  --dt-shell-color-border-subtle-hsl: var(--dt-shell-color-border-subtle-h) var(--dt-shell-color-border-subtle-s) var(--dt-shell-color-border-subtle-l);
  --dt-shell-color-border-subtle-hsla: hsl(var(--dt-shell-color-border-subtle-h) var(--dt-shell-color-border-subtle-s) var(--dt-shell-color-border-subtle-l) / var(--alpha, 15%));
  --dt-shell-color-border-subtle: hsl(0 0% 100% / 0.15);
  --dt-shell-color-foreground-muted-h: 0;
  --dt-shell-color-foreground-muted-s: 0%;
  --dt-shell-color-foreground-muted-l: 90.2%;
  --dt-shell-color-foreground-muted-a: 60%;
  --dt-shell-color-foreground-muted-hsl: var(--dt-shell-color-foreground-muted-h) var(--dt-shell-color-foreground-muted-s) var(--dt-shell-color-foreground-muted-l);
  --dt-shell-color-foreground-muted-hsla: hsl(var(--dt-shell-color-foreground-muted-h) var(--dt-shell-color-foreground-muted-s) var(--dt-shell-color-foreground-muted-l) / var(--alpha, 60%));
  --dt-shell-color-foreground-muted: hsl(0 0% 90.2% / 0.6);
  --dt-shell-color-foreground-tertiary-h: 0;
  --dt-shell-color-foreground-tertiary-s: 0%;
  --dt-shell-color-foreground-tertiary-l: 90.2%;
  --dt-shell-color-foreground-tertiary-a: 72%;
  --dt-shell-color-foreground-tertiary-hsl: var(--dt-shell-color-foreground-tertiary-h) var(--dt-shell-color-foreground-tertiary-s) var(--dt-shell-color-foreground-tertiary-l);
  --dt-shell-color-foreground-tertiary-hsla: hsl(var(--dt-shell-color-foreground-tertiary-h) var(--dt-shell-color-foreground-tertiary-s) var(--dt-shell-color-foreground-tertiary-l) / var(--alpha, 72%));
  --dt-shell-color-foreground-tertiary: hsl(0 0% 90.2% / 0.72);
  --dt-shell-color-foreground-secondary-h: 0;
  --dt-shell-color-foreground-secondary-s: 0%;
  --dt-shell-color-foreground-secondary-l: 90.2%;
  --dt-shell-color-foreground-secondary-a: 86%;
  --dt-shell-color-foreground-secondary-hsl: var(--dt-shell-color-foreground-secondary-h) var(--dt-shell-color-foreground-secondary-s) var(--dt-shell-color-foreground-secondary-l);
  --dt-shell-color-foreground-secondary-hsla: hsl(var(--dt-shell-color-foreground-secondary-h) var(--dt-shell-color-foreground-secondary-s) var(--dt-shell-color-foreground-secondary-l) / var(--alpha, 86%));
  --dt-shell-color-foreground-secondary: hsl(0 0% 90.2% / 0.86);
  --dt-shell-color-foreground-primary-h: var(--dt-shell-base-color-foreground-h);
  --dt-shell-color-foreground-primary-s: var(--dt-shell-base-color-foreground-s);
  --dt-shell-color-foreground-primary-l: var(--dt-shell-base-color-foreground-l);
  --dt-shell-color-foreground-primary-a: var(--dt-shell-base-color-foreground-a);
  --dt-shell-color-foreground-primary-hsl: var(--dt-shell-base-color-foreground-hsl);
  --dt-shell-color-foreground-primary-hsla: var(--dt-shell-base-color-foreground-hsla);
  --dt-shell-color-foreground-primary: var(--dt-shell-base-color-foreground);
  --dt-action-color-border-positive-default-h: var(--dt-color-border-subtle-h);
  --dt-action-color-border-positive-default-s: var(--dt-color-border-subtle-s);
  --dt-action-color-border-positive-default-l: var(--dt-color-border-subtle-l);
  --dt-action-color-border-positive-default-a: var(--dt-color-border-subtle-a);
  --dt-action-color-border-positive-default-hsl: var(--dt-color-border-subtle-hsl);
  --dt-action-color-border-positive-default-hsla: var(--dt-color-border-subtle-hsla);
  --dt-action-color-border-positive-default: var(--dt-color-border-subtle);
  --dt-action-color-border-muted-default-h: var(--dt-color-border-subtle-h);
  --dt-action-color-border-muted-default-s: var(--dt-color-border-subtle-s);
  --dt-action-color-border-muted-default-l: var(--dt-color-border-subtle-l);
  --dt-action-color-border-muted-default-a: var(--dt-color-border-subtle-a);
  --dt-action-color-border-muted-default-hsl: var(--dt-color-border-subtle-hsl);
  --dt-action-color-border-muted-default-hsla: var(--dt-color-border-subtle-hsla);
  --dt-action-color-border-muted-default: var(--dt-color-border-subtle);
  --dt-action-color-border-inverted-default-h: var(--dt-color-border-subtle-h);
  --dt-action-color-border-inverted-default-s: var(--dt-color-border-subtle-s);
  --dt-action-color-border-inverted-default-l: var(--dt-color-border-subtle-l);
  --dt-action-color-border-inverted-default-a: var(--dt-color-border-subtle-a);
  --dt-action-color-border-inverted-default-hsl: var(--dt-color-border-subtle-hsl);
  --dt-action-color-border-inverted-default-hsla: var(--dt-color-border-subtle-hsla);
  --dt-action-color-border-inverted-default: var(--dt-color-border-subtle);
  --dt-action-color-border-critical-default-h: var(--dt-color-border-subtle-h);
  --dt-action-color-border-critical-default-s: var(--dt-color-border-subtle-s);
  --dt-action-color-border-critical-default-l: var(--dt-color-border-subtle-l);
  --dt-action-color-border-critical-default-a: var(--dt-color-border-subtle-a);
  --dt-action-color-border-critical-default-hsl: var(--dt-color-border-subtle-hsl);
  --dt-action-color-border-critical-default-hsla: var(--dt-color-border-subtle-hsla);
  --dt-action-color-border-critical-default: var(--dt-color-border-subtle);
  --dt-action-color-border-base-default-h: var(--dt-color-border-subtle-h);
  --dt-action-color-border-base-default-s: var(--dt-color-border-subtle-s);
  --dt-action-color-border-base-default-l: var(--dt-color-border-subtle-l);
  --dt-action-color-border-base-default-a: var(--dt-color-border-subtle-a);
  --dt-action-color-border-base-default-hsl: var(--dt-color-border-subtle-hsl);
  --dt-action-color-border-base-default-hsla: var(--dt-color-border-subtle-hsla);
  --dt-action-color-border-base-default: var(--dt-color-border-subtle);
  --dt-font-size-100-mobile: 1.2rem;
  --dt-font-size-200-mobile: 1.6rem;
  --dt-font-size-300-mobile: 2rem;
  --dt-font-size-400-mobile: 2.9rem;
  --dt-font-size-500-mobile: 4.1rem;
  --dt-font-size-100-tc8: 1.7rem;
  --dt-font-size-200-tc8: 2.1rem;
  --dt-font-size-300-tc8: 2.7rem;
  --dt-font-size-400-tc8: 3.8rem;
  --dt-font-size-500-tc8: 5.4rem;
  --dt-font-size-100-tv: 2.5rem;
  --dt-font-size-200-tv: 3.2rem;
  --dt-font-size-300-tv: 4.1rem;
  --dt-font-size-400-tv: 5.8rem;
  --dt-font-size-500-tv: 8.2rem;
  --zi-hide: -1;
  --zi-base: 0;
  --zi-base1: 1;
  --zi-selected: 25;
  --zi-active: 50;
  --zi-navigation: 100;
  --zi-navigation-fixed: 150;
  --zi-dropdown: 200;
  --zi-popover: 300;
  --zi-tooltip: 400;
  --zi-drawer: 500;
  --zi-modal: 600;
  --zi-modal-element: 650;
  --zi-notification: 700;
}
