/* Adapted from design-reference/supplied-styles.css. Light-theme tokens, in source order. */
:root {
    --dt-color-primary: #61428E;
    --dt-token-set-order-0: Core;
    --dt-border-focus-light: 1px #3b54da;
    --dt-border-error-dark: 1px #ff5a5a;
    --dt-border-error-light: 1px #d70000;
    --dt-border-darkest: 1px solid #252525;
    --dt-border-darker: 1px solid #303030;
    --dt-border-dark: 1px solid #494949;
    --dt-border-medium: 1px solid #757575;
    --dt-border-light: 1px solid #bdbdbd;
    --dt-border-lighter: 1px solid #e0e0e0;
    --dt-border-lightest: 1px solid #efefef;
    --dt-dimensions-600: 600px;
    --dt-dimensions-384: 384px;
    --dt-dimensions-192: 192px;
    --dt-dimensions-128: 128px;
    --dt-dimensions-96: 96px;
    --dt-dimensions-72: 72px;
    --dt-dimensions-64: 64px;
    --dt-dimensions-48: 48px;
    --dt-dimensions-40: 40px;
    --dt-dimensions-32: 32px;
    --dt-dimensions-24: 24px;
    --dt-dimensions-20: 20px;
    --dt-dimensions-16: 16px;
    --dt-dimensions-12: 12px;
    --dt-dimensions-8: 8px;
    --dt-dimensions-6: 6px;
    --dt-dimensions-4: 4px;
    --dt-dimensions-2: 2px;
    --dt-dimensions-1: 1px;
    --dt-type-object-button: 500 14px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-anchor-small: 500 12px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-anchor-medium: 500 14px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-anchor-large: 500 16px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-monospace-medium: 500 12px/20px "JetBrains Mono";
    --dt-type-monospace-regular: 400 12px/20px "JetBrains Mono";
    --dt-type-subtext-medium: 500 10px/12px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-subtext-regular: 400 10px/12px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-label-semibold: 600 11px/12px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-label-medium: 500 11px/12px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-paragraph-s-medium: 500 12px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-paragraph-s-regular: 400 12px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-paragraph-m-medium: 500 14px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-paragraph-m-regular: 400 14px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-paragraph-l-regular: 400 16px/24px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-s-semibold: 600 12px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-s-medium: 500 12px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-s-regular: 400 12px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-m-semibold: 600 14px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-m-medium: 500 14px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-m-regular: 400 14px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-l-semibold: 600 16px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-l-medium: 500 16px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-l-regular: 400 16px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-heading-h3-medium: 500 16px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-heading-h2-medium: 500 20px/24px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-heading-h1-medium: 500 24px/32px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-heading-h3-regular: 400 16px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-heading-h2-regular: 400 20px/24px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-heading-h1-regular: 400 24px/32px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-display-s-inter: 600 24px/32px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-display-m-inter: 600 32px/40px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-display-l-clash-medium: 500 40px/44px var(--dt-font-families-clash);
    --dt-type-display-l-clash-semibold: 600 40px/44px var(--dt-font-families-clash);
    --dt-type-display-l-inter: 700 40px/44px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-display-xl-clash: 500 48px/56px var(--dt-font-families-clash);
    --dt-type-display-xl-inter: 600 48px/56px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-text-case-uppercase: uppercase;
    --dt-text-decoration-underline: underline;
    --dt-box-shadow-switch-button-dark: 0 4px 4px 0 #00000040;
    --dt-box-shadow-switch-button-light: 0 4px 4px 0 #00000017;
    --dt-box-shadow-modal-dark: 0 5px 16px 0 #00000040;
    --dt-box-shadow-modal-light: 0 4px 16px 0 #00000017;
    --dt-box-shadow-card-dark: 0 4px 4px 0 #00000040;
    --dt-box-shadow-card-light: 0 4px 16px 0 #00000008;
    --dt-color-error-dark: #ff5a5a;
    --dt-color-error-light: #d70000;
    --dt-color-yellow-700: #886f00;
    --dt-color-yellow-500: #ffd621;
    --dt-color-yellow-300: #ffdf4e;
    --dt-color-orange-700: #996300;
    --dt-color-orange-500: #eea31b;
    --dt-color-orange-300: #ffc04e;
    --dt-color-gradient-nav: linear-gradient(180deg, #ffffff00 0%, #0d0d0d00 .01%, #666666 100%);
    --dt-color-gray-000: #f6f6f6;
    --dt-color-primary-900: #61428E;
    --dt-color-primary-800: #715599;
    --dt-color-primary-700: #8168A5;
    --dt-color-gray-900: #191919;
    --dt-color-gray-800: #252525;
    --dt-color-gray-700: #303030;
    --dt-color-gray-600: #494949;
    --dt-color-gray-500: #757575;
    --dt-color-gray-400: #969696;
    --dt-color-gray-300: #bdbdbd;
    --dt-color-gray-200: #e0e0e0;
    --dt-color-gray-100: #efefef;
    --dt-color-bw-background-light: #fcfcfc;
    --dt-color-bw-background-dark: #0e0e0e;
    --dt-color-bw-white: #ffffff;
    --dt-color-bw-black: #000000;
    --dt-color-red-700: #d70000;
    --dt-color-red-500: #e83b3b;
    --dt-color-red-300: #ff5a5a;
    --dt-color-red-200: #ff7070;
    --dt-color-green-500: #388707;
    --dt-color-green-300: #77d656;
    --dt-color-green-100: #8cfe65;
    --dt-color-blue-500: #3b54da;
    --dt-color-blue-300: #77a5ff;
    --dt-color-purple-700: #834ec4;
    --dt-color-purple-500: #9c61e5;
    --dt-color-purple-300: #ba83ff;
    --dt-font-sizes-48: 48px;
    --dt-font-sizes-40: 40px;
    --dt-font-sizes-32: 32px;
    --dt-font-sizes-24: 24px;
    --dt-font-sizes-20: 20px;
    --dt-font-sizes-16: 16px;
    --dt-font-sizes-14: 14px;
    --dt-font-sizes-12: 12px;
    --dt-font-sizes-11: 11px;
    --dt-font-sizes-10: 10px;
    --dt-font-weights-regular: 400;
    --dt-font-weights-medium: 500;
    --dt-font-weights-clash-semibold: 600;
    --dt-font-weights-inter-semibold: 600;
    --dt-font-weights-bold: 700;
    --dt-letter-spacing-1: -.01em;
    --dt-letter-spacing-2: -.02em;
    --dt-letter-spacing-4: .04em;
    --dt-letter-spacing-0: 0;
    --dt-line-height-56: 56px;
    --dt-line-height-44: 44px;
    --dt-line-height-40: 40px;
    --dt-line-height-32: 32px;
    --dt-line-height-24: 24px;
    --dt-line-height-20: 20px;
    --dt-line-height-16: 16px;
    --dt-line-height-12: 12px;
    --dt-font-families-clash: "Clash Grotesk Variable", "Clash Grotesk", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-font-families-jet-brains-mono: "JetBrains Mono";
    --dt-font-families-inter: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-opacity-90: .9;
    --dt-opacity-50: .5;
    --dt-opacity-10: .1;
    --dt-border-radius-object-button: 8px;
    --dt-border-radius-xl: 10px;
    --dt-border-radius-lg: 8px;
    --dt-border-radius-md: 6px;
    --dt-border-radius-sm: 4px;
    --dt-spacing-button-gap: 4px;
    --dt-spacing-button-x-small-left-right: 8px;
    --dt-spacing-button-x-small-top-bottom: 4px;
    --dt-spacing-button-small-left-right: 14px;
    --dt-spacing-button-small-top-bottom: 8px;
    --dt-spacing-button-large-top-bottom: 14px;
    --dt-spacing-button-large-left-right: 18px;
    --dt-spacing-button-medium-left-right: 16px;
    --dt-spacing-button-medium-top-bottom: 12px;
    --dt-spacing-xxxl: 48px;
    --dt-spacing-xxl: 40px;
    --dt-spacing-xl: 32px;
    --dt-spacing-lg: 24px;
    --dt-spacing-md: 16px;
    --dt-spacing-sm: 12px;
    --dt-spacing-xs: 8px;
    --dt-spacing-xxs: 4px;
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --border-color: var(--dt-color-gray-100);
    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;

    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;

    --primary: 266 36% 41%;
    --primary-foreground: 210 40% 98%;

    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;

    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;

    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;

    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;

    --light-gray-alpha: 0 0% 68% / 0.1;

    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 222.2 84% 4.9%;

    --radius: 0.5rem;
    --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font-brand: "Clash Grotesk Variable", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font-family-alt: var(--font-brand);
    --font-jetbrains-mono: "JetBrains Mono", ui-monospace, source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
    --font-mono: var(--font-jetbrains-mono);
    --font-family-mono: var(--font-jetbrains-mono);
    --font-family: var(--font-body);
    --background-color-values: 0, 0%, 99%;
    --background-color: hsl(var(--background-color-values));
    --primary-text-color: var(--dt-color-gray-800);
    --secondary-text-color: var(--dt-color-gray-700);
    --tertiary-text-color: var(--dt-color-gray-600);
    --label-text-color: var(--dt-color-gray-700);
    --helper-text-color: var(--dt-color-gray-500);
    --muted-text-color: var(--dt-color-gray-300);
    --optional-label-color: var(--dt-color-gray-400);
    --checkbox-text-color: var(--dt-color-gray-700);
    --primary-theme-values: 231, 68%, 54%;
    --primary-theme-color: hsl(var(--primary-theme-values));
    --primary-theme-text-color: var(--dt-color-bw-white);
    --link-color: var(--dt-color-blue-500);
    --page-header-color: var(--dt-color-bw-black);
    --backdrop-filter: blur(20px) saturate(180%);
    --sheet-background: var(--dt-color-bw-white);
    --sheet-background-elevated: rgba(255, 255, 255, .85);
    --sheet-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .16), 0px 0px 0px 1px rgba(0, 0, 0, .04);
    --placeholder-text-color: var(--dt-color-gray-400);
    --searchbar-placeholder-text-color: var(--dt-color-gray-400);
    --card-spacing: 2rem;
    --card-shadow: none;
    --card-border-color: var(--dt-color-gray-100);
    --error-box-background: var(--dt-color-red-500);
    --error-text-color: var(--dt-color-red-500);
    --nav-border-color: rgba(0, 0, 0, .1);
    --nav-link-color: var(--dt-color-gray-500);
    --nav-link-active-color: var(--dt-color-gray-900);
    --nav-link-active-background: var(--dt-color-gray-000);
    --nav-link-focus-background: var(--dt-color-gray-000);
    --sidebar-background-color-values: 0, 0%, 100%;
    --sidebar-primary-text-color: var(--dt-color-gray-800);
    --focus-box-shadow: 0 0 0 3px hsla(var(--primary-theme-values), .4), 0px 3px 4px .5px rgba(0, 0, 0, .04), 0px -.3px 1px .5px rgba(0, 0, 0, .07), 0px .3px 1px .5px rgba(0, 0, 0, .07);
    --hover-background: var(--dt-color-gray-000);
    --input-background: var(--dt-color-bw-white);
    --input-background-light: var(--dt-color-bw-white);
    --input-color: var(--dt-color-gray-900);
    --input-border-color: var(--dt-color-gray-200);
    --input-border-color-light: var(--input-border-color);
    --input-border-color-hover: var(--dt-color-gray-300);
    --input-border-color-light-hover: var(--input-border-color-hover);
    --input-border-focus-color: var(--dt-color-blue-500);
    --form-gap: 1.5rem;
    --form-group-gap: 1.5rem;
    --form-field-bottom-padding: 1.5rem;
    --form-field-bottom-padding-dense: 1rem;
    --border-radius-base: .5rem;
    --border-radius-card: .625rem;
    --border-radius-button: .5rem;
    --border-radius-dialog: .75rem;
    --border-color: var(--dt-color-gray-100);
    --secondary-label-color: var(--dt-color-gray-300);
    --button-default-color: var(--primary-text-color);
    --button-primary-background: var(--dt-color-primary-900);
    --button-primary-color: var(--dt-color-bw-white);
    --button-primary-hover-background: var(--dt-color-primary-700);
    --button-primary-disabled-opacity: .3;
    --button-secondary-color-disabled: var(--dt-color-gray-400);
    --button-secondary-hover-color: var(--dt-color-gray-900);
    --button-box-shadow: 0px 3px 4px .5px rgba(0, 0, 0, .04), 0px -.3px 1px .5px rgba(0, 0, 0, .07), 0px .3px 1px .5px rgba(0, 0, 0, .07);
    --button-hover-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .08), 0px -.3px 1px .5px rgba(0, 0, 0, .1), 0px .3px 1px .5px rgba(0, 0, 0, .1);
    --button-active-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, .06) inset, 0px -.3px 1px .5px rgba(0, 0, 0, .1), 0px .3px 1px .5px rgba(0, 0, 0, .1);
    --button-text-destructive: var(--dt-color-red-500);
    --button-text-destructive-hover: var(--dt-color-red-700);
    --button-tertiary-color: var(--dt-color-gray-500);
    --button-tertiary-hover: var(--dt-color-gray-700);
    --button-tertiary-disabled: var(--dt-color-gray-300);
    --button-link-background-hover: rgba(0, 0, 0, .06);
    --icon-color: var(--dt-color-gray-000);
    --icon-background-color: var(--dt-color-gray-700);
    --avatar-size: 48px;
    --horizontal-padding: 1rem;
    --horizontal-padding-small: 1rem;
    --vertical-padding: 1rem;
    --tab-color: var(--dt-color-gray-400);
    --tab-selected-color: var(--dt-color-gray-700);
    --page-header-top-spacing: 3rem;
    --page-header-bottom-spacing: 1.5rem;
    --dropdown-menu-background: rgba(255, 255, 255, .6);
    --dropdown-item-hover-background: var(--dt-color-gray-100);
    --dropdown-item-hover-color: var(--dt-color-gray-700);
    --status-green: var(--dt-color-green-500);
    --status-green-background: 
color-mix(in srgb, var(--dt-color-green-500) 10%, transparent);
    --status-red: var(--dt-color-red-500);
    --status-red-background: 
color-mix(in srgb, var(--dt-color-red-500) 10%, transparent);
    --status-orange: var(--dt-color-orange-500);
    --status-orange-background: 
color-mix(in srgb, var(--dt-color-orange-500) 15%, transparent);
    --status-gray: var(--dt-color-gray-600);
    --status-gray-background: 
color-mix(in srgb, var(--dt-color-gray-400) 10%, transparent);
    --status-light-gray: var(--dt-color-gray-500);
    --status-light-gray-background: 
color-mix(in srgb, var(--dt-color-gray-500) 10%, transparent);
    --status-blue: var(--dt-color-blue-500);
    --status-blue-background: 
color-mix(in srgb, var(--dt-color-blue-500) 15%, transparent);
    --status-purple: var(--dt-color-purple-700);
    --status-purple-background: 
color-mix(in srgb, var(--dt-color-purple-700) 15%, transparent);
    --status-gold: var(--dt-color-yellow-700);
    --status-gold-background: 
color-mix(in srgb, var(--dt-color-yellow-700) 20%, transparent);
    --status-gold-dynamic: var(--dt-color-yellow-700);
    --status-gold-dynamic-background: 
color-mix(in srgb, var(--dt-color-yellow-500) 20%, transparent);
    --status-gray-dynamic: var(--dt-color-gray-600);
    --status-gray-dynamic-background: 
color-mix(in srgb, var(--dt-color-gray-300) 20%, transparent);
    --status-green-dynamic: var(--dt-color-green-500);
    --status-green-dynamic-background: 
color-mix(in srgb, var(--dt-color-green-500) 15%, transparent);
    --status-purple-dynamic: var(--dt-color-purple-700);
    --status-purple-dynamic-background: 
color-mix(in srgb, var(--dt-color-purple-500) 15%, transparent);
    --status-red-dynamic: var(--dt-color-red-700);
    --status-red-dynamic-background: 
color-mix(in srgb, var(--dt-color-red-500) 10%, transparent);
    --status-blue-dynamic: var(--dt-color-blue-500);
    --status-blue-dynamic-background: 
color-mix(in srgb, var(--dt-color-blue-500) 15%, transparent);
    --mobile-header-text-color: var(--dt-color-gray-700);
    --dialog-background: var(--dt-color-bw-white);
    --radio-background: var(--dt-color-gray-100);
    --radio-border: var(--dt-color-gray-200);
    --test-mode-color: #f5924e;
    --color-input-border: var(--color-gray-200-to-gray-600);
    --color-input-border-hover: var(--color-gray-300-to-gray-500);
    --color-input-border-focus: var(--color-blue-500-to-blue-300);
    --color-input-background: var(--color-white-to-gray-700);
    --color-input-background-disabled: var(--dt-color-bw-white);
    --color-input-text: var(--color-gray-900-to-gray-000);
    --color-input-text-secondary: var(--color-gray-700-to-gray-200);
    --color-input-text-placeholder: var(--dt-color-gray-400);
    --color-input-text-disabled: var(--dt-color-gray-400);
    --color-helper-text: var(--color-gray-500-to-gray-300);
    --color-error-red: var(--color-red-700-to-red-300);
    --color-warning-orange: var(--color-orange-700-to-orange-300);
    --color-warning-orange-border: var(--color-orange-500-to-orange-300);
    --color-select-option-hover: var(--color-gray-000-to-gray-600);
    --color-divider: var(--color-gray-100-to-gray-600);
    --color-button-primary-background: var(--dt-color-primary);
    --color-button-primary-background-hover: var(--dt-color-primary-700);
    --color-button-primary: var(--color-white-to-black);
    --color-button-secondary-background: var(--color-white-to-gray-700);
    --color-button-secondary-background-hover: var(--color-gray-000-to-gray-600);
    --color-button-secondary: var(--color-gray-600-to-gray-200);
    --color-button-secondary-style-text-background-hover: var(--color-gray-100-to-gray-800);
    --color-button-destructive: var(--color-red-500-to-red-300);
    --color-button-destructive-hover: var(--color-red-700-to-red-200);
    --color-button-destructive-background: var(--color-white-to-gray-700);
    --color-button-destructive-background-hover: var(--color-gray-000-to-gray-600);
    --drawer-edge-offset: .75rem;
    --drawer-height: calc(100dvh - var(--drawer-edge-offset) * 2);
    --drawer-width: auto;
    --drawer-width-desktop: 40vw;
    --drawer-width-largeDesktop: 31.25rem;
    --opacity-button-disabled: .6;
    --dimensions-input-vertical-padding: .75rem;
    --dimensions-input-horizontal-padding: 1rem;
    --dimensions-input-select-padding: 1rem;
    --dimension-border-radius-button: .5rem;
    --shadow-button: 0px 3px 4px .5px rgba(0, 0, 0, .04), 0px -.3px 1px .5px rgba(0, 0, 0, .07), 0px .3px 1px .5px rgba(0, 0, 0, .07);
    --shadow-popover: 0px 4px 20px 0px rgba(0, 0, 0, .16);
    --style-border-lightest-to-darkest: var(--dt-border-lightest);
    --scale-14-to-10: .714285714285714;
    --table-cell-min-height: 4rem;

    --color-background-light-to-gray-700: var(--dt-color-bw-background-light);
    --color-background-light-to-gray-800: var(--dt-color-bw-background-light);
    --color-background-light-to-gray-900: var(--dt-color-bw-background-light);
    --color-background-light-to-background-dark: var(--dt-color-bw-background-light);
    --color-black-to-white: var(--dt-color-bw-black);
    --color-blue-500-to-blue-300: var(--dt-color-blue-500);
    --color-purple-500-to-purple-300: var(--dt-color-purple-500);
    --color-gray-000-to-gray-400: var(--dt-color-gray-000);
    --color-gray-000-to-gray-600: var(--dt-color-gray-000);
    --color-gray-000-to-gray-700: var(--dt-color-gray-000);
    --color-gray-000-to-gray-800: var(--dt-color-gray-000);
    --color-gray-000-to-gray-900: var(--dt-color-gray-000);
    --color-gray-100-to-gray-600: var(--dt-color-gray-100);
    --color-gray-100-to-gray-700: var(--dt-color-gray-100);
    --color-gray-100-to-gray-800: var(--dt-color-gray-100);
    --color-gray-100-to-gray-900: var(--dt-color-gray-100);
    --color-gray-200-to-green-100: var(--dt-color-gray-200);
    --color-gray-200-to-gray-400: var(--dt-color-gray-200);
    --color-gray-200-to-gray-500: var(--dt-color-gray-200);
    --color-gray-200-to-gray-600: var(--dt-color-gray-200);
    --color-gray-200-to-gray-700: var(--dt-color-gray-200);
    --color-gray-200-to-gray-800: var(--dt-color-gray-200);
    --color-gray-300-to-gray-500: var(--dt-color-gray-300);
    --color-gray-300-to-gray-600: var(--dt-color-gray-300);
    --color-gray-400-to-white: var(--dt-color-gray-400);
    --color-gray-400-to-gray-000: var(--dt-color-gray-400);
    --color-gray-400-to-gray-200: var(--dt-color-gray-400);
    --color-gray-400-to-gray-300: var(--dt-color-gray-400);
    --color-gray-400-to-gray-500: var(--dt-color-gray-400);
    --color-gray-500-to-gray-100: var(--dt-color-gray-500);
    --color-gray-500-to-gray-200: var(--dt-color-gray-500);
    --color-gray-500-to-gray-300: var(--dt-color-gray-500);
    --color-gray-500-to-gray-400: var(--dt-color-gray-500);
    --color-gray-500-to-white: var(--dt-color-gray-500);
    --color-gray-600-to-gray-000: var(--dt-color-gray-600);
    --color-gray-600-to-gray-100: var(--dt-color-gray-600);
    --color-gray-600-to-gray-200: var(--dt-color-gray-600);
    --color-gray-600-to-gray-300: var(--dt-color-gray-600);
    --color-gray-600-to-gray-400: var(--dt-color-gray-600);
    --color-gray-700-to-gray-000: var(--dt-color-gray-700);
    --color-gray-700-to-gray-100: var(--dt-color-gray-700);
    --color-gray-700-to-gray-200: var(--dt-color-gray-700);
    --color-gray-700-to-gray-600: var(--dt-color-gray-700);
    --color-gray-700-to-gray-800: var(--dt-color-gray-700);
    --color-gray-700-to-green-100: var(--dt-color-gray-700);
    --color-gray-800-to-gray-000: var(--dt-color-gray-800);
    --color-gray-800-to-gray-100: var(--dt-color-gray-800);
    --color-gray-800-to-gray-700: var(--dt-color-gray-800);
    --color-gray-900-to-gray-000: var(--dt-color-gray-900);
    --color-gray-900-to-gray-100: var(--dt-color-gray-900);
    --color-gray-900-to-gray-200: var(--dt-color-gray-900);
    --color-gray-900-to-green-300: var(--dt-color-gray-900);
    --color-gray-900-to-white: var(--dt-color-gray-900);
    --color-green-500-to-green-300: var(--dt-color-green-500);
    --color-green-300-to-green-500: var(--dt-color-green-300);
    --color-orange-500-to-orange-300: var(--dt-color-orange-500);
    --color-orange-700-to-orange-300: var(--dt-color-orange-700);
    --color-red-300-to-red-500: var(--dt-color-red-300);
    --color-red-500-to-red-300: var(--dt-color-red-500);
    --color-red-700-to-red-200: var(--dt-color-red-700);
    --color-red-700-to-red-300: var(--dt-color-red-700);
    --color-red-700-to-red-500: var(--dt-color-red-700);
    --color-white-to-green-300: var(--dt-color-bw-white);
    --color-white-to-black: var(--dt-color-bw-white);
    --color-white-to-gray-600: var(--dt-color-bw-white);
    --color-white-to-gray-700: var(--dt-color-bw-white);
    --color-white-to-gray-800: var(--dt-color-bw-white);
    --color-white-to-gray-900: var(--dt-color-bw-white)
}
:root {
    --dt-token-set-order-0: Core;
    --dt-border-focus-light: 1px #3b54da;
    --dt-border-error-dark: 1px #ff5a5a;
    --dt-border-error-light: 1px #d70000;
    --dt-border-darkest: 1px solid #252525;
    --dt-border-darker: 1px solid #303030;
    --dt-border-dark: 1px solid #494949;
    --dt-border-medium: 1px solid #757575;
    --dt-border-light: 1px solid #bdbdbd;
    --dt-border-lighter: 1px solid #e0e0e0;
    --dt-border-lightest: 1px solid #efefef;
    --dt-dimensions-600: 600px;
    --dt-dimensions-384: 384px;
    --dt-dimensions-192: 192px;
    --dt-dimensions-128: 128px;
    --dt-dimensions-96: 96px;
    --dt-dimensions-72: 72px;
    --dt-dimensions-64: 64px;
    --dt-dimensions-48: 48px;
    --dt-dimensions-40: 40px;
    --dt-dimensions-32: 32px;
    --dt-dimensions-24: 24px;
    --dt-dimensions-20: 20px;
    --dt-dimensions-16: 16px;
    --dt-dimensions-12: 12px;
    --dt-dimensions-8: 8px;
    --dt-dimensions-6: 6px;
    --dt-dimensions-4: 4px;
    --dt-dimensions-2: 2px;
    --dt-dimensions-1: 1px;
    --dt-type-object-button: 500 13px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-anchor-small: 500 12px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-anchor-medium: 500 13px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-anchor-large: 500 16px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-monospace-medium: 500 12px/20px "JetBrains Mono";
    --dt-type-monospace-regular: 400 12px/20px "JetBrains Mono";
    --dt-type-subtext-medium: 500 10px/12px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-subtext-regular: 400 10px/12px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-label-semibold: 600 11px/12px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-label-medium: 500 11px/12px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-paragraph-s-medium: 500 12px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-paragraph-s-regular: 400 12px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-paragraph-m-medium: 500 13px/18px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-paragraph-m-regular: 400 13px/18px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-paragraph-l-regular: 400 16px/24px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-s-semibold: 600 12px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-s-medium: 500 12px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-s-regular: 400 12px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-m-semibold: 600 13px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-m-medium: 500 13px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-m-regular: 400 13px/16px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-l-semibold: 600 16px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-l-medium: 500 16px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-body-l-regular: 400 16px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-heading-h3-medium: 500 16px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-heading-h2-medium: 500 20px/24px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-heading-h1-medium: 500 24px/32px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-heading-h3-regular: 400 16px/20px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-heading-h2-regular: 400 20px/24px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-heading-h1-regular: 400 24px/32px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-display-s-inter: 600 24px/32px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-display-m-inter: 600 32px/40px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-display-l-clash-medium: 500 40px/44px var(--dt-font-families-clash);
    --dt-type-display-l-clash-semibold: 600 40px/44px var(--dt-font-families-clash);
    --dt-type-display-l-inter: 700 40px/44px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-type-display-xl-clash: 500 48px/56px var(--dt-font-families-clash);
    --dt-type-display-xl-inter: 600 48px/56px Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-text-case-uppercase: uppercase;
    --dt-text-decoration-underline: underline;
    --dt-box-shadow-switch-button-dark: 0 4px 4px 0 #00000040;
    --dt-box-shadow-switch-button-light: 0 4px 4px 0 #00000017;
    --dt-box-shadow-modal-dark: 0 5px 16px 0 #00000040;
    --dt-box-shadow-modal-light: 0 4px 16px 0 #00000017;
    --dt-box-shadow-card-dark: 0 4px 4px 0 #00000040;
    --dt-box-shadow-card-light: 0 4px 16px 0 #00000008;
    --dt-color-error-dark: #ff5a5a;
    --dt-color-error-light: #d70000;
    --dt-color-yellow-700: #886f00;
    --dt-color-yellow-500: #ffd621;
    --dt-color-yellow-300: #ffdf4e;
    --dt-color-orange-700: #996300;
    --dt-color-orange-500: #eea31b;
    --dt-color-orange-300: #ffc04e;
    --dt-color-gradient-nav: linear-gradient(180deg, #fff0 0%, #0d0d0d00 0.01%, #666 100%);
    --dt-color-gray-000: #f6f6f6;
    --dt-color-gray-900: #191919;
    --dt-color-gray-800: #252525;
    --dt-color-gray-700: #303030;
    --dt-color-gray-600: #494949;
    --dt-color-gray-500: #757575;
    --dt-color-gray-400: #969696;
    --dt-color-gray-300: #bdbdbd;
    --dt-color-gray-200: #e0e0e0;
    --dt-color-gray-100: #efefef;
    --dt-color-bw-background-light: #fcfcfc;
    --dt-color-bw-background-dark: #0e0e0e;
    --dt-color-bw-white: #fff;
    --dt-color-bw-black: #000;
    --dt-color-red-700: #d70000;
    --dt-color-red-500: #e83b3b;
    --dt-color-red-300: #ff5a5a;
    --dt-color-red-200: #ff7070;
    --dt-color-green-500: #388707;
    --dt-color-green-300: #77d656;
    --dt-color-green-100: #8cfe65;
    --dt-color-blue-500: #3b54da;
    --dt-color-blue-300: #77a5ff;
    --dt-color-purple-700: #834ec4;
    --dt-color-purple-500: #9c61e5;
    --dt-color-purple-300: #ba83ff;
    --dt-font-sizes-48: 48px;
    --dt-font-sizes-40: 40px;
    --dt-font-sizes-32: 32px;
    --dt-font-sizes-24: 24px;
    --dt-font-sizes-20: 20px;
    --dt-font-sizes-16: 16px;
    --dt-font-sizes-14: 14px;
    --dt-font-sizes-12: 12px;
    --dt-font-sizes-11: 11px;
    --dt-font-sizes-10: 10px;
    --dt-font-weights-regular: 400;
    --dt-font-weights-medium: 500;
    --dt-font-weights-clash-semibold: 600;
    --dt-font-weights-inter-semibold: 600;
    --dt-font-weights-bold: 700;
    --dt-letter-spacing-1: -.01em;
    --dt-letter-spacing-2: -.02em;
    --dt-letter-spacing-4: .04em;
    --dt-letter-spacing-0: 0;
    --dt-line-height-56: 56px;
    --dt-line-height-44: 44px;
    --dt-line-height-40: 40px;
    --dt-line-height-32: 32px;
    --dt-line-height-24: 24px;
    --dt-line-height-20: 20px;
    --dt-line-height-16: 16px;
    --dt-line-height-12: 12px;
    --dt-font-families-clash: "Clash Grotesk Variable", "Clash Grotesk", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-font-families-jet-brains-mono: "JetBrains Mono";
    --dt-font-families-inter: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --dt-opacity-90: .9;
    --dt-opacity-50: .5;
    --dt-opacity-10: .1;
    --dt-border-radius-object-button: 8px;
    --dt-border-radius-xl: 10px;
    --dt-border-radius-lg: 8px;
    --dt-border-radius-md: 6px;
    --dt-border-radius-sm: 4px;
    --dt-spacing-button-gap: 4px;
    --dt-spacing-button-x-small-left-right: 8px;
    --dt-spacing-button-x-small-top-bottom: 4px;
    --dt-spacing-button-small-left-right: 14px;
    --dt-spacing-button-small-top-bottom: 8px;
    --dt-spacing-button-large-top-bottom: 14px;
    --dt-spacing-button-large-left-right: 18px;
    --dt-spacing-button-medium-left-right: 16px;
    --dt-spacing-button-medium-top-bottom: 12px;
    --dt-spacing-xxxl: 48px;
    --dt-spacing-xxl: 40px;
    --dt-spacing-xl: 32px;
    --dt-spacing-lg: 24px;
    --dt-spacing-md: 16px;
    --dt-spacing-sm: 12px;
    --dt-spacing-xs: 8px;
    --dt-spacing-xxs: 4px;
    --dt-opacity-disabled: .6;
    --dt-text-primary: #191919;
    --dt-text-secondary: #303030;
    --dt-text-subtle: #757575;
    --dt-text-disabled: #969696;
    --dt-text-tertiary: #494949;
    --dt-text-success: #388707;
    --dt-text-warning: #996300;
    --dt-text-active: #3b54da;
    --dt-text-common: #303030;
    --dt-text-new: #834ec4;
    --dt-text-inverse: #f6f6f6;
    --dt-text-dark-fill: #f6f6f6;
    --dt-text-color-fill: #191919;
    --dt-text-error: #d70000;
    --dt-text-sidebar-default: #757575;
    --dt-surface-secondary: #fff;
    --dt-surface-primary: #fff;
    --dt-surface-sidebar: #fcfcfc;
    --dt-border-inline-secondary: #efefef;
    --dt-border-inline-primary: #efefef;
    --dt-border-inline-inverse: #303030;
    --dt-border-component-container: #efefef;
    --dt-border-component-default: #e0e0e0;
    --dt-border-component-focus: #3b54da;
    --dt-border-component-warning: #eea31b;
    --dt-border-component-hover: #bdbdbd;
    --dt-border-component-error: #d70000;
    --dt-border-component-halo: #0000000d;
    --dt-border-radius-s: 6px;
    --dt-border-radius-m: 8px;
    --dt-border-radius-l: 10px;
    --dt-border-radius-full: 9999px;
    --dt-border-radius-xs: 4px;
    --dt-border-width-default: 1px;
    --dt-border-width-prominent: 2px;
    --dt-background-success: #38870726;
    --dt-background-warning: #eea31b26;
    --dt-background-active: #3b54da26;
    --dt-background-error: #e83b3b21;
    --dt-background-common: #efefef;
    --dt-background-new: #9c61e526;
    --dt-background-input-default: #fff;
    --dt-background-input-disabled: #fcfcfc;
    --dt-background-input-search: #fcfcfc;
    --dt-background-actions-primary-default: #191919;
    --dt-background-actions-primary-hover: #303030;
    --dt-background-actions-secondary-fill-hover: #f6f6f6;
    --dt-background-actions-secondary-fill-default: #fff;
    --dt-background-actions-secondary-unfilled-default: #fff0;
    --dt-background-actions-secondary-unfilled-hover: #efefef;
    --dt-background-actions-segmented-control-default: #fff;
    --dt-background-actions-navigation-sidebar-item-hover: #f6f6f6;
    --dt-background-actions-navigation-sidebar-item-selected: #f6f6f6;
    --dt-background-actions-navigation-tab-selected: #efefef;
    --dt-background-actions-navigation-tab-hover: #f6f6f6;
    --dt-background-container-subtle: #fcfcfc;
    --dt-background-container-strong: #efefef;
    --dt-background-dark: #303030;
    --dt-background-white: #fff;
    --dt-background-table-hover: #f6f6f6;
    --dt-background-gradient: #fff0;
    --dt-background-active-opaque: #3b54da;
    --dt-background-warning-opaque: #eea31b;
    --dt-space-component-xs: 8px;
    --dt-space-component-s: 12px;
    --dt-space-component-m: 16px;
    --dt-space-component-l: 20px;
    --dt-space-component-xxs: 4px;
    --dt-space-component-none: 0;
    --dt-space-component-xl: 24px;
    --dt-space-component-xxl: 32px;
    --dt-space-component-xxxl: 40px;
    --dt-space-layout-xxxs: 2px;
    --dt-space-layout-xs: 8px;
    --dt-space-layout-s: 16px;
    --dt-space-layout-m: 24px;
    --dt-space-layout-l: 32px;
    --dt-space-layout-xl: 40px;
    --dt-space-layout-xxs: 4px;
    --dt-space-layout-xxl: 48px
}