// Do not edit directly

$light-theme-default: hsla(216, 100%, 50%, 100%); // DEPRECATED: true
$light-success-default: hsla(104, 64%, 50%, 100%); // DEPRECATED: true
$light-warning-default: hsla(38, 100%, 35%, 100%); // DEPRECATED: true
$light-error-default: hsla(7, 97%, 50%, 100%); // DEPRECATED: true
$light-contrast-default: hsla(229, 15%, 50%, 100%); // DEPRECATED: true
$light-white-default: hsla(0, 0%, 100%, 100%); // DEPRECATED: true
$light-black-default: hsla(0, 0%, 0%, 100%); // DEPRECATED: true
$light-purple-default: hsla(277, 72%, 50%, 100%); // DEPRECATED: true
$light-background-bg: hsla(0, 0%, 100%, 100%);
$light-background-bg-secondary: hsla(229, 15%, 97%, 100%);
$light-background-bg-tertiary: hsla(229, 15%, 95%, 100%);
$light-background-night: hsla(229, 15%, 25%, 100%);
$light-background-card: hsla(229, 15%, 100%, 100%);
$light-background-theme: hsla(216, 100%, 50%, 100%);
$light-background-theme-fade: hsla(216, 100%, 88%, 100%);
$light-background-theme-less: hsla(216, 100%, 94%, 100%);
$light-background-contrast: hsla(229, 15%, 25%, 100%);
$light-background-contrast-fade: hsla(229, 15%, 90%, 100%);
$light-background-contrast-less: hsla(229, 15%, 96%, 100%);
$light-background-error: hsla(7, 97%, 60%, 100%);
$light-background-error-fade: hsla(7, 97%, 89%, 100%);
$light-background-error-less: hsla(7, 97%, 94%, 100%);
$light-background-success: hsla(104, 64%, 45%, 100%);
$light-background-success-fade: hsla(104, 64%, 80%, 100%);
$light-background-success-less: hsla(104, 64%, 89%, 100%);
$light-background-warning: hsla(38, 100%, 50%, 100%);
$light-background-warning-fade: hsla(38, 100%, 85%, 100%);
$light-background-warning-less: hsla(38, 100%, 90%, 100%);
$light-background-transparent: transparent;
$light-background-highlight: hsla(38, 100%, 85%, 100%);
$light-background-overlay: hsla(229, 15%, 20%, 32%);
$light-background-overlay-inverse: hsla(229, 15%, 99%, 88%);
$light-background-overlay-error: hsla(7, 97%, 88%, 88%);
$light-background-overlay-theme: hsla(216, 100%, 86%, 88%);
$light-foreground-white: hsla(0, 0%, 100%, 100%);
$light-foreground-white-secondary: hsla(0, 0%, 100%, 72%);
$light-foreground-theme: hsla(216, 100%, 50%, 100%);
$light-foreground-theme-secondary: hsla(216, 100%, 60%, 100%);
$light-foreground-contrast: hsla(229, 15%, 15%, 100%);
$light-foreground-on-contrast: hsla(229, 15%, 100%, 100%);
$light-foreground-contrast-secondary: hsla(229, 15%, 50%, 100%);
$light-foreground-contrast-tertiary: hsla(229, 15%, 60%, 100%);
$light-foreground-error: hsla(7, 97%, 40%, 100%);
$light-foreground-error-secondary: hsla(7, 97%, 50%, 100%);
$light-foreground-error-tertiary: hsla(7, 97%, 70%, 100%);
$light-foreground-error-less: hsla(7, 97%, 70%, 100%);
$light-foreground-success: hsla(104, 64%, 30%, 100%);
$light-foreground-success-less: hsla(104, 64%, 90%, 100%);
$light-foreground-success-secondary: hsla(104, 64%, 45%, 100%);
$light-foreground-warning: hsla(38, 100%, 33%, 100%);
$light-foreground-warning-secondary: hsla(38, 100%, 45%, 100%);
$light-foreground-visited: hsla(277, 72%, 45%, 100%);
$light-icon-white: hsla(0, 0%, 100%, 100%);
$light-icon-theme: hsla(216, 100%, 50%, 100%);
$light-icon-theme-fade: hsla(216, 100%, 40%, 100%);
$light-icon-contrast: hsla(229, 15%, 15%, 100%);
$light-icon-on-contrast: hsla(229, 15%, 100%, 100%);
$light-icon-contrast-fade: hsla(229, 15%, 60%, 100%);
$light-icon-error: hsla(7, 97%, 45%, 100%);
$light-icon-success: hsla(104, 64%, 40%, 100%);
$light-icon-warning: hsla(38, 100%, 42%, 100%);
$light-icon-visited: hsla(277, 72%, 55%, 100%);
$light-line-theme: hsla(216, 100%, 50%, 100%);
$light-line-theme-fade: hsla(216, 100%, 65%, 100%);
$light-line-theme-less: hsla(216, 100%, 85%, 100%);
$light-line-contrast: hsla(229, 15%, 15%, 100%);
$light-line-contrast-fade: hsla(229, 15%, 80%, 100%);
$light-line-contrast-less: hsla(229, 15%, 6%, 12%);
$light-line-error: hsla(7, 97%, 45%, 100%);
$light-line-error-fade: hsla(7, 97%, 65%, 100%);
$light-line-success: hsla(104, 64%, 40%, 100%);
$light-line-success-fade: hsla(104, 64%, 45%, 100%);
$light-line-warning: hsla(38, 100%, 45%, 100%);
$light-line-warning-fade: hsla(38, 100%, 55%, 100%);
$light-line-visited: hsla(277, 72%, 80%, 100%);
$light-shadow-outline: hsla(229, 15%, 6%, 3%);
$light-shadow-key: hsla(229, 15%, 6%, 6%);
$light-shadow-ambient: hsla(229, 15%, 6%, 12%);
$light-opacity-disabled: 0.32;
$light-states-background-theme-hover: hsla(216, 100%, 45%, 100%);
$light-states-background-theme-active: hsla(216, 100%, 39%, 100%);
$light-states-background-theme-fade-hover: hsla(216, 100%, 85%, 100%);
$light-states-background-theme-fade-active: hsla(216, 100%, 83%, 100%);
$light-states-background-theme-less-hover: hsla(216, 100%, 92%, 100%);
$light-states-background-theme-less-active: hsla(216, 100%, 90%, 100%);
$light-states-background-contrast-hover: hsla(229, 15%, 20%, 100%);
$light-states-background-contrast-active: hsla(229, 15%, 15%, 100%);
$light-states-background-contrast-fade-hover: hsla(229, 15%, 88%, 100%);
$light-states-background-contrast-fade-active: hsla(229, 15%, 85%, 100%);
$light-states-background-contrast-less-hover: hsla(229, 15%, 93%, 100%);
$light-states-background-contrast-less-active: hsla(229, 15%, 91%, 100%);
$light-states-background-error-hover: hsla(7, 97%, 56%, 100%);
$light-states-background-error-active: hsla(7, 69%, 51%, 100%);
$light-states-background-error-fade-hover: hsla(7, 97%, 87%, 100%);
$light-states-background-error-fade-active: hsla(7, 97%, 85%, 100%);
$light-states-background-error-less-hover: hsla(7, 97%, 92%, 100%);
$light-states-background-error-less-active: hsla(7, 97%, 89%, 100%);
$light-states-background-success-hover: hsla(104, 64%, 42%, 100%);
$light-states-background-success-active: hsla(104, 64%, 38%, 100%);
$light-states-background-success-fade-hover: hsla(104, 64%, 76%, 100%);
$light-states-background-success-fade-active: hsla(104, 64%, 84%, 100%);
$light-states-background-success-less-hover: hsla(104, 64%, 84%, 100%);
$light-states-background-success-less-active: hsla(104, 64%, 81%, 100%);
$light-states-background-warning-fade-hover: hsla(38, 100%, 77%, 100%);
$light-states-background-warning-fade-active: hsla(7, 97%, 73%, 100%);
$light-states-background-warning-less-hover: hsla(38, 100%, 86%, 100%);
$light-states-background-warning-less-active: hsla(38, 100%, 82%, 100%);
$light-states-background-disabled: rgba(0, 0, 0, 0.05);
$light-states-background-transparent-hover: hsla(229, 15%, 50%, 8%);
$light-states-background-transparent-active: hsla(229, 15%, 50%, 16%);
$light-states-background-error-less: hsla(7, 97%, 99%, 100%);
$light-states-foreground-theme-hover: hsla(216, 100%, 45%, 100%);
$light-states-foreground-theme-active: hsla(216, 100%, 40%, 100%);
$light-states-foreground-disabled: hsla(229, 15%, 60%, 60%);
$light-states-foreground-visited-hover: hsla(277, 72%, 40%, 100%);
$light-states-foreground-visited-active: hsla(277, 72%, 35%, 100%);
$light-states-icon-theme-hover: hsla(216, 100%, 45%, 100%);
$light-states-icon-theme-active: hsla(216, 100%, 40%, 100%);
$light-states-icon-disabled: hsla(229, 15%, 60%, 60%);
$light-states-icon-contrast-hover: hsla(229, 15%, 50%, 100%);
$light-states-icon-contrast-active: hsla(229, 15%, 60%, 100%);
$light-states-icon-contrast-fade-hover: hsla(229, 15%, 50%, 100%);
$light-states-icon-contrast-fade-active: hsla(229, 15%, 40%, 100%);
$light-states-icon-error-hover: hsla(7, 97%, 45%, 100%);
$light-states-icon-error-active: hsla(7, 97%, 40%, 100%);
$light-states-icon-success-hover: hsla(104, 64%, 40%, 100%);
$light-states-icon-success-active: hsla(104, 64%, 30%, 100%);
$light-states-icon-warning-hover: hsla(38, 100%, 45%, 100%);
$light-states-icon-warning-active: hsla(38, 100%, 42%, 100%);
$light-states-icon-visited-hover: hsla(277, 72%, 50%, 100%);
$light-states-icon-visited-active: hsla(277, 72%, 40%, 100%);
$light-states-line-focus: hsla(216, 100%, 50%, 100%);
$light-states-line-focus-theme: hsla(216, 100%, 60%, 100%);
$light-states-line-disabled: hsla(229, 15%, 50%, 32%);
$light-states-line-focus-error: hsla(7, 97%, 45%, 100%);
$light-states-disabled-opacity: 0.32; // DEPRECATED: use --kbq-opacity-disabled
$dark-theme-default: hsla(216, 100%, 50%, 100%); // DEPRECATED: true
$dark-success-default: hsla(104, 64%, 50%, 100%); // DEPRECATED: true
$dark-warning-default: hsla(38, 100%, 35%, 100%); // DEPRECATED: true
$dark-error-default: hsla(7, 97%, 50%, 100%); // DEPRECATED: true
$dark-contrast-default: hsla(229, 15%, 50%, 100%); // DEPRECATED: true
$dark-white-default: hsla(0, 0%, 100%, 100%); // DEPRECATED: true
$dark-black-default: hsla(0, 0%, 0%, 100%); // DEPRECATED: true
$dark-purple-default: hsla(277, 72%, 50%, 100%); // DEPRECATED: true
$dark-background-bg: hsla(229, 15%, 12%, 100%);
$dark-background-bg-secondary: hsla(229, 15%, 16%, 100%);
$dark-background-bg-tertiary: hsla(229, 15%, 14%, 100%);
$dark-background-night: hsla(229, 15%, 25%, 100%);
$dark-background-card: hsla(229, 15%, 15%, 100%);
$dark-background-theme: hsla(216, 100%, 50%, 100%);
$dark-background-theme-fade: hsla(216, 100%, 24%, 100%);
$dark-background-theme-less: hsla(216, 100%, 15%, 100%);
$dark-background-contrast: hsla(229, 15%, 90%, 100%);
$dark-background-contrast-fade: hsla(229, 15%, 23%, 100%);
$dark-background-contrast-less: hsla(229, 15%, 17%, 100%);
$dark-background-error: hsla(7, 97%, 41%, 100%);
$dark-background-error-fade: hsla(7, 97%, 20%, 100%);
$dark-background-error-less: hsla(7, 97%, 13%, 100%);
$dark-background-success: hsla(104, 64%, 40%, 100%);
$dark-background-success-fade: hsla(104, 64%, 15%, 100%);
$dark-background-success-less: hsla(104, 64%, 9%, 100%);
$dark-background-warning: hsla(38, 100%, 39%, 100%);
$dark-background-warning-fade: hsla(38, 100%, 15%, 100%);
$dark-background-warning-less: hsla(38, 100%, 9%, 100%);
$dark-background-transparent: transparent;
$dark-background-highlight: hsla(38, 100%, 15%, 100%);
$dark-background-overlay: hsla(229, 15%, 6%, 64%);
$dark-background-overlay-inverse: hsla(229, 15%, 12%, 80%);
$dark-background-overlay-error: hsla(7, 97%, 22%, 88%);
$dark-background-overlay-theme: hsla(216, 100%, 26%, 88%);
$dark-foreground-white: hsla(0, 0%, 100%, 100%);
$dark-foreground-white-secondary: hsla(0, 0%, 100%, 72%);
$dark-foreground-theme: hsla(216, 100%, 65%, 100%);
$dark-foreground-theme-secondary: hsla(216, 100%, 45%, 100%);
$dark-foreground-contrast: hsla(229, 15%, 80%, 100%);
$dark-foreground-on-contrast: hsla(229, 15%, 15%, 100%);
$dark-foreground-contrast-secondary: hsla(229, 15%, 60%, 100%);
$dark-foreground-contrast-tertiary: hsla(229, 15%, 45%, 100%);
$dark-foreground-error: hsla(7, 97%, 60%, 100%);
$dark-foreground-error-secondary: hsla(7, 97%, 39%, 100%);
$dark-foreground-error-tertiary: hsla(7, 97%, 28%, 100%);
$dark-foreground-error-less: hsla(7, 97%, 28%, 100%);
$dark-foreground-success: hsla(104, 64%, 45%, 100%);
$dark-foreground-success-less: hsla(104, 64%, 90%, 100%);
$dark-foreground-success-secondary: hsla(104, 64%, 40%, 100%);
$dark-foreground-warning: hsla(38, 100%, 60%, 100%);
$dark-foreground-warning-secondary: hsla(38, 100%, 40%, 100%);
$dark-foreground-visited: hsla(277, 72%, 50%, 100%);
$dark-icon-white: hsla(0, 0%, 100%, 100%);
$dark-icon-theme: hsla(216, 100%, 65%, 100%);
$dark-icon-theme-fade: hsla(229, 15%, 30%, 100%);
$dark-icon-contrast: hsla(229, 15%, 80%, 100%);
$dark-icon-on-contrast: hsla(229, 15%, 15%, 100%);
$dark-icon-contrast-fade: hsla(229, 15%, 45%, 100%);
$dark-icon-error: hsla(7, 97%, 60%, 100%);
$dark-icon-success: hsla(104, 64%, 45%, 100%);
$dark-icon-warning: hsla(38, 100%, 60%, 100%);
$dark-icon-visited: hsla(277, 72%, 50%, 100%);
$dark-line-theme: hsla(216, 100%, 65%, 100%);
$dark-line-theme-fade: hsla(216, 100%, 30%, 100%);
$dark-line-theme-less: hsla(216, 100%, 27%, 100%);
$dark-line-contrast: hsla(229, 15%, 100%, 100%);
$dark-line-contrast-fade: hsla(229, 15%, 30%, 100%);
$dark-line-contrast-less: hsla(229, 15%, 22%, 100%);
$dark-line-error: hsla(7, 97%, 35%, 100%);
$dark-line-error-fade: hsla(7, 97%, 35%, 100%);
$dark-line-success: hsla(104, 64%, 35%, 100%);
$dark-line-success-fade: hsla(104, 64%, 20%, 100%);
$dark-line-warning: hsla(38, 100%, 42%, 100%);
$dark-line-warning-fade: hsla(38, 100%, 20%, 100%);
$dark-line-visited: hsla(277, 72%, 30%, 100%);
$dark-shadow-outline: hsla(229, 100%, 85%, 15%);
$dark-shadow-key: transparent;
$dark-shadow-ambient: transparent;
$dark-opacity-disabled: 0.32;
$dark-states-background-theme-hover: hsla(216, 100%, 45%, 100%);
$dark-states-background-theme-active: hsla(216, 100%, 39%, 100%);
$dark-states-background-theme-fade-hover: hsla(216, 100%, 26%, 100%);
$dark-states-background-theme-fade-active: hsla(216, 100%, 28%, 100%);
$dark-states-background-theme-less-hover: hsla(216, 100%, 17%, 100%);
$dark-states-background-theme-less-active: hsla(216, 100%, 19%, 100%);
$dark-states-background-contrast-hover: hsla(229, 15%, 80%, 100%);
$dark-states-background-contrast-active: hsla(229, 15%, 55%, 100%);
$dark-states-background-contrast-fade-hover: hsla(229, 15%, 25%, 100%);
$dark-states-background-contrast-fade-active: hsla(229, 15%, 27%, 100%);
$dark-states-background-contrast-less-hover: hsla(229, 15%, 19%, 100%);
$dark-states-background-contrast-less-active: hsla(229, 15%, 21%, 100%);
$dark-states-background-error-hover: hsla(7, 97%, 42%, 100%);
$dark-states-background-error-active: hsla(7, 97%, 39%, 100%);
$dark-states-background-error-fade-hover: hsla(7, 97%, 22%, 100%);
$dark-states-background-error-fade-active: hsla(7, 97%, 24%, 100%);
$dark-states-background-error-less-hover: hsla(7, 97%, 15%, 100%);
$dark-states-background-error-less-active: hsla(7, 97%, 17%, 100%);
$dark-states-background-warning-fade-hover: hsla(38, 100%, 16%, 100%);
$dark-states-background-warning-fade-active: hsla(38, 100%, 18%, 100%);
$dark-states-background-warning-less-hover: hsla(38, 100%, 11%, 100%);
$dark-states-background-warning-less-active: hsla(38, 100%, 12%, 100%);
$dark-states-background-success-hover: hsla(104, 64%, 38%, 100%);
$dark-states-background-success-active: hsla(104, 64%, 35%, 100%);
$dark-states-background-success-fade-hover: hsla(104, 64%, 17%, 100%);
$dark-states-background-success-fade-active: hsla(104, 64%, 19%, 100%);
$dark-states-background-success-less-hover: hsla(104, 64%, 11%, 100%);
$dark-states-background-success-less-active: hsla(104, 64%, 12%, 100%);
$dark-states-background-disabled: hsla(229, 15%, 50%, 16%);
$dark-states-background-transparent-hover: hsla(229, 15%, 50%, 16%);
$dark-states-background-transparent-active: hsla(229, 100%, 85%, 15%);
$dark-states-background-error-less: hsla(7, 97%, 13%, 100%);
$dark-states-foreground-theme-hover: hsla(216, 100%, 65%, 100%);
$dark-states-foreground-theme-active: hsla(216, 100%, 70%, 100%);
$dark-states-foreground-disabled: hsla(229, 15%, 65%, 60%);
$dark-states-foreground-visited-hover: hsla(277, 72%, 55%, 100%);
$dark-states-foreground-visited-active: hsla(277, 72%, 60%, 100%);
$dark-states-icon-theme-hover: hsla(216, 100%, 45%, 100%);
$dark-states-icon-theme-active: hsla(216, 100%, 40%, 100%);
$dark-states-icon-contrast-hover: hsla(229, 15%, 90%, 100%);
$dark-states-icon-contrast-active: hsla(229, 15%, 99%, 100%);
$dark-states-icon-contrast-fade-hover: hsla(229, 15%, 50%, 100%);
$dark-states-icon-contrast-fade-active: hsla(229, 15%, 40%, 100%);
$dark-states-icon-disabled: hsla(229, 15%, 65%, 60%);
$dark-states-icon-error-hover: hsla(7, 97%, 50%, 100%);
$dark-states-icon-error-active: hsla(7, 97%, 40%, 100%);
$dark-states-icon-success-hover: hsla(104, 64%, 40%, 100%);
$dark-states-icon-success-active: hsla(104, 64%, 30%, 100%);
$dark-states-icon-warning-hover: hsla(38, 100%, 45%, 100%);
$dark-states-icon-warning-active: hsla(38, 100%, 42%, 100%);
$dark-states-icon-visited-hover: hsla(277, 72%, 55%, 100%);
$dark-states-icon-visited-active: hsla(277, 72%, 60%, 100%);
$dark-states-line-focus: hsla(216, 100%, 50%, 100%);
$dark-states-line-focus-theme: hsla(216, 100%, 60%, 100%);
$dark-states-line-disabled: hsla(229, 15%, 50%, 32%);
$dark-states-line-focus-error: hsla(7, 97%, 45%, 100%);
$dark-states-disabled-opacity: 0.32; // DEPRECATED: use --kbq-opacity-disabled
$font-family-accent: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$font-family-base: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$font-family-mono: 'JetBrains Mono', 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
$font-fa-ir-accent: 'notonaskharabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$font-fa-ir-base: notonaskharabic, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$size-3xs: 2px;
$size-xxs: 4px;
$size-xs: 6px;
$size-s: 8px;
$size-m: 12px;
$size-l: 16px;
$size-xl: 20px;
$size-xxl: 24px;
$size-3xl: 32px;
$size-4xl: 40px;
$size-5xl: 48px;
$size-6xl: 56px;
$size-7xl: 64px;
$size-border-width: 1px;
$size-border-radius: 8px;
$palette-black-default: hsla(0, 0%, 0%, 100%);
$palette-black-a5: rgba(0, 0, 0, 0.05);
$palette-black-default-a8: rgba(0, 0, 0, 0.08);
$palette-black-default-a16: rgba(0, 0, 0, 0.16);
$palette-black-default-a20: rgba(0, 0, 0, 0.20);
$palette-black-default-a50: rgba(0, 0, 0, 0.50);
$palette-black-a50: rgba(0, 0, 0, 0.50);
$palette-blue-0: hsla(216, 100%, 0%, 100%);
$palette-blue-1: hsla(216, 100%, 1%, 100%);
$palette-blue-2: hsla(216, 100%, 2%, 100%);
$palette-blue-3: hsla(216, 100%, 3%, 100%);
$palette-blue-4: hsla(216, 100%, 4%, 100%);
$palette-blue-5: hsla(216, 100%, 5%, 100%);
$palette-blue-6: hsla(216, 100%, 6%, 100%);
$palette-blue-7: hsla(216, 100%, 7%, 100%);
$palette-blue-8: hsla(216, 100%, 8%, 100%);
$palette-blue-9: hsla(216, 100%, 9%, 100%);
$palette-blue-10: hsla(216, 100%, 10%, 100%);
$palette-blue-11: hsla(216, 100%, 11%, 100%);
$palette-blue-12: hsla(216, 100%, 12%, 100%);
$palette-blue-13: hsla(216, 100%, 13%, 100%);
$palette-blue-14: hsla(216, 100%, 14%, 100%);
$palette-blue-15: hsla(216, 100%, 15%, 100%);
$palette-blue-16: hsla(216, 100%, 16%, 100%);
$palette-blue-17: hsla(216, 100%, 17%, 100%);
$palette-blue-18: hsla(216, 100%, 18%, 100%);
$palette-blue-19: hsla(216, 100%, 19%, 100%);
$palette-blue-20: hsla(216, 100%, 20%, 100%);
$palette-blue-21: hsla(216, 100%, 21%, 100%);
$palette-blue-22: hsla(216, 100%, 22%, 100%);
$palette-blue-23: hsla(216, 100%, 23%, 100%);
$palette-blue-24: hsla(216, 100%, 24%, 100%);
$palette-blue-25: hsla(216, 100%, 25%, 100%);
$palette-blue-26: hsla(216, 100%, 26%, 100%);
$palette-blue-27: hsla(216, 100%, 27%, 100%);
$palette-blue-28: hsla(216, 100%, 28%, 100%);
$palette-blue-29: hsla(216, 100%, 29%, 100%);
$palette-blue-30: hsla(216, 100%, 30%, 100%);
$palette-blue-31: hsla(216, 100%, 31%, 100%);
$palette-blue-32: hsla(216, 100%, 32%, 100%);
$palette-blue-33: hsla(216, 100%, 33%, 100%);
$palette-blue-34: hsla(216, 100%, 34%, 100%);
$palette-blue-35: hsla(216, 100%, 35%, 100%);
$palette-blue-36: hsla(216, 100%, 36%, 100%);
$palette-blue-37: hsla(216, 100%, 37%, 100%);
$palette-blue-38: hsla(216, 100%, 38%, 100%);
$palette-blue-39: hsla(216, 100%, 39%, 100%);
$palette-blue-40: hsla(216, 100%, 40%, 100%);
$palette-blue-41: hsla(216, 100%, 41%, 100%);
$palette-blue-42: hsla(216, 100%, 42%, 100%);
$palette-blue-43: hsla(216, 100%, 43%, 100%);
$palette-blue-44: hsla(216, 100%, 44%, 100%);
$palette-blue-45: hsla(216, 100%, 45%, 100%);
$palette-blue-46: hsla(216, 100%, 46%, 100%);
$palette-blue-47: hsla(216, 100%, 47%, 100%);
$palette-blue-48: hsla(216, 100%, 48%, 100%);
$palette-blue-49: hsla(216, 100%, 49%, 100%);
$palette-blue-50: hsla(216, 100%, 50%, 100%);
$palette-blue-51: hsla(216, 100%, 51%, 100%);
$palette-blue-52: hsla(216, 100%, 52%, 100%);
$palette-blue-53: hsla(216, 100%, 53%, 100%);
$palette-blue-54: hsla(216, 100%, 54%, 100%);
$palette-blue-55: hsla(216, 100%, 55%, 100%);
$palette-blue-56: hsla(216, 100%, 56%, 100%);
$palette-blue-57: hsla(216, 100%, 57%, 100%);
$palette-blue-58: hsla(216, 100%, 58%, 100%);
$palette-blue-59: hsla(216, 100%, 59%, 100%);
$palette-blue-60: hsla(216, 100%, 60%, 100%);
$palette-blue-61: hsla(216, 100%, 61%, 100%);
$palette-blue-62: hsla(216, 100%, 62%, 100%);
$palette-blue-63: hsla(216, 100%, 63%, 100%);
$palette-blue-64: hsla(216, 100%, 64%, 100%);
$palette-blue-65: hsla(216, 100%, 65%, 100%);
$palette-blue-66: hsla(216, 100%, 66%, 100%);
$palette-blue-67: hsla(216, 100%, 67%, 100%);
$palette-blue-68: hsla(216, 100%, 68%, 100%);
$palette-blue-69: hsla(216, 100%, 69%, 100%);
$palette-blue-70: hsla(216, 100%, 70%, 100%);
$palette-blue-71: hsla(216, 100%, 71%, 100%);
$palette-blue-72: hsla(216, 100%, 72%, 100%);
$palette-blue-73: hsla(216, 100%, 73%, 100%);
$palette-blue-74: hsla(216, 100%, 74%, 100%);
$palette-blue-75: hsla(216, 100%, 75%, 100%);
$palette-blue-76: hsla(216, 100%, 76%, 100%);
$palette-blue-77: hsla(216, 100%, 77%, 100%);
$palette-blue-78: hsla(216, 100%, 78%, 100%);
$palette-blue-79: hsla(216, 100%, 79%, 100%);
$palette-blue-80: hsla(216, 100%, 80%, 100%);
$palette-blue-81: hsla(216, 100%, 81%, 100%);
$palette-blue-82: hsla(216, 100%, 82%, 100%);
$palette-blue-83: hsla(216, 100%, 83%, 100%);
$palette-blue-84: hsla(216, 100%, 84%, 100%);
$palette-blue-85: hsla(216, 100%, 85%, 100%);
$palette-blue-86: hsla(216, 100%, 86%, 100%);
$palette-blue-87: hsla(216, 100%, 87%, 100%);
$palette-blue-88: hsla(216, 100%, 88%, 100%);
$palette-blue-89: hsla(216, 100%, 89%, 100%);
$palette-blue-90: hsla(216, 100%, 90%, 100%);
$palette-blue-91: hsla(216, 100%, 91%, 100%);
$palette-blue-92: hsla(216, 100%, 92%, 100%);
$palette-blue-93: hsla(216, 100%, 93%, 100%);
$palette-blue-94: hsla(216, 100%, 94%, 100%);
$palette-blue-95: hsla(216, 100%, 95%, 100%);
$palette-blue-96: hsla(216, 100%, 96%, 100%);
$palette-blue-97: hsla(216, 100%, 97%, 100%);
$palette-blue-98: hsla(216, 100%, 98%, 100%);
$palette-blue-99: hsla(216, 100%, 99%, 100%);
$palette-blue-100: hsla(216, 100%, 100%, 100%);
$palette-blue-5-a12: hsla(216, 100%, 5%, 12%);
$palette-blue-5-a24: hsla(216, 100%, 5%, 24%);
$palette-blue-5-a32: hsla(216, 100%, 5%, 32%);
$palette-blue-15-a20: hsla(216, 100%, 15%, 20%);
$palette-blue-15-a30: hsla(216, 100%, 15%, 30%);
$palette-blue-15-a40: hsla(216, 100%, 15%, 40%);
$palette-blue-15-a50: hsla(216, 100%, 15%, 50%);
$palette-blue-15-a60: hsla(216, 100%, 15%, 60%);
$palette-blue-26-a88: hsla(216, 100%, 26%, 88%);
$palette-blue-50-a8: hsla(216, 100%, 50%, 8%);
$palette-blue-50-a16: hsla(216, 100%, 50%, 16%);
$palette-blue-50-a55: hsla(216, 100%, 50%, 55%);
$palette-blue-86-a88: hsla(216, 100%, 86%, 88%);
$palette-blue-92-a20: hsla(216, 100%, 92%, 20%);
$palette-blue-92-a30: hsla(216, 100%, 92%, 30%);
$palette-blue-92-a40: hsla(216, 100%, 92%, 40%);
$palette-blue-92-a50: hsla(216, 100%, 92%, 50%);
$palette-blue-92-a60: hsla(216, 100%, 92%, 60%);
$palette-blue-a8: hsla(216, 100%, 50%, 8%);
$palette-blue-a12: hsla(216, 100%, 5%, 12%);
$palette-blue-a16: hsla(216, 100%, 50%, 16%);
$palette-blue-a24: hsla(216, 100%, 5%, 24%);
$palette-blue-a32: hsla(216, 100%, 5%, 32%);
$palette-cyan-0: hsla(180, 55%, 0%, 100%);
$palette-cyan-1: hsla(180, 55%, 1%, 100%);
$palette-cyan-2: hsla(180, 55%, 2%, 100%);
$palette-cyan-3: hsla(180, 55%, 3%, 100%);
$palette-cyan-4: hsla(180, 55%, 4%, 100%);
$palette-cyan-5: hsla(180, 55%, 5%, 100%);
$palette-cyan-6: hsla(180, 55%, 6%, 100%);
$palette-cyan-7: hsla(180, 55%, 7%, 100%);
$palette-cyan-8: hsla(180, 55%, 8%, 100%);
$palette-cyan-9: hsla(180, 55%, 9%, 100%);
$palette-cyan-10: hsla(180, 55%, 10%, 100%);
$palette-cyan-11: hsla(180, 55%, 11%, 100%);
$palette-cyan-12: hsla(180, 55%, 12%, 100%);
$palette-cyan-13: hsla(180, 55%, 13%, 100%);
$palette-cyan-14: hsla(180, 55%, 14%, 100%);
$palette-cyan-15: hsla(180, 55%, 15%, 100%);
$palette-cyan-16: hsla(180, 55%, 16%, 100%);
$palette-cyan-17: hsla(180, 55%, 17%, 100%);
$palette-cyan-18: hsla(180, 55%, 18%, 100%);
$palette-cyan-19: hsla(180, 55%, 19%, 100%);
$palette-cyan-20: hsla(180, 55%, 20%, 100%);
$palette-cyan-21: hsla(180, 55%, 21%, 100%);
$palette-cyan-22: hsla(180, 55%, 22%, 100%);
$palette-cyan-23: hsla(180, 55%, 23%, 100%);
$palette-cyan-24: hsla(180, 55%, 24%, 100%);
$palette-cyan-25: hsla(180, 55%, 25%, 100%);
$palette-cyan-26: hsla(180, 55%, 26%, 100%);
$palette-cyan-27: hsla(180, 55%, 27%, 100%);
$palette-cyan-28: hsla(180, 55%, 28%, 100%);
$palette-cyan-29: hsla(180, 55%, 29%, 100%);
$palette-cyan-30: hsla(180, 55%, 30%, 100%);
$palette-cyan-31: hsla(180, 55%, 31%, 100%);
$palette-cyan-32: hsla(180, 55%, 32%, 100%);
$palette-cyan-33: hsla(180, 55%, 33%, 100%);
$palette-cyan-34: hsla(180, 55%, 34%, 100%);
$palette-cyan-35: hsla(180, 55%, 35%, 100%);
$palette-cyan-36: hsla(180, 55%, 36%, 100%);
$palette-cyan-37: hsla(180, 55%, 37%, 100%);
$palette-cyan-38: hsla(180, 55%, 38%, 100%);
$palette-cyan-39: hsla(180, 55%, 39%, 100%);
$palette-cyan-40: hsla(180, 55%, 40%, 100%);
$palette-cyan-41: hsla(180, 55%, 41%, 100%);
$palette-cyan-42: hsla(180, 55%, 42%, 100%);
$palette-cyan-43: hsla(180, 55%, 43%, 100%);
$palette-cyan-44: hsla(180, 55%, 44%, 100%);
$palette-cyan-45: hsla(180, 55%, 45%, 100%);
$palette-cyan-46: hsla(180, 55%, 46%, 100%);
$palette-cyan-47: hsla(180, 55%, 47%, 100%);
$palette-cyan-48: hsla(180, 55%, 48%, 100%);
$palette-cyan-49: hsla(180, 55%, 49%, 100%);
$palette-cyan-50: hsla(180, 55%, 50%, 100%);
$palette-cyan-51: hsla(180, 55%, 51%, 100%);
$palette-cyan-52: hsla(180, 55%, 52%, 100%);
$palette-cyan-53: hsla(180, 55%, 53%, 100%);
$palette-cyan-54: hsla(180, 55%, 54%, 100%);
$palette-cyan-55: hsla(180, 55%, 55%, 100%);
$palette-cyan-56: hsla(180, 55%, 56%, 100%);
$palette-cyan-57: hsla(180, 55%, 57%, 100%);
$palette-cyan-58: hsla(180, 55%, 58%, 100%);
$palette-cyan-59: hsla(180, 55%, 59%, 100%);
$palette-cyan-60: hsla(180, 55%, 60%, 100%);
$palette-cyan-61: hsla(180, 55%, 61%, 100%);
$palette-cyan-62: hsla(180, 55%, 62%, 100%);
$palette-cyan-63: hsla(180, 55%, 63%, 100%);
$palette-cyan-64: hsla(180, 55%, 64%, 100%);
$palette-cyan-65: hsla(180, 55%, 65%, 100%);
$palette-cyan-66: hsla(180, 55%, 66%, 100%);
$palette-cyan-67: hsla(180, 55%, 67%, 100%);
$palette-cyan-68: hsla(180, 55%, 68%, 100%);
$palette-cyan-69: hsla(180, 55%, 69%, 100%);
$palette-cyan-70: hsla(180, 55%, 70%, 100%);
$palette-cyan-71: hsla(180, 55%, 71%, 100%);
$palette-cyan-72: hsla(180, 55%, 72%, 100%);
$palette-cyan-73: hsla(180, 55%, 73%, 100%);
$palette-cyan-74: hsla(180, 55%, 74%, 100%);
$palette-cyan-75: hsla(180, 55%, 75%, 100%);
$palette-cyan-76: hsla(180, 55%, 76%, 100%);
$palette-cyan-77: hsla(180, 55%, 77%, 100%);
$palette-cyan-78: hsla(180, 55%, 78%, 100%);
$palette-cyan-79: hsla(180, 55%, 79%, 100%);
$palette-cyan-80: hsla(180, 55%, 80%, 100%);
$palette-cyan-81: hsla(180, 55%, 81%, 100%);
$palette-cyan-82: hsla(180, 55%, 82%, 100%);
$palette-cyan-83: hsla(180, 55%, 83%, 100%);
$palette-cyan-84: hsla(180, 55%, 84%, 100%);
$palette-cyan-85: hsla(180, 55%, 85%, 100%);
$palette-cyan-86: hsla(180, 55%, 86%, 100%);
$palette-cyan-87: hsla(180, 55%, 87%, 100%);
$palette-cyan-88: hsla(180, 55%, 88%, 100%);
$palette-cyan-89: hsla(180, 55%, 89%, 100%);
$palette-cyan-90: hsla(180, 55%, 90%, 100%);
$palette-cyan-91: hsla(180, 55%, 91%, 100%);
$palette-cyan-92: hsla(180, 55%, 92%, 100%);
$palette-cyan-93: hsla(180, 55%, 93%, 100%);
$palette-cyan-94: hsla(180, 55%, 94%, 100%);
$palette-cyan-95: hsla(180, 55%, 95%, 100%);
$palette-cyan-96: hsla(180, 55%, 96%, 100%);
$palette-cyan-97: hsla(180, 55%, 97%, 100%);
$palette-cyan-98: hsla(180, 55%, 98%, 100%);
$palette-cyan-99: hsla(180, 55%, 99%, 100%);
$palette-cyan-100: hsla(180, 55%, 100%, 100%);
$palette-cyan-50-a16: hsla(180, 55%, 50%, 0.16);
$palette-cyan-50-a32: hsla(180, 55%, 50%, 0.32);
$palette-cyan-a32: rgba(57, 198, 198, 0.32);
$palette-cyan-a16: rgba(57, 198, 198, 0.16);
$palette-green-0: hsla(104, 64%, 0%, 100%);
$palette-green-1: hsla(104, 64%, 1%, 100%);
$palette-green-2: hsla(104, 64%, 2%, 100%);
$palette-green-3: hsla(104, 64%, 3%, 100%);
$palette-green-4: hsla(104, 64%, 4%, 100%);
$palette-green-5: hsla(104, 64%, 5%, 100%);
$palette-green-6: hsla(104, 64%, 6%, 100%);
$palette-green-7: hsla(104, 64%, 7%, 100%);
$palette-green-8: hsla(104, 64%, 8%, 100%);
$palette-green-9: hsla(104, 64%, 9%, 100%);
$palette-green-10: hsla(104, 64%, 10%, 100%);
$palette-green-11: hsla(104, 64%, 11%, 100%);
$palette-green-12: hsla(104, 64%, 12%, 100%);
$palette-green-13: hsla(104, 64%, 13%, 100%);
$palette-green-14: hsla(104, 64%, 14%, 100%);
$palette-green-15: hsla(104, 64%, 15%, 100%);
$palette-green-16: hsla(104, 64%, 16%, 100%);
$palette-green-17: hsla(104, 64%, 17%, 100%);
$palette-green-18: hsla(104, 64%, 18%, 100%);
$palette-green-19: hsla(104, 64%, 19%, 100%);
$palette-green-20: hsla(104, 64%, 20%, 100%);
$palette-green-21: hsla(104, 64%, 21%, 100%);
$palette-green-22: hsla(104, 64%, 22%, 100%);
$palette-green-23: hsla(104, 64%, 23%, 100%);
$palette-green-24: hsla(104, 64%, 24%, 100%);
$palette-green-25: hsla(104, 64%, 25%, 100%);
$palette-green-26: hsla(104, 64%, 26%, 100%);
$palette-green-27: hsla(104, 64%, 27%, 100%);
$palette-green-28: hsla(104, 64%, 28%, 100%);
$palette-green-29: hsla(104, 64%, 29%, 100%);
$palette-green-30: hsla(104, 64%, 30%, 100%);
$palette-green-31: hsla(104, 64%, 31%, 100%);
$palette-green-32: hsla(104, 64%, 32%, 100%);
$palette-green-33: hsla(104, 64%, 33%, 100%);
$palette-green-34: hsla(104, 64%, 34%, 100%);
$palette-green-35: hsla(104, 64%, 35%, 100%);
$palette-green-36: hsla(104, 64%, 36%, 100%);
$palette-green-37: hsla(104, 64%, 37%, 100%);
$palette-green-38: hsla(104, 64%, 38%, 100%);
$palette-green-39: hsla(104, 64%, 39%, 100%);
$palette-green-40: hsla(104, 64%, 40%, 100%);
$palette-green-41: hsla(104, 64%, 41%, 100%);
$palette-green-42: hsla(104, 64%, 42%, 100%);
$palette-green-43: hsla(104, 64%, 43%, 100%);
$palette-green-44: hsla(104, 64%, 44%, 100%);
$palette-green-45: hsla(104, 64%, 45%, 100%);
$palette-green-46: hsla(104, 64%, 46%, 100%);
$palette-green-47: hsla(104, 64%, 47%, 100%);
$palette-green-48: hsla(104, 64%, 48%, 100%);
$palette-green-49: hsla(104, 64%, 49%, 100%);
$palette-green-50: hsla(104, 64%, 50%, 100%);
$palette-green-51: hsla(104, 64%, 51%, 100%);
$palette-green-52: hsla(104, 64%, 52%, 100%);
$palette-green-53: hsla(104, 64%, 53%, 100%);
$palette-green-54: hsla(104, 64%, 54%, 100%);
$palette-green-55: hsla(104, 64%, 55%, 100%);
$palette-green-56: hsla(104, 64%, 56%, 100%);
$palette-green-57: hsla(104, 64%, 57%, 100%);
$palette-green-58: hsla(104, 64%, 58%, 100%);
$palette-green-59: hsla(104, 64%, 59%, 100%);
$palette-green-60: hsla(104, 64%, 60%, 100%);
$palette-green-61: hsla(104, 64%, 61%, 100%);
$palette-green-62: hsla(104, 64%, 62%, 100%);
$palette-green-63: hsla(104, 64%, 63%, 100%);
$palette-green-64: hsla(104, 64%, 64%, 100%);
$palette-green-65: hsla(104, 64%, 65%, 100%);
$palette-green-66: hsla(104, 64%, 66%, 100%);
$palette-green-67: hsla(104, 64%, 67%, 100%);
$palette-green-68: hsla(104, 64%, 68%, 100%);
$palette-green-69: hsla(104, 64%, 69%, 100%);
$palette-green-70: hsla(104, 64%, 70%, 100%);
$palette-green-71: hsla(104, 64%, 71%, 100%);
$palette-green-72: hsla(104, 64%, 72%, 100%);
$palette-green-73: hsla(104, 64%, 73%, 100%);
$palette-green-74: hsla(104, 64%, 74%, 100%);
$palette-green-75: hsla(104, 64%, 75%, 100%);
$palette-green-76: hsla(104, 64%, 76%, 100%);
$palette-green-77: hsla(104, 64%, 77%, 100%);
$palette-green-78: hsla(104, 64%, 78%, 100%);
$palette-green-79: hsla(104, 64%, 79%, 100%);
$palette-green-80: hsla(104, 64%, 80%, 100%);
$palette-green-81: hsla(104, 64%, 81%, 100%);
$palette-green-82: hsla(104, 64%, 82%, 100%);
$palette-green-83: hsla(104, 64%, 83%, 100%);
$palette-green-84: hsla(104, 64%, 84%, 100%);
$palette-green-85: hsla(104, 64%, 85%, 100%);
$palette-green-86: hsla(104, 64%, 86%, 100%);
$palette-green-87: hsla(104, 64%, 87%, 100%);
$palette-green-88: hsla(104, 64%, 88%, 100%);
$palette-green-89: hsla(104, 64%, 89%, 100%);
$palette-green-90: hsla(104, 64%, 90%, 100%);
$palette-green-91: hsla(104, 64%, 91%, 100%);
$palette-green-92: hsla(104, 64%, 92%, 100%);
$palette-green-93: hsla(104, 64%, 93%, 100%);
$palette-green-94: hsla(104, 64%, 94%, 100%);
$palette-green-95: hsla(104, 64%, 95%, 100%);
$palette-green-96: hsla(104, 64%, 96%, 100%);
$palette-green-97: hsla(104, 64%, 97%, 100%);
$palette-green-98: hsla(104, 64%, 98%, 100%);
$palette-green-99: hsla(104, 64%, 99%, 100%);
$palette-green-100: hsla(104, 64%, 100%, 100%);
$palette-green-20-s87-a16: hsla(104, 87%, 20%, 16%);
$palette-green-20-s87-a32: hsla(104, 87%, 20%, 32%);
$palette-green-a16: rgba(7, 97, 50, 0.16);
$palette-green-a32: rgba(7, 97, 50, 0.32);
$palette-grey-0: hsla(229, 15%, 0%, 100%);
$palette-grey-1: hsla(229, 15%, 1%, 100%);
$palette-grey-2: hsla(229, 15%, 2%, 100%);
$palette-grey-3: hsla(229, 15%, 3%, 100%);
$palette-grey-4: hsla(229, 15%, 4%, 100%);
$palette-grey-5: hsla(229, 15%, 5%, 100%);
$palette-grey-6: hsla(229, 15%, 6%, 100%);
$palette-grey-7: hsla(229, 15%, 7%, 100%);
$palette-grey-8: hsla(229, 15%, 8%, 100%);
$palette-grey-9: hsla(229, 15%, 9%, 100%);
$palette-grey-10: hsla(229, 15%, 10%, 100%);
$palette-grey-11: hsla(229, 15%, 11%, 100%);
$palette-grey-12: hsla(229, 15%, 12%, 100%);
$palette-grey-13: hsla(229, 15%, 13%, 100%);
$palette-grey-14: hsla(229, 15%, 14%, 100%);
$palette-grey-15: hsla(229, 15%, 15%, 100%);
$palette-grey-16: hsla(229, 15%, 16%, 100%);
$palette-grey-17: hsla(229, 15%, 17%, 100%);
$palette-grey-18: hsla(229, 15%, 18%, 100%);
$palette-grey-19: hsla(229, 15%, 19%, 100%);
$palette-grey-20: hsla(229, 15%, 20%, 100%);
$palette-grey-21: hsla(229, 15%, 21%, 100%);
$palette-grey-22: hsla(229, 15%, 22%, 100%);
$palette-grey-23: hsla(229, 15%, 23%, 100%);
$palette-grey-24: hsla(229, 15%, 24%, 100%);
$palette-grey-25: hsla(229, 15%, 25%, 100%);
$palette-grey-26: hsla(229, 15%, 26%, 100%);
$palette-grey-27: hsla(229, 15%, 27%, 100%);
$palette-grey-28: hsla(229, 15%, 28%, 100%);
$palette-grey-29: hsla(229, 15%, 29%, 100%);
$palette-grey-30: hsla(229, 15%, 30%, 100%);
$palette-grey-31: hsla(229, 15%, 31%, 100%);
$palette-grey-32: hsla(229, 15%, 32%, 100%);
$palette-grey-33: hsla(229, 15%, 33%, 100%);
$palette-grey-34: hsla(229, 15%, 34%, 100%);
$palette-grey-35: hsla(229, 15%, 35%, 100%);
$palette-grey-36: hsla(229, 15%, 36%, 100%);
$palette-grey-37: hsla(229, 15%, 37%, 100%);
$palette-grey-38: hsla(229, 15%, 38%, 100%);
$palette-grey-39: hsla(229, 15%, 39%, 100%);
$palette-grey-40: hsla(229, 15%, 40%, 100%);
$palette-grey-41: hsla(229, 15%, 41%, 100%);
$palette-grey-42: hsla(229, 15%, 42%, 100%);
$palette-grey-43: hsla(229, 15%, 43%, 100%);
$palette-grey-44: hsla(229, 15%, 44%, 100%);
$palette-grey-45: hsla(229, 15%, 45%, 100%);
$palette-grey-46: hsla(229, 15%, 46%, 100%);
$palette-grey-47: hsla(229, 15%, 47%, 100%);
$palette-grey-48: hsla(229, 15%, 48%, 100%);
$palette-grey-49: hsla(229, 15%, 49%, 100%);
$palette-grey-50: hsla(229, 15%, 50%, 100%);
$palette-grey-51: hsla(229, 15%, 51%, 100%);
$palette-grey-52: hsla(229, 15%, 52%, 100%);
$palette-grey-53: hsla(229, 15%, 53%, 100%);
$palette-grey-54: hsla(229, 15%, 54%, 100%);
$palette-grey-55: hsla(229, 15%, 55%, 100%);
$palette-grey-56: hsla(229, 15%, 56%, 100%);
$palette-grey-57: hsla(229, 15%, 57%, 100%);
$palette-grey-58: hsla(229, 15%, 58%, 100%);
$palette-grey-59: hsla(229, 15%, 59%, 100%);
$palette-grey-60: hsla(229, 15%, 60%, 100%);
$palette-grey-61: hsla(229, 15%, 61%, 100%);
$palette-grey-62: hsla(229, 15%, 62%, 100%);
$palette-grey-63: hsla(229, 15%, 63%, 100%);
$palette-grey-64: hsla(229, 15%, 64%, 100%);
$palette-grey-65: hsla(229, 15%, 65%, 100%);
$palette-grey-66: hsla(229, 15%, 66%, 100%);
$palette-grey-67: hsla(229, 15%, 67%, 100%);
$palette-grey-68: hsla(229, 15%, 68%, 100%);
$palette-grey-69: hsla(229, 15%, 69%, 100%);
$palette-grey-70: hsla(229, 15%, 70%, 100%);
$palette-grey-71: hsla(229, 15%, 71%, 100%);
$palette-grey-72: hsla(229, 15%, 72%, 100%);
$palette-grey-73: hsla(229, 15%, 73%, 100%);
$palette-grey-74: hsla(229, 15%, 74%, 100%);
$palette-grey-75: hsla(229, 15%, 75%, 100%);
$palette-grey-76: hsla(229, 15%, 76%, 100%);
$palette-grey-77: hsla(229, 15%, 77%, 100%);
$palette-grey-78: hsla(229, 15%, 78%, 100%);
$palette-grey-79: hsla(229, 15%, 79%, 100%);
$palette-grey-80: hsla(229, 15%, 80%, 100%);
$palette-grey-81: hsla(229, 15%, 81%, 100%);
$palette-grey-82: hsla(229, 15%, 82%, 100%);
$palette-grey-83: hsla(229, 15%, 83%, 100%);
$palette-grey-84: hsla(229, 15%, 84%, 100%);
$palette-grey-85: hsla(229, 15%, 85%, 100%);
$palette-grey-86: hsla(229, 15%, 86%, 100%);
$palette-grey-87: hsla(229, 15%, 87%, 100%);
$palette-grey-88: hsla(229, 15%, 88%, 100%);
$palette-grey-89: hsla(229, 15%, 89%, 100%);
$palette-grey-90: hsla(229, 15%, 90%, 100%);
$palette-grey-91: hsla(229, 15%, 91%, 100%);
$palette-grey-92: hsla(229, 15%, 92%, 100%);
$palette-grey-93: hsla(229, 15%, 93%, 100%);
$palette-grey-94: hsla(229, 15%, 94%, 100%);
$palette-grey-95: hsla(229, 15%, 95%, 100%);
$palette-grey-96: hsla(229, 15%, 96%, 100%);
$palette-grey-97: hsla(229, 15%, 97%, 100%);
$palette-grey-98: hsla(229, 15%, 98%, 100%);
$palette-grey-99: hsla(229, 15%, 99%, 100%);
$palette-grey-100: hsla(229, 15%, 100%, 100%);
$palette-grey-0-a0: hsla(229, 15%, 0%, 0%);
$palette-grey-0-a8: hsla(229, 15%, 0%, 8%);
$palette-grey-6-a3: hsla(229, 15%, 6%, 3%);
$palette-grey-6-a6: hsla(229, 15%, 6%, 6%);
$palette-grey-6-a12: hsla(229, 15%, 6%, 12%);
$palette-grey-6-a24: hsla(229, 15%, 6%, 24%);
$palette-grey-6-a64: hsla(229, 15%, 6%, 64%);
$palette-grey-6-a88: hsla(229, 15%, 6%, 88%);
$palette-grey-12-a80: hsla(229, 15%, 12%, 80%);
$palette-grey-15-a32: hsla(229, 15%, 15%, 32%);
$palette-grey-20-a32: hsla(229, 15%, 20%, 32%);
$palette-grey-20-a55: hsla(229, 15%, 20%, 55%);
$palette-grey-50-a8: hsla(229, 15%, 50%, 8%);
$palette-grey-50-a16: hsla(229, 15%, 50%, 16%);
$palette-grey-50-a24: hsla(229, 15%, 50%, 24%);
$palette-grey-50-a32: hsla(229, 15%, 50%, 32%);
$palette-grey-50-a40: hsla(229, 15%, 50%, 40%);
$palette-grey-50-a48: hsla(229, 15%, 50%, 48%);
$palette-grey-50-a52: hsla(229, 15%, 50%, 52%);
$palette-grey-50-a60: hsla(229, 15%, 50%, 60%);
$palette-grey-50-a80: hsla(229, 15%, 50%, 80%);
$palette-grey-60-a60: hsla(229, 15%, 60%, 60%);
$palette-grey-65-a60: hsla(229, 15%, 65%, 60%);
$palette-grey-85-s100-a15: hsla(229, 100%, 85%, 15%);
$palette-grey-99-a88: hsla(229, 15%, 99%, 88%);
$palette-grey-100-a0: hsla(229, 15%, 100%, 0%);
$palette-grey-100-a8: hsla(229, 15%, 100%, 8%);
$palette-grey-100-a52: hsla(229, 15%, 100%, 52%);
$palette-grey-100-a72: hsla(229, 15%, 100%, 72%);
$palette-grey-100-a90: hsla(229, 15%, 100%, 90%);
$palette-grey-a8: hsla(229, 15%, 50%, 8%);
$palette-grey-a15-l85: hsla(229, 100%, 85%, 15%);
$palette-grey-a16: hsla(229, 15%, 50%, 16%);
$palette-grey-a24: hsla(229, 15%, 6%, 24%);
$palette-grey-a32: hsla(229, 15%, 20%, 32%);
$palette-grey-a32-l50: hsla(229, 15%, 50%, 32%);
$palette-grey-a48: hsla(229, 15%, 50%, 48%);
$palette-grey-a64-l6: hsla(229, 15%, 6%, 64%);
$palette-grey-a88: hsla(229, 15%, 99%, 88%);
$palette-grey-a88-l6: hsla(229, 15%, 6%, 88%);
$palette-grey-a80-l12: hsla(229, 15%, 12%, 80%);
$palette-orange-0: hsla(26, 97%, 0%, 100%);
$palette-orange-1: hsla(26, 97%, 1%, 100%);
$palette-orange-2: hsla(26, 97%, 2%, 100%);
$palette-orange-3: hsla(26, 97%, 3%, 100%);
$palette-orange-4: hsla(26, 97%, 4%, 100%);
$palette-orange-5: hsla(26, 97%, 5%, 100%);
$palette-orange-6: hsla(26, 97%, 6%, 100%);
$palette-orange-7: hsla(26, 97%, 7%, 100%);
$palette-orange-8: hsla(26, 97%, 8%, 100%);
$palette-orange-9: hsla(26, 97%, 9%, 100%);
$palette-orange-10: hsla(26, 97%, 10%, 100%);
$palette-orange-11: hsla(26, 97%, 11%, 100%);
$palette-orange-12: hsla(26, 97%, 12%, 100%);
$palette-orange-13: hsla(26, 97%, 13%, 100%);
$palette-orange-14: hsla(26, 97%, 14%, 100%);
$palette-orange-15: hsla(26, 97%, 15%, 100%);
$palette-orange-16: hsla(26, 97%, 16%, 100%);
$palette-orange-17: hsla(26, 97%, 17%, 100%);
$palette-orange-18: hsla(26, 97%, 18%, 100%);
$palette-orange-19: hsla(26, 97%, 19%, 100%);
$palette-orange-20: hsla(26, 97%, 20%, 100%);
$palette-orange-21: hsla(26, 97%, 21%, 100%);
$palette-orange-22: hsla(26, 97%, 22%, 100%);
$palette-orange-23: hsla(26, 97%, 23%, 100%);
$palette-orange-24: hsla(26, 97%, 24%, 100%);
$palette-orange-25: hsla(26, 97%, 25%, 100%);
$palette-orange-26: hsla(26, 97%, 26%, 100%);
$palette-orange-27: hsla(26, 97%, 27%, 100%);
$palette-orange-28: hsla(26, 97%, 28%, 100%);
$palette-orange-29: hsla(26, 97%, 29%, 100%);
$palette-orange-30: hsla(26, 97%, 30%, 100%);
$palette-orange-31: hsla(26, 97%, 31%, 100%);
$palette-orange-32: hsla(26, 97%, 32%, 100%);
$palette-orange-33: hsla(26, 97%, 33%, 100%);
$palette-orange-34: hsla(26, 97%, 34%, 100%);
$palette-orange-35: hsla(26, 97%, 35%, 100%);
$palette-orange-36: hsla(26, 97%, 36%, 100%);
$palette-orange-37: hsla(26, 97%, 37%, 100%);
$palette-orange-38: hsla(26, 97%, 38%, 100%);
$palette-orange-39: hsla(26, 97%, 39%, 100%);
$palette-orange-40: hsla(26, 97%, 40%, 100%);
$palette-orange-41: hsla(26, 97%, 41%, 100%);
$palette-orange-42: hsla(26, 97%, 42%, 100%);
$palette-orange-43: hsla(26, 97%, 43%, 100%);
$palette-orange-44: hsla(26, 97%, 44%, 100%);
$palette-orange-45: hsla(26, 97%, 45%, 100%);
$palette-orange-46: hsla(26, 97%, 46%, 100%);
$palette-orange-47: hsla(26, 97%, 47%, 100%);
$palette-orange-48: hsla(26, 97%, 48%, 100%);
$palette-orange-49: hsla(26, 97%, 49%, 100%);
$palette-orange-50: hsla(26, 97%, 50%, 100%);
$palette-orange-51: hsla(26, 97%, 51%, 100%);
$palette-orange-52: hsla(26, 97%, 52%, 100%);
$palette-orange-53: hsla(26, 97%, 53%, 100%);
$palette-orange-54: hsla(26, 97%, 54%, 100%);
$palette-orange-55: hsla(26, 97%, 55%, 100%);
$palette-orange-56: hsla(26, 97%, 56%, 100%);
$palette-orange-57: hsla(26, 97%, 57%, 100%);
$palette-orange-58: hsla(26, 97%, 58%, 100%);
$palette-orange-59: hsla(26, 97%, 59%, 100%);
$palette-orange-60: hsla(26, 97%, 60%, 100%);
$palette-orange-61: hsla(26, 97%, 61%, 100%);
$palette-orange-62: hsla(26, 97%, 62%, 100%);
$palette-orange-63: hsla(26, 97%, 63%, 100%);
$palette-orange-64: hsla(26, 97%, 64%, 100%);
$palette-orange-65: hsla(26, 97%, 65%, 100%);
$palette-orange-66: hsla(26, 97%, 66%, 100%);
$palette-orange-67: hsla(26, 97%, 67%, 100%);
$palette-orange-68: hsla(26, 97%, 68%, 100%);
$palette-orange-69: hsla(26, 97%, 69%, 100%);
$palette-orange-70: hsla(26, 97%, 70%, 100%);
$palette-orange-71: hsla(26, 97%, 71%, 100%);
$palette-orange-72: hsla(26, 97%, 72%, 100%);
$palette-orange-73: hsla(26, 97%, 73%, 100%);
$palette-orange-74: hsla(26, 97%, 74%, 100%);
$palette-orange-75: hsla(26, 97%, 75%, 100%);
$palette-orange-76: hsla(26, 97%, 76%, 100%);
$palette-orange-77: hsla(26, 97%, 77%, 100%);
$palette-orange-78: hsla(26, 97%, 78%, 100%);
$palette-orange-79: hsla(26, 97%, 79%, 100%);
$palette-orange-80: hsla(26, 97%, 80%, 100%);
$palette-orange-81: hsla(26, 97%, 81%, 100%);
$palette-orange-82: hsla(26, 97%, 82%, 100%);
$palette-orange-83: hsla(26, 97%, 83%, 100%);
$palette-orange-84: hsla(26, 97%, 84%, 100%);
$palette-orange-85: hsla(26, 97%, 85%, 100%);
$palette-orange-86: hsla(26, 97%, 86%, 100%);
$palette-orange-87: hsla(26, 97%, 87%, 100%);
$palette-orange-88: hsla(26, 97%, 88%, 100%);
$palette-orange-89: hsla(26, 97%, 89%, 100%);
$palette-orange-90: hsla(26, 97%, 90%, 100%);
$palette-orange-91: hsla(26, 97%, 91%, 100%);
$palette-orange-92: hsla(26, 97%, 92%, 100%);
$palette-orange-93: hsla(26, 97%, 93%, 100%);
$palette-orange-94: hsla(26, 97%, 94%, 100%);
$palette-orange-95: hsla(26, 97%, 95%, 100%);
$palette-orange-96: hsla(26, 97%, 96%, 100%);
$palette-orange-97: hsla(26, 97%, 97%, 100%);
$palette-orange-98: hsla(26, 97%, 98%, 100%);
$palette-orange-99: hsla(26, 97%, 99%, 100%);
$palette-orange-100: hsla(26, 97%, 100%, 100%);
$palette-orange-5-a8: hsla(26, 97%, 5%, 8%);
$palette-orange-5-a16: hsla(26, 97%, 5%, 16%);
$palette-orange-50-a8: hsla(26, 97%, 50%, 8%);
$palette-orange-50-a16: hsla(26, 97%, 50%, 16%);
$palette-orange-51-s69: hsla(26, 69%, 51%, 100%);
$palette-orange-60-a55: hsla(26, 97%, 60%, 55%);
$palette-purple-0: hsla(277, 72%, 0%, 100%);
$palette-purple-1: hsla(277, 72%, 1%, 100%);
$palette-purple-2: hsla(277, 72%, 2%, 100%);
$palette-purple-3: hsla(277, 72%, 3%, 100%);
$palette-purple-4: hsla(277, 72%, 4%, 100%);
$palette-purple-5: hsla(277, 72%, 5%, 100%);
$palette-purple-6: hsla(277, 72%, 6%, 100%);
$palette-purple-7: hsla(277, 72%, 7%, 100%);
$palette-purple-8: hsla(277, 72%, 8%, 100%);
$palette-purple-9: hsla(277, 72%, 9%, 100%);
$palette-purple-10: hsla(277, 72%, 10%, 100%);
$palette-purple-11: hsla(277, 72%, 11%, 100%);
$palette-purple-12: hsla(277, 72%, 12%, 100%);
$palette-purple-13: hsla(277, 72%, 13%, 100%);
$palette-purple-14: hsla(277, 72%, 14%, 100%);
$palette-purple-15: hsla(277, 72%, 15%, 100%);
$palette-purple-16: hsla(277, 72%, 16%, 100%);
$palette-purple-17: hsla(277, 72%, 17%, 100%);
$palette-purple-18: hsla(277, 72%, 18%, 100%);
$palette-purple-19: hsla(277, 72%, 19%, 100%);
$palette-purple-20: hsla(277, 72%, 20%, 100%);
$palette-purple-21: hsla(277, 72%, 21%, 100%);
$palette-purple-22: hsla(277, 72%, 22%, 100%);
$palette-purple-23: hsla(277, 72%, 23%, 100%);
$palette-purple-24: hsla(277, 72%, 24%, 100%);
$palette-purple-25: hsla(277, 72%, 25%, 100%);
$palette-purple-26: hsla(277, 72%, 26%, 100%);
$palette-purple-27: hsla(277, 72%, 27%, 100%);
$palette-purple-28: hsla(277, 72%, 28%, 100%);
$palette-purple-29: hsla(277, 72%, 29%, 100%);
$palette-purple-30: hsla(277, 72%, 30%, 100%);
$palette-purple-31: hsla(277, 72%, 31%, 100%);
$palette-purple-32: hsla(277, 72%, 32%, 100%);
$palette-purple-33: hsla(277, 72%, 33%, 100%);
$palette-purple-34: hsla(277, 72%, 34%, 100%);
$palette-purple-35: hsla(277, 72%, 35%, 100%);
$palette-purple-36: hsla(277, 72%, 36%, 100%);
$palette-purple-37: hsla(277, 72%, 37%, 100%);
$palette-purple-38: hsla(277, 72%, 38%, 100%);
$palette-purple-39: hsla(277, 72%, 39%, 100%);
$palette-purple-40: hsla(277, 72%, 40%, 100%);
$palette-purple-41: hsla(277, 72%, 41%, 100%);
$palette-purple-42: hsla(277, 72%, 42%, 100%);
$palette-purple-43: hsla(277, 72%, 43%, 100%);
$palette-purple-44: hsla(277, 72%, 44%, 100%);
$palette-purple-45: hsla(277, 72%, 45%, 100%);
$palette-purple-46: hsla(277, 72%, 46%, 100%);
$palette-purple-47: hsla(277, 72%, 47%, 100%);
$palette-purple-48: hsla(277, 72%, 48%, 100%);
$palette-purple-49: hsla(277, 72%, 49%, 100%);
$palette-purple-50: hsla(277, 72%, 50%, 100%);
$palette-purple-51: hsla(277, 72%, 51%, 100%);
$palette-purple-52: hsla(277, 72%, 52%, 100%);
$palette-purple-53: hsla(277, 72%, 53%, 100%);
$palette-purple-54: hsla(277, 72%, 54%, 100%);
$palette-purple-55: hsla(277, 72%, 55%, 100%);
$palette-purple-56: hsla(277, 72%, 56%, 100%);
$palette-purple-57: hsla(277, 72%, 57%, 100%);
$palette-purple-58: hsla(277, 72%, 58%, 100%);
$palette-purple-59: hsla(277, 72%, 59%, 100%);
$palette-purple-60: hsla(277, 72%, 60%, 100%);
$palette-purple-61: hsla(277, 72%, 61%, 100%);
$palette-purple-62: hsla(277, 72%, 62%, 100%);
$palette-purple-63: hsla(277, 72%, 63%, 100%);
$palette-purple-64: hsla(277, 72%, 64%, 100%);
$palette-purple-65: hsla(277, 72%, 65%, 100%);
$palette-purple-66: hsla(277, 72%, 66%, 100%);
$palette-purple-67: hsla(277, 72%, 67%, 100%);
$palette-purple-68: hsla(277, 72%, 68%, 100%);
$palette-purple-69: hsla(277, 72%, 69%, 100%);
$palette-purple-70: hsla(277, 72%, 70%, 100%);
$palette-purple-71: hsla(277, 72%, 71%, 100%);
$palette-purple-72: hsla(277, 72%, 72%, 100%);
$palette-purple-73: hsla(277, 72%, 73%, 100%);
$palette-purple-74: hsla(277, 72%, 74%, 100%);
$palette-purple-75: hsla(277, 72%, 75%, 100%);
$palette-purple-76: hsla(277, 72%, 76%, 100%);
$palette-purple-77: hsla(277, 72%, 77%, 100%);
$palette-purple-78: hsla(277, 72%, 78%, 100%);
$palette-purple-79: hsla(277, 72%, 79%, 100%);
$palette-purple-80: hsla(277, 72%, 80%, 100%);
$palette-purple-81: hsla(277, 72%, 81%, 100%);
$palette-purple-82: hsla(277, 72%, 82%, 100%);
$palette-purple-83: hsla(277, 72%, 83%, 100%);
$palette-purple-84: hsla(277, 72%, 84%, 100%);
$palette-purple-85: hsla(277, 72%, 85%, 100%);
$palette-purple-86: hsla(277, 72%, 86%, 100%);
$palette-purple-87: hsla(277, 72%, 87%, 100%);
$palette-purple-88: hsla(277, 72%, 88%, 100%);
$palette-purple-89: hsla(277, 72%, 89%, 100%);
$palette-purple-90: hsla(277, 72%, 90%, 100%);
$palette-purple-91: hsla(277, 72%, 91%, 100%);
$palette-purple-92: hsla(277, 72%, 92%, 100%);
$palette-purple-93: hsla(277, 72%, 93%, 100%);
$palette-purple-94: hsla(277, 72%, 94%, 100%);
$palette-purple-95: hsla(277, 72%, 95%, 100%);
$palette-purple-96: hsla(277, 72%, 96%, 100%);
$palette-purple-97: hsla(277, 72%, 97%, 100%);
$palette-purple-98: hsla(277, 72%, 98%, 100%);
$palette-purple-99: hsla(277, 72%, 99%, 100%);
$palette-purple-100: hsla(277, 72%, 100%, 100%);
$palette-purple-50-a16: rgba(149, 36, 219, 0.16);
$palette-purple-50-a32: rgba(149, 36, 219, 0.32);
$palette-purple-a16: rgba(149, 36, 219, 0.16);
$palette-purple-a32: rgba(149, 36, 219, 0.32);
$palette-red-0: hsla(7, 97%, 0%, 100%);
$palette-red-1: hsla(7, 97%, 1%, 100%);
$palette-red-2: hsla(7, 97%, 2%, 100%);
$palette-red-3: hsla(7, 97%, 3%, 100%);
$palette-red-4: hsla(7, 97%, 4%, 100%);
$palette-red-5: hsla(7, 97%, 5%, 100%);
$palette-red-6: hsla(7, 97%, 6%, 100%);
$palette-red-7: hsla(7, 97%, 7%, 100%);
$palette-red-8: hsla(7, 97%, 8%, 100%);
$palette-red-9: hsla(7, 97%, 9%, 100%);
$palette-red-10: hsla(7, 97%, 10%, 100%);
$palette-red-11: hsla(7, 97%, 11%, 100%);
$palette-red-12: hsla(7, 97%, 12%, 100%);
$palette-red-13: hsla(7, 97%, 13%, 100%);
$palette-red-14: hsla(7, 97%, 14%, 100%);
$palette-red-15: hsla(7, 97%, 15%, 100%);
$palette-red-16: hsla(7, 97%, 16%, 100%);
$palette-red-17: hsla(7, 97%, 17%, 100%);
$palette-red-18: hsla(7, 97%, 18%, 100%);
$palette-red-19: hsla(7, 97%, 19%, 100%);
$palette-red-20: hsla(7, 97%, 20%, 100%);
$palette-red-21: hsla(7, 97%, 21%, 100%);
$palette-red-22: hsla(7, 97%, 22%, 100%);
$palette-red-23: hsla(7, 97%, 23%, 100%);
$palette-red-24: hsla(7, 97%, 24%, 100%);
$palette-red-25: hsla(7, 97%, 25%, 100%);
$palette-red-26: hsla(7, 97%, 26%, 100%);
$palette-red-27: hsla(7, 97%, 27%, 100%);
$palette-red-28: hsla(7, 97%, 28%, 100%);
$palette-red-29: hsla(7, 97%, 29%, 100%);
$palette-red-30: hsla(7, 97%, 30%, 100%);
$palette-red-31: hsla(7, 97%, 31%, 100%);
$palette-red-32: hsla(7, 97%, 32%, 100%);
$palette-red-33: hsla(7, 97%, 33%, 100%);
$palette-red-34: hsla(7, 97%, 34%, 100%);
$palette-red-35: hsla(7, 97%, 35%, 100%);
$palette-red-36: hsla(7, 97%, 36%, 100%);
$palette-red-37: hsla(7, 97%, 37%, 100%);
$palette-red-38: hsla(7, 97%, 38%, 100%);
$palette-red-39: hsla(7, 97%, 39%, 100%);
$palette-red-40: hsla(7, 97%, 40%, 100%);
$palette-red-41: hsla(7, 97%, 41%, 100%);
$palette-red-42: hsla(7, 97%, 42%, 100%);
$palette-red-43: hsla(7, 97%, 43%, 100%);
$palette-red-44: hsla(7, 97%, 44%, 100%);
$palette-red-45: hsla(7, 97%, 45%, 100%);
$palette-red-46: hsla(7, 97%, 46%, 100%);
$palette-red-47: hsla(7, 97%, 47%, 100%);
$palette-red-48: hsla(7, 97%, 48%, 100%);
$palette-red-49: hsla(7, 97%, 49%, 100%);
$palette-red-50: hsla(7, 97%, 50%, 100%);
$palette-red-51: hsla(7, 97%, 51%, 100%);
$palette-red-52: hsla(7, 97%, 52%, 100%);
$palette-red-53: hsla(7, 97%, 53%, 100%);
$palette-red-54: hsla(7, 97%, 54%, 100%);
$palette-red-55: hsla(7, 97%, 55%, 100%);
$palette-red-56: hsla(7, 97%, 56%, 100%);
$palette-red-57: hsla(7, 97%, 57%, 100%);
$palette-red-58: hsla(7, 97%, 58%, 100%);
$palette-red-59: hsla(7, 97%, 59%, 100%);
$palette-red-60: hsla(7, 97%, 60%, 100%);
$palette-red-61: hsla(7, 97%, 61%, 100%);
$palette-red-62: hsla(7, 97%, 62%, 100%);
$palette-red-63: hsla(7, 97%, 63%, 100%);
$palette-red-64: hsla(7, 97%, 64%, 100%);
$palette-red-65: hsla(7, 97%, 65%, 100%);
$palette-red-66: hsla(7, 97%, 66%, 100%);
$palette-red-67: hsla(7, 97%, 67%, 100%);
$palette-red-68: hsla(7, 97%, 68%, 100%);
$palette-red-69: hsla(7, 97%, 69%, 100%);
$palette-red-70: hsla(7, 97%, 70%, 100%);
$palette-red-71: hsla(7, 97%, 71%, 100%);
$palette-red-72: hsla(7, 97%, 72%, 100%);
$palette-red-73: hsla(7, 97%, 73%, 100%);
$palette-red-74: hsla(7, 97%, 74%, 100%);
$palette-red-75: hsla(7, 97%, 75%, 100%);
$palette-red-76: hsla(7, 97%, 76%, 100%);
$palette-red-77: hsla(7, 97%, 77%, 100%);
$palette-red-78: hsla(7, 97%, 78%, 100%);
$palette-red-79: hsla(7, 97%, 79%, 100%);
$palette-red-80: hsla(7, 97%, 80%, 100%);
$palette-red-81: hsla(7, 97%, 81%, 100%);
$palette-red-82: hsla(7, 97%, 82%, 100%);
$palette-red-83: hsla(7, 97%, 83%, 100%);
$palette-red-84: hsla(7, 97%, 84%, 100%);
$palette-red-85: hsla(7, 97%, 85%, 100%);
$palette-red-86: hsla(7, 97%, 86%, 100%);
$palette-red-87: hsla(7, 97%, 87%, 100%);
$palette-red-88: hsla(7, 97%, 88%, 100%);
$palette-red-89: hsla(7, 97%, 89%, 100%);
$palette-red-90: hsla(7, 97%, 90%, 100%);
$palette-red-91: hsla(7, 97%, 91%, 100%);
$palette-red-92: hsla(7, 97%, 92%, 100%);
$palette-red-93: hsla(7, 97%, 93%, 100%);
$palette-red-94: hsla(7, 97%, 94%, 100%);
$palette-red-95: hsla(7, 97%, 95%, 100%);
$palette-red-96: hsla(7, 97%, 96%, 100%);
$palette-red-97: hsla(7, 97%, 97%, 100%);
$palette-red-98: hsla(7, 97%, 98%, 100%);
$palette-red-99: hsla(7, 97%, 99%, 100%);
$palette-red-100: hsla(7, 97%, 100%, 100%);
$palette-red-5-a8: hsla(7, 97%, 5%, 8%);
$palette-red-5-a16: hsla(7, 97%, 5%, 16%);
$palette-red-22-a88: hsla(7, 97%, 22%, 88%);
$palette-red-50-a8: hsla(7, 97%, 50%, 8%);
$palette-red-50-a16: hsla(7, 97%, 50%, 16%);
$palette-red-51-s69: hsla(7, 69%, 51%, 100%);
$palette-red-60-a55: hsla(7, 97%, 60%, 55%);
$palette-red-88-a88: hsla(7, 97%, 88%, 88%);
$palette-red-a8: hsla(7, 97%, 5%, 8%);
$palette-red-a8-l50: hsla(7, 97%, 50%, 8%);
$palette-red-a16: hsla(7, 97%, 5%, 16%);
$palette-red-a16-l50: hsla(7, 97%, 50%, 16%);
$palette-red-a24: rgba(240, 10, 25, 0.24);
$palette-red-a32: rgba(240, 10, 25, 0.32);
$palette-red-a48: rgba(240, 10, 25, 0.48);
$palette-white-default: hsla(0, 0%, 100%, 100%);
$palette-white-default-a15: hsla(0, 0%, 100%, 15%);
$palette-white-default-a64: hsla(0, 0%, 100%, 64%);
$palette-white-default-a72: hsla(0, 0%, 100%, 72%);
$palette-white-a72: hsla(0, 0%, 100%, 72%);
$palette-yellow-0: hsla(38, 100%, 0%, 100%);
$palette-yellow-1: hsla(38, 100%, 1%, 100%);
$palette-yellow-2: hsla(38, 100%, 2%, 100%);
$palette-yellow-3: hsla(38, 100%, 3%, 100%);
$palette-yellow-4: hsla(38, 100%, 4%, 100%);
$palette-yellow-5: hsla(38, 100%, 5%, 100%);
$palette-yellow-6: hsla(38, 100%, 6%, 100%);
$palette-yellow-7: hsla(38, 100%, 7%, 100%);
$palette-yellow-8: hsla(38, 100%, 8%, 100%);
$palette-yellow-9: hsla(38, 100%, 9%, 100%);
$palette-yellow-10: hsla(38, 100%, 10%, 100%);
$palette-yellow-11: hsla(38, 100%, 11%, 100%);
$palette-yellow-12: hsla(38, 100%, 12%, 100%);
$palette-yellow-13: hsla(38, 100%, 13%, 100%);
$palette-yellow-14: hsla(38, 100%, 14%, 100%);
$palette-yellow-15: hsla(38, 100%, 15%, 100%);
$palette-yellow-16: hsla(38, 100%, 16%, 100%);
$palette-yellow-17: hsla(38, 100%, 17%, 100%);
$palette-yellow-18: hsla(38, 100%, 18%, 100%);
$palette-yellow-19: hsla(38, 100%, 19%, 100%);
$palette-yellow-20: hsla(38, 100%, 20%, 100%);
$palette-yellow-21: hsla(38, 100%, 21%, 100%);
$palette-yellow-22: hsla(38, 100%, 22%, 100%);
$palette-yellow-23: hsla(38, 100%, 23%, 100%);
$palette-yellow-24: hsla(38, 100%, 24%, 100%);
$palette-yellow-25: hsla(38, 100%, 25%, 100%);
$palette-yellow-26: hsla(38, 100%, 26%, 100%);
$palette-yellow-27: hsla(38, 100%, 27%, 100%);
$palette-yellow-28: hsla(38, 100%, 28%, 100%);
$palette-yellow-29: hsla(38, 100%, 29%, 100%);
$palette-yellow-30: hsla(38, 100%, 30%, 100%);
$palette-yellow-31: hsla(38, 100%, 31%, 100%);
$palette-yellow-32: hsla(38, 100%, 32%, 100%);
$palette-yellow-33: hsla(38, 100%, 33%, 100%);
$palette-yellow-34: hsla(38, 100%, 34%, 100%);
$palette-yellow-35: hsla(38, 100%, 35%, 100%);
$palette-yellow-36: hsla(38, 100%, 36%, 100%);
$palette-yellow-37: hsla(38, 100%, 37%, 100%);
$palette-yellow-38: hsla(38, 100%, 38%, 100%);
$palette-yellow-39: hsla(38, 100%, 39%, 100%);
$palette-yellow-40: hsla(38, 100%, 40%, 100%);
$palette-yellow-41: hsla(38, 100%, 41%, 100%);
$palette-yellow-42: hsla(38, 100%, 42%, 100%);
$palette-yellow-43: hsla(38, 100%, 43%, 100%);
$palette-yellow-44: hsla(38, 100%, 44%, 100%);
$palette-yellow-45: hsla(38, 100%, 45%, 100%);
$palette-yellow-46: hsla(38, 100%, 46%, 100%);
$palette-yellow-47: hsla(38, 100%, 47%, 100%);
$palette-yellow-48: hsla(38, 100%, 48%, 100%);
$palette-yellow-49: hsla(38, 100%, 49%, 100%);
$palette-yellow-50: hsla(38, 100%, 50%, 100%);
$palette-yellow-51: hsla(38, 100%, 51%, 100%);
$palette-yellow-52: hsla(38, 100%, 52%, 100%);
$palette-yellow-53: hsla(38, 100%, 53%, 100%);
$palette-yellow-54: hsla(38, 100%, 54%, 100%);
$palette-yellow-55: hsla(38, 100%, 55%, 100%);
$palette-yellow-56: hsla(38, 100%, 56%, 100%);
$palette-yellow-57: hsla(38, 100%, 57%, 100%);
$palette-yellow-58: hsla(38, 100%, 58%, 100%);
$palette-yellow-59: hsla(38, 100%, 59%, 100%);
$palette-yellow-60: hsla(38, 100%, 60%, 100%);
$palette-yellow-61: hsla(38, 100%, 61%, 100%);
$palette-yellow-62: hsla(38, 100%, 62%, 100%);
$palette-yellow-63: hsla(38, 100%, 63%, 100%);
$palette-yellow-64: hsla(38, 100%, 64%, 100%);
$palette-yellow-65: hsla(38, 100%, 65%, 100%);
$palette-yellow-66: hsla(38, 100%, 66%, 100%);
$palette-yellow-67: hsla(38, 100%, 67%, 100%);
$palette-yellow-68: hsla(38, 100%, 68%, 100%);
$palette-yellow-69: hsla(38, 100%, 69%, 100%);
$palette-yellow-70: hsla(38, 100%, 70%, 100%);
$palette-yellow-71: hsla(38, 100%, 71%, 100%);
$palette-yellow-72: hsla(38, 100%, 72%, 100%);
$palette-yellow-73: hsla(38, 100%, 73%, 100%);
$palette-yellow-74: hsla(38, 100%, 74%, 100%);
$palette-yellow-75: hsla(38, 100%, 75%, 100%);
$palette-yellow-76: hsla(38, 100%, 76%, 100%);
$palette-yellow-77: hsla(38, 100%, 77%, 100%);
$palette-yellow-78: hsla(38, 100%, 78%, 100%);
$palette-yellow-79: hsla(38, 100%, 79%, 100%);
$palette-yellow-80: hsla(38, 100%, 80%, 100%);
$palette-yellow-81: hsla(38, 100%, 81%, 100%);
$palette-yellow-82: hsla(38, 100%, 82%, 100%);
$palette-yellow-83: hsla(38, 100%, 83%, 100%);
$palette-yellow-84: hsla(38, 100%, 84%, 100%);
$palette-yellow-85: hsla(38, 100%, 85%, 100%);
$palette-yellow-86: hsla(38, 100%, 86%, 100%);
$palette-yellow-87: hsla(38, 100%, 87%, 100%);
$palette-yellow-88: hsla(38, 100%, 88%, 100%);
$palette-yellow-89: hsla(38, 100%, 89%, 100%);
$palette-yellow-90: hsla(38, 100%, 90%, 100%);
$palette-yellow-91: hsla(38, 100%, 91%, 100%);
$palette-yellow-92: hsla(38, 100%, 92%, 100%);
$palette-yellow-93: hsla(38, 100%, 93%, 100%);
$palette-yellow-94: hsla(38, 100%, 94%, 100%);
$palette-yellow-95: hsla(38, 100%, 95%, 100%);
$palette-yellow-96: hsla(38, 100%, 96%, 100%);
$palette-yellow-97: hsla(38, 100%, 97%, 100%);
$palette-yellow-98: hsla(38, 100%, 98%, 100%);
$palette-yellow-99: hsla(38, 100%, 99%, 100%);
$palette-yellow-100: hsla(38, 100%, 100%, 100%);
$palette-yellow-48-a16: hsla(38, 100%, 48%, 16%);
$palette-yellow-48-a32: hsla(38, 100%, 48%, 32%);
$palette-yellow-a16: hsla(38, 100%, 48%, 16%);
$palette-yellow-a32: hsla(38, 100%, 48%, 32%);
$plt-blue-1: oklch(96.9% 0.0100 255.0);
$plt-blue-2: oklch(94.6% 0.0247 255.4);
$plt-blue-3: oklch(92.6% 0.0364 252.9);
$plt-blue-4: oklch(90.4% 0.0478 251.8);
$plt-blue-5: oklch(88.4% 0.0580 252.9);
$plt-blue-6: oklch(85.7% 0.0728 252.3);
$plt-blue-7: oklch(82.8% 0.0875 253.6);
$plt-blue-8: oklch(80.1% 0.1021 254.6);
$plt-blue-9: oklch(77.1% 0.1181 255.8);
$plt-blue-10: oklch(74.3% 0.1341 256.7);
$plt-blue-11: oklch(71.2% 0.1511 257.7);
$plt-blue-12: oklch(68.2% 0.1689 258.5);
$plt-blue-13: oklch(64.9% 0.1868 259.3);
$plt-blue-14: oklch(61.5% 0.2016 259.6);
$plt-blue-15: oklch(58.0% 0.2163 260.0);
$plt-blue-16: oklch(54.4% 0.2158 262.0);
$plt-blue-17: oklch(50.5% 0.1969 264.0);
$plt-blue-18: oklch(41.6% 0.1630 266.0);
$plt-blue-19: oklch(36.4% 0.1140 268.0);
$plt-blue-20: oklch(30.3% 0.0500 270.0);
$plt-slate-1: oklch(96.9% 0.0050 260.0);
$plt-slate-2: oklch(94.6% 0.0068 260.0);
$plt-slate-3: oklch(92.6% 0.0085 260.0);
$plt-slate-4: oklch(90.6% 0.0103 260.0);
$plt-slate-5: oklch(88.4% 0.0120 260.0);
$plt-slate-6: oklch(85.7% 0.0138 260.0);
$plt-slate-7: oklch(83.0% 0.0155 260.0);
$plt-slate-8: oklch(80.2% 0.0173 260.0);
$plt-slate-9: oklch(77.3% 0.0190 260.0);
$plt-slate-10: oklch(74.2% 0.0208 260.0);
$plt-slate-11: oklch(71.2% 0.0225 260.0);
$plt-slate-12: oklch(68.0% 0.0243 260.0);
$plt-slate-13: oklch(64.7% 0.0261 260.0);
$plt-slate-14: oklch(61.2% 0.0278 260.0);
$plt-slate-15: oklch(57.7% 0.0296 260.0);
$plt-slate-16: oklch(54.0% 0.0300 260.0);
$plt-slate-17: oklch(50.0% 0.0300 260.0);
$plt-slate-18: oklch(41.1% 0.0300 260.0);
$plt-slate-19: oklch(36.1% 0.0300 260.0);
$plt-slate-20: oklch(30.2% 0.0300 260.0);
$plt-red-1: oklch(97.0% 0.0100 25.0);
$plt-red-2: oklch(95.0% 0.0247 25.4);
$plt-red-3: oklch(93.1% 0.0351 26.6);
$plt-red-4: oklch(91.0% 0.0462 27.3);
$plt-red-5: oklch(89.3% 0.0561 27.5);
$plt-red-6: oklch(86.5% 0.0725 27.9);
$plt-red-7: oklch(83.9% 0.0887 27.9);
$plt-red-8: oklch(81.2% 0.1062 27.9);
$plt-red-9: oklch(78.5% 0.1250 28.0);
$plt-red-10: oklch(75.6% 0.1426 28.2);
$plt-red-11: oklch(72.7% 0.1574 28.6);
$plt-red-12: oklch(69.5% 0.1721 28.9);
$plt-red-13: oklch(66.3% 0.1868 29.3);
$plt-red-14: oklch(62.7% 0.2016 29.6);
$plt-red-15: oklch(58.9% 0.2163 30.0);
$plt-red-16: oklch(54.7% 0.2119 31.2);
$plt-red-17: oklch(50.5% 0.1869 32.9);
$plt-red-18: oklch(41.2% 0.1489 33.8);
$plt-red-19: oklch(36.4% 0.1140 38.0);
$plt-red-20: oklch(30.5% 0.0500 40.0);
$plt-orange-1: oklch(97.0% 0.0100 65.0);
$plt-orange-2: oklch(94.8% 0.0247 64.6);
$plt-orange-3: oklch(92.8% 0.0395 64.3);
$plt-orange-4: oklch(90.8% 0.0542 63.9);
$plt-orange-5: oklch(88.8% 0.0689 63.6);
$plt-orange-6: oklch(86.2% 0.0837 63.2);
$plt-orange-7: oklch(83.5% 0.0984 62.9);
$plt-orange-8: oklch(80.8% 0.1132 62.5);
$plt-orange-9: oklch(77.9% 0.1279 62.1);
$plt-orange-10: oklch(75.0% 0.1426 61.8);
$plt-orange-11: oklch(72.0% 0.1574 61.4);
$plt-orange-12: oklch(68.9% 0.1638 58.6);
$plt-orange-13: oklch(65.5% 0.1559 58.5);
$plt-orange-14: oklch(62.0% 0.1489 57.7);
$plt-orange-15: oklch(58.4% 0.1406 57.5);
$plt-orange-16: oklch(54.6% 0.1342 55.6);
$plt-orange-17: oklch(50.6% 0.1281 53.1);
$plt-orange-18: oklch(41.4% 0.1070 51.7);
$plt-orange-19: oklch(36.3% 0.0993 47.7);
$plt-orange-20: oklch(30.4% 0.0500 50.0);
$plt-yellow-1: oklch(96.9% 0.0100 65.0);
$plt-yellow-2: oklch(94.8% 0.0247 66.0);
$plt-yellow-3: oklch(92.8% 0.0395 67.0);
$plt-yellow-4: oklch(90.8% 0.0542 68.0);
$plt-yellow-5: oklch(88.7% 0.0689 69.0);
$plt-yellow-6: oklch(86.0% 0.0837 70.0);
$plt-yellow-7: oklch(83.3% 0.0984 71.0);
$plt-yellow-8: oklch(80.6% 0.1132 72.0);
$plt-yellow-9: oklch(77.7% 0.1279 73.0);
$plt-yellow-10: oklch(74.7% 0.1426 74.0);
$plt-yellow-11: oklch(71.7% 0.1522 73.5);
$plt-yellow-12: oklch(68.4% 0.1452 73.6);
$plt-yellow-13: oklch(65.0% 0.1370 75.2);
$plt-yellow-14: oklch(61.5% 0.1291 76.1);
$plt-yellow-15: oklch(57.9% 0.1207 77.7);
$plt-yellow-16: oklch(54.1% 0.1126 78.3);
$plt-yellow-17: oklch(50.2% 0.1086 70.2);
$plt-yellow-18: oklch(41.4% 0.0951 62.2);
$plt-yellow-19: oklch(36.3% 0.0917 53.3);
$plt-yellow-20: oklch(30.4% 0.0500 50.0);
$plt-green-1: oklch(96.9% 0.0100 145.0);
$plt-green-2: oklch(94.4% 0.0247 144.6);
$plt-green-3: oklch(92.2% 0.0395 144.3);
$plt-green-4: oklch(89.9% 0.0542 143.9);
$plt-green-5: oklch(87.7% 0.0689 143.6);
$plt-green-6: oklch(84.9% 0.0837 143.2);
$plt-green-7: oklch(81.9% 0.0984 142.9);
$plt-green-8: oklch(79.0% 0.1132 142.5);
$plt-green-9: oklch(75.9% 0.1279 142.1);
$plt-green-10: oklch(72.8% 0.1426 141.8);
$plt-green-11: oklch(69.5% 0.1574 141.4);
$plt-green-12: oklch(66.1% 0.1721 141.1);
$plt-green-13: oklch(62.6% 0.1868 140.7);
$plt-green-14: oklch(59.1% 0.1954 141.3);
$plt-green-15: oklch(55.2% 0.1833 141.4);
$plt-green-16: oklch(51.9% 0.1643 139.2);
$plt-green-17: oklch(48.1% 0.1473 137.5);
$plt-green-18: oklch(39.7% 0.1168 135.4);
$plt-green-19: oklch(35.0% 0.1003 133.9);
$plt-green-20: oklch(29.8% 0.0500 130.0);
$plt-teal-1: oklch(96.9% 0.0100 195.0);
$plt-teal-2: oklch(94.4% 0.0247 194.6);
$plt-teal-3: oklch(92.2% 0.0395 194.3);
$plt-teal-4: oklch(89.9% 0.0542 193.9);
$plt-teal-5: oklch(87.6% 0.0689 193.6);
$plt-teal-6: oklch(84.7% 0.0837 193.2);
$plt-teal-7: oklch(81.7% 0.0984 192.9);
$plt-teal-8: oklch(78.6% 0.1132 192.5);
$plt-teal-9: oklch(75.4% 0.1279 192.1);
$plt-teal-10: oklch(72.2% 0.1241 191.7);
$plt-teal-11: oklch(69.2% 0.1190 191.3);
$plt-teal-12: oklch(66.2% 0.1140 190.9);
$plt-teal-13: oklch(63.0% 0.1086 190.5);
$plt-teal-14: oklch(59.4% 0.1026 190.1);
$plt-teal-15: oklch(56.0% 0.0967 189.7);
$plt-teal-16: oklch(52.2% 0.0910 187.4);
$plt-teal-17: oklch(48.1% 0.0847 185.3);
$plt-teal-18: oklch(39.6% 0.0707 182.5);
$plt-teal-19: oklch(34.6% 0.0628 180.1);
$plt-teal-20: oklch(29.2% 0.0500 180.0);
$plt-purple-1: oklch(97.0% 0.0100 305.0);
$plt-purple-2: oklch(94.8% 0.0247 305.4);
$plt-purple-3: oklch(93.0% 0.0395 305.7);
$plt-purple-4: oklch(91.1% 0.0542 306.1);
$plt-purple-5: oklch(89.1% 0.0680 306.8);
$plt-purple-6: oklch(86.5% 0.0837 306.8);
$plt-purple-7: oklch(83.9% 0.0984 307.1);
$plt-purple-8: oklch(81.3% 0.1132 307.5);
$plt-purple-9: oklch(78.5% 0.1279 307.9);
$plt-purple-10: oklch(75.7% 0.1426 308.2);
$plt-purple-11: oklch(72.8% 0.1574 308.6);
$plt-purple-12: oklch(69.7% 0.1721 308.9);
$plt-purple-13: oklch(66.6% 0.1868 309.3);
$plt-purple-14: oklch(63.3% 0.2016 309.6);
$plt-purple-15: oklch(59.8% 0.2163 310.0);
$plt-purple-16: oklch(56.0% 0.2158 312.0);
$plt-purple-17: oklch(51.8% 0.1969 314.0);
$plt-purple-18: oklch(42.4% 0.1630 316.0);
$plt-purple-19: oklch(37.1% 0.1140 318.0);
$plt-purple-20: oklch(30.7% 0.0500 320.0);
$plt-dark-blue-1: oklch(20.0% 0.0350 270.0);
$plt-dark-blue-2: oklch(25.1% 0.0567 269.0);
$plt-dark-blue-3: oklch(27.5% 0.0779 268.0);
$plt-dark-blue-4: oklch(30.1% 0.0982 267.0);
$plt-dark-blue-5: oklch(32.6% 0.1170 266.0);
$plt-dark-blue-6: oklch(35.1% 0.1340 265.0);
$plt-dark-blue-7: oklch(37.8% 0.1488 264.0);
$plt-dark-blue-8: oklch(41.1% 0.1609 263.0);
$plt-dark-blue-9: oklch(45.0% 0.1703 262.0);
$plt-dark-blue-10: oklch(51.2% 0.1766 261.0);
$plt-dark-blue-11: oklch(57.4% 0.1797 260.0);
$plt-dark-blue-12: oklch(60.9% 0.1793 258.9);
$plt-dark-blue-13: oklch(64.3% 0.1748 257.8);
$plt-dark-blue-14: oklch(67.5% 0.1660 256.7);
$plt-dark-blue-15: oklch(70.5% 0.1533 255.6);
$plt-dark-blue-16: oklch(76.4% 0.1338 253.8);
$plt-dark-blue-17: oklch(81.8% 0.1039 248.9);
$plt-dark-blue-18: oklch(84.5% 0.0878 248.7);
$plt-dark-blue-19: oklch(89.6% 0.0594 244.8);
$plt-dark-blue-20: oklch(92.0% 0.0450 245.8);
$plt-dark-slate-1: oklch(20.0% 0.0150 270.0);
$plt-dark-slate-2: oklch(25.1% 0.0187 269.0);
$plt-dark-slate-3: oklch(27.6% 0.0224 268.0);
$plt-dark-slate-4: oklch(30.1% 0.0259 267.0);
$plt-dark-slate-5: oklch(32.6% 0.0291 266.0);
$plt-dark-slate-6: oklch(35.2% 0.0321 265.0);
$plt-dark-slate-7: oklch(37.7% 0.0346 264.0);
$plt-dark-slate-8: oklch(40.9% 0.0367 263.0);
$plt-dark-slate-9: oklch(44.8% 0.0383 262.0);
$plt-dark-slate-10: oklch(50.9% 0.0394 261.0);
$plt-dark-slate-11: oklch(57.2% 0.0399 260.0);
$plt-dark-slate-12: oklch(60.8% 0.0398 260.0);
$plt-dark-slate-13: oklch(64.2% 0.0388 260.0);
$plt-dark-slate-14: oklch(67.5% 0.0368 260.0);
$plt-dark-slate-15: oklch(70.6% 0.0338 260.0);
$plt-dark-slate-16: oklch(76.5% 0.0301 260.0);
$plt-dark-slate-17: oklch(82.0% 0.0257 260.0);
$plt-dark-slate-18: oklch(84.6% 0.0208 260.0);
$plt-dark-slate-19: oklch(89.8% 0.0155 260.0);
$plt-dark-slate-20: oklch(92.1% 0.0100 260.0);
$plt-dark-red-1: oklch(20.0% 0.0350 40.0);
$plt-dark-red-2: oklch(25.2% 0.0567 39.0);
$plt-dark-red-3: oklch(27.8% 0.0779 38.0);
$plt-dark-red-4: oklch(30.4% 0.0982 37.0);
$plt-dark-red-5: oklch(32.9% 0.1170 36.0);
$plt-dark-red-6: oklch(35.3% 0.1340 35.0);
$plt-dark-red-7: oklch(37.3% 0.1488 34.0);
$plt-dark-red-8: oklch(40.7% 0.1609 33.0);
$plt-dark-red-9: oklch(45.1% 0.1703 32.0);
$plt-dark-red-10: oklch(51.9% 0.1766 31.0);
$plt-dark-red-11: oklch(58.5% 0.1797 30.0);
$plt-dark-red-12: oklch(62.2% 0.1793 28.9);
$plt-dark-red-13: oklch(65.7% 0.1748 27.8);
$plt-dark-red-14: oklch(69.0% 0.1660 26.7);
$plt-dark-red-15: oklch(72.1% 0.1533 25.6);
$plt-dark-red-16: oklch(77.9% 0.1372 24.4);
$plt-dark-red-17: oklch(83.3% 0.1181 23.3);
$plt-dark-red-18: oklch(85.7% 0.0967 22.2);
$plt-dark-red-19: oklch(90.4% 0.0644 21.5);
$plt-dark-red-20: oklch(92.7% 0.0482 20.1);
$plt-dark-orange-1: oklch(20.0% 0.0350 50.0);
$plt-dark-orange-2: oklch(25.1% 0.0567 51.0);
$plt-dark-orange-3: oklch(27.7% 0.0779 52.0);
$plt-dark-orange-4: oklch(30.3% 0.0937 48.0);
$plt-dark-orange-5: oklch(32.8% 0.1005 48.6);
$plt-dark-orange-6: oklch(35.3% 0.1070 49.4);
$plt-dark-orange-7: oklch(37.8% 0.1110 51.7);
$plt-dark-orange-8: oklch(41.2% 0.1184 53.4);
$plt-dark-orange-9: oklch(45.2% 0.1267 55.6);
$plt-dark-orange-10: oklch(51.5% 0.1424 56.8);
$plt-dark-orange-11: oklch(57.8% 0.1570 58.6);
$plt-dark-orange-12: oklch(61.7% 0.1666 59.2);
$plt-dark-orange-13: oklch(65.0% 0.1723 61.2);
$plt-dark-orange-14: oklch(68.2% 0.1660 63.3);
$plt-dark-orange-15: oklch(71.3% 0.1533 64.4);
$plt-dark-orange-16: oklch(77.1% 0.1372 65.6);
$plt-dark-orange-17: oklch(82.6% 0.1181 66.7);
$plt-dark-orange-18: oklch(85.1% 0.0967 67.8);
$plt-dark-orange-19: oklch(90.0% 0.0737 68.9);
$plt-dark-orange-20: oklch(92.3% 0.0500 70.0);
$plt-dark-yellow-1: oklch(20.0% 0.0350 70.0);
$plt-dark-yellow-2: oklch(25.1% 0.0567 71.0);
$plt-dark-yellow-3: oklch(27.7% 0.0704 66.4);
$plt-dark-yellow-4: oklch(30.2% 0.0774 65.3);
$plt-dark-yellow-5: oklch(32.7% 0.0820 68.4);
$plt-dark-yellow-6: oklch(35.2% 0.0873 70.2);
$plt-dark-yellow-7: oklch(37.7% 0.0920 73.3);
$plt-dark-yellow-8: oklch(41.0% 0.1000 73.5);
$plt-dark-yellow-9: oklch(44.9% 0.1084 75.8);
$plt-dark-yellow-10: oklch(51.1% 0.1229 76.9);
$plt-dark-yellow-11: oklch(57.4% 0.1374 78.4);
$plt-dark-yellow-12: oklch(60.9% 0.1450 80.3);
$plt-dark-yellow-13: oklch(64.3% 0.1527 81.6);
$plt-dark-yellow-14: oklch(67.7% 0.1604 82.7);
$plt-dark-yellow-15: oklch(70.8% 0.1533 84.4);
$plt-dark-yellow-16: oklch(76.6% 0.1372 85.6);
$plt-dark-yellow-17: oklch(82.1% 0.1181 86.7);
$plt-dark-yellow-18: oklch(84.7% 0.0967 87.8);
$plt-dark-yellow-19: oklch(89.7% 0.0737 88.9);
$plt-dark-yellow-20: oklch(92.1% 0.0500 90.0);
$plt-dark-green-1: oklch(20.0% 0.0350 130.0);
$plt-dark-green-2: oklch(24.9% 0.0567 131.0);
$plt-dark-green-3: oklch(27.2% 0.0779 132.0);
$plt-dark-green-4: oklch(29.4% 0.0973 133.1);
$plt-dark-green-5: oklch(31.6% 0.1091 135.5);
$plt-dark-green-6: oklch(33.6% 0.1192 136.9);
$plt-dark-green-7: oklch(35.8% 0.1307 138.3);
$plt-dark-green-8: oklch(38.8% 0.1428 138.7);
$plt-dark-green-9: oklch(42.7% 0.1592 139.3);
$plt-dark-green-10: oklch(48.8% 0.1766 139.0);
$plt-dark-green-11: oklch(55.2% 0.1797 140.0);
$plt-dark-green-12: oklch(58.8% 0.1793 141.1);
$plt-dark-green-13: oklch(62.3% 0.1748 142.2);
$plt-dark-green-14: oklch(65.6% 0.1660 143.3);
$plt-dark-green-15: oklch(68.9% 0.1533 144.4);
$plt-dark-green-16: oklch(75.0% 0.1372 145.6);
$plt-dark-green-17: oklch(80.7% 0.1181 146.7);
$plt-dark-green-18: oklch(83.6% 0.0967 147.8);
$plt-dark-green-19: oklch(88.9% 0.0737 148.9);
$plt-dark-green-20: oklch(91.6% 0.0500 150.0);
$plt-dark-teal-1: oklch(20.0% 0.0350 180.0);
$plt-dark-teal-2: oklch(24.8% 0.0567 181.0);
$plt-dark-teal-3: oklch(27.1% 0.0660 181.2);
$plt-dark-teal-4: oklch(29.2% 0.0709 181.8);
$plt-dark-teal-5: oklch(31.2% 0.0750 183.3);
$plt-dark-teal-6: oklch(33.6% 0.0804 184.0);
$plt-dark-teal-7: oklch(35.6% 0.0845 185.4);
$plt-dark-teal-8: oklch(38.7% 0.0913 186.6);
$plt-dark-teal-9: oklch(42.6% 0.1000 187.7);
$plt-dark-teal-10: oklch(48.7% 0.1138 188.8);
$plt-dark-teal-11: oklch(54.8% 0.1274 190.0);
$plt-dark-teal-12: oklch(58.5% 0.1355 191.2);
$plt-dark-teal-13: oklch(61.9% 0.1428 192.5);
$plt-dark-teal-14: oklch(65.0% 0.1494 193.7);
$plt-dark-teal-15: oklch(68.1% 0.1533 194.4);
$plt-dark-teal-16: oklch(74.4% 0.1372 195.6);
$plt-dark-teal-17: oklch(80.5% 0.1181 196.7);
$plt-dark-teal-18: oklch(83.4% 0.0967 197.8);
$plt-dark-teal-19: oklch(88.8% 0.0737 198.9);
$plt-dark-teal-20: oklch(91.6% 0.0500 200.0);
$plt-dark-purple-1: oklch(20.0% 0.0350 320.0);
$plt-dark-purple-2: oklch(25.2% 0.0567 319.0);
$plt-dark-purple-3: oklch(27.9% 0.0779 318.0);
$plt-dark-purple-4: oklch(30.6% 0.0982 317.0);
$plt-dark-purple-5: oklch(33.3% 0.1170 316.0);
$plt-dark-purple-6: oklch(36.0% 0.1340 315.0);
$plt-dark-purple-7: oklch(38.7% 0.1488 314.0);
$plt-dark-purple-8: oklch(42.1% 0.1609 313.0);
$plt-dark-purple-9: oklch(46.2% 0.1703 312.0);
$plt-dark-purple-10: oklch(52.7% 0.1766 311.0);
$plt-dark-purple-11: oklch(59.0% 0.1797 310.0);
$plt-dark-purple-12: oklch(62.6% 0.1793 308.9);
$plt-dark-purple-13: oklch(66.0% 0.1748 307.8);
$plt-dark-purple-14: oklch(69.1% 0.1660 306.7);
$plt-dark-purple-15: oklch(72.1% 0.1533 305.6);
$plt-dark-purple-16: oklch(77.8% 0.1372 304.4);
$plt-dark-purple-17: oklch(83.1% 0.1145 304.1);
$plt-dark-purple-18: oklch(85.5% 0.0954 302.5);
$plt-dark-purple-19: oklch(90.2% 0.0643 303.8);
$plt-dark-purple-20: oklch(92.6% 0.0467 301.1);
$plt-grey-1: oklch(96.9% 0.0000 0.0);
$plt-grey-2: oklch(94.6% 0.0000 0.0);
$plt-grey-3: oklch(92.7% 0.0000 0.0);
$plt-grey-4: oklch(90.6% 0.0000 0.0);
$plt-grey-5: oklch(88.4% 0.0000 0.0);
$plt-grey-6: oklch(85.7% 0.0000 0.0);
$plt-grey-7: oklch(83.0% 0.0000 0.0);
$plt-grey-8: oklch(80.2% 0.0000 0.0);
$plt-grey-9: oklch(77.3% 0.0000 0.0);
$plt-grey-10: oklch(74.2% 0.0000 0.0);
$plt-grey-11: oklch(71.2% 0.0000 0.0);
$plt-grey-12: oklch(68.0% 0.0000 0.0);
$plt-grey-13: oklch(64.7% 0.0000 0.0);
$plt-grey-14: oklch(61.2% 0.0000 0.0);
$plt-grey-15: oklch(57.7% 0.0000 0.0);
$plt-grey-16: oklch(54.0% 0.0000 0.0);
$plt-grey-17: oklch(50.0% 0.0000 0.0);
$plt-grey-18: oklch(41.2% 0.0000 0.0);
$plt-grey-19: oklch(36.2% 0.0000 0.0);
$plt-grey-20: oklch(30.2% 0.0000 0.0);
$plt-dark-grey-1: oklch(20.0% 0.0000 0.0);
$plt-dark-grey-2: oklch(25.1% 0.0000 0.0);
$plt-dark-grey-3: oklch(27.6% 0.0000 0.0);
$plt-dark-grey-4: oklch(30.1% 0.0000 0.0);
$plt-dark-grey-5: oklch(32.6% 0.0000 0.0);
$plt-dark-grey-6: oklch(35.2% 0.0000 0.0);
$plt-dark-grey-7: oklch(37.7% 0.0000 0.0);
$plt-dark-grey-8: oklch(40.9% 0.0000 0.0);
$plt-dark-grey-9: oklch(44.8% 0.0000 0.0);
$plt-dark-grey-10: oklch(51.0% 0.0000 0.0);
$plt-dark-grey-11: oklch(57.3% 0.0000 0.0);
$plt-dark-grey-12: oklch(60.8% 0.0000 0.0);
$plt-dark-grey-13: oklch(64.3% 0.0000 0.0);
$plt-dark-grey-14: oklch(67.5% 0.0000 0.0);
$plt-dark-grey-15: oklch(70.7% 0.0000 0.0);
$plt-dark-grey-16: oklch(76.5% 0.0000 0.0);
$plt-dark-grey-17: oklch(82.0% 0.0000 0.0);
$plt-dark-grey-18: oklch(84.7% 0.0000 0.0);
$plt-dark-grey-19: oklch(89.8% 0.0000 0.0);
$plt-dark-grey-20: oklch(92.2% 0.0000 0.0);
$plt-grey-a-1: oklch(0.0% 0.0000 0.0 / 0.04);
$plt-grey-a-2: oklch(0.0% 0.0000 0.0 / 0.07);
$plt-grey-a-3: oklch(0.0% 0.0000 0.0 / 0.09);
$plt-grey-a-4: oklch(0.0% 0.0000 0.0 / 0.12);
$plt-grey-a-5: oklch(0.0% 0.0000 0.0 / 0.15);
$plt-grey-a-6: oklch(0.0% 0.0000 0.0 / 0.18);
$plt-grey-a-7: oklch(0.0% 0.0000 0.0 / 0.22);
$plt-grey-a-8: oklch(0.0% 0.0000 0.0 / 0.25);
$plt-grey-a-9: oklch(0.0% 0.0000 0.0 / 0.29);
$plt-grey-a-10: oklch(0.0% 0.0000 0.0 / 0.33);
$plt-grey-a-11: oklch(0.0% 0.0000 0.0 / 0.36);
$plt-grey-a-12: oklch(0.0% 0.0000 0.0 / 0.40);
$plt-grey-a-13: oklch(0.0% 0.0000 0.0 / 0.44);
$plt-grey-a-14: oklch(0.0% 0.0000 0.0 / 0.48);
$plt-grey-a-15: oklch(0.0% 0.0000 0.0 / 0.53);
$plt-grey-a-16: oklch(0.0% 0.0000 0.0 / 0.56);
$plt-grey-a-17: oklch(0.0% 0.0000 0.0 / 0.61);
$plt-grey-a-18: oklch(0.0% 0.0000 0.0 / 0.71);
$plt-grey-a-19: oklch(0.0% 0.0000 0.0 / 0.76);
$plt-grey-a-20: oklch(0.0% 0.0000 0.0 / 0.82);
$plt-dark-grey-a-1: oklch(64.3% 0.2898 29.8 / 0.01);
$plt-dark-grey-a-2: oklch(88.6% 0.1342 81.1 / 0.06);
$plt-dark-grey-a-3: oklch(92.1% 0.0977 82.8 / 0.09);
$plt-dark-grey-a-4: oklch(93.6% 0.0727 81.7 / 0.12);
$plt-dark-grey-a-5: oklch(95.2% 0.0581 82.3 / 0.14);
$plt-dark-grey-a-6: oklch(96.0% 0.0463 80.9 / 0.17);
$plt-dark-grey-a-7: oklch(96.7% 0.0407 83.4 / 0.20);
$plt-dark-grey-a-8: oklch(97.2% 0.0312 83.9 / 0.23);
$plt-dark-grey-a-9: oklch(97.9% 0.0237 80.1 / 0.28);
$plt-dark-grey-a-10: oklch(98.6% 0.0172 83.5 / 0.35);
$plt-dark-grey-a-11: oklch(98.9% 0.0127 81.5 / 0.43);
$plt-dark-grey-a-12: oklch(99.0% 0.0098 74.5 / 0.47);
$plt-dark-grey-a-13: oklch(99.2% 0.0092 81.4 / 0.52);
$plt-dark-grey-a-14: oklch(99.2% 0.0070 71.3 / 0.56);
$plt-dark-grey-a-15: oklch(99.5% 0.0057 81.4 / 0.60);
$plt-dark-grey-a-16: oklch(99.7% 0.0044 89.2 / 0.67);
$plt-dark-grey-a-17: oklch(99.5% 0.0030 44.3 / 0.75);
$plt-dark-grey-a-18: oklch(99.7% 0.0032 81.4 / 0.79);
$plt-dark-grey-a-19: oklch(99.9% 0.0014 106.4 / 0.86);
$plt-dark-grey-a-20: oklch(99.9% 0.0014 106.4 / 0.89);
$plt-white-a-1: oklch(100.0% 0.0000 0.0 / 0.05);
$plt-white-a-2: oklch(100.0% 0.0000 0.0 / 0.10);
$plt-white-a-3: oklch(100.0% 0.0000 0.0 / 0.15);
$plt-white-a-4: oklch(100.0% 0.0000 0.0 / 0.20);
$plt-white-a-5: oklch(100.0% 0.0000 0.0 / 0.25);
$plt-white-a-6: oklch(100.0% 0.0000 0.0 / 0.30);
$plt-white-a-7: oklch(100.0% 0.0000 0.0 / 0.35);
$plt-white-a-8: oklch(100.0% 0.0000 0.0 / 0.40);
$plt-white-a-9: oklch(100.0% 0.0000 0.0 / 0.45);
$plt-white-a-10: oklch(100.0% 0.0000 0.0 / 0.50);
$plt-white-a-11: oklch(100.0% 0.0000 0.0 / 0.55);
$plt-white-a-12: oklch(100.0% 0.0000 0.0 / 0.60);
$plt-white-a-13: oklch(100.0% 0.0000 0.0 / 0.65);
$plt-white-a-14: oklch(100.0% 0.0000 0.0 / 0.70);
$plt-white-a-15: oklch(100.0% 0.0000 0.0 / 0.75);
$plt-white-a-16: oklch(100.0% 0.0000 0.0 / 0.80);
$plt-white-a-17: oklch(100.0% 0.0000 0.0 / 0.85);
$plt-white-a-18: oklch(100.0% 0.0000 0.0 / 0.90);
$plt-white-a-19: oklch(100.0% 0.0000 0.0 / 0.95);
$plt-white-a-20: oklch(100.0% 0.0000 0.0);
$plt-black-a-1: oklch(0.0% 0.0000 0.0 / 0.05);
$plt-black-a-2: oklch(0.0% 0.0000 0.0 / 0.10);
$plt-black-a-3: oklch(0.0% 0.0000 0.0 / 0.15);
$plt-black-a-4: oklch(0.0% 0.0000 0.0 / 0.20);
$plt-black-a-5: oklch(0.0% 0.0000 0.0 / 0.25);
$plt-black-a-6: oklch(0.0% 0.0000 0.0 / 0.30);
$plt-black-a-7: oklch(0.0% 0.0000 0.0 / 0.35);
$plt-black-a-8: oklch(0.0% 0.0000 0.0 / 0.40);
$plt-black-a-9: oklch(0.0% 0.0000 0.0 / 0.45);
$plt-black-a-10: oklch(0.0% 0.0000 0.0 / 0.50);
$plt-black-a-11: oklch(0.0% 0.0000 0.0 / 0.55);
$plt-black-a-12: oklch(0.0% 0.0000 0.0 / 0.60);
$plt-black-a-13: oklch(0.0% 0.0000 0.0 / 0.65);
$plt-black-a-14: oklch(0.0% 0.0000 0.0 / 0.70);
$plt-black-a-15: oklch(0.0% 0.0000 0.0 / 0.75);
$plt-black-a-16: oklch(0.0% 0.0000 0.0 / 0.80);
$plt-black-a-17: oklch(0.0% 0.0000 0.0 / 0.85);
$plt-black-a-18: oklch(0.0% 0.0000 0.0 / 0.90);
$plt-black-a-19: oklch(0.0% 0.0000 0.0 / 0.95);
$plt-black-a-20: oklch(0.0% 0.0000 0.0);
$plt-blue-a-1: oklch(44.8% 0.1974 256.5 / 0.06);
$plt-blue-a-2: oklch(52.7% 0.2480 258.1 / 0.10);
$plt-blue-a-3: oklch(54.8% 0.2458 256.9 / 0.15);
$plt-blue-a-4: oklch(55.0% 0.2413 256.3 / 0.19);
$plt-blue-a-5: oklch(55.3% 0.2451 256.6 / 0.23);
$plt-blue-a-6: oklch(55.4% 0.2428 256.3 / 0.29);
$plt-blue-a-7: oklch(54.5% 0.2458 257.0 / 0.34);
$plt-blue-a-8: oklch(54.4% 0.2503 257.6 / 0.39);
$plt-blue-a-9: oklch(53.8% 0.2522 258.0 / 0.45);
$plt-blue-a-10: oklch(53.6% 0.2567 258.5 / 0.50);
$plt-blue-a-11: oklch(53.0% 0.2585 258.9 / 0.56);
$plt-blue-a-12: oklch(52.3% 0.2646 259.7 / 0.61);
$plt-blue-a-13: oklch(51.5% 0.2657 260.1 / 0.67);
$plt-blue-a-14: oklch(50.6% 0.2637 260.3 / 0.73);
$plt-blue-a-15: oklch(49.5% 0.2621 260.6 / 0.79);
$plt-blue-a-16: oklch(46.2% 0.2570 261.5 / 0.80);
$plt-blue-a-17: oklch(40.7% 0.2355 262.1 / 0.80);
$plt-blue-a-18: oklch(31.9% 0.1885 262.4 / 0.84);
$plt-blue-a-19: oklch(24.1% 0.1376 261.9 / 0.84);
$plt-blue-a-20: oklch(15.1% 0.0700 257.7 / 0.85);
$plt-slate-a-1: oklch(32.3% 0.1276 255.4 / 0.05);
$plt-slate-a-2: oklch(24.7% 0.1052 257.1 / 0.08);
$plt-slate-a-3: oklch(24.6% 0.1014 255.2 / 0.11);
$plt-slate-a-4: oklch(22.8% 0.0965 257.3 / 0.13);
$plt-slate-a-5: oklch(22.8% 0.0942 255.5 / 0.17);
$plt-slate-a-6: oklch(20.7% 0.0889 255.6 / 0.20);
$plt-slate-a-7: oklch(20.4% 0.0925 258.5 / 0.24);
$plt-slate-a-8: oklch(21.4% 0.0826 253.6 / 0.28);
$plt-slate-a-9: oklch(19.6% 0.0859 257.8 / 0.31);
$plt-slate-a-10: oklch(20.1% 0.0786 254.3 / 0.35);
$plt-slate-a-11: oklch(18.7% 0.0774 256.6 / 0.39);
$plt-slate-a-12: oklch(19.3% 0.0717 252.8 / 0.43);
$plt-slate-a-13: oklch(18.8% 0.0697 252.8 / 0.47);
$plt-slate-a-14: oklch(18.0% 0.0702 252.5 / 0.51);
$plt-slate-a-15: oklch(18.3% 0.0689 251.2 / 0.56);
$plt-slate-a-16: oklch(17.0% 0.0661 252.4 / 0.60);
$plt-slate-a-17: oklch(16.7% 0.0613 250.2 / 0.64);
$plt-slate-a-18: oklch(15.1% 0.0536 248.8 / 0.74);
$plt-slate-a-19: oklch(14.5% 0.0498 247.4 / 0.79);
$plt-slate-a-20: oklch(13.5% 0.0474 248.4 / 0.85);
$plt-red-a-1: oklch(45.9% 0.2004 30.8 / 0.05);
$plt-red-a-2: oklch(57.2% 0.2546 30.0 / 0.10);
$plt-red-a-3: oklch(58.5% 0.2558 30.7 / 0.13);
$plt-red-a-4: oklch(58.3% 0.2523 31.2 / 0.18);
$plt-red-a-5: oklch(58.6% 0.2548 31.0 / 0.21);
$plt-red-a-6: oklch(59.5% 0.2582 31.1 / 0.27);
$plt-red-a-7: oklch(59.3% 0.2573 31.1 / 0.32);
$plt-red-a-8: oklch(59.2% 0.2583 30.9 / 0.38);
$plt-red-a-9: oklch(59.6% 0.2603 30.8 / 0.44);
$plt-red-a-10: oklch(59.2% 0.2583 30.9 / 0.50);
$plt-red-a-11: oklch(58.2% 0.2564 30.6 / 0.55);
$plt-red-a-12: oklch(57.1% 0.2500 30.8 / 0.62);
$plt-red-a-13: oklch(56.0% 0.2461 30.7 / 0.68);
$plt-red-a-14: oklch(54.9% 0.2426 30.5 / 0.75);
$plt-red-a-15: oklch(54.0% 0.2393 30.4 / 0.83);
$plt-red-a-16: oklch(51.4% 0.2240 31.0 / 0.89);
$plt-red-a-17: oklch(46.8% 0.1970 32.3 / 0.91);
$plt-red-a-18: oklch(37.8% 0.1541 33.6 / 0.94);
$plt-red-a-19: oklch(32.4% 0.1221 37.0 / 0.94);
$plt-red-a-20: oklch(19.9% 0.0645 45.0 / 0.89);
$plt-orange-a-1: oklch(52.9% 0.1519 53.1 / 0.06);
$plt-orange-a-2: oklch(60.4% 0.1752 52.4 / 0.13);
$plt-orange-a-3: oklch(65.1% 0.1904 51.8 / 0.19);
$plt-orange-a-4: oklch(66.4% 0.1947 51.8 / 0.25);
$plt-orange-a-5: oklch(67.6% 0.1960 52.6 / 0.31);
$plt-orange-a-6: oklch(66.2% 0.1936 52.0 / 0.38);
$plt-orange-a-7: oklch(65.8% 0.1941 51.3 / 0.45);
$plt-orange-a-8: oklch(65.6% 0.1911 52.4 / 0.52);
$plt-orange-a-9: oklch(65.2% 0.1899 52.4 / 0.60);
$plt-orange-a-10: oklch(64.7% 0.1882 52.5 / 0.68);
$plt-orange-a-11: oklch(64.7% 0.1848 54.0 / 0.77);
$plt-orange-a-12: oklch(63.1% 0.1857 51.6 / 0.82);
$plt-orange-a-13: oklch(59.5% 0.1745 51.8 / 0.83);
$plt-orange-a-14: oklch(55.6% 0.1638 51.5 / 0.85);
$plt-orange-a-15: oklch(52.3% 0.1535 51.8 / 0.86);
$plt-orange-a-16: oklch(48.7% 0.1469 49.7 / 0.88);
$plt-orange-a-17: oklch(45.0% 0.1382 48.5 / 0.90);
$plt-orange-a-18: oklch(36.9% 0.1133 48.5 / 0.93);
$plt-orange-a-19: oklch(32.7% 0.1027 47.0 / 0.95);
$plt-orange-a-20: oklch(21.1% 0.0607 53.3 / 0.90);
$plt-yellow-a-1: oklch(52.9% 0.1519 53.1 / 0.06);
$plt-yellow-a-2: oklch(60.4% 0.1752 52.4 / 0.13);
$plt-yellow-a-3: oklch(65.2% 0.1808 56.3 / 0.19);
$plt-yellow-a-4: oklch(66.3% 0.1832 56.8 / 0.25);
$plt-yellow-a-5: oklch(67.3% 0.1837 58.0 / 0.32);
$plt-yellow-a-6: oklch(66.7% 0.1813 58.4 / 0.39);
$plt-yellow-a-7: oklch(66.3% 0.1769 60.3 / 0.47);
$plt-yellow-a-8: oklch(65.9% 0.1742 61.5 / 0.54);
$plt-yellow-a-9: oklch(65.5% 0.1714 62.6 / 0.62);
$plt-yellow-a-10: oklch(65.8% 0.1691 64.9 / 0.72);
$plt-yellow-a-11: oklch(65.4% 0.1666 66.1 / 0.80);
$plt-yellow-a-12: oklch(61.8% 0.1569 66.6 / 0.82);
$plt-yellow-a-13: oklch(58.2% 0.1459 68.4 / 0.83);
$plt-yellow-a-14: oklch(54.4% 0.1357 69.3 / 0.84);
$plt-yellow-a-15: oklch(50.9% 0.1246 72.8 / 0.86);
$plt-yellow-a-16: oklch(47.2% 0.1151 73.5 / 0.88);
$plt-yellow-a-17: oklch(44.0% 0.1129 65.1 / 0.90);
$plt-yellow-a-18: oklch(36.7% 0.0998 58.5 / 0.93);
$plt-yellow-a-19: oklch(32.7% 0.0959 51.7 / 0.95);
$plt-yellow-a-20: oklch(21.1% 0.0607 53.3 / 0.90);
$plt-green-a-1: oklch(40.7% 0.1675 143.8 / 0.06);
$plt-green-a-2: oklch(49.6% 0.2122 145.2 / 0.11);
$plt-green-a-3: oklch(52.9% 0.2237 144.8 / 0.16);
$plt-green-a-4: oklch(54.7% 0.2298 144.5 / 0.21);
$plt-green-a-5: oklch(55.8% 0.2339 144.4 / 0.26);
$plt-green-a-6: oklch(55.0% 0.2307 144.5 / 0.31);
$plt-green-a-7: oklch(54.5% 0.2266 144.1 / 0.38);
$plt-green-a-8: oklch(54.2% 0.2253 144.1 / 0.44);
$plt-green-a-9: oklch(53.4% 0.2210 143.9 / 0.50);
$plt-green-a-10: oklch(53.1% 0.2192 143.7 / 0.56);
$plt-green-a-11: oklch(52.6% 0.2160 143.5 / 0.63);
$plt-green-a-12: oklch(52.7% 0.2148 143.2 / 0.70);
$plt-green-a-13: oklch(52.5% 0.2114 142.7 / 0.78);
$plt-green-a-14: oklch(51.6% 0.2088 142.9 / 0.84);
$plt-green-a-15: oklch(48.1% 0.1946 142.9 / 0.85);
$plt-green-a-16: oklch(44.6% 0.1728 141.1 / 0.87);
$plt-green-a-17: oklch(41.1% 0.1542 139.6 / 0.89);
$plt-green-a-18: oklch(34.5% 0.1222 136.8 / 0.93);
$plt-green-a-19: oklch(30.7% 0.1042 134.5 / 0.95);
$plt-green-a-20: oklch(20.2% 0.0631 129.6 / 0.90);
$plt-teal-a-1: oklch(53.9% 0.1236 193.1 / 0.06);
$plt-teal-a-2: oklch(58.4% 0.1340 193.1 / 0.13);
$plt-teal-a-3: oklch(62.8% 0.1459 189.9 / 0.19);
$plt-teal-a-4: oklch(64.0% 0.1484 190.6 / 0.25);
$plt-teal-a-5: oklch(64.6% 0.1495 191.3 / 0.31);
$plt-teal-a-6: oklch(64.4% 0.1487 191.9 / 0.39);
$plt-teal-a-7: oklch(64.3% 0.1494 190.0 / 0.46);
$plt-teal-a-8: oklch(64.0% 0.1485 190.6 / 0.55);
$plt-teal-a-9: oklch(64.1% 0.1484 191.2 / 0.64);
$plt-teal-a-10: oklch(60.6% 0.1404 191.1 / 0.67);
$plt-teal-a-11: oklch(57.0% 0.1325 190.2 / 0.69);
$plt-teal-a-12: oklch(53.6% 0.1254 188.5 / 0.71);
$plt-teal-a-13: oklch(50.3% 0.1175 188.9 / 0.73);
$plt-teal-a-14: oklch(46.3% 0.1084 188.4 / 0.75);
$plt-teal-a-15: oklch(43.4% 0.1017 188.1 / 0.77);
$plt-teal-a-16: oklch(39.8% 0.0946 185.3 / 0.80);
$plt-teal-a-17: oklch(36.5% 0.0884 182.1 / 0.82);
$plt-teal-a-18: oklch(29.7% 0.0727 180.6 / 0.87);
$plt-teal-a-19: oklch(26.5% 0.0666 177.2 / 0.90);
$plt-teal-a-20: oklch(22.2% 0.0555 177.6 / 0.92);
$plt-purple-a-1: oklch(33.7% 0.1954 285.7 / 0.04);
$plt-purple-a-2: oklch(42.5% 0.2494 286.9 / 0.08);
$plt-purple-a-3: oklch(46.8% 0.2735 288.3 / 0.11);
$plt-purple-a-4: oklch(48.7% 0.2872 286.5 / 0.15);
$plt-purple-a-5: oklch(50.2% 0.2913 289.7 / 0.18);
$plt-purple-a-6: oklch(49.3% 0.2858 289.9 / 0.22);
$plt-purple-a-7: oklch(49.2% 0.2825 291.8 / 0.27);
$plt-purple-a-8: oklch(48.7% 0.2798 292.0 / 0.31);
$plt-purple-a-9: oklch(48.3% 0.2762 292.8 / 0.36);
$plt-purple-a-10: oklch(48.1% 0.2717 295.6 / 0.40);
$plt-purple-a-11: oklch(47.6% 0.2674 296.7 / 0.45);
$plt-purple-a-12: oklch(47.2% 0.2650 297.4 / 0.51);
$plt-purple-a-13: oklch(46.8% 0.2610 299.0 / 0.56);
$plt-purple-a-14: oklch(46.4% 0.2572 300.6 / 0.62);
$plt-purple-a-15: oklch(46.2% 0.2549 301.7 / 0.68);
$plt-purple-a-16: oklch(44.2% 0.2402 305.6 / 0.73);
$plt-purple-a-17: oklch(40.0% 0.2149 308.7 / 0.76);
$plt-purple-a-18: oklch(32.2% 0.1709 312.4 / 0.83);
$plt-purple-a-19: oklch(24.0% 0.1259 315.6 / 0.83);
$plt-purple-a-20: oklch(14.2% 0.0732 320.7 / 0.84);
$plt-dark-blue-a-1: oklch(46.5% 0.3220 264.1 / 0.04);
$plt-dark-blue-a-2: oklch(55.7% 0.2610 266.2 / 0.14);
$plt-dark-blue-a-3: oklch(55.8% 0.2587 265.2 / 0.21);
$plt-dark-blue-a-4: oklch(55.4% 0.2631 265.5 / 0.28);
$plt-dark-blue-a-5: oklch(55.4% 0.2632 264.5 / 0.35);
$plt-dark-blue-a-6: oklch(55.5% 0.2627 264.0 / 0.42);
$plt-dark-blue-a-7: oklch(56.0% 0.2594 263.0 / 0.48);
$plt-dark-blue-a-8: oklch(56.9% 0.2538 262.4 / 0.56);
$plt-dark-blue-a-9: oklch(58.7% 0.2421 261.8 / 0.63);
$plt-dark-blue-a-10: oklch(61.4% 0.2245 261.0 / 0.74);
$plt-dark-blue-a-11: oklch(64.2% 0.2069 260.1 / 0.83);
$plt-dark-blue-a-12: oklch(65.6% 0.1982 259.5 / 0.88);
$plt-dark-blue-a-13: oklch(67.6% 0.1864 257.6 / 0.92);
$plt-dark-blue-a-14: oklch(69.9% 0.1726 256.4 / 0.95);
$plt-dark-blue-a-15: oklch(72.2% 0.1586 255.4 / 0.96);
$plt-dark-blue-a-16: oklch(76.4% 0.1339 253.7);
$plt-dark-blue-a-17: oklch(81.9% 0.1036 248.3);
$plt-dark-blue-a-18: oklch(84.4% 0.0883 248.5);
$plt-dark-blue-a-19: oklch(89.7% 0.0590 244.3);
$plt-dark-blue-a-20: oklch(91.9% 0.0452 247.1);
$plt-dark-slate-a-1: oklch(58.5% 0.2595 27.0 / 0.01);
$plt-dark-slate-a-2: oklch(86.4% 0.0823 297.4 / 0.06);
$plt-dark-slate-a-3: oklch(84.5% 0.0860 281.6 / 0.10);
$plt-dark-slate-a-4: oklch(84.6% 0.0811 266.9 / 0.13);
$plt-dark-slate-a-5: oklch(84.4% 0.0840 270.3 / 0.17);
$plt-dark-slate-a-6: oklch(83.5% 0.0874 264.3 / 0.21);
$plt-dark-slate-a-7: oklch(83.5% 0.0889 267.4 / 0.24);
$plt-dark-slate-a-8: oklch(84.4% 0.0839 264.6 / 0.29);
$plt-dark-slate-a-9: oklch(85.3% 0.0793 260.5 / 0.34);
$plt-dark-slate-a-10: oklch(87.2% 0.0682 262.7 / 0.42);
$plt-dark-slate-a-11: oklch(88.3% 0.0625 260.7 / 0.50);
$plt-dark-slate-a-12: oklch(89.1% 0.0563 259.6 / 0.55);
$plt-dark-slate-a-13: oklch(89.8% 0.0543 260.2 / 0.59);
$plt-dark-slate-a-14: oklch(90.8% 0.0487 260.9 / 0.64);
$plt-dark-slate-a-15: oklch(92.3% 0.0406 260.1 / 0.67);
$plt-dark-slate-a-16: oklch(93.0% 0.0365 263.9 / 0.74);
$plt-dark-slate-a-17: oklch(94.4% 0.0294 258.8 / 0.81);
$plt-dark-slate-a-18: oklch(95.7% 0.0224 261.2 / 0.83);
$plt-dark-slate-a-19: oklch(97.1% 0.0153 254.4 / 0.90);
$plt-dark-slate-a-20: oklch(98.1% 0.0096 261.3 / 0.91);
$plt-dark-red-a-1: oklch(64.5% 0.2974 29.0 / 0.06);
$plt-dark-red-a-2: oklch(66.1% 0.2857 31.3 / 0.14);
$plt-dark-red-a-3: oklch(66.1% 0.2858 31.2 / 0.20);
$plt-dark-red-a-4: oklch(66.0% 0.2869 31.1 / 0.25);
$plt-dark-red-a-5: oklch(65.7% 0.2896 30.6 / 0.31);
$plt-dark-red-a-6: oklch(65.7% 0.2901 30.5 / 0.36);
$plt-dark-red-a-7: oklch(65.5% 0.2919 30.2 / 0.40);
$plt-dark-red-a-8: oklch(65.8% 0.2891 30.7 / 0.46);
$plt-dark-red-a-9: oklch(66.9% 0.2772 32.0 / 0.53);
$plt-dark-red-a-10: oklch(68.9% 0.2551 32.0 / 0.64);
$plt-dark-red-a-11: oklch(71.1% 0.2316 30.7 / 0.74);
$plt-dark-red-a-12: oklch(72.2% 0.2202 29.3 / 0.79);
$plt-dark-red-a-13: oklch(73.9% 0.2034 29.0 / 0.83);
$plt-dark-red-a-14: oklch(75.6% 0.1867 27.5 / 0.87);
$plt-dark-red-a-15: oklch(77.6% 0.1682 26.2 / 0.90);
$plt-dark-red-a-16: oklch(80.5% 0.1428 24.3 / 0.95);
$plt-dark-red-a-17: oklch(83.6% 0.1168 23.3);
$plt-dark-red-a-18: oklch(86.1% 0.0969 22.9);
$plt-dark-red-a-19: oklch(90.3% 0.0651 20.9);
$plt-dark-red-a-20: oklch(92.6% 0.0489 20.1);
$plt-dark-orange-a-1: oklch(64.3% 0.2965 29.0 / 0.06);
$plt-dark-orange-a-2: oklch(66.6% 0.2806 32.2 / 0.14);
$plt-dark-orange-a-3: oklch(66.8% 0.2785 32.6 / 0.19);
$plt-dark-orange-a-4: oklch(66.8% 0.2784 32.7 / 0.24);
$plt-dark-orange-a-5: oklch(67.8% 0.2680 34.9 / 0.28);
$plt-dark-orange-a-6: oklch(69.0% 0.2574 37.5 / 0.31);
$plt-dark-orange-a-7: oklch(70.1% 0.2480 40.1 / 0.35);
$plt-dark-orange-a-8: oklch(71.4% 0.2379 43.2 / 0.40);
$plt-dark-orange-a-9: oklch(73.0% 0.2269 47.5 / 0.46);
$plt-dark-orange-a-10: oklch(74.2% 0.2200 51.0 / 0.56);
$plt-dark-orange-a-11: oklch(75.5% 0.2132 54.7 / 0.66);
$plt-dark-orange-a-12: oklch(75.9% 0.2116 56.0 / 0.72);
$plt-dark-orange-a-13: oklch(76.9% 0.2074 59.3 / 0.78);
$plt-dark-orange-a-14: oklch(78.5% 0.1963 62.5 / 0.81);
$plt-dark-orange-a-15: oklch(80.6% 0.1792 63.7 / 0.83);
$plt-dark-orange-a-16: oklch(83.5% 0.1519 65.0 / 0.89);
$plt-dark-orange-a-17: oklch(86.3% 0.1260 66.3 / 0.94);
$plt-dark-orange-a-18: oklch(89.1% 0.1016 68.4 / 0.94);
$plt-dark-orange-a-19: oklch(91.5% 0.0753 68.4 / 0.97);
$plt-dark-orange-a-20: oklch(94.3% 0.0503 70.0 / 0.97);
$plt-dark-yellow-a-1: oklch(64.7% 0.2983 29.0 / 0.05);
$plt-dark-yellow-a-2: oklch(68.8% 0.2594 37.0 / 0.12);
$plt-dark-yellow-a-3: oklch(69.4% 0.2514 38.9 / 0.17);
$plt-dark-yellow-a-4: oklch(70.8% 0.2425 41.7 / 0.20);
$plt-dark-yellow-a-5: oklch(72.7% 0.2269 47.4 / 0.23);
$plt-dark-yellow-a-6: oklch(74.7% 0.2170 52.6 / 0.27);
$plt-dark-yellow-a-7: oklch(76.6% 0.2087 58.3 / 0.30);
$plt-dark-yellow-a-8: oklch(77.6% 0.2052 61.2 / 0.34);
$plt-dark-yellow-a-9: oklch(79.0% 0.2017 65.7 / 0.40);
$plt-dark-yellow-a-10: oklch(80.5% 0.1991 70.4 / 0.49);
$plt-dark-yellow-a-11: oklch(81.6% 0.1986 74.1 / 0.58);
$plt-dark-yellow-a-12: oklch(82.5% 0.1986 76.8 / 0.63);
$plt-dark-yellow-a-13: oklch(83.2% 0.1987 78.9 / 0.67);
$plt-dark-yellow-a-14: oklch(83.9% 0.1991 81.0 / 0.72);
$plt-dark-yellow-a-15: oklch(85.3% 0.1902 83.9 / 0.76);
$plt-dark-yellow-a-16: oklch(87.9% 0.1623 85.6 / 0.81);
$plt-dark-yellow-a-17: oklch(90.4% 0.1343 86.7 / 0.87);
$plt-dark-yellow-a-18: oklch(92.6% 0.1075 88.0 / 0.88);
$plt-dark-yellow-a-19: oklch(94.6% 0.0795 88.6 / 0.92);
$plt-dark-yellow-a-20: oklch(96.7% 0.0531 91.1 / 0.93);
$plt-dark-green-a-1: oklch(84.4% 0.3659 145.6 / 0.01);
$plt-dark-green-a-2: oklch(87.8% 0.3161 137.6 / 0.07);
$plt-dark-green-a-3: oklch(86.7% 0.3275 139.9 / 0.10);
$plt-dark-green-a-4: oklch(86.4% 0.3368 141.3 / 0.13);
$plt-dark-green-a-5: oklch(86.1% 0.3419 142.1 / 0.16);
$plt-dark-green-a-6: oklch(86.2% 0.3455 142.5 / 0.19);
$plt-dark-green-a-7: oklch(86.0% 0.3487 143.0 / 0.22);
$plt-dark-green-a-8: oklch(86.2% 0.3455 142.5 / 0.26);
$plt-dark-green-a-9: oklch(86.3% 0.3435 142.2 / 0.32);
$plt-dark-green-a-10: oklch(86.8% 0.3353 140.9 / 0.40);
$plt-dark-green-a-11: oklch(87.6% 0.3138 140.0 / 0.48);
$plt-dark-green-a-12: oklch(88.0% 0.2959 140.8 / 0.54);
$plt-dark-green-a-13: oklch(88.6% 0.2719 141.7 / 0.58);
$plt-dark-green-a-14: oklch(89.3% 0.2459 142.7 / 0.63);
$plt-dark-green-a-15: oklch(90.3% 0.2150 143.4 / 0.67);
$plt-dark-green-a-16: oklch(91.6% 0.1759 145.2 / 0.74);
$plt-dark-green-a-17: oklch(92.9% 0.1429 146.0 / 0.81);
$plt-dark-green-a-18: oklch(94.2% 0.1127 146.5 / 0.84);
$plt-dark-green-a-19: oklch(95.7% 0.0805 147.9 / 0.90);
$plt-dark-green-a-20: oklch(97.0% 0.0534 150.7 / 0.92);
$plt-dark-teal-a-1: oklch(83.4% 0.3616 145.6 / 0.02);
$plt-dark-teal-a-2: oklch(85.4% 0.3067 152.8 / 0.08);
$plt-dark-teal-a-3: oklch(85.9% 0.2773 158.0 / 0.11);
$plt-dark-teal-a-4: oklch(86.3% 0.2605 161.9 / 0.13);
$plt-dark-teal-a-5: oklch(86.7% 0.2462 166.0 / 0.16);
$plt-dark-teal-a-6: oklch(87.4% 0.2322 171.5 / 0.19);
$plt-dark-teal-a-7: oklch(87.6% 0.2272 173.8 / 0.21);
$plt-dark-teal-a-8: oklch(88.0% 0.2192 178.0 / 0.25);
$plt-dark-teal-a-9: oklch(88.2% 0.2153 181.0 / 0.30);
$plt-dark-teal-a-10: oklch(88.5% 0.2118 184.1 / 0.39);
$plt-dark-teal-a-11: oklch(88.4% 0.2092 186.1 / 0.48);
$plt-dark-teal-a-12: oklch(88.9% 0.2077 188.6 / 0.53);
$plt-dark-teal-a-13: oklch(89.1% 0.2059 190.6 / 0.58);
$plt-dark-teal-a-14: oklch(89.2% 0.2056 191.9 / 0.62);
$plt-dark-teal-a-15: oklch(89.4% 0.2027 193.2 / 0.67);
$plt-dark-teal-a-16: oklch(90.3% 0.1715 194.5 / 0.75);
$plt-dark-teal-a-17: oklch(91.8% 0.1383 195.2 / 0.82);
$plt-dark-teal-a-18: oklch(93.1% 0.1119 195.8 / 0.85);
$plt-dark-teal-a-19: oklch(94.6% 0.0794 197.9 / 0.91);
$plt-dark-teal-a-20: oklch(96.3% 0.0525 198.3 / 0.93);
$plt-dark-purple-a-1: oklch(66.3% 0.2997 6.7 / 0.03);
$plt-dark-purple-a-2: oklch(73.2% 0.3323 333.7 / 0.10);
$plt-dark-purple-a-3: oklch(70.5% 0.3238 326.2 / 0.15);
$plt-dark-purple-a-4: oklch(68.7% 0.3152 322.5 / 0.21);
$plt-dark-purple-a-5: oklch(67.6% 0.3078 320.0 / 0.27);
$plt-dark-purple-a-6: oklch(66.4% 0.3047 317.8 / 0.34);
$plt-dark-purple-a-7: oklch(65.5% 0.2986 315.3 / 0.40);
$plt-dark-purple-a-8: oklch(66.1% 0.2880 314.5 / 0.46);
$plt-dark-purple-a-9: oklch(67.0% 0.2719 313.0 / 0.54);
$plt-dark-purple-a-10: oklch(69.0% 0.2478 311.7 / 0.64);
$plt-dark-purple-a-11: oklch(70.8% 0.2270 310.5 / 0.74);
$plt-dark-purple-a-12: oklch(72.0% 0.2112 309.4 / 0.80);
$plt-dark-purple-a-13: oklch(73.3% 0.1970 307.7 / 0.85);
$plt-dark-purple-a-14: oklch(74.7% 0.1839 307.0 / 0.89);
$plt-dark-purple-a-15: oklch(76.8% 0.1629 306.0 / 0.91);
$plt-dark-purple-a-16: oklch(79.6% 0.1409 304.6 / 0.96);
$plt-dark-purple-a-17: oklch(83.0% 0.1150 304.1);
$plt-dark-purple-a-18: oklch(85.6% 0.0947 302.5);
$plt-dark-purple-a-19: oklch(90.3% 0.0632 303.0);
$plt-dark-purple-a-20: oklch(92.6% 0.0474 302.3);
$plt-yellow-fixed-1: oklch(98.0% 0.0120 60.0);
$plt-yellow-fixed-2: oklch(96.6% 0.0310 70.3);
$plt-yellow-fixed-3: oklch(95.9% 0.0363 67.9);
$plt-yellow-fixed-4: oklch(94.9% 0.0462 68.9);
$plt-yellow-fixed-5: oklch(93.9% 0.0564 69.9);
$plt-yellow-fixed-6: oklch(92.8% 0.0705 72.5);
$plt-yellow-fixed-7: oklch(91.9% 0.0794 72.5);
$plt-yellow-fixed-8: oklch(90.9% 0.0933 74.3);
$plt-yellow-fixed-9: oklch(89.8% 0.1081 75.8);
$plt-yellow-fixed-10: oklch(89.0% 0.1196 76.6);
$plt-yellow-fixed-11: oklch(88.0% 0.1335 77.6);
$plt-yellow-fixed-12: oklch(87.0% 0.1509 79.1);
$plt-yellow-fixed-13: oklch(86.1% 0.1658 80.1);
$plt-yellow-fixed-14: oklch(85.7% 0.1688 79.5);
$plt-yellow-fixed-15: oklch(85.0% 0.1700 80.0);
$plt-yellow-fixed-16: oklch(76.0% 0.1662 79.0);
$plt-yellow-fixed-17: oklch(67.0% 0.1548 76.0);
$plt-yellow-fixed-18: oklch(58.0% 0.1358 71.0);
$plt-yellow-fixed-19: oklch(49.0% 0.1092 64.0);
$plt-yellow-fixed-20: oklch(40.0% 0.0750 55.0);
$plt-orange-fixed-1: oklch(98.0% 0.0120 60.0);
$plt-orange-fixed-2: oklch(95.8% 0.0369 67.6);
$plt-orange-fixed-3: oklch(94.0% 0.0526 66.5);
$plt-orange-fixed-4: oklch(92.2% 0.0681 65.5);
$plt-orange-fixed-5: oklch(90.4% 0.0835 64.6);
$plt-orange-fixed-6: oklch(88.8% 0.0971 63.4);
$plt-orange-fixed-7: oklch(86.9% 0.1150 63.5);
$plt-orange-fixed-8: oklch(85.1% 0.1325 63.3);
$plt-orange-fixed-9: oklch(83.2% 0.1511 63.3);
$plt-orange-fixed-10: oklch(81.9% 0.1620 62.0);
$plt-orange-fixed-11: oklch(80.7% 0.1703 60.3);
$plt-orange-fixed-12: oklch(79.1% 0.1734 60.0);
$plt-orange-fixed-13: oklch(77.4% 0.1745 60.0);
$plt-orange-fixed-14: oklch(75.7% 0.1749 60.0);
$plt-orange-fixed-15: oklch(74.0% 0.1750 60.0);
$plt-orange-fixed-16: oklch(67.2% 0.1800 59.6);
$plt-orange-fixed-17: oklch(60.4% 0.1671 56.8);
$plt-orange-fixed-18: oklch(53.7% 0.1532 54.0);
$plt-orange-fixed-19: oklch(46.9% 0.1393 50.8);
$plt-orange-fixed-20: oklch(40.1% 0.1252 47.3);
$plt-dark-yellow-fixed-1: oklch(20.0% 0.0300 70.0);
$plt-dark-yellow-fixed-2: oklch(25.0% 0.0430 70.6);
$plt-dark-yellow-fixed-3: oklch(30.0% 0.0560 71.1);
$plt-dark-yellow-fixed-4: oklch(35.0% 0.0690 71.7);
$plt-dark-yellow-fixed-5: oklch(40.0% 0.0820 72.2);
$plt-dark-yellow-fixed-6: oklch(45.0% 0.0950 72.8);
$plt-dark-yellow-fixed-7: oklch(50.0% 0.1080 73.3);
$plt-dark-yellow-fixed-8: oklch(55.0% 0.1210 73.9);
$plt-dark-yellow-fixed-9: oklch(60.0% 0.1340 74.4);
$plt-dark-yellow-fixed-10: oklch(65.0% 0.1470 75.0);
$plt-dark-yellow-fixed-11: oklch(67.7% 0.1600 76.5);
$plt-dark-yellow-fixed-12: oklch(70.4% 0.1467 78.0);
$plt-dark-yellow-fixed-13: oklch(73.1% 0.1333 79.5);
$plt-dark-yellow-fixed-14: oklch(75.8% 0.1200 81.0);
$plt-dark-yellow-fixed-15: oklch(78.5% 0.1067 82.5);
$plt-dark-yellow-fixed-16: oklch(81.2% 0.0933 84.0);
$plt-dark-yellow-fixed-17: oklch(83.9% 0.0800 85.5);
$plt-dark-yellow-fixed-18: oklch(86.6% 0.0667 87.0);
$plt-dark-yellow-fixed-19: oklch(89.3% 0.0533 88.5);
$plt-dark-yellow-fixed-20: oklch(92.0% 0.0400 90.0);
$plt-dark-orange-fixed-1: oklch(20.0% 0.0300 55.0);
$plt-dark-orange-fixed-2: oklch(25.0% 0.0430 55.6);
$plt-dark-orange-fixed-3: oklch(30.0% 0.0560 56.1);
$plt-dark-orange-fixed-4: oklch(35.0% 0.0690 56.7);
$plt-dark-orange-fixed-5: oklch(40.0% 0.0820 57.2);
$plt-dark-orange-fixed-6: oklch(45.0% 0.0950 57.8);
$plt-dark-orange-fixed-7: oklch(50.0% 0.1080 58.3);
$plt-dark-orange-fixed-8: oklch(55.0% 0.1210 58.9);
$plt-dark-orange-fixed-9: oklch(60.0% 0.1340 59.4);
$plt-dark-orange-fixed-10: oklch(65.0% 0.1470 60.0);
$plt-dark-orange-fixed-11: oklch(67.7% 0.1600 61.5);
$plt-dark-orange-fixed-12: oklch(70.4% 0.1467 63.0);
$plt-dark-orange-fixed-13: oklch(73.1% 0.1333 64.5);
$plt-dark-orange-fixed-14: oklch(75.8% 0.1200 66.0);
$plt-dark-orange-fixed-15: oklch(78.5% 0.1067 67.5);
$plt-dark-orange-fixed-16: oklch(81.2% 0.0933 69.0);
$plt-dark-orange-fixed-17: oklch(83.9% 0.0800 70.5);
$plt-dark-orange-fixed-18: oklch(86.6% 0.0667 72.0);
$plt-dark-orange-fixed-19: oklch(89.3% 0.0533 73.5);
$plt-dark-orange-fixed-20: oklch(92.0% 0.0400 75.0);
$plt-yellow-fixed-a-1: oklch(66.4% 0.1947 51.8 / 0.06);
$plt-yellow-fixed-a-2: oklch(76.2% 0.2103 56.9 / 0.12);
$plt-yellow-fixed-a-3: oklch(75.9% 0.2116 56.0 / 0.15);
$plt-yellow-fixed-a-4: oklch(75.9% 0.2116 56.0 / 0.18);
$plt-yellow-fixed-a-5: oklch(76.3% 0.2098 57.4 / 0.22);
$plt-yellow-fixed-a-6: oklch(77.6% 0.2049 61.1 / 0.28);
$plt-yellow-fixed-a-7: oklch(77.4% 0.2060 60.7 / 0.31);
$plt-yellow-fixed-a-8: oklch(78.0% 0.2041 62.6 / 0.36);
$plt-yellow-fixed-a-9: oklch(78.8% 0.2021 65.1 / 0.42);
$plt-yellow-fixed-a-10: oklch(79.0% 0.2014 65.6 / 0.47);
$plt-yellow-fixed-a-11: oklch(79.3% 0.2012 66.7 / 0.52);
$plt-yellow-fixed-a-12: oklch(80.3% 0.1994 69.8 / 0.60);
$plt-yellow-fixed-a-13: oklch(80.8% 0.1989 71.4 / 0.67);
$plt-yellow-fixed-a-14: oklch(80.8% 0.1989 71.4 / 0.69);
$plt-yellow-fixed-a-15: oklch(80.1% 0.1965 72.4 / 0.71);
$plt-yellow-fixed-a-16: oklch(71.6% 0.1747 73.5 / 0.83);
$plt-yellow-fixed-a-17: oklch(63.9% 0.1568 72.3 / 0.91);
$plt-yellow-fixed-a-18: oklch(54.4% 0.1382 66.5 / 0.92);
$plt-yellow-fixed-a-19: oklch(42.6% 0.1157 58.6 / 0.89);
$plt-yellow-fixed-a-20: oklch(30.0% 0.0876 52.1 / 0.87);
$plt-orange-fixed-a-1: oklch(66.4% 0.1947 51.8 / 0.06);
$plt-orange-fixed-a-2: oklch(75.9% 0.2116 56.0 / 0.15);
$plt-orange-fixed-a-3: oklch(75.3% 0.2143 54.2 / 0.21);
$plt-orange-fixed-a-4: oklch(74.9% 0.2163 53.0 / 0.27);
$plt-orange-fixed-a-5: oklch(74.7% 0.2171 52.5 / 0.33);
$plt-orange-fixed-a-6: oklch(74.5% 0.2181 51.7 / 0.38);
$plt-orange-fixed-a-7: oklch(74.5% 0.2181 51.7 / 0.45);
$plt-orange-fixed-a-8: oklch(74.7% 0.2170 52.6 / 0.52);
$plt-orange-fixed-a-9: oklch(74.7% 0.2170 52.6 / 0.60);
$plt-orange-fixed-a-10: oklch(74.7% 0.2170 52.6 / 0.65);
$plt-orange-fixed-a-11: oklch(74.3% 0.2192 51.4 / 0.69);
$plt-orange-fixed-a-12: oklch(73.0% 0.2154 51.4 / 0.72);
$plt-orange-fixed-a-13: oklch(71.3% 0.2099 51.5 / 0.75);
$plt-orange-fixed-a-14: oklch(70.1% 0.2033 52.7 / 0.78);
$plt-orange-fixed-a-15: oklch(68.8% 0.2010 52.1 / 0.80);
$plt-orange-fixed-a-16: oklch(66.7% 0.1797 59.4 / 0.99);
$plt-orange-fixed-a-17: oklch(60.4% 0.1666 57.1);
$plt-orange-fixed-a-18: oklch(53.6% 0.1531 54.0);
$plt-orange-fixed-a-19: oklch(46.9% 0.1400 50.5);
$plt-orange-fixed-a-20: oklch(40.0% 0.1250 47.3);
$plt-dark-yellow-fixed-a-1: oklch(64.5% 0.2974 29.0 / 0.06);
$plt-dark-yellow-fixed-a-2: oklch(69.6% 0.2523 38.8 / 0.12);
$plt-dark-yellow-fixed-a-3: oklch(73.8% 0.2222 49.8 / 0.19);
$plt-dark-yellow-fixed-a-4: oklch(76.6% 0.2087 58.3 / 0.26);
$plt-dark-yellow-fixed-a-5: oklch(78.3% 0.2032 63.7 / 0.33);
$plt-dark-yellow-fixed-a-6: oklch(79.2% 0.2003 66.0 / 0.40);
$plt-dark-yellow-fixed-a-7: oklch(80.0% 0.1981 68.3 / 0.47);
$plt-dark-yellow-fixed-a-8: oklch(80.7% 0.1955 70.0 / 0.55);
$plt-dark-yellow-fixed-a-9: oklch(81.0% 0.1942 71.9 / 0.63);
$plt-dark-yellow-fixed-a-10: oklch(81.7% 0.1935 72.9 / 0.71);
$plt-dark-yellow-fixed-a-11: oklch(81.7% 0.1972 74.8 / 0.76);
$plt-dark-yellow-fixed-a-12: oklch(83.9% 0.1823 77.1 / 0.77);
$plt-dark-yellow-fixed-a-13: oklch(85.7% 0.1649 78.5 / 0.79);
$plt-dark-yellow-fixed-a-14: oklch(87.8% 0.1467 80.7 / 0.81);
$plt-dark-yellow-fixed-a-15: oklch(89.6% 0.1274 81.8 / 0.82);
$plt-dark-yellow-fixed-a-16: oklch(91.3% 0.1112 83.8 / 0.84);
$plt-dark-yellow-fixed-a-17: oklch(93.0% 0.0929 85.2 / 0.86);
$plt-dark-yellow-fixed-a-18: oklch(94.5% 0.0756 86.5 / 0.88);
$plt-dark-yellow-fixed-a-19: oklch(95.9% 0.0602 88.9 / 0.90);
$plt-dark-yellow-fixed-a-20: oklch(96.8% 0.0442 87.3 / 0.93);
$plt-dark-orange-fixed-a-1: oklch(64.7% 0.2983 29.0 / 0.06);
$plt-dark-orange-fixed-a-2: oklch(68.2% 0.2623 36.1 / 0.13);
$plt-dark-orange-fixed-a-3: oklch(71.6% 0.2365 43.8 / 0.20);
$plt-dark-orange-fixed-a-4: oklch(74.0% 0.2207 50.6 / 0.27);
$plt-dark-orange-fixed-a-5: oklch(75.3% 0.2127 53.5 / 0.35);
$plt-dark-orange-fixed-a-6: oklch(76.6% 0.2039 55.8 / 0.42);
$plt-dark-orange-fixed-a-7: oklch(76.9% 0.1995 56.7 / 0.50);
$plt-dark-orange-fixed-a-8: oklch(77.9% 0.1948 58.0 / 0.58);
$plt-dark-orange-fixed-a-9: oklch(78.4% 0.1913 58.8 / 0.66);
$plt-dark-orange-fixed-a-10: oklch(78.7% 0.1899 59.6 / 0.75);
$plt-dark-orange-fixed-a-11: oklch(78.6% 0.1935 60.9 / 0.80);
$plt-dark-orange-fixed-a-12: oklch(80.6% 0.1767 62.6 / 0.81);
$plt-dark-orange-fixed-a-13: oklch(82.6% 0.1576 64.5 / 0.83);
$plt-dark-orange-fixed-a-14: oklch(84.8% 0.1408 66.2 / 0.85);
$plt-dark-orange-fixed-a-15: oklch(86.7% 0.1240 67.4 / 0.86);
$plt-dark-orange-fixed-a-16: oklch(88.8% 0.1060 69.2 / 0.88);
$plt-dark-orange-fixed-a-17: oklch(90.6% 0.0901 70.6 / 0.89);
$plt-dark-orange-fixed-a-18: oklch(92.4% 0.0735 71.7 / 0.91);
$plt-dark-orange-fixed-a-19: oklch(94.0% 0.0588 73.0 / 0.93);
$plt-dark-orange-fixed-a-20: oklch(95.9% 0.0429 76.6 / 0.94);
$plt-white: oklch(100.0% 0.0000 0.0);
$plt-black: oklch(0.0% 0.0000 0.0);
$semantic-contrast-1: oklch(96.9% 0.0050 260.0);
$semantic-contrast-2: oklch(94.6% 0.0068 260.0);
$semantic-contrast-3: oklch(92.6% 0.0085 260.0);
$semantic-contrast-4: oklch(90.6% 0.0103 260.0);
$semantic-contrast-5: oklch(88.4% 0.0120 260.0);
$semantic-contrast-6: oklch(85.7% 0.0138 260.0);
$semantic-contrast-7: oklch(83.0% 0.0155 260.0);
$semantic-contrast-8: oklch(80.2% 0.0173 260.0);
$semantic-contrast-9: oklch(77.3% 0.0190 260.0);
$semantic-contrast-10: oklch(74.2% 0.0208 260.0);
$semantic-contrast-11: oklch(71.2% 0.0225 260.0);
$semantic-contrast-12: oklch(68.0% 0.0243 260.0);
$semantic-contrast-13: oklch(64.7% 0.0261 260.0);
$semantic-contrast-14: oklch(61.2% 0.0278 260.0);
$semantic-contrast-15: oklch(57.7% 0.0296 260.0);
$semantic-contrast-16: oklch(54.0% 0.0300 260.0);
$semantic-contrast-17: oklch(50.0% 0.0300 260.0);
$semantic-contrast-18: oklch(41.1% 0.0300 260.0);
$semantic-contrast-19: oklch(36.1% 0.0300 260.0);
$semantic-contrast-20: oklch(30.2% 0.0300 260.0);
$semantic-contrast-a-1: oklch(32.3% 0.1276 255.4 / 0.05);
$semantic-contrast-a-2: oklch(24.7% 0.1052 257.1 / 0.08);
$semantic-contrast-a-3: oklch(24.6% 0.1014 255.2 / 0.11);
$semantic-contrast-a-4: oklch(22.8% 0.0965 257.3 / 0.13);
$semantic-contrast-a-5: oklch(22.8% 0.0942 255.5 / 0.17);
$semantic-contrast-a-6: oklch(20.7% 0.0889 255.6 / 0.20);
$semantic-contrast-a-7: oklch(20.4% 0.0925 258.5 / 0.24);
$semantic-contrast-a-8: oklch(21.4% 0.0826 253.6 / 0.28);
$semantic-contrast-a-9: oklch(19.6% 0.0859 257.8 / 0.31);
$semantic-contrast-a-10: oklch(20.1% 0.0786 254.3 / 0.35);
$semantic-contrast-a-11: oklch(18.7% 0.0774 256.6 / 0.39);
$semantic-contrast-a-12: oklch(19.3% 0.0717 252.8 / 0.43);
$semantic-contrast-a-13: oklch(18.8% 0.0697 252.8 / 0.47);
$semantic-contrast-a-14: oklch(18.0% 0.0702 252.5 / 0.51);
$semantic-contrast-a-15: oklch(18.3% 0.0689 251.2 / 0.56);
$semantic-contrast-a-16: oklch(17.0% 0.0661 252.4 / 0.60);
$semantic-contrast-a-17: oklch(16.7% 0.0613 250.2 / 0.64);
$semantic-contrast-a-18: oklch(15.1% 0.0536 248.8 / 0.74);
$semantic-contrast-a-19: oklch(14.5% 0.0498 247.4 / 0.79);
$semantic-contrast-a-20: oklch(13.5% 0.0474 248.4 / 0.85);
$semantic-theme-1: oklch(96.9% 0.0100 255.0);
$semantic-theme-2: oklch(94.6% 0.0247 255.4);
$semantic-theme-3: oklch(92.6% 0.0364 252.9);
$semantic-theme-4: oklch(90.4% 0.0478 251.8);
$semantic-theme-5: oklch(88.4% 0.0580 252.9);
$semantic-theme-6: oklch(85.7% 0.0728 252.3);
$semantic-theme-7: oklch(82.8% 0.0875 253.6);
$semantic-theme-8: oklch(80.1% 0.1021 254.6);
$semantic-theme-9: oklch(77.1% 0.1181 255.8);
$semantic-theme-10: oklch(74.3% 0.1341 256.7);
$semantic-theme-11: oklch(71.2% 0.1511 257.7);
$semantic-theme-12: oklch(68.2% 0.1689 258.5);
$semantic-theme-13: oklch(64.9% 0.1868 259.3);
$semantic-theme-14: oklch(61.5% 0.2016 259.6);
$semantic-theme-15: oklch(58.0% 0.2163 260.0);
$semantic-theme-16: oklch(54.4% 0.2158 262.0);
$semantic-theme-17: oklch(50.5% 0.1969 264.0);
$semantic-theme-18: oklch(41.6% 0.1630 266.0);
$semantic-theme-19: oklch(36.4% 0.1140 268.0);
$semantic-theme-20: oklch(30.3% 0.0500 270.0);
$semantic-theme-a-1: oklch(44.8% 0.1974 256.5 / 0.06);
$semantic-theme-a-2: oklch(52.7% 0.2480 258.1 / 0.10);
$semantic-theme-a-3: oklch(54.8% 0.2458 256.9 / 0.15);
$semantic-theme-a-4: oklch(55.0% 0.2413 256.3 / 0.19);
$semantic-theme-a-5: oklch(55.3% 0.2451 256.6 / 0.23);
$semantic-theme-a-6: oklch(55.4% 0.2428 256.3 / 0.29);
$semantic-theme-a-7: oklch(54.5% 0.2458 257.0 / 0.34);
$semantic-theme-a-8: oklch(54.4% 0.2503 257.6 / 0.39);
$semantic-theme-a-9: oklch(53.8% 0.2522 258.0 / 0.45);
$semantic-theme-a-10: oklch(53.6% 0.2567 258.5 / 0.50);
$semantic-theme-a-11: oklch(53.0% 0.2585 258.9 / 0.56);
$semantic-theme-a-12: oklch(52.3% 0.2646 259.7 / 0.61);
$semantic-theme-a-13: oklch(51.5% 0.2657 260.1 / 0.67);
$semantic-theme-a-14: oklch(50.6% 0.2637 260.3 / 0.73);
$semantic-theme-a-15: oklch(49.5% 0.2621 260.6 / 0.79);
$semantic-theme-a-16: oklch(46.2% 0.2570 261.5 / 0.80);
$semantic-theme-a-17: oklch(40.7% 0.2355 262.1 / 0.80);
$semantic-theme-a-18: oklch(31.9% 0.1885 262.4 / 0.84);
$semantic-theme-a-19: oklch(24.1% 0.1376 261.9 / 0.84);
$semantic-theme-a-20: oklch(15.1% 0.0700 257.7 / 0.85);
$semantic-error-1: oklch(97.0% 0.0100 25.0);
$semantic-error-2: oklch(95.0% 0.0247 25.4);
$semantic-error-3: oklch(93.1% 0.0351 26.6);
$semantic-error-4: oklch(91.0% 0.0462 27.3);
$semantic-error-5: oklch(89.3% 0.0561 27.5);
$semantic-error-6: oklch(86.5% 0.0725 27.9);
$semantic-error-7: oklch(83.9% 0.0887 27.9);
$semantic-error-8: oklch(81.2% 0.1062 27.9);
$semantic-error-9: oklch(78.5% 0.1250 28.0);
$semantic-error-10: oklch(75.6% 0.1426 28.2);
$semantic-error-11: oklch(72.7% 0.1574 28.6);
$semantic-error-12: oklch(69.5% 0.1721 28.9);
$semantic-error-13: oklch(66.3% 0.1868 29.3);
$semantic-error-14: oklch(62.7% 0.2016 29.6);
$semantic-error-15: oklch(58.9% 0.2163 30.0);
$semantic-error-16: oklch(54.7% 0.2119 31.2);
$semantic-error-17: oklch(50.5% 0.1869 32.9);
$semantic-error-18: oklch(41.2% 0.1489 33.8);
$semantic-error-19: oklch(36.4% 0.1140 38.0);
$semantic-error-20: oklch(30.5% 0.0500 40.0);
$semantic-error-a-1: oklch(45.9% 0.2004 30.8 / 0.05);
$semantic-error-a-2: oklch(57.2% 0.2546 30.0 / 0.10);
$semantic-error-a-3: oklch(58.5% 0.2558 30.7 / 0.13);
$semantic-error-a-4: oklch(58.3% 0.2523 31.2 / 0.18);
$semantic-error-a-5: oklch(58.6% 0.2548 31.0 / 0.21);
$semantic-error-a-6: oklch(59.5% 0.2582 31.1 / 0.27);
$semantic-error-a-7: oklch(59.3% 0.2573 31.1 / 0.32);
$semantic-error-a-8: oklch(59.2% 0.2583 30.9 / 0.38);
$semantic-error-a-9: oklch(59.6% 0.2603 30.8 / 0.44);
$semantic-error-a-10: oklch(59.2% 0.2583 30.9 / 0.50);
$semantic-error-a-11: oklch(58.2% 0.2564 30.6 / 0.55);
$semantic-error-a-12: oklch(57.1% 0.2500 30.8 / 0.62);
$semantic-error-a-13: oklch(56.0% 0.2461 30.7 / 0.68);
$semantic-error-a-14: oklch(54.9% 0.2426 30.5 / 0.75);
$semantic-error-a-15: oklch(54.0% 0.2393 30.4 / 0.83);
$semantic-error-a-16: oklch(51.4% 0.2240 31.0 / 0.89);
$semantic-error-a-17: oklch(46.8% 0.1970 32.3 / 0.91);
$semantic-error-a-18: oklch(37.8% 0.1541 33.6 / 0.94);
$semantic-error-a-19: oklch(32.4% 0.1221 37.0 / 0.94);
$semantic-error-a-20: oklch(19.9% 0.0645 45.0 / 0.89);
$semantic-warning-1: oklch(96.9% 0.0100 65.0);
$semantic-warning-2: oklch(94.8% 0.0247 66.0);
$semantic-warning-3: oklch(92.8% 0.0395 67.0);
$semantic-warning-4: oklch(90.8% 0.0542 68.0);
$semantic-warning-5: oklch(88.7% 0.0689 69.0);
$semantic-warning-6: oklch(86.0% 0.0837 70.0);
$semantic-warning-7: oklch(83.3% 0.0984 71.0);
$semantic-warning-8: oklch(80.6% 0.1132 72.0);
$semantic-warning-9: oklch(77.7% 0.1279 73.0);
$semantic-warning-10: oklch(74.7% 0.1426 74.0);
$semantic-warning-11: oklch(71.7% 0.1522 73.5);
$semantic-warning-12: oklch(68.4% 0.1452 73.6);
$semantic-warning-13: oklch(65.0% 0.1370 75.2);
$semantic-warning-14: oklch(61.5% 0.1291 76.1);
$semantic-warning-15: oklch(57.9% 0.1207 77.7);
$semantic-warning-16: oklch(54.1% 0.1126 78.3);
$semantic-warning-17: oklch(50.2% 0.1086 70.2);
$semantic-warning-18: oklch(41.4% 0.0951 62.2);
$semantic-warning-19: oklch(36.3% 0.0917 53.3);
$semantic-warning-20: oklch(30.4% 0.0500 50.0);
$semantic-warning-a-1: oklch(52.9% 0.1519 53.1 / 0.06);
$semantic-warning-a-2: oklch(60.4% 0.1752 52.4 / 0.13);
$semantic-warning-a-3: oklch(65.2% 0.1808 56.3 / 0.19);
$semantic-warning-a-4: oklch(66.3% 0.1832 56.8 / 0.25);
$semantic-warning-a-5: oklch(67.3% 0.1837 58.0 / 0.32);
$semantic-warning-a-6: oklch(66.7% 0.1813 58.4 / 0.39);
$semantic-warning-a-7: oklch(66.3% 0.1769 60.3 / 0.47);
$semantic-warning-a-8: oklch(65.9% 0.1742 61.5 / 0.54);
$semantic-warning-a-9: oklch(65.5% 0.1714 62.6 / 0.62);
$semantic-warning-a-10: oklch(65.8% 0.1691 64.9 / 0.72);
$semantic-warning-a-11: oklch(65.4% 0.1666 66.1 / 0.80);
$semantic-warning-a-12: oklch(61.8% 0.1569 66.6 / 0.82);
$semantic-warning-a-13: oklch(58.2% 0.1459 68.4 / 0.83);
$semantic-warning-a-14: oklch(54.4% 0.1357 69.3 / 0.84);
$semantic-warning-a-15: oklch(50.9% 0.1246 72.8 / 0.86);
$semantic-warning-a-16: oklch(47.2% 0.1151 73.5 / 0.88);
$semantic-warning-a-17: oklch(44.0% 0.1129 65.1 / 0.90);
$semantic-warning-a-18: oklch(36.7% 0.0998 58.5 / 0.93);
$semantic-warning-a-19: oklch(32.7% 0.0959 51.7 / 0.95);
$semantic-warning-a-20: oklch(21.1% 0.0607 53.3 / 0.90);
$semantic-warning-fixed-1: oklch(98.0% 0.0120 60.0);
$semantic-warning-fixed-2: oklch(96.6% 0.0310 70.3);
$semantic-warning-fixed-3: oklch(95.9% 0.0363 67.9);
$semantic-warning-fixed-4: oklch(94.9% 0.0462 68.9);
$semantic-warning-fixed-5: oklch(93.9% 0.0564 69.9);
$semantic-warning-fixed-6: oklch(92.8% 0.0705 72.5);
$semantic-warning-fixed-7: oklch(91.9% 0.0794 72.5);
$semantic-warning-fixed-8: oklch(90.9% 0.0933 74.3);
$semantic-warning-fixed-9: oklch(89.8% 0.1081 75.8);
$semantic-warning-fixed-10: oklch(89.0% 0.1196 76.6);
$semantic-warning-fixed-11: oklch(88.0% 0.1335 77.6);
$semantic-warning-fixed-12: oklch(87.0% 0.1509 79.1);
$semantic-warning-fixed-13: oklch(86.1% 0.1658 80.1);
$semantic-warning-fixed-14: oklch(85.7% 0.1688 79.5);
$semantic-warning-fixed-15: oklch(85.0% 0.1700 80.0);
$semantic-warning-fixed-16: oklch(76.0% 0.1662 79.0);
$semantic-warning-fixed-17: oklch(67.0% 0.1548 76.0);
$semantic-warning-fixed-18: oklch(58.0% 0.1358 71.0);
$semantic-warning-fixed-19: oklch(49.0% 0.1092 64.0);
$semantic-warning-fixed-20: oklch(40.0% 0.0750 55.0);
$semantic-warning-fixed-a-1: oklch(66.4% 0.1947 51.8 / 0.06);
$semantic-warning-fixed-a-2: oklch(76.2% 0.2103 56.9 / 0.12);
$semantic-warning-fixed-a-3: oklch(75.9% 0.2116 56.0 / 0.15);
$semantic-warning-fixed-a-4: oklch(75.9% 0.2116 56.0 / 0.18);
$semantic-warning-fixed-a-5: oklch(76.3% 0.2098 57.4 / 0.22);
$semantic-warning-fixed-a-6: oklch(77.6% 0.2049 61.1 / 0.28);
$semantic-warning-fixed-a-7: oklch(77.4% 0.2060 60.7 / 0.31);
$semantic-warning-fixed-a-8: oklch(78.0% 0.2041 62.6 / 0.36);
$semantic-warning-fixed-a-9: oklch(78.8% 0.2021 65.1 / 0.42);
$semantic-warning-fixed-a-10: oklch(79.0% 0.2014 65.6 / 0.47);
$semantic-warning-fixed-a-11: oklch(79.3% 0.2012 66.7 / 0.52);
$semantic-warning-fixed-a-12: oklch(80.3% 0.1994 69.8 / 0.60);
$semantic-warning-fixed-a-13: oklch(80.8% 0.1989 71.4 / 0.67);
$semantic-warning-fixed-a-14: oklch(80.8% 0.1989 71.4 / 0.69);
$semantic-warning-fixed-a-15: oklch(80.1% 0.1965 72.4 / 0.71);
$semantic-warning-fixed-a-16: oklch(71.6% 0.1747 73.5 / 0.83);
$semantic-warning-fixed-a-17: oklch(63.9% 0.1568 72.3 / 0.91);
$semantic-warning-fixed-a-18: oklch(54.4% 0.1382 66.5 / 0.92);
$semantic-warning-fixed-a-19: oklch(42.6% 0.1157 58.6 / 0.89);
$semantic-warning-fixed-a-20: oklch(30.0% 0.0876 52.1 / 0.87);
$semantic-success-1: oklch(96.9% 0.0100 145.0);
$semantic-success-2: oklch(94.4% 0.0247 144.6);
$semantic-success-3: oklch(92.2% 0.0395 144.3);
$semantic-success-4: oklch(89.9% 0.0542 143.9);
$semantic-success-5: oklch(87.7% 0.0689 143.6);
$semantic-success-6: oklch(84.9% 0.0837 143.2);
$semantic-success-7: oklch(81.9% 0.0984 142.9);
$semantic-success-8: oklch(79.0% 0.1132 142.5);
$semantic-success-9: oklch(75.9% 0.1279 142.1);
$semantic-success-10: oklch(72.8% 0.1426 141.8);
$semantic-success-11: oklch(69.5% 0.1574 141.4);
$semantic-success-12: oklch(66.1% 0.1721 141.1);
$semantic-success-13: oklch(62.6% 0.1868 140.7);
$semantic-success-14: oklch(59.1% 0.1954 141.3);
$semantic-success-15: oklch(55.2% 0.1833 141.4);
$semantic-success-16: oklch(51.9% 0.1643 139.2);
$semantic-success-17: oklch(48.1% 0.1473 137.5);
$semantic-success-18: oklch(39.7% 0.1168 135.4);
$semantic-success-19: oklch(35.0% 0.1003 133.9);
$semantic-success-20: oklch(29.8% 0.0500 130.0);
$semantic-success-a-1: oklch(40.7% 0.1675 143.8 / 0.06);
$semantic-success-a-2: oklch(49.6% 0.2122 145.2 / 0.11);
$semantic-success-a-3: oklch(52.9% 0.2237 144.8 / 0.16);
$semantic-success-a-4: oklch(54.7% 0.2298 144.5 / 0.21);
$semantic-success-a-5: oklch(55.8% 0.2339 144.4 / 0.26);
$semantic-success-a-6: oklch(55.0% 0.2307 144.5 / 0.31);
$semantic-success-a-7: oklch(54.5% 0.2266 144.1 / 0.38);
$semantic-success-a-8: oklch(54.2% 0.2253 144.1 / 0.44);
$semantic-success-a-9: oklch(53.4% 0.2210 143.9 / 0.50);
$semantic-success-a-10: oklch(53.1% 0.2192 143.7 / 0.56);
$semantic-success-a-11: oklch(52.6% 0.2160 143.5 / 0.63);
$semantic-success-a-12: oklch(52.7% 0.2148 143.2 / 0.70);
$semantic-success-a-13: oklch(52.5% 0.2114 142.7 / 0.78);
$semantic-success-a-14: oklch(51.6% 0.2088 142.9 / 0.84);
$semantic-success-a-15: oklch(48.1% 0.1946 142.9 / 0.85);
$semantic-success-a-16: oklch(44.6% 0.1728 141.1 / 0.87);
$semantic-success-a-17: oklch(41.1% 0.1542 139.6 / 0.89);
$semantic-success-a-18: oklch(34.5% 0.1222 136.8 / 0.93);
$semantic-success-a-19: oklch(30.7% 0.1042 134.5 / 0.95);
$semantic-success-a-20: oklch(20.2% 0.0631 129.6 / 0.90);
$semantic-visited-1: oklch(97.0% 0.0100 305.0);
$semantic-visited-2: oklch(94.8% 0.0247 305.4);
$semantic-visited-3: oklch(93.0% 0.0395 305.7);
$semantic-visited-4: oklch(91.1% 0.0542 306.1);
$semantic-visited-5: oklch(89.1% 0.0680 306.8);
$semantic-visited-6: oklch(86.5% 0.0837 306.8);
$semantic-visited-7: oklch(83.9% 0.0984 307.1);
$semantic-visited-8: oklch(81.3% 0.1132 307.5);
$semantic-visited-9: oklch(78.5% 0.1279 307.9);
$semantic-visited-10: oklch(75.7% 0.1426 308.2);
$semantic-visited-11: oklch(72.8% 0.1574 308.6);
$semantic-visited-12: oklch(69.7% 0.1721 308.9);
$semantic-visited-13: oklch(66.6% 0.1868 309.3);
$semantic-visited-14: oklch(63.3% 0.2016 309.6);
$semantic-visited-15: oklch(59.8% 0.2163 310.0);
$semantic-visited-16: oklch(56.0% 0.2158 312.0);
$semantic-visited-17: oklch(51.8% 0.1969 314.0);
$semantic-visited-18: oklch(42.4% 0.1630 316.0);
$semantic-visited-19: oklch(37.1% 0.1140 318.0);
$semantic-visited-20: oklch(30.7% 0.0500 320.0);
$semantic-visited-a-1: oklch(33.7% 0.1954 285.7 / 0.04);
$semantic-visited-a-2: oklch(42.5% 0.2494 286.9 / 0.08);
$semantic-visited-a-3: oklch(46.8% 0.2735 288.3 / 0.11);
$semantic-visited-a-4: oklch(48.7% 0.2872 286.5 / 0.15);
$semantic-visited-a-5: oklch(50.2% 0.2913 289.7 / 0.18);
$semantic-visited-a-6: oklch(49.3% 0.2858 289.9 / 0.22);
$semantic-visited-a-7: oklch(49.2% 0.2825 291.8 / 0.27);
$semantic-visited-a-8: oklch(48.7% 0.2798 292.0 / 0.31);
$semantic-visited-a-9: oklch(48.3% 0.2762 292.8 / 0.36);
$semantic-visited-a-10: oklch(48.1% 0.2717 295.6 / 0.40);
$semantic-visited-a-11: oklch(47.6% 0.2674 296.7 / 0.45);
$semantic-visited-a-12: oklch(47.2% 0.2650 297.4 / 0.51);
$semantic-visited-a-13: oklch(46.8% 0.2610 299.0 / 0.56);
$semantic-visited-a-14: oklch(46.4% 0.2572 300.6 / 0.62);
$semantic-visited-a-15: oklch(46.2% 0.2549 301.7 / 0.68);
$semantic-visited-a-16: oklch(44.2% 0.2402 305.6 / 0.73);
$semantic-visited-a-17: oklch(40.0% 0.2149 308.7 / 0.76);
$semantic-visited-a-18: oklch(32.2% 0.1709 312.4 / 0.83);
$semantic-visited-a-19: oklch(24.0% 0.1259 315.6 / 0.83);
$semantic-visited-a-20: oklch(14.2% 0.0732 320.7 / 0.84);
$semantic-dark-contrast-1: oklch(20.0% 0.0150 270.0);
$semantic-dark-contrast-2: oklch(25.1% 0.0187 269.0);
$semantic-dark-contrast-3: oklch(27.6% 0.0224 268.0);
$semantic-dark-contrast-4: oklch(30.1% 0.0259 267.0);
$semantic-dark-contrast-5: oklch(32.6% 0.0291 266.0);
$semantic-dark-contrast-6: oklch(35.2% 0.0321 265.0);
$semantic-dark-contrast-7: oklch(37.7% 0.0346 264.0);
$semantic-dark-contrast-8: oklch(40.9% 0.0367 263.0);
$semantic-dark-contrast-9: oklch(44.8% 0.0383 262.0);
$semantic-dark-contrast-10: oklch(50.9% 0.0394 261.0);
$semantic-dark-contrast-11: oklch(57.2% 0.0399 260.0);
$semantic-dark-contrast-12: oklch(60.8% 0.0398 260.0);
$semantic-dark-contrast-13: oklch(64.2% 0.0388 260.0);
$semantic-dark-contrast-14: oklch(67.5% 0.0368 260.0);
$semantic-dark-contrast-15: oklch(70.6% 0.0338 260.0);
$semantic-dark-contrast-16: oklch(76.5% 0.0301 260.0);
$semantic-dark-contrast-17: oklch(82.0% 0.0257 260.0);
$semantic-dark-contrast-18: oklch(84.6% 0.0208 260.0);
$semantic-dark-contrast-19: oklch(89.8% 0.0155 260.0);
$semantic-dark-contrast-20: oklch(92.1% 0.0100 260.0);
$semantic-dark-contrast-a-1: oklch(58.5% 0.2595 27.0 / 0.01);
$semantic-dark-contrast-a-2: oklch(86.4% 0.0823 297.4 / 0.06);
$semantic-dark-contrast-a-3: oklch(84.5% 0.0860 281.6 / 0.10);
$semantic-dark-contrast-a-4: oklch(84.6% 0.0811 266.9 / 0.13);
$semantic-dark-contrast-a-5: oklch(84.4% 0.0840 270.3 / 0.17);
$semantic-dark-contrast-a-6: oklch(83.5% 0.0874 264.3 / 0.21);
$semantic-dark-contrast-a-7: oklch(83.5% 0.0889 267.4 / 0.24);
$semantic-dark-contrast-a-8: oklch(84.4% 0.0839 264.6 / 0.29);
$semantic-dark-contrast-a-9: oklch(85.3% 0.0793 260.5 / 0.34);
$semantic-dark-contrast-a-10: oklch(87.2% 0.0682 262.7 / 0.42);
$semantic-dark-contrast-a-11: oklch(88.3% 0.0625 260.7 / 0.50);
$semantic-dark-contrast-a-12: oklch(89.1% 0.0563 259.6 / 0.55);
$semantic-dark-contrast-a-13: oklch(89.8% 0.0543 260.2 / 0.59);
$semantic-dark-contrast-a-14: oklch(90.8% 0.0487 260.9 / 0.64);
$semantic-dark-contrast-a-15: oklch(92.3% 0.0406 260.1 / 0.67);
$semantic-dark-contrast-a-16: oklch(93.0% 0.0365 263.9 / 0.74);
$semantic-dark-contrast-a-17: oklch(94.4% 0.0294 258.8 / 0.81);
$semantic-dark-contrast-a-18: oklch(95.7% 0.0224 261.2 / 0.83);
$semantic-dark-contrast-a-19: oklch(97.1% 0.0153 254.4 / 0.90);
$semantic-dark-contrast-a-20: oklch(98.1% 0.0096 261.3 / 0.91);
$semantic-dark-theme-1: oklch(20.0% 0.0350 270.0);
$semantic-dark-theme-2: oklch(25.1% 0.0567 269.0);
$semantic-dark-theme-3: oklch(27.5% 0.0779 268.0);
$semantic-dark-theme-4: oklch(30.1% 0.0982 267.0);
$semantic-dark-theme-5: oklch(32.6% 0.1170 266.0);
$semantic-dark-theme-6: oklch(35.1% 0.1340 265.0);
$semantic-dark-theme-7: oklch(37.8% 0.1488 264.0);
$semantic-dark-theme-8: oklch(41.1% 0.1609 263.0);
$semantic-dark-theme-9: oklch(45.0% 0.1703 262.0);
$semantic-dark-theme-10: oklch(51.2% 0.1766 261.0);
$semantic-dark-theme-11: oklch(57.4% 0.1797 260.0);
$semantic-dark-theme-12: oklch(60.9% 0.1793 258.9);
$semantic-dark-theme-13: oklch(64.3% 0.1748 257.8);
$semantic-dark-theme-14: oklch(67.5% 0.1660 256.7);
$semantic-dark-theme-15: oklch(70.5% 0.1533 255.6);
$semantic-dark-theme-16: oklch(76.4% 0.1338 253.8);
$semantic-dark-theme-17: oklch(81.8% 0.1039 248.9);
$semantic-dark-theme-18: oklch(84.5% 0.0878 248.7);
$semantic-dark-theme-19: oklch(89.6% 0.0594 244.8);
$semantic-dark-theme-20: oklch(92.0% 0.0450 245.8);
$semantic-dark-theme-a-1: oklch(46.5% 0.3220 264.1 / 0.04);
$semantic-dark-theme-a-2: oklch(55.7% 0.2610 266.2 / 0.14);
$semantic-dark-theme-a-3: oklch(55.8% 0.2587 265.2 / 0.21);
$semantic-dark-theme-a-4: oklch(55.4% 0.2631 265.5 / 0.28);
$semantic-dark-theme-a-5: oklch(55.4% 0.2632 264.5 / 0.35);
$semantic-dark-theme-a-6: oklch(55.5% 0.2627 264.0 / 0.42);
$semantic-dark-theme-a-7: oklch(56.0% 0.2594 263.0 / 0.48);
$semantic-dark-theme-a-8: oklch(56.9% 0.2538 262.4 / 0.56);
$semantic-dark-theme-a-9: oklch(58.7% 0.2421 261.8 / 0.63);
$semantic-dark-theme-a-10: oklch(61.4% 0.2245 261.0 / 0.74);
$semantic-dark-theme-a-11: oklch(64.2% 0.2069 260.1 / 0.83);
$semantic-dark-theme-a-12: oklch(65.6% 0.1982 259.5 / 0.88);
$semantic-dark-theme-a-13: oklch(67.6% 0.1864 257.6 / 0.92);
$semantic-dark-theme-a-14: oklch(69.9% 0.1726 256.4 / 0.95);
$semantic-dark-theme-a-15: oklch(72.2% 0.1586 255.4 / 0.96);
$semantic-dark-theme-a-16: oklch(76.4% 0.1339 253.7);
$semantic-dark-theme-a-17: oklch(81.9% 0.1036 248.3);
$semantic-dark-theme-a-18: oklch(84.4% 0.0883 248.5);
$semantic-dark-theme-a-19: oklch(89.7% 0.0590 244.3);
$semantic-dark-theme-a-20: oklch(91.9% 0.0452 247.1);
$semantic-dark-error-1: oklch(20.0% 0.0350 40.0);
$semantic-dark-error-2: oklch(25.2% 0.0567 39.0);
$semantic-dark-error-3: oklch(27.8% 0.0779 38.0);
$semantic-dark-error-4: oklch(30.4% 0.0982 37.0);
$semantic-dark-error-5: oklch(32.9% 0.1170 36.0);
$semantic-dark-error-6: oklch(35.3% 0.1340 35.0);
$semantic-dark-error-7: oklch(37.3% 0.1488 34.0);
$semantic-dark-error-8: oklch(40.7% 0.1609 33.0);
$semantic-dark-error-9: oklch(45.1% 0.1703 32.0);
$semantic-dark-error-10: oklch(51.9% 0.1766 31.0);
$semantic-dark-error-11: oklch(58.5% 0.1797 30.0);
$semantic-dark-error-12: oklch(62.2% 0.1793 28.9);
$semantic-dark-error-13: oklch(65.7% 0.1748 27.8);
$semantic-dark-error-14: oklch(69.0% 0.1660 26.7);
$semantic-dark-error-15: oklch(72.1% 0.1533 25.6);
$semantic-dark-error-16: oklch(77.9% 0.1372 24.4);
$semantic-dark-error-17: oklch(83.3% 0.1181 23.3);
$semantic-dark-error-18: oklch(85.7% 0.0967 22.2);
$semantic-dark-error-19: oklch(90.4% 0.0644 21.5);
$semantic-dark-error-20: oklch(92.7% 0.0482 20.1);
$semantic-dark-error-a-1: oklch(64.5% 0.2974 29.0 / 0.06);
$semantic-dark-error-a-2: oklch(66.1% 0.2857 31.3 / 0.14);
$semantic-dark-error-a-3: oklch(66.1% 0.2858 31.2 / 0.20);
$semantic-dark-error-a-4: oklch(66.0% 0.2869 31.1 / 0.25);
$semantic-dark-error-a-5: oklch(65.7% 0.2896 30.6 / 0.31);
$semantic-dark-error-a-6: oklch(65.7% 0.2901 30.5 / 0.36);
$semantic-dark-error-a-7: oklch(65.5% 0.2919 30.2 / 0.40);
$semantic-dark-error-a-8: oklch(65.8% 0.2891 30.7 / 0.46);
$semantic-dark-error-a-9: oklch(66.9% 0.2772 32.0 / 0.53);
$semantic-dark-error-a-10: oklch(68.9% 0.2551 32.0 / 0.64);
$semantic-dark-error-a-11: oklch(71.1% 0.2316 30.7 / 0.74);
$semantic-dark-error-a-12: oklch(72.2% 0.2202 29.3 / 0.79);
$semantic-dark-error-a-13: oklch(73.9% 0.2034 29.0 / 0.83);
$semantic-dark-error-a-14: oklch(75.6% 0.1867 27.5 / 0.87);
$semantic-dark-error-a-15: oklch(77.6% 0.1682 26.2 / 0.90);
$semantic-dark-error-a-16: oklch(80.5% 0.1428 24.3 / 0.95);
$semantic-dark-error-a-17: oklch(83.6% 0.1168 23.3);
$semantic-dark-error-a-18: oklch(86.1% 0.0969 22.9);
$semantic-dark-error-a-19: oklch(90.3% 0.0651 20.9);
$semantic-dark-error-a-20: oklch(92.6% 0.0489 20.1);
$semantic-dark-warning-1: oklch(20.0% 0.0350 70.0);
$semantic-dark-warning-2: oklch(25.1% 0.0567 71.0);
$semantic-dark-warning-3: oklch(27.7% 0.0704 66.4);
$semantic-dark-warning-4: oklch(30.2% 0.0774 65.3);
$semantic-dark-warning-5: oklch(32.7% 0.0820 68.4);
$semantic-dark-warning-6: oklch(35.2% 0.0873 70.2);
$semantic-dark-warning-7: oklch(37.7% 0.0920 73.3);
$semantic-dark-warning-8: oklch(41.0% 0.1000 73.5);
$semantic-dark-warning-9: oklch(44.9% 0.1084 75.8);
$semantic-dark-warning-10: oklch(51.1% 0.1229 76.9);
$semantic-dark-warning-11: oklch(57.4% 0.1374 78.4);
$semantic-dark-warning-12: oklch(60.9% 0.1450 80.3);
$semantic-dark-warning-13: oklch(64.3% 0.1527 81.6);
$semantic-dark-warning-14: oklch(67.7% 0.1604 82.7);
$semantic-dark-warning-15: oklch(70.8% 0.1533 84.4);
$semantic-dark-warning-16: oklch(76.6% 0.1372 85.6);
$semantic-dark-warning-17: oklch(82.1% 0.1181 86.7);
$semantic-dark-warning-18: oklch(84.7% 0.0967 87.8);
$semantic-dark-warning-19: oklch(89.7% 0.0737 88.9);
$semantic-dark-warning-20: oklch(92.1% 0.0500 90.0);
$semantic-dark-warning-a-1: oklch(64.7% 0.2983 29.0 / 0.05);
$semantic-dark-warning-a-2: oklch(68.8% 0.2594 37.0 / 0.12);
$semantic-dark-warning-a-3: oklch(69.4% 0.2514 38.9 / 0.17);
$semantic-dark-warning-a-4: oklch(70.8% 0.2425 41.7 / 0.20);
$semantic-dark-warning-a-5: oklch(72.7% 0.2269 47.4 / 0.23);
$semantic-dark-warning-a-6: oklch(74.7% 0.2170 52.6 / 0.27);
$semantic-dark-warning-a-7: oklch(76.6% 0.2087 58.3 / 0.30);
$semantic-dark-warning-a-8: oklch(77.6% 0.2052 61.2 / 0.34);
$semantic-dark-warning-a-9: oklch(79.0% 0.2017 65.7 / 0.40);
$semantic-dark-warning-a-10: oklch(80.5% 0.1991 70.4 / 0.49);
$semantic-dark-warning-a-11: oklch(81.6% 0.1986 74.1 / 0.58);
$semantic-dark-warning-a-12: oklch(82.5% 0.1986 76.8 / 0.63);
$semantic-dark-warning-a-13: oklch(83.2% 0.1987 78.9 / 0.67);
$semantic-dark-warning-a-14: oklch(83.9% 0.1991 81.0 / 0.72);
$semantic-dark-warning-a-15: oklch(85.3% 0.1902 83.9 / 0.76);
$semantic-dark-warning-a-16: oklch(87.9% 0.1623 85.6 / 0.81);
$semantic-dark-warning-a-17: oklch(90.4% 0.1343 86.7 / 0.87);
$semantic-dark-warning-a-18: oklch(92.6% 0.1075 88.0 / 0.88);
$semantic-dark-warning-a-19: oklch(94.6% 0.0795 88.6 / 0.92);
$semantic-dark-warning-a-20: oklch(96.7% 0.0531 91.1 / 0.93);
$semantic-dark-warning-fixed-1: oklch(20.0% 0.0300 70.0);
$semantic-dark-warning-fixed-2: oklch(25.0% 0.0430 70.6);
$semantic-dark-warning-fixed-3: oklch(30.0% 0.0560 71.1);
$semantic-dark-warning-fixed-4: oklch(35.0% 0.0690 71.7);
$semantic-dark-warning-fixed-5: oklch(40.0% 0.0820 72.2);
$semantic-dark-warning-fixed-6: oklch(45.0% 0.0950 72.8);
$semantic-dark-warning-fixed-7: oklch(50.0% 0.1080 73.3);
$semantic-dark-warning-fixed-8: oklch(55.0% 0.1210 73.9);
$semantic-dark-warning-fixed-9: oklch(60.0% 0.1340 74.4);
$semantic-dark-warning-fixed-10: oklch(65.0% 0.1470 75.0);
$semantic-dark-warning-fixed-11: oklch(67.7% 0.1600 76.5);
$semantic-dark-warning-fixed-12: oklch(70.4% 0.1467 78.0);
$semantic-dark-warning-fixed-13: oklch(73.1% 0.1333 79.5);
$semantic-dark-warning-fixed-14: oklch(75.8% 0.1200 81.0);
$semantic-dark-warning-fixed-15: oklch(78.5% 0.1067 82.5);
$semantic-dark-warning-fixed-16: oklch(81.2% 0.0933 84.0);
$semantic-dark-warning-fixed-17: oklch(83.9% 0.0800 85.5);
$semantic-dark-warning-fixed-18: oklch(86.6% 0.0667 87.0);
$semantic-dark-warning-fixed-19: oklch(89.3% 0.0533 88.5);
$semantic-dark-warning-fixed-20: oklch(92.0% 0.0400 90.0);
$semantic-dark-warning-fixed-a-1: oklch(64.5% 0.2974 29.0 / 0.06);
$semantic-dark-warning-fixed-a-2: oklch(69.6% 0.2523 38.8 / 0.12);
$semantic-dark-warning-fixed-a-3: oklch(73.8% 0.2222 49.8 / 0.19);
$semantic-dark-warning-fixed-a-4: oklch(76.6% 0.2087 58.3 / 0.26);
$semantic-dark-warning-fixed-a-5: oklch(78.3% 0.2032 63.7 / 0.33);
$semantic-dark-warning-fixed-a-6: oklch(79.2% 0.2003 66.0 / 0.40);
$semantic-dark-warning-fixed-a-7: oklch(80.0% 0.1981 68.3 / 0.47);
$semantic-dark-warning-fixed-a-8: oklch(80.7% 0.1955 70.0 / 0.55);
$semantic-dark-warning-fixed-a-9: oklch(81.0% 0.1942 71.9 / 0.63);
$semantic-dark-warning-fixed-a-10: oklch(81.7% 0.1935 72.9 / 0.71);
$semantic-dark-warning-fixed-a-11: oklch(81.7% 0.1972 74.8 / 0.76);
$semantic-dark-warning-fixed-a-12: oklch(83.9% 0.1823 77.1 / 0.77);
$semantic-dark-warning-fixed-a-13: oklch(85.7% 0.1649 78.5 / 0.79);
$semantic-dark-warning-fixed-a-14: oklch(87.8% 0.1467 80.7 / 0.81);
$semantic-dark-warning-fixed-a-15: oklch(89.6% 0.1274 81.8 / 0.82);
$semantic-dark-warning-fixed-a-16: oklch(91.3% 0.1112 83.8 / 0.84);
$semantic-dark-warning-fixed-a-17: oklch(93.0% 0.0929 85.2 / 0.86);
$semantic-dark-warning-fixed-a-18: oklch(94.5% 0.0756 86.5 / 0.88);
$semantic-dark-warning-fixed-a-19: oklch(95.9% 0.0602 88.9 / 0.90);
$semantic-dark-warning-fixed-a-20: oklch(96.8% 0.0442 87.3 / 0.93);
$semantic-dark-success-1: oklch(20.0% 0.0350 130.0);
$semantic-dark-success-2: oklch(24.9% 0.0567 131.0);
$semantic-dark-success-3: oklch(27.2% 0.0779 132.0);
$semantic-dark-success-4: oklch(29.4% 0.0973 133.1);
$semantic-dark-success-5: oklch(31.6% 0.1091 135.5);
$semantic-dark-success-6: oklch(33.6% 0.1192 136.9);
$semantic-dark-success-7: oklch(35.8% 0.1307 138.3);
$semantic-dark-success-8: oklch(38.8% 0.1428 138.7);
$semantic-dark-success-9: oklch(42.7% 0.1592 139.3);
$semantic-dark-success-10: oklch(48.8% 0.1766 139.0);
$semantic-dark-success-11: oklch(55.2% 0.1797 140.0);
$semantic-dark-success-12: oklch(58.8% 0.1793 141.1);
$semantic-dark-success-13: oklch(62.3% 0.1748 142.2);
$semantic-dark-success-14: oklch(65.6% 0.1660 143.3);
$semantic-dark-success-15: oklch(68.9% 0.1533 144.4);
$semantic-dark-success-16: oklch(75.0% 0.1372 145.6);
$semantic-dark-success-17: oklch(80.7% 0.1181 146.7);
$semantic-dark-success-18: oklch(83.6% 0.0967 147.8);
$semantic-dark-success-19: oklch(88.9% 0.0737 148.9);
$semantic-dark-success-20: oklch(91.6% 0.0500 150.0);
$semantic-dark-success-a-1: oklch(84.4% 0.3659 145.6 / 0.01);
$semantic-dark-success-a-2: oklch(87.8% 0.3161 137.6 / 0.07);
$semantic-dark-success-a-3: oklch(86.7% 0.3275 139.9 / 0.10);
$semantic-dark-success-a-4: oklch(86.4% 0.3368 141.3 / 0.13);
$semantic-dark-success-a-5: oklch(86.1% 0.3419 142.1 / 0.16);
$semantic-dark-success-a-6: oklch(86.2% 0.3455 142.5 / 0.19);
$semantic-dark-success-a-7: oklch(86.0% 0.3487 143.0 / 0.22);
$semantic-dark-success-a-8: oklch(86.2% 0.3455 142.5 / 0.26);
$semantic-dark-success-a-9: oklch(86.3% 0.3435 142.2 / 0.32);
$semantic-dark-success-a-10: oklch(86.8% 0.3353 140.9 / 0.40);
$semantic-dark-success-a-11: oklch(87.6% 0.3138 140.0 / 0.48);
$semantic-dark-success-a-12: oklch(88.0% 0.2959 140.8 / 0.54);
$semantic-dark-success-a-13: oklch(88.6% 0.2719 141.7 / 0.58);
$semantic-dark-success-a-14: oklch(89.3% 0.2459 142.7 / 0.63);
$semantic-dark-success-a-15: oklch(90.3% 0.2150 143.4 / 0.67);
$semantic-dark-success-a-16: oklch(91.6% 0.1759 145.2 / 0.74);
$semantic-dark-success-a-17: oklch(92.9% 0.1429 146.0 / 0.81);
$semantic-dark-success-a-18: oklch(94.2% 0.1127 146.5 / 0.84);
$semantic-dark-success-a-19: oklch(95.7% 0.0805 147.9 / 0.90);
$semantic-dark-success-a-20: oklch(97.0% 0.0534 150.7 / 0.92);
$semantic-dark-visited-1: oklch(20.0% 0.0350 320.0);
$semantic-dark-visited-2: oklch(25.2% 0.0567 319.0);
$semantic-dark-visited-3: oklch(27.9% 0.0779 318.0);
$semantic-dark-visited-4: oklch(30.6% 0.0982 317.0);
$semantic-dark-visited-5: oklch(33.3% 0.1170 316.0);
$semantic-dark-visited-6: oklch(36.0% 0.1340 315.0);
$semantic-dark-visited-7: oklch(38.7% 0.1488 314.0);
$semantic-dark-visited-8: oklch(42.1% 0.1609 313.0);
$semantic-dark-visited-9: oklch(46.2% 0.1703 312.0);
$semantic-dark-visited-10: oklch(52.7% 0.1766 311.0);
$semantic-dark-visited-11: oklch(59.0% 0.1797 310.0);
$semantic-dark-visited-12: oklch(62.6% 0.1793 308.9);
$semantic-dark-visited-13: oklch(66.0% 0.1748 307.8);
$semantic-dark-visited-14: oklch(69.1% 0.1660 306.7);
$semantic-dark-visited-15: oklch(72.1% 0.1533 305.6);
$semantic-dark-visited-16: oklch(77.8% 0.1372 304.4);
$semantic-dark-visited-17: oklch(83.1% 0.1145 304.1);
$semantic-dark-visited-18: oklch(85.5% 0.0954 302.5);
$semantic-dark-visited-19: oklch(90.2% 0.0643 303.8);
$semantic-dark-visited-20: oklch(92.6% 0.0467 301.1);
$semantic-dark-visited-a-1: oklch(66.3% 0.2997 6.7 / 0.03);
$semantic-dark-visited-a-2: oklch(73.2% 0.3323 333.7 / 0.10);
$semantic-dark-visited-a-3: oklch(70.5% 0.3238 326.2 / 0.15);
$semantic-dark-visited-a-4: oklch(68.7% 0.3152 322.5 / 0.21);
$semantic-dark-visited-a-5: oklch(67.6% 0.3078 320.0 / 0.27);
$semantic-dark-visited-a-6: oklch(66.4% 0.3047 317.8 / 0.34);
$semantic-dark-visited-a-7: oklch(65.5% 0.2986 315.3 / 0.40);
$semantic-dark-visited-a-8: oklch(66.1% 0.2880 314.5 / 0.46);
$semantic-dark-visited-a-9: oklch(67.0% 0.2719 313.0 / 0.54);
$semantic-dark-visited-a-10: oklch(69.0% 0.2478 311.7 / 0.64);
$semantic-dark-visited-a-11: oklch(70.8% 0.2270 310.5 / 0.74);
$semantic-dark-visited-a-12: oklch(72.0% 0.2112 309.4 / 0.80);
$semantic-dark-visited-a-13: oklch(73.3% 0.1970 307.7 / 0.85);
$semantic-dark-visited-a-14: oklch(74.7% 0.1839 307.0 / 0.89);
$semantic-dark-visited-a-15: oklch(76.8% 0.1629 306.0 / 0.91);
$semantic-dark-visited-a-16: oklch(79.6% 0.1409 304.6 / 0.96);
$semantic-dark-visited-a-17: oklch(83.0% 0.1150 304.1);
$semantic-dark-visited-a-18: oklch(85.6% 0.0947 302.5);
$semantic-dark-visited-a-19: oklch(90.3% 0.0632 303.0);
$semantic-dark-visited-a-20: oklch(92.6% 0.0474 302.3);
$shadow-light-overflow-compact-top:  0px -1px 0px 0px hsla(229, 15%, 6%, 12%);
$shadow-light-overflow-compact-right:  1px  0px 0px 0px hsla(229, 15%, 6%, 12%);
$shadow-light-overflow-compact-bottom:  0px  1px 0px 0px hsla(229, 15%, 6%, 12%);
$shadow-light-overflow-compact-left: -1px  0   0px 0px hsla(229, 15%, 6%, 12%);
$shadow-light-overflow-normal-top:  0   -9px 8px -12px hsla(229, 15%, 60%, 100%);
$shadow-light-overflow-normal-right:  9px   0  8px -12px hsla(229, 15%, 60%, 100%);
$shadow-light-overflow-normal-left: -9px   0  8px -12px hsla(229, 15%, 60%, 100%);
$shadow-light-overflow-normal-bottom:  0   9px  8px -12px hsla(229, 15%, 60%, 100%);
$shadow-light-card: 0 0px 0 1px hsla(229, 15%, 6%, 3%), 0 1px 6px 0 hsla(229, 15%, 6%, 6%), 0 1px 6px 0 hsla(229, 15%, 6%, 12%);
$shadow-light-popup: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%);
$shadow-light-overlay: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 3px 16px hsla(229, 15%, 6%, 6%), 0 4px 32px hsla(229, 15%, 6%, 12%);
$shadow-dark-overflow-compact-top:  0px -1px 0px 0px hsla(229, 100%, 85%, 15%);
$shadow-dark-overflow-compact-right:  1px  0px 0px 0px hsla(229, 100%, 85%, 15%);
$shadow-dark-overflow-compact-bottom:  0px  1px 0px 0px hsla(229, 100%, 85%, 15%);
$shadow-dark-overflow-compact-left: -1px  0px 0px 0px hsla(229, 100%, 85%, 15%);
$shadow-dark-overflow-normal-top:  0px -1px 0px 0px hsla(229, 100%, 85%, 15%);
$shadow-dark-overflow-normal-right:  1px  0px 0px 0px hsla(229, 100%, 85%, 15%);
$shadow-dark-overflow-normal-bottom:  0px  1px 0px 0px hsla(229, 100%, 85%, 15%);
$shadow-dark-overflow-normal-left: -1px  0px 0px 0px hsla(229, 100%, 85%, 15%);
$shadow-dark-card: 0 0 0 1px hsla(229, 100%, 85%, 15%);
$shadow-dark-popup: 0 0 0 1px hsla(229, 100%, 85%, 15%);
$shadow-dark-overlay: 0 0 0 1px hsla(229, 100%, 85%, 15%);
$zh-cn-text-normal-strong-font-weight: normal;
$zh-cn-mono-normal-strong-font-weight: normal;
$zh-cn-text-compact-strong-font-weight: normal;
$zh-cn-mono-compact-strong-font-weight: normal;
$fa-ir-display-big-font-family: 'notonaskharabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$fa-ir-display-normal-font-family: 'notonaskharabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$fa-ir-display-compact-font-family: 'notonaskharabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$fa-ir-title-font-family: 'notonaskharabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$fa-ir-subheading-font-family: notonaskharabic, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$fa-ir-text-normal-font-family: notonaskharabic, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$fa-ir-tabular-normal-font-family: notonaskharabic, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$fa-ir-text-normal-strong-font-family: notonaskharabic, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$fa-ir-caps-normal-font-family: notonaskharabic, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$fa-ir-text-compact-font-family: notonaskharabic, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$fa-ir-tabular-compact-font-family: notonaskharabic, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$fa-ir-text-compact-strong-font-family: notonaskharabic, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$fa-ir-caps-compact-font-family: notonaskharabic, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
$accordion-size-item-header-height: 36px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-size-item-header-variant-fill-padding: 6px 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-size-item-header-variant-hug-padding: 6px 8px 6px 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-size-item-content-padding: 0px 12px 8px 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-header-text-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-header-text-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-header-text-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-header-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-header-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-header-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-header-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-content-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-content-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-content-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-content-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-content-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-content-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-font-item-content-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-light-item-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-light-item-default-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-light-item-default-icon-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-light-item-header-scroll-shadow:  0   9px  8px -12px hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-light-item-states-hover-icon-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-light-item-states-focus-border-color: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-light-item-states-disabled-text-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-light-item-states-disabled-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-dark-item-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-dark-item-default-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-dark-item-default-icon-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-dark-item-header-scroll-shadow:  0px  1px 0px 0px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-dark-item-states-hover-icon-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-dark-item-states-focus-border-color: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-dark-item-states-disabled-text-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$accordion-dark-item-states-disabled-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-container-border-radius: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-container-padding-top: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-container-padding-right: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-container-padding-bottom: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-container-padding-left: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-content-padding-top: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-content-padding-right: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-content-padding-bottom: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-content-padding-left: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-icon-margin-top: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-icon-margin-right: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-icon-margin-bottom: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-icon-margin-left: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-icon-padding-top: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-title-margin-bottom: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-close-button-margin-top: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-close-button-margin-left: 6px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-button-stack-padding-top: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-button-stack-padding-bottom: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-no-title-icon-margin-top: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-normal-no-title-icon-padding-top: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-container-border-radius: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-container-padding-top: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-container-padding-right: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-container-padding-bottom: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-container-padding-left: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-content-padding-top: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-content-padding-right: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-content-padding-bottom: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-content-padding-left: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-icon-margin-top: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-icon-margin-right: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-icon-padding-top: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-title-margin-bottom: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-close-button-margin-top: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-close-button-margin-left: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-button-stack-padding-top: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-button-stack-padding-bottom: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-no-title-icon-margin-top: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-size-compact-no-title-icon-padding-top: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-font-size: 18px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-line-height: 26px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-font-weight: 600; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-compact-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-compact-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-compact-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-compact-font-weight: 600; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-compact-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-title-compact-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-font-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-contrast-container-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-contrast-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-contrast-container-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-error-container-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-error-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-error-container-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-warning-container-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-warning-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-warning-container-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-success-container-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-success-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-success-container-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-theme-container-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-theme-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-default-theme-container-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-contrast-container-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-contrast-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-contrast-container-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-error-container-background: hsla(7, 97%, 94%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-error-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-error-container-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-warning-container-background: hsla(38, 100%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-warning-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-warning-container-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-success-container-background: hsla(104, 64%, 89%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-success-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-success-container-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-theme-container-background: hsla(216, 100%, 94%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-theme-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-light-colored-theme-container-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-contrast-container-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-contrast-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-contrast-container-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-error-container-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-error-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-error-container-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-warning-container-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-warning-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-warning-container-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-success-container-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-success-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-success-container-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-theme-container-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-theme-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-default-theme-container-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-contrast-container-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-contrast-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-contrast-container-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-error-container-background: hsla(7, 97%, 13%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-error-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-error-container-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-warning-container-background: hsla(38, 100%, 9%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-warning-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-warning-container-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-success-container-background: hsla(104, 64%, 9%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-success-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-success-container-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-theme-container-background: hsla(216, 100%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-theme-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$alert-dark-colored-theme-container-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$autocomplete-size-panel-padding: 4px 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$autocomplete-size-panel-max-height: 256px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$autocomplete-size-panel-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-theme-background: hsla(216, 100%, 88%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-theme-color: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-theme-caption: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-theme-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-contrast-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-contrast-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-success-color: hsla(104, 64%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-success-caption: hsla(104, 64%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-success-icon: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-warning-color: hsla(38, 100%, 33%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-warning-caption: hsla(38, 100%, 33%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-warning-icon: hsla(38, 100%, 42%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-error-background: hsla(7, 97%, 89%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-error-color: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-error-caption: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-filled-fade-on-error-icon: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-theme-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-theme-color: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-theme-border: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-theme-caption: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-theme-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-contrast-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-contrast-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-contrast-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-success-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-success-color: hsla(104, 64%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-success-caption: hsla(104, 64%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-success-icon: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-warning-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-warning-color: hsla(38, 100%, 33%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-warning-caption: hsla(38, 100%, 33%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-warning-icon: hsla(38, 100%, 42%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-error-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-error-color: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-error-caption: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-light-outline-fade-on-error-icon: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-theme-background: hsla(216, 100%, 24%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-theme-color: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-theme-caption: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-theme-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-contrast-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-contrast-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-success-background: hsla(104, 64%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-success-color: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-success-caption: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-success-icon: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-warning-background: hsla(38, 100%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-warning-color: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-warning-caption: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-warning-icon: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-error-background: hsla(7, 97%, 20%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-error-color: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-error-caption: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-filled-fade-on-error-icon: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-theme-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-theme-color: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-theme-border: hsla(216, 100%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-theme-caption: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-theme-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-contrast-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-contrast-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-success-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-success-color: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-success-caption: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-success-icon: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-warning-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-warning-color: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-warning-caption: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-warning-icon: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-error-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-error-color: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-error-caption: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-dark-outline-fade-on-error-icon: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-normal-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-normal-icon-left-width: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-normal-icon-left-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-normal-icon-left-margin-right: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-normal-icon-right-width: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-normal-icon-right-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-normal-icon-right-margin-left: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-normal-horizontal-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-normal-content-padding: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-normal-border-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-normal-border-radius: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-compact-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-compact-icon-left-width: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-compact-icon-left-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-compact-icon-left-margin-right: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-compact-icon-right-width: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-compact-icon-right-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-compact-icon-right-margin-left: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-compact-vertical-padding: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-compact-horizontal-padding: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-compact-content-padding: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-compact-border-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-size-compact-border-radius: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-default-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-default-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-default-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-default-font-weight: 500; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-caption-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-caption-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-caption-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-normal-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-default-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-default-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-default-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-default-font-weight: 500; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-caption-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-caption-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-caption-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$badge-font-compact-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-size-container-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-size-container-padding-horizontal: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-size-container-padding-vertical: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-size-container-content-gap-horizontal: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-size-item-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-size-item-border-radius: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-size-item-padding-horizontal: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-size-item-padding-vertical: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-size-item-content-gap-horizontal: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-size-item-focus-outline-width: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-font-item-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-font-item-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-font-item-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-font-item-font-weight: 500; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-font-item-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-font-item-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-font-item-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-container-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-default-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-default-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-default-icon: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-hover-background: hsla(229, 15%, 88%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-hover-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-hover-icon: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-active-background: hsla(229, 15%, 85%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-active-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-active-icon: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-selected-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-selected-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-selected-icon: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-selected-hover-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-selected-hover-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-selected-hover-icon: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-selected-active-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-selected-active-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-selected-active-icon: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-selected-disabled-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-selected-disabled-text: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-selected-disabled-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-disabled-background: none; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-disabled-text: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-disabled-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-light-item-states-focused-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-container-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-default-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-default-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-default-icon: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-hover-background: hsla(229, 15%, 25%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-hover-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-hover-icon: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-active-background: hsla(229, 15%, 27%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-active-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-active-icon: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-selected-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-selected-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-selected-icon: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-selected-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-selected-hover-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-selected-hover-icon: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-selected-active-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-selected-active-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-selected-active-icon: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-selected-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-selected-disabled-text: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-selected-disabled-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-disabled-background: none; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-disabled-text: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-disabled-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-toggle-dark-item-states-focused-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-size-height: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-size-border-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-size-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-size-horizontal-padding: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-size-content-padding: 6px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-font-default-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-font-default-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-font-default-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-font-default-font-weight: 500; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-off-background: hsla(229, 15%, 25%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-off-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-off-foreground: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-off-left-icon: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-off-right-icon: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-off-states-hover-background: hsla(229, 15%, 20%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-off-states-active-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-off-states-active-hover-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-off-states-disabled-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-off-states-disabled-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-off-states-disabled-foreground: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-off-states-disabled-left-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-off-states-disabled-right-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-on-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-on-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-on-states-hover-background: hsla(229, 15%, 88%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-on-states-active-background: hsla(229, 15%, 85%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 85%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-on-states-disabled-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-on-states-disabled-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-filled-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-border: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-foreground: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-left-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-right-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-hover-border: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-hover-foreground: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-active-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-active-border: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-active-foreground: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-active-left-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-active-right-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-active-hover-border: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-hover-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-active-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-active-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-active-foreground: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-active-hover-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-outline-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-foreground: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-left-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-right-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-hover-foreground: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-active-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-active-foreground: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-active-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-active-left-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-active-right-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-active-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-disabled-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-foreground: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-left-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-right-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-active-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-active-foreground: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-active-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-active-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-disabled-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-light-transparent-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-off-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-off-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-off-foreground: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-off-left-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-off-right-icon: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-off-states-hover-background: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-off-states-active-background: hsla(229, 15%, 55%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-off-states-active-hover-background: hsla(229, 15%, 55%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-off-states-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-off-states-disabled-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-off-states-disabled-foreground: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-off-states-disabled-left-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-off-states-disabled-right-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-on-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-on-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-on-states-hover-background: hsla(229, 15%, 25%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-on-states-active-background: hsla(229, 15%, 27%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-on-states-active-hover-background: hsla(229, 15%, 27%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-on-states-disabled-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-filled-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-border: hsla(216, 100%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-foreground: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-left-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-right-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-hover-border: hsla(216, 100%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-hover-foreground: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-active-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-active-border: hsla(216, 100%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-active-foreground: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-active-left-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-active-right-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-active-hover-border: hsla(216, 100%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-hover-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-active-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-active-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-active-foreground: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-active-hover-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-outline-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-foreground: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-left-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-right-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-hover-foreground: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-hover-left-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-hover-right-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-active-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-active-foreground: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-active-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-active-left-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-active-right-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-active-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-active-hover-foreground: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-disabled-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-foreground: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-left-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-right-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-hover-foreground: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-hover-left-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-hover-right-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-active-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-active-foreground: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-active-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-active-left-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-active-right-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-active-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-active-hover-foreground: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-active-hover-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-disabled-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-dark-transparent-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-size-horizontal-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-size-left-icon-padding: 6px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-size-normal-horizontal-padding: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-size-normal-vertical-padding: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-size-small-horizontal-padding: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-size-small-vertical-padding: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-theme-default: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-theme-states-hover: hsla(216, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-theme-states-active: hsla(216, 100%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-theme-states-disabled: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-contrast-default: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-contrast-states-hover: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-contrast-states-active: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-contrast-states-disabled: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-fade-contrast-default: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-fade-contrast-states-hover: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-fade-contrast-states-active: hsla(229, 15%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-fade-contrast-states-disabled: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-error-default: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-error-states-hover: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-error-states-active: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-error-states-disabled: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-success-default: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-success-states-hover: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-success-states-active: hsla(104, 64%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-success-states-disabled: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-warning-default: hsla(38, 100%, 42%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-warning-states-hover: hsla(38, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-warning-states-active: hsla(38, 100%, 42%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-light-warning-states-disabled: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-theme-default: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-theme-states-hover: hsla(216, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-theme-states-active: hsla(216, 100%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-theme-states-disabled: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-contrast-default: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-contrast-states-hover: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-contrast-states-active: hsla(229, 15%, 99%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-contrast-states-disabled: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-fade-contrast-default: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-fade-contrast-states-hover: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-fade-contrast-states-active: hsla(229, 15%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-fade-contrast-states-disabled: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-error-default: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-error-states-hover: hsla(7, 97%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-error-states-active: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-error-states-disabled: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-success-default: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-success-states-hover: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-success-states-active: hsla(104, 64%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-success-states-disabled: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-warning-default: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-warning-states-hover: hsla(38, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-warning-states-active: hsla(38, 100%, 42%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-button-dark-warning-states-disabled: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-icon-size-horizontal-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-icon-size-vertical-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$button-icon-size-content-padding: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-default-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-default-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-default-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-default-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-default-caption: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-hover-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-hover-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-checked-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-checked-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-checked-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-focused-border: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-focused-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-focused-outline: 1px solid hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-checked-focused-outline: 1px solid hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-disabled-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-disabled-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-disabled-text: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-disabled-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-theme-states-disabled-caption: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-default-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-default-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-default-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-default-background: hsla(7, 97%, 94%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-default-caption: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-hover-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-hover-background: hsla(7, 97%, 87%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-checked-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-checked-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-checked-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-checked-hover-background: hsla(7, 97%, 56%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-focused-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-focused-background: hsla(7, 97%, 94%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-focused-outline: 1px solid hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-checked-focused-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-checked-focused-outline: 1px solid hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-disabled-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-disabled-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-disabled-text: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-disabled-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-light-error-states-disabled-caption: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-default-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-default-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-default-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-default-background: hsla(229, 15%, 12%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-default-caption: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-hover-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-checked-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-checked-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-checked-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-focused-border: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-focused-background: hsla(229, 15%, 12%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-focused-outline: 1px solid hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-checked-focused-outline: 1px solid hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-disabled-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-disabled-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-disabled-text: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-theme-states-disabled-caption: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-default-border: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-default-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-default-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-default-background: hsla(7, 97%, 13%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-default-caption: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-hover-border: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-hover-background: hsla(7, 97%, 22%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-checked-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-checked-background: hsla(7, 97%, 41%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-checked-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-checked-hover-background: hsla(7, 97%, 42%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-focused-border: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-focused-background: hsla(7, 97%, 13%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-focused-outline: 1px solid hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-checked-focused-background: hsla(7, 97%, 41%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-checked-focused-outline: 1px solid hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-disabled-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-disabled-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-disabled-text: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-dark-error-states-disabled-caption: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-size-normal-width: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-size-normal-border-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-size-normal-border-radius: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-size-normal-horizontal-content-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-size-normal-vertical-content-padding: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-size-normal-top: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-size-big-width: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-size-big-border-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-size-big-border-radius: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-size-big-horizontal-content-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-size-big-vertical-content-padding: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-size-big-top: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-label-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-label-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-label-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-label-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-label-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-label-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-caption-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-caption-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-caption-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-normal-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-label-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-label-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-label-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-label-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-label-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-label-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-caption-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-caption-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-caption-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$checkbox-font-big-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-container-border-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-container-border-radius: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-with-header-content-padding-top: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-with-header-content-padding-bottom: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-with-header-content-padding-horizontal: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-with-header-content-content-gap-horizontal: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-no-header-content-padding-vertical: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-no-header-content-padding-horizontal: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-no-header-content-content-gap-horizontal: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-header-padding-vertical: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-header-padding-left: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-header-padding-right: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-header-content-gap-horizontal: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-actionbar-content-gap-horizontal: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-actionbar-padding-vertical: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-actionbar-padding-horizontal: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-actionbar-fade-gradient-width: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-collapse-expanded-padding-top: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-collapse-expanded-padding-bottom: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-collapse-collapsed-padding-top: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-size-collapse-collapsed-padding-bottom: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-default-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-default-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-default-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-default-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-default-font-family: 'JetBrains Mono', 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-default-font-feature-settings: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-addition-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-addition-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-attr-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-attr-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-attribute-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-attribute-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-built-in-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-built-in-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-bullet-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-bullet-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-char-escape-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-char-escape-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-class-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-class-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-code-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-code-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-comment-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-comment-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-deletion-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-deletion-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-doctag-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-doctag-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-emphasis-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-emphasis-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-formula-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-formula-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-function-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-function-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-keyword-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-keyword-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-link-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-link-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-literal-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-literal-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-meta-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-meta-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-meta-keyword-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-meta-keyword-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-meta-string-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-meta-string-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-meta-prompt-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-meta-prompt-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-name-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-name-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-number-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-number-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-operator-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-operator-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-params-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-params-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-property-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-property-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-punctuation-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-punctuation-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-quote-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-quote-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-regexp-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-regexp-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-section-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-section-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-selector-attr-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-selector-attr-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-selector-class-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-selector-class-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-selector-id-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-selector-id-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-selector-pseudo-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-selector-pseudo-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-selector-tag-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-selector-tag-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-string-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-string-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-strong-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-strong-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-subst-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-subst-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-symbol-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-symbol-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-tag-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-tag-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-template-tag-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-template-tag-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-template-variable-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-template-variable-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-title-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-title-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-title-class-font-style: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-title-class-font-weight: 500; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-title-class-inherited-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-title-class-inherited-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-title-function-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-title-function-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-title-function-invoke-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-title-function-invoke-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-type-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-type-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-variable-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-variable-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-variable-constant-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-variable-constant-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-variable-language-font-style: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-font-hljs-variable-language-font-weight: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-filled-container-background: hsla(229, 15%, 97%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-filled-container-border-color: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-filled-header-background: hsla(229, 15%, 97%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-filled-header-scroll-shadow:  0   9px  8px -12px hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-filled-actionbar-fade-gradient: linear-gradient(90deg, transparent, hsla(229, 15%, 97%, 100%)); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-filled-actionbar-background: hsla(229, 15%, 97%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-filled-collapse-expanded-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-filled-collapse-collapsed-background: linear-gradient(180deg, hsla(225, 15%, 95%, 0%) 0%, hsla(225, 15%, 95%, 100%) 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-filled-collapse-button-expand-background: hsla(229, 15%, 97%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-outline-container-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-outline-container-border-color: hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-outline-header-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-outline-header-scroll-shadow:  0px  1px 0px 0px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-outline-actionbar-fade-gradient: linear-gradient(90deg, transparent, hsla(229, 15%, 100%, 100%)); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-outline-actionbar-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-outline-collapse-expanded-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-outline-collapse-collapsed-background: linear-gradient(180deg, hsla(0, 0%, 100%, 0%) 0%, hsla(0, 0%, 100%, 100%) 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-outline-collapse-button-expand-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-addition-background: hsla(104, 64%, 95%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-addition-color: hsla(104, 64%, 25%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-attr-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-attr-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-attribute-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-attribute-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-built-in-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-built-in-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-bullet-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-bullet-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-char-escape-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-char-escape-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-class-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-class-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-code-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-code-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-comment-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-comment-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-deletion-background: hsla(7, 97%, 95%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-deletion-color: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-doctag-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-doctag-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-emphasis-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-emphasis-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-formula-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-formula-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-function-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-function-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-keyword-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-keyword-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-line-numbers-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-link-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-link-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-literal-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-literal-color: hsla(277, 72%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-meta-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-meta-color: hsla(216, 100%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-meta-keyword-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-meta-keyword-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-meta-string-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-meta-string-color: hsla(216, 100%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-meta-prompt-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-meta-prompt-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-name-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-name-color: hsla(216, 100%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-number-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-number-color: hsla(277, 72%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-operator-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-operator-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-params-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-params-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-property-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-property-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-punctuation-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-punctuation-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-quote-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-quote-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-regexp-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-regexp-color: hsla(104, 64%, 25%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-section-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-section-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-selector-attr-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-selector-attr-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-selector-class-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-selector-class-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-selector-id-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-selector-id-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-selector-pseudo-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-selector-pseudo-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-selector-tag-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-selector-tag-color: hsla(216, 100%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-string-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-string-color: hsla(104, 64%, 25%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-strong-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-strong-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-subst-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-subst-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-symbol-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-symbol-color: hsla(216, 100%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-tag-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-tag-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-template-tag-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-template-tag-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-template-variable-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-template-variable-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-title-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-title-color: hsla(216, 100%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-title-class-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-title-class-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-title-class-inherited-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-title-class-inherited-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-title-function-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-title-function-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-title-function-invoke-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-title-function-invoke-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-type-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-type-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-variable-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-variable-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-variable-constant-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-variable-constant-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-variable-language-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-light-hljs-variable-language-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-filled-container-background: hsla(229, 15%, 16%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-filled-container-border-color: hsla(229, 15%, 22%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-filled-header-background: hsla(229, 15%, 16%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-filled-header-scroll-shadow:  0px  1px 0px 0px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-filled-actionbar-fade-gradient: linear-gradient(90deg, transparent, hsla(229, 15%, 16%, 100%)); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-filled-actionbar-background: hsla(229, 15%, 16%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-filled-collapse-expanded-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-filled-collapse-collapsed-background: linear-gradient(180deg, hsla(229, 15%, 15%, 0%) 0%, hsla(229, 15%, 15%, 1%) 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-filled-collapse-button-expand-background: hsla(229, 15%, 16%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-outline-container-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-outline-container-border-color: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-outline-header-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-outline-header-scroll-shadow:  0px  1px 0px 0px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-outline-actionbar-fade-gradient: linear-gradient(90deg, transparent, hsla(229, 15%, 15%, 100%)); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-outline-actionbar-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-outline-collapse-expanded-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-outline-collapse-collapsed-background: linear-gradient(180deg, hsla(229, 15%, 12%, 0%) 0%, hsla(229, 15%, 12%, 1%) 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-outline-collapse-button-expand-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-addition-background: hsla(104, 64%, 95%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-addition-color: hsla(104, 64%, 25%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-attr-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-attr-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-attribute-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-attribute-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-built-in-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-built-in-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-bullet-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-bullet-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-char-escape-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-char-escape-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-class-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-class-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-code-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-code-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-comment-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-comment-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-deletion-background: hsla(7, 97%, 95%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-deletion-color: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-doctag-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-doctag-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-emphasis-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-emphasis-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-formula-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-formula-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-function-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-function-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-keyword-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-keyword-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-line-numbers-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-link-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-link-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-literal-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-literal-color: hsla(277, 72%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-meta-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-meta-color: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-meta-keyword-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-meta-keyword-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-meta-string-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-meta-string-color: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-meta-prompt-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-meta-prompt-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-name-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-name-color: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-number-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-number-color: hsla(277, 72%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-operator-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-operator-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-params-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-params-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-property-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-property-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-punctuation-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-punctuation-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-quote-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-quote-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-regexp-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-regexp-color: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-section-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-section-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-selector-attr-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-selector-attr-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-selector-class-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-selector-class-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-selector-id-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-selector-id-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-selector-pseudo-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-selector-pseudo-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-selector-tag-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-selector-tag-color: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-string-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-string-color: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-strong-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-strong-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-subst-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-subst-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-symbol-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-symbol-color: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-tag-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-tag-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-template-tag-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-template-tag-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-template-variable-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-template-variable-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-title-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-title-color: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-title-class-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-title-class-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-title-class-inherited-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-title-class-inherited-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-title-function-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-title-function-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-title-function-invoke-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-title-function-invoke-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-type-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-type-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-variable-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-variable-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-variable-constant-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-variable-constant-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-variable-language-background: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$code-block-dark-hljs-variable-language-color: null; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-size-container-padding-vertical: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-size-container-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-size-header-padding-horizontal: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-size-header-margin-bottom: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-size-grid-padding-horizontal: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-size-grid-content-gap-vertical: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-size-grid-divider-height: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-size-grid-cell-padding-horizontal: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-size-grid-cell-padding-vertical: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-size-grid-cell-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-font-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-font-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-font-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-font-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-font-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-font-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-container-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-container-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-header-text: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-header-divider: hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-grid-cell-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-grid-cell-default-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-grid-cell-today-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-grid-cell-today-text: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-grid-cell-states-hover-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-grid-cell-states-active-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-grid-cell-states-selected-background: hsla(229, 15%, 25%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-grid-cell-states-selected-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-grid-cell-states-selected-hover-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-grid-cell-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-light-grid-cell-states-disabled-text: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-container-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-container-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-header-text: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-header-divider: hsla(229, 15%, 22%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-grid-cell-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-grid-cell-default-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-grid-cell-today-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-grid-cell-today-text: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-grid-cell-states-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-grid-cell-states-active-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-grid-cell-states-selected-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-grid-cell-states-selected-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-grid-cell-states-selected-hover-background: hsla(229, 15%, 55%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-grid-cell-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$datepicker-dark-grid-cell-states-disabled-text: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$divider-size-horizontal-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$divider-size-horizontal-margin-vertical: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$divider-size-vertical-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$divider-size-vertical-margin-horizontal: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$divider-light-color: hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$divider-dark-color: hsla(229, 15%, 22%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-size-horizontal-content-gap-horizontal: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-size-horizontal-gap-vertical: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-size-vertical-content-gap-vertical: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-size-vertical-gap-vertical: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-term-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-term-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-term-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-term-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-term-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-term-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-term-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-description-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-description-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-description-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-description-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-description-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-description-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-font-description-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-light-term-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-light-description-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-dark-term-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$description-list-dark-description-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$dropdown-size-container-width-min: 64px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$dropdown-size-container-width-max: 640px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$dropdown-size-container-padding-vertical: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$dropdown-size-container-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$dropdown-light-container-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$dropdown-light-container-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$dropdown-dark-container-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$dropdown-dark-container-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-big-max-width: 480px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-big-padding-horizontal: 56px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-big-padding-top: 48px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-big-padding-bottom: 48px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-big-actions-margin-top: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-big-image-margin-bottom: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-big-image-addon-height: 56px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-big-title-margin-bottom: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-normal-max-width: 320px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-normal-padding-horizontal: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-normal-padding-top: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-normal-padding-bottom: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-normal-actions-margin-top: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-normal-image-margin-bottom: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-normal-image-addon-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-normal-title-margin-bottom: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-compact-max-width: 320px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-compact-padding-horizontal: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-compact-padding-top: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-compact-padding-bottom: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-compact-actions-margin-top: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-compact-image-margin-bottom: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-compact-image-addon-height: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-size-compact-title-margin-bottom: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-title-font-size: 28px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-title-line-height: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-title-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-title-font-weight: 700; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-title-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-title-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-title-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-text-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-text-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-text-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-big-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-title-font-size: 18px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-title-line-height: 26px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-title-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-title-font-weight: 600; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-title-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-title-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-title-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-normal-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-title-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-title-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-title-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-title-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-title-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-title-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-title-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-text-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-text-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-text-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-font-compact-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-light-default-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-light-default-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-light-error-title: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-light-error-color: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-dark-default-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-dark-default-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-dark-error-title: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$empty-state-dark-error-color: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-single-container-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-single-container-border-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-single-container-content-gap-horizontal: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-single-container-padding-vertical: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-single-container-padding-horizontal: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-single-text-block-padding-vertical: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-single-text-block-content-gap-horizontal: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-multiple-big-container-min-height: 160px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-multiple-big-container-min-width: 320px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-multiple-big-container-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-multiple-big-container-border-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-multiple-big-container-content-gap-horizontal: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-multiple-big-container-padding-vertical: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-multiple-big-container-padding-horizontal: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-multiple-big-text-block-content-gap-vertical: 0px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-multiple-big-text-block-content-gap-horizontal: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-multiple-big-grid-cell-padding-horizontal: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-multiple-big-grid-cell-padding-vertical: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-size-multiple-big-grid-cell-content-gap-horizontal: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-single-text-block-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-single-text-block-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-single-text-block-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-single-text-block-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-single-text-block-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-single-text-block-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-single-text-block-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-title-font-size: 18px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-title-line-height: 26px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-title-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-title-font-weight: 600; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-title-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-title-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-title-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-text-block-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-text-block-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-text-block-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-text-block-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-text-block-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-text-block-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-text-block-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-grid-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-grid-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-grid-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-grid-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-grid-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-grid-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-font-multiple-grid-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-default-container-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-default-container-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-default-upload-icon-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-default-left-icon-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-default-text-block-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-default-icon-button-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-on-drag-container-border: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-on-drag-container-background: hsla(216, 100%, 88%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-on-drag-upload-icon-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-on-drag-left-icon-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-on-drag-text-block-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-error-container-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-error-container-background: hsla(7, 97%, 94%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-error-left-icon-color: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-error-text-block-color: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-disabled-container-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-disabled-container-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-disabled-upload-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-disabled-left-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-disabled-text-block-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-single-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-default-container-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-default-container-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-default-upload-icon-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-default-left-icon-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-default-text-block-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-default-icon-button-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-default-grid-divider-color: hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-on-drag-container-border: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-on-drag-container-background: hsla(216, 100%, 88%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-on-drag-upload-icon-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-on-drag-left-icon-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-on-drag-icon-button-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-on-drag-text-block-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-on-drag-grid-divider-color: hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-error-grid-cell-background: hsla(7, 97%, 94%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-error-left-icon-color: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-error-text-block-color: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-error-icon-button-color: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-disabled-container-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-disabled-container-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-disabled-upload-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-disabled-left-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-disabled-text-block-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-light-multiple-states-disabled-grid-divider-color: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-default-container-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-default-container-background: hsla(229, 15%, 12%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-default-upload-icon-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-default-left-icon-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-default-text-block-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-default-icon-button-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-on-drag-container-border: hsla(216, 100%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-on-drag-container-background: hsla(216, 100%, 24%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-on-drag-upload-icon-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-on-drag-left-icon-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-on-drag-text-block-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-error-container-border: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-error-container-background: hsla(7, 97%, 13%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-error-left-icon-color: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-error-text-block-color: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-disabled-container-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-disabled-container-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-disabled-upload-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-disabled-left-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-disabled-text-block-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-single-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-default-container-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-default-container-background: hsla(229, 15%, 12%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-default-upload-icon-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-default-left-icon-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-default-text-block-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-default-icon-button-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-default-grid-divider-color: hsla(229, 15%, 22%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-on-drag-container-border: hsla(216, 100%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-on-drag-container-background: hsla(216, 100%, 24%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-on-drag-upload-icon-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-on-drag-left-icon-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-on-drag-icon-button-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-on-drag-text-block-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-on-drag-grid-divider-color: hsla(216, 100%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-error-grid-cell-background: hsla(7, 97%, 13%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-error-left-icon-color: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-error-text-block-color: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-error-icon-button-color: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-disabled-container-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-disabled-container-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-disabled-upload-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-disabled-left-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-disabled-text-block-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$file-upload-dark-multiple-states-disabled-grid-divider-color: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-size-height: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-size-border-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-size-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-size-icon-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-size-icon-margin-left: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-size-icon-margin-right: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-size-icon-button-size: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-size-icon-button-margin-right: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-size-icon-button-margin-left: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-font-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-font-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-font-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-font-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-font-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-font-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-default-border-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-default-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-default-placeholder: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-default-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-focused-border-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-focused-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-focused-placeholder: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-focused-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-focused-focus-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-error-border-color: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-error-background: hsla(7, 97%, 94%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-error-placeholder: hsla(7, 97%, 70%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-error-text: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-error-focused-focus-outline: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-autofill-border-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-autofill-background: hsla(216, 100%, 88%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-autofill-placeholder: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-autofill-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-disabled-border-color: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-disabled-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-disabled-placeholder: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-light-states-disabled-text: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-default-border-color: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-default-background: hsla(229, 15%, 12%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-default-placeholder: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-default-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-focused-border-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-focused-background: hsla(229, 15%, 12%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-focused-placeholder: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-focused-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-focused-focus-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-error-border-color: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-error-background: hsla(7, 97%, 13%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-error-placeholder: hsla(7, 97%, 39%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-error-text: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-error-focused-focus-outline: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-autofill-border-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-autofill-background: hsla(216, 100%, 24%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-autofill-placeholder: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-autofill-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-disabled-border-color: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-disabled-placeholder: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-dark-states-disabled-text: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-hint-size-margin-top: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-hint-size-gap: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-hint-font-text-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-hint-font-text-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-hint-font-text-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-hint-font-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-hint-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-hint-font-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-hint-font-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-hint-light-text: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$form-field-hint-dark-text: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-light-label: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-light-legend: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-dark-label: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-dark-legend: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-size-horizontal-row-margin-bottom: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-size-horizontal-control-padding-left: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-size-horizontal-legend-margin-top: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-size-horizontal-legend-margin-bottom: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-size-vertical-row-margin-bottom: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-size-vertical-label-padding-top: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-size-vertical-label-padding-bottom: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-size-vertical-control-padding-left: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-size-vertical-legend-margin-top: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-size-vertical-legend-margin-bottom: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-label-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-label-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-label-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-label-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-label-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-label-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-legend-font-size: 18px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-legend-line-height: 26px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-legend-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-legend-font-weight: 600; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-legend-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-legend-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$forms-font-legend-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-off-fade-contrast-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-off-fade-contrast-icon: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-off-success-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-off-success-icon: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-off-warning-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-off-warning-icon: hsla(38, 100%, 42%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-off-error-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-off-error-icon: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-on-fade-contrast-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-on-fade-contrast-icon: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-on-success-text: hsla(104, 64%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-on-success-icon: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-on-warning-text: hsla(38, 100%, 33%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-on-warning-icon: hsla(38, 100%, 42%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-on-error-text: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-light-fill-text-on-error-icon: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-off-fade-contrast-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-off-fade-contrast-icon: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-off-success-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-off-success-icon: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-off-warning-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-off-warning-icon: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-off-error-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-off-error-icon: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-on-fade-contrast-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-on-fade-contrast-icon: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-on-success-text: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-on-success-icon: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-on-warning-text: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-on-warning-icon: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-on-error-text: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-dark-fill-text-on-error-icon: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-size-normal-margin-top: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-size-normal-content-padding: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-size-compact-margin-top: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-size-compact-content-padding: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-normal-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-normal-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-normal-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-normal-text-font-weight: 500; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-normal-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-normal-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-normal-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-compact-text-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-compact-text-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-compact-text-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-compact-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-compact-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-compact-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$hint-font-compact-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-off-contrast-color: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-off-contrast-background: hsla(229, 15%, 25%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-on-theme-color: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-on-theme-background: hsla(216, 100%, 88%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-on-contrast-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-on-contrast-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-on-error-color: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-on-error-background: hsla(7, 97%, 89%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-on-warning-color: hsla(38, 100%, 42%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-on-success-color: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-light-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-off-contrast-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-off-contrast-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-on-theme-color: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-on-theme-background: hsla(216, 100%, 24%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-on-contrast-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-on-contrast-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-on-error-color: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-on-error-background: hsla(7, 97%, 20%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-on-warning-color: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-on-warning-background: hsla(38, 100%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-on-success-color: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-dark-filled-fade-on-success-background: hsla(104, 64%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-size-normal-horizontal-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-size-normal-vertical-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-size-big-horizontal-padding: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-item-size-big-vertical-padding: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-light-theme-color: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-light-contrast-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-light-fade-contrast-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-light-error-color: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-light-success-color: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-light-warning-color: hsla(38, 100%, 42%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-dark-theme-color: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-dark-contrast-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-dark-fade-contrast-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-dark-error-color: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-dark-success-color: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$icon-dark-warning-color: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$input-size-padding-horizontal: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$input-size-padding-vertical: 6px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$input-font-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$input-font-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$input-font-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$input-font-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$input-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$input-font-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$input-font-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-text: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-border-bottom: hsla(216, 100%, 85%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-state-visited-text: hsla(277, 72%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-state-visited-border-bottom: hsla(277, 72%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-state-visited-hover-text: hsla(277, 72%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-state-visited-hover-border-bottom: hsla(277, 72%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-state-visited-active-text: hsla(277, 72%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-state-visited-active-border-bottom: hsla(277, 72%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-state-hover-text: hsla(216, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-state-hover-border-bottom: hsla(216, 100%, 85%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-state-active-text: hsla(216, 100%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-state-active-border-bottom: hsla(216, 100%, 85%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-state-focused-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-state-disabled-text: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-light-state-disabled-border-bottom: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-text: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-border-bottom: hsla(216, 100%, 27%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-state-visited-text: hsla(277, 72%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-state-visited-border-bottom: hsla(277, 72%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-state-visited-hover-text: hsla(277, 72%, 55%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-state-visited-hover-border-bottom: hsla(277, 72%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-state-visited-active-text: hsla(277, 72%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-state-visited-active-border-bottom: hsla(277, 72%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-state-hover-text: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-state-hover-border-bottom: hsla(216, 100%, 27%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-state-active-text: hsla(216, 100%, 70%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-state-active-border-bottom: hsla(216, 100%, 27%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-state-focused-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-state-disabled-text: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-dark-state-disabled-border-bottom: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-size-state-focused-outline-offset: 0px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-size-state-focused-outline-width: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-size-compact-content-padding: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-size-normal-content-padding: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-size-big-content-padding: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-compact-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-compact-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-compact-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-compact-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-compact-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-compact-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-normal-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-normal-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-normal-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-normal-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-normal-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-normal-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-normal-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-big-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-big-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-big-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-big-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-big-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-big-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$link-font-big-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-size-container-padding-left: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-size-container-padding-right: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-size-container-padding-vertical: 6px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-size-container-content-gap-horizontal: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-size-container-content-gap-vertical: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-size-container-focus-outline-width: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-size-text-padding-vertical: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-size-header-padding-top: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-size-header-padding-bottom: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-size-header-padding-horizontal: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-size-subheading-padding-top: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-size-subheading-padding-bottom: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-size-subheading-padding-horizontal: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-caption-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-caption-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-caption-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-header-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-header-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-header-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-header-font-weight: 600; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-header-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-header-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-header-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-subheading-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-subheading-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-subheading-letter-spacing: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-subheading-font-weight: 500; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-subheading-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-subheading-text-transform: uppercase; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-font-subheading-font-feature-settings: "calt", "case", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-default-container-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-default-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-default-icon-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-default-icon-button-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-default-caption-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-hover-container-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-hover-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-hover-icon-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-hover-icon-button-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-selected-container-background: hsla(216, 100%, 94%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-selected-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-selected-icon-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-selected-icon-button-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-selected-hover-container-background: hsla(216, 100%, 92%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-selected-hover-icon-button-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-disabled-container-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-disabled-text-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-disabled-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-disabled-icon-button-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-light-states-disabled-caption-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-default-container-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-default-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-default-icon-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-default-icon-button-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-default-caption-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-hover-container-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-hover-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-hover-icon-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-hover-icon-button-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-selected-container-background: hsla(216, 100%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-selected-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-selected-icon-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-selected-icon-button-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-selected-hover-container-background: hsla(216, 100%, 17%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-selected-hover-icon-button-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-disabled-container-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-disabled-text-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-disabled-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-disabled-icon-button-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$list-dark-states-disabled-caption-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-size-big-overlay-padding-horizontal: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-size-big-loader-margin-bottom: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-size-big-content-content-gap-vertical: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-size-normal-overlay-padding-horizontal: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-size-normal-loader-margin-bottom: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-size-normal-content-content-gap-vertical: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-size-compact-overlay-padding-horizontal: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-size-compact-loader-margin-bottom: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-size-compact-content-content-gap-vertical: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-text-font-size: 28px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-text-line-height: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-text-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-text-font-weight: 700; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-text-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-text-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-caption-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-caption-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-caption-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-big-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-text-font-size: 18px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-text-line-height: 26px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-text-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-text-font-weight: 600; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-text-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-text-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-caption-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-caption-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-caption-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-normal-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-caption-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-caption-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-caption-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-font-compact-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-light-transparent-overlay-background: hsla(229, 15%, 99%, 88%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-light-transparent-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-light-transparent-caption-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-light-filled-overlay-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-light-filled-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-light-filled-caption-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-dark-transparent-overlay-background: hsla(229, 15%, 12%, 80%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-dark-transparent-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-dark-transparent-caption-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-dark-filled-overlay-background: hsla(229, 15%, 12%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-dark-filled-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$loader-overlay-dark-filled-caption-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h1-light-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h1-dark-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h1-size-max-width: calc(-1 * 650px); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h1-size-margin-top: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h1-size-margin-bottom: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h1-font-default-font-size: 36px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h1-font-default-line-height: 44px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h1-font-default-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h1-font-default-font-weight: 400; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h1-font-default-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h1-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h1-font-default-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h2-light-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h2-dark-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h2-size-max-width: 650px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h2-size-margin-top: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h2-size-margin-bottom: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h2-font-default-font-size: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h2-font-default-line-height: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h2-font-default-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h2-font-default-font-weight: 700; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h2-font-default-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h2-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h2-font-default-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h3-light-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h3-dark-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h3-size-max-width: 650px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h3-size-margin-top: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h3-size-margin-bottom: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h3-font-default-font-size: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h3-font-default-line-height: 28px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h3-font-default-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h3-font-default-font-weight: 700; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h3-font-default-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h3-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h3-font-default-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h4-light-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h4-dark-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h4-size-max-width: 650px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h4-size-margin-top: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h4-size-margin-bottom: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h4-font-default-font-size: 18px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h4-font-default-line-height: 26px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h4-font-default-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h4-font-default-font-weight: 700; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h4-font-default-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h4-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h4-font-default-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h5-light-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h5-dark-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h5-size-max-width: 650px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h5-size-margin-top: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h5-size-margin-bottom: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h5-font-default-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h5-font-default-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h5-font-default-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h5-font-default-font-weight: 700; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h5-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h5-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h5-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h6-light-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h6-dark-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h6-size-max-width: 650px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h6-size-margin-top: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h6-size-margin-bottom: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h6-font-default-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h6-font-default-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h6-font-default-letter-spacing: 0.08em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h6-font-default-font-weight: 500; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h6-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h6-font-default-text-transform: uppercase; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-h6-font-default-font-feature-settings: "calt", "case", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-p-light-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-p-dark-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-p-size-max-width: 650px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-p-size-margin-top: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-p-size-margin-bottom: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-p-font-default-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-p-font-default-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-p-font-default-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-p-font-default-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-p-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-p-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-p-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-light-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-dark-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-size-max-width: 650px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-size-margin-top: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-size-margin-bottom: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-size-margin-top-after-paragraph: calc(-1 * 8px); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-size-ol-number-padding-right: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-size-ul-padding: 0 0 0 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-size-item-margin-bottom: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-font-default-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-font-default-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-font-default-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-font-default-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-list-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-light-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-light-line: hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-light-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-light-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-dark-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-dark-line: hsla(229, 15%, 22%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-dark-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-dark-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-size-max-width: 650px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-size-margin-top: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-size-margin-bottom: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-size-padding: 2px 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-size-line-width: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-size-border-radius: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-size-border-width: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-font-default-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-font-default-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-font-default-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-font-default-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-blockquote-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-light-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-light-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-light-border: hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-dark-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-dark-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-dark-border: hsla(229, 15%, 22%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-size-max-width: 650px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-size-multiline-margin-top: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-size-multiline-margin-bottom: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-size-inline-padding: 0 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-size-multiline-padding: 12px 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-size-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-size-border-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-font-default-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-font-default-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-font-default-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-font-default-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-font-default-font-family: 'JetBrains Mono', 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-code-font-default-font-feature-settings: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-light-text: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-light-border-bottom: hsla(216, 100%, 85%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-light-state-visited-text: hsla(277, 72%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-light-state-visited-border-bottom: hsla(277, 72%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-light-state-hover-text: hsla(216, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-light-state-hover-border-bottom: hsla(216, 100%, 85%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-light-state-active: hsla(216, 100%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-light-state-focused-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-dark-text: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-dark-border-bottom: hsla(216, 100%, 27%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-dark-state-visited-text: hsla(277, 72%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-dark-state-visited-border-bottom: hsla(277, 72%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-dark-state-hover-text: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-dark-state-hover-border-bottom: hsla(216, 100%, 27%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-dark-state-active: hsla(216, 100%, 70%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-dark-state-focused-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-size-icon-margin: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-size-state-focused-outline-offset: 0px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-size-state-focused-outline-width: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-font-default-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-font-default-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-font-default-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-font-default-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-link-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-light-caption-text: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-dark-caption-text: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-size-max-width: 650px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-size-margin-top: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-size-margin-bottom: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-size-caption-margin-top: calc(-1 * 8px); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-size-caption-margin-bottom: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-font-caption-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-font-caption-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-font-caption-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-font-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-font-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-image-font-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-hr-light-color: hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-hr-dark-color: hsla(229, 15%, 22%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-hr-size-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-hr-size-margin-vertical: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-light-header: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-light-body: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-light-border: hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-dark-header: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-dark-body: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-dark-border: hsla(229, 15%, 22%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-size-border-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-size-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-size-margin-bottom: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-header-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-header-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-header-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-header-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-header-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-header-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-header-font-feature-settings: "calt", "ss01", "ss04", "tnum", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-body-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-body-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-body-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-body-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-body-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-body-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-table-font-body-font-feature-settings: "calt", "ss01", "ss04", "tnum", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-size-max-width: 650px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-font-default-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-font-default-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-font-default-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-font-default-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$markdown-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-small-width: 400px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-medium-width: 640px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-large-width: 960px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-header-padding-vertical: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-header-padding-left: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-header-padding-right: 48px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-close-button-margin-left: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-content-padding-horizontal: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-content-padding-top: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-content-padding-bottom: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-content-padding-top-without-header: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-content-padding-bottom-without-footer: 40px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-footer-padding-horizontal: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-footer-padding-vertical: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-size-footer-content-gap-horizontal: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-header-font-size: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-header-line-height: 28px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-header-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-header-font-weight: 700; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-header-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-header-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-header-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-content-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-content-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-content-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-content-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-content-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-content-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-font-content-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-light-overlay-background: hsla(229, 15%, 20%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-light-container-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-light-container-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 3px 16px hsla(229, 15%, 6%, 6%), 0 4px 32px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-light-close-button-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-light-header-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-light-content-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-dark-overlay-background: hsla(229, 15%, 6%, 64%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-dark-container-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-dark-container-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-dark-close-button-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-dark-header-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$modal-dark-content-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-font-title-font-size: 18px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-font-title-line-height: 28px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-font-title-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-font-title-font-weight: 700; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-font-title-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-font-title-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-font-title-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-light-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-light-border: hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-dark-background: hsla(229, 15%, 12%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-dark-border: hsla(229, 15%, 22%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-size-content-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-default-content-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-default-content-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-default-content-icon-left: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-default-content-icon-right: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-hover-content-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-hover-content-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-hover-content-icon-left: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-hover-content-icon-right: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-selected-content-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-selected-content-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-selected-content-icon-left: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-selected-content-icon-right: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-selected-hover-content-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-selected-hover-content-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-selected-hover-content-icon-left: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-selected-hover-content-icon-right: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-disabled-content-text: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-disabled-content-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-disabled-content-icon-left: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-light-states-disabled-content-icon-right: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-default-content-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-default-content-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-default-content-icon-left: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-default-content-icon-right: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-hover-content-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-hover-content-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-hover-content-icon-left: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-hover-content-icon-right: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-selected-content-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-selected-content-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-selected-content-icon-left: hsla(229, 15%, 99%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-selected-content-icon-right: hsla(229, 15%, 99%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-selected-hover-content-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-selected-hover-content-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-selected-hover-content-icon-left: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-selected-hover-content-icon-right: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-disabled-content-text: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-disabled-content-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-disabled-content-icon-left: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$navbar-item-dark-states-disabled-content-icon-right: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$optgroup-size-padding-left: 17px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$optgroup-font-default-font-size: 18px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$optgroup-font-default-line-height: 26px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$optgroup-font-default-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$optgroup-font-default-font-weight: 600; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$optgroup-font-default-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$optgroup-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$optgroup-font-default-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$option-size-horizontal-padding: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$option-size-height: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$option-size-border-width: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$option-font-default-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$option-font-default-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$option-font-default-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$option-font-default-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$option-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$option-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$option-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-container-width-small: 200px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-container-width-medium: 400px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-container-width-large: 640px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-container-border-radius: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-container-max-height: 480px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-close-button-width: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-close-button-margin-right: -16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-close-button-margin-top: -10px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-header-padding-horizontal: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-header-padding-top: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-header-padding-bottom: 6px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-content-padding-top: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-content-padding-bottom: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-content-padding-horizontal: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-content-padding-with-header-top: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-content-padding-with-footer-bottom: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-footer-padding-vertical: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-size-footer-padding-horizontal: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-header-font-size: 18px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-header-line-height: 26px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-header-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-header-font-weight: 600; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-header-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-header-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-header-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-content-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-content-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-content-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-content-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-content-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-content-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-font-content-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-light-container-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-light-container-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-light-header-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-light-header-scroll-shadow:  0   9px  8px -12px hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-light-content-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-light-footer-scroll-shadow:  0   -9px 8px -12px hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-dark-container-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-dark-container-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-dark-header-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-dark-header-scroll-shadow:  0px  1px 0px 0px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-dark-content-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popover-dark-footer-scroll-shadow:  0px -1px 0px 0px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popup-light-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popup-light-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popup-light-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popup-light-footer-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popup-dark-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popup-dark-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popup-dark-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$popup-dark-footer-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-size-container-content-gap: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-size-container-border-radius: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-size-bar-height: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-size-bar-border-radius: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-label-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-label-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-label-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-label-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-label-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-label-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-caption-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-caption-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-caption-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-font-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-light-bar-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-light-bar-foreground: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-light-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-light-caption-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-dark-bar-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-dark-bar-foreground: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-dark-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-bar-dark-caption-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-size-compact-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-size-compact-stroke-width: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-size-compact-content-gap-vertical: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-size-compact-content-gap-horizontal: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-size-big-size: 48px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-size-big-stroke-width: 3px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-size-big-content-gap-vertical: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-size-big-content-gap-horizontal: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-label-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-label-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-label-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-label-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-label-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-label-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-caption-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-caption-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-caption-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-font-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-light-circle-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-light-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-light-caption-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-dark-circle-background: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-dark-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$progress-spinner-dark-caption-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-default-outer-circle-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-default-outer-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-default-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-default-caption: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-hover-outer-circle-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-hover-outer-circle-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-hover-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-checked-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-checked-outer-circle-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-checked-inner-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-checked-hover-outer-circle-border: hsla(216, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-checked-hover-outer-circle-background: hsla(216, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-checked-hover-inner-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-checked-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-checked-disabled-outer-circle-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-checked-disabled-inner-circle-background: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-focused-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-focused-outer-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-focused-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-focused-outer-circle-shadow: 0 0 0.1px 2px hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-checked-focused-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-checked-focused-outer-circle-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-checked-focused-inner-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-checked-focused-outer-circle-shadow: 0 0 0.1px 2px hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-disabled-outer-circle-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-disabled-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-theme-states-disabled-caption: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-default-outer-circle-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-default-outer-circle-background: hsla(7, 97%, 94%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-default-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-hover-outer-circle-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-hover-outer-circle-background: hsla(7, 97%, 87%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-hover-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-checked-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-checked-outer-circle-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-checked-inner-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-checked-hover-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-checked-hover-outer-circle-background: hsla(7, 97%, 56%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-checked-hover-inner-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-checked-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-checked-disabled-outer-circle-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-checked-disabled-inner-circle-background: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-focused-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-focused-outer-circle-background: hsla(7, 97%, 94%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-focused-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-focused-outer-circle-shadow: 0 0 0.1px 2px hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-checked-focused-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-checked-focused-outer-circle-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-checked-focused-inner-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-checked-focused-outer-circle-shadow: 0 0 0.1px 2px hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-disabled-outer-circle-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-light-error-states-disabled-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-default-outer-circle-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-default-outer-circle-background: hsla(229, 15%, 12%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-default-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-default-caption: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-hover-outer-circle-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-hover-outer-circle-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-hover-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-checked-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-checked-outer-circle-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-checked-inner-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-checked-hover-outer-circle-border: hsla(216, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-checked-hover-outer-circle-background: hsla(216, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-checked-hover-inner-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-checked-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-checked-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-checked-disabled-inner-circle-background: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-focused-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-focused-outer-circle-background: hsla(229, 15%, 12%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-focused-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-focused-outer-circle-shadow: 0 0 0.1px 2px hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-checked-focused-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-checked-focused-outer-circle-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-checked-focused-inner-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-checked-focused-outer-circle-shadow: 0 0 0.1px 2px hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-disabled-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-theme-states-disabled-caption: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-default-outer-circle-border: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-default-outer-circle-background: hsla(7, 97%, 13%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-default-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-hover-outer-circle-border: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-hover-outer-circle-background: hsla(7, 97%, 22%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-hover-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-checked-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-checked-outer-circle-background: hsla(7, 97%, 41%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-checked-inner-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-checked-hover-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-checked-hover-outer-circle-background: hsla(7, 97%, 42%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-checked-hover-inner-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-checked-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-checked-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-checked-disabled-inner-circle-background: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-focused-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-focused-outer-circle-background: hsla(7, 97%, 13%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-focused-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-focused-outer-circle-shadow: 0 0 0.1px 2px hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-checked-focused-outer-circle-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-checked-focused-outer-circle-background: hsla(7, 97%, 41%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-checked-focused-inner-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-checked-focused-outer-circle-shadow: 0 0 0.1px 2px hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-disabled-outer-circle-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-disabled-outer-circle-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-dark-error-states-disabled-inner-circle-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-size-normal-outer-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-size-normal-inner-size: 6px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-size-normal-horizontal-content-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-size-normal-vertical-content-padding: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-size-normal-vertical-gap: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-size-normal-top: 0; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-size-big-outer-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-size-big-inner-size: 6px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-size-big-horizontal-content-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-size-big-vertical-content-padding: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-size-big-vertical-gap: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-size-big-top: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-label-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-label-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-label-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-label-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-label-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-label-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-caption-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-caption-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-caption-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-normal-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-label-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-label-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-label-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-label-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-label-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-label-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-caption-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-caption-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-caption-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$radio-font-big-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-size-padding-vertical: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-size-padding-horizontal: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-size-border-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-size-border-radius: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-font-text-font-size: 18px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-font-text-line-height: 26px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-font-text-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-font-text-font-weight: 600; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-font-text-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-font-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-font-text-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-off-success-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-off-warning-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-off-error-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-on-contrast-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-on-contrast-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-on-success-text: hsla(104, 64%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-on-warning-text: hsla(38, 100%, 33%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-on-error-background: hsla(7, 97%, 89%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-filled-fade-on-error-text: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-outline-fade-on-contrast-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-outline-fade-on-contrast-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-outline-fade-on-contrast-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-outline-fade-on-success-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-outline-fade-on-success-text: hsla(104, 64%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-outline-fade-on-warning-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-outline-fade-on-warning-text: hsla(38, 100%, 33%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-outline-fade-on-error-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-outline-fade-on-error-text: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-light-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-off-success-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-off-warning-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-off-error-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-on-contrast-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-on-contrast-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-on-success-background: hsla(104, 64%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-on-success-text: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-on-warning-background: hsla(38, 100%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-on-warning-text: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-on-error-background: hsla(7, 97%, 20%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-filled-fade-on-error-text: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-outline-fade-on-contrast-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-outline-fade-on-contrast-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-outline-fade-on-success-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-outline-fade-on-success-text: hsla(104, 64%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-outline-fade-on-warning-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-outline-fade-on-warning-text: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-outline-fade-on-error-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-outline-fade-on-error-text: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$risk-level-dark-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-size-track-dimension: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-size-track-padding-vertical: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-size-track-padding-horizontal: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-size-thumb-width: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-size-thumb-min-size: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-size-thumb-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-light-thumb-default-background: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-light-thumb-hover-background: hsla(229, 15%, 50%, 48%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-light-thumb-active-background: hsla(229, 15%, 20%, 55%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-light-thumb-disabled-background: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-light-track-default-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-light-track-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-light-track-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-light-track-hover-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-light-track-active-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-light-track-active-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-dark-thumb-default-background: hsla(229, 15%, 50%, 48%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-dark-thumb-hover-background: hsla(229, 15%, 50%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-dark-thumb-active-background: hsla(229, 15%, 50%, 80%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-dark-thumb-disabled-background: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-dark-track-default-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-dark-track-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-dark-track-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-dark-track-hover-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-dark-track-active-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$scrollbar-dark-track-active-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-size-single-padding-left: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-size-single-padding-right: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-size-single-padding-vertical: 6px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-size-single-content-gap: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-size-multiple-padding-left: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-size-multiple-padding-right: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-size-multiple-padding-vertical: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-size-multiple-content-gap: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-font-default-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-font-default-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-font-default-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-font-default-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-panel-size-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-panel-size-max-height: 256px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-panel-font-default-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-panel-font-default-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-panel-font-default-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-panel-font-default-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-panel-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-panel-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-panel-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-panel-light-dropdown-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-panel-light-dropdown-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-panel-dark-dropdown-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$select-panel-dark-dropdown-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-size-small-width: 400px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-size-medium-width: 640px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-size-large-width: 960px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-size-header-padding-vertical: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-size-header-padding-left: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-size-header-padding-right: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-size-close-button-margin-left: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-size-content-padding-horizontal: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-size-content-padding-bottom: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-size-footer-padding-top: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-size-footer-padding-bottom: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-size-footer-padding-horizontal: 32px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-size-footer-content-gap-horizontal: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-header-font-size: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-header-line-height: 28px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-header-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-header-font-weight: 700; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-header-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-header-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-header-font-feature-settings: "calt", "kern", "liga"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-content-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-content-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-content-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-content-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-content-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-content-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-font-content-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-light-overlay-background: hsla(229, 15%, 20%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-light-container-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-light-container-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 3px 16px hsla(229, 15%, 6%, 6%), 0 4px 32px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-light-header-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-light-header-scroll-shadow:  0   9px  8px -12px hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-light-footer-scroll-shadow:  0   -9px 8px -12px hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-light-content-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-dark-overlay-background: hsla(229, 15%, 6%, 64%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-dark-container-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-dark-container-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-dark-header-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-dark-header-scroll-shadow:  0px  1px 0px 0px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-dark-footer-scroll-shadow:  0px -1px 0px 0px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$sidepanel-dark-content-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$skeleton-light-background: hsla(229, 15%, 96%, 100%);
$skeleton-light-animation-wave-start: oklch(0 0 0 / 0);
$skeleton-light-animation-wave-center: oklch(0.0% 0.0000 0.0 / 0.10);
$skeleton-light-animation-wave-end: oklch(0 0 0 / 0);
$skeleton-dark-background: hsla(229, 15%, 17%, 100%);
$skeleton-dark-animation-wave-start: oklch(1 0 0 / 0);
$skeleton-dark-animation-wave-center: oklch(100.0% 0.0000 0.0 / 0.05);
$skeleton-dark-animation-wave-end: oklch(1 0 0 / 0);
$table-size-border-width: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-size-row-padding-vertical: 10px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-size-row-padding-horizontal: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-header-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-header-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-header-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-header-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-header-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-header-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-header-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-body-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-body-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-body-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-body-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-body-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-body-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$table-font-body-font-feature-settings: "calt", "ss01", "ss04", "tnum", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-size-tab-item-padding-horizontal: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-size-tab-item-padding-vertical: 6px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-size-tab-item-content-gap-horizontal: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-size-tab-item-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-size-tab-item-focus-outline-width: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-size-tab-stack-horizontal-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-size-tab-stack-vertical-content-gap-vertical: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-font-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-font-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-font-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-font-text-font-weight: 500; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-font-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-font-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-background-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-background-default-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-background-default-icon-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-background-states-hover-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-background-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-background-states-selected-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-background-states-selected-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-background-states-selected-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-background-states-selected-disabled-text-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-background-states-selected-disabled-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-background-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-background-states-disabled-text-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-background-states-disabled-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-surface-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-surface-default-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-surface-default-icon-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-surface-states-hover-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-surface-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-surface-states-selected-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-surface-states-selected-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-surface-states-selected-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-surface-states-selected-disabled-text-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-surface-states-selected-disabled-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-surface-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-surface-states-disabled-text-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-filled-on-surface-states-disabled-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-background-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-background-default-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-background-default-icon-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-background-states-hover-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-background-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-background-states-selected-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-background-states-selected-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-background-states-selected-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-background-states-selected-disabled-text-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-background-states-selected-disabled-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-background-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-background-states-disabled-text-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-background-states-disabled-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-surface-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-surface-default-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-surface-default-icon-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-surface-states-hover-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-surface-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-surface-states-selected-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-surface-states-selected-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-surface-states-selected-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-surface-states-selected-disabled-text-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-surface-states-selected-disabled-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-surface-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-surface-states-disabled-text-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-item-transparent-on-surface-states-disabled-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-stack-filled-on-background-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-stack-filled-on-surface-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-stack-transparent-on-background-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-light-tab-stack-transparent-on-surface-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-background-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-background-default-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-background-default-icon-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-background-states-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-background-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-background-states-selected-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-background-states-selected-hover-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-background-states-selected-disabled-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-background-states-selected-disabled-text-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-background-states-selected-disabled-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-background-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-background-states-disabled-text-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-background-states-disabled-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-surface-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-surface-default-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-surface-default-icon-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-surface-states-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-surface-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-surface-states-selected-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-surface-states-selected-hover-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-surface-states-selected-disabled-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-surface-states-selected-disabled-text-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-surface-states-selected-disabled-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-surface-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-surface-states-disabled-text-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-filled-on-surface-states-disabled-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-background-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-background-default-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-background-default-icon-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-background-states-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-background-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-background-states-selected-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-background-states-selected-hover-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-background-states-selected-disabled-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-background-states-selected-disabled-text-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-background-states-selected-disabled-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-background-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-background-states-disabled-text-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-background-states-disabled-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-surface-default-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-surface-default-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-surface-default-icon-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-surface-states-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-surface-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-surface-states-selected-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-surface-states-selected-hover-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-surface-states-selected-disabled-background: hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-surface-states-selected-disabled-text-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-surface-states-selected-disabled-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-surface-states-disabled-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-surface-states-disabled-text-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-item-transparent-on-surface-states-disabled-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-stack-filled-on-background-background: hsla(229, 15%, 12%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-stack-filled-on-surface-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-stack-transparent-on-background-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tabs-dark-tab-stack-transparent-on-surface-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-input-size-padding-left: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-input-size-padding-right: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-input-size-padding-vertical: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-input-size-content-gap: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-input-font-default-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-input-font-default-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-input-font-default-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-input-font-default-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-input-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-input-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-input-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-list-size-content-gap: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-size-padding-horizontal: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-size-padding-vertical: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-size-content-gap-horizontal: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-size-icon-margin-left: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-size-close-button-margin-right: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-font-default-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-font-default-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-font-default-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-font-default-font-weight: 500; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-default-background: hsla(216, 100%, 88%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-default-text: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-default-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-default-close-button: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-states-hover-background: hsla(216, 100%, 85%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-states-hover-text: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-states-hover-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-states-hover-close-button: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-states-focus-background: hsla(216, 100%, 88%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-states-focus-text: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-states-focus-icon: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-states-focus-close-button: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-states-disabled-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-states-disabled-text: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-states-disabled-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-theme-fade-on-states-disabled-close-button: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-default-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-default-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-default-icon: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-default-close-button: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-states-hover-background: hsla(229, 15%, 88%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-states-hover-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-states-hover-icon: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-states-hover-close-button: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-states-focus-background: hsla(229, 15%, 90%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-states-focus-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-states-focus-icon: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-states-focus-close-button: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-states-disabled-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-states-disabled-text: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-states-disabled-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-contrast-fade-on-states-disabled-close-button: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-default-background: hsla(7, 97%, 89%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-default-text: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-default-icon: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-default-close-button: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-states-hover-background: hsla(7, 97%, 87%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-states-hover-text: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-states-hover-icon: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-states-hover-close-button: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-states-focus-background: hsla(7, 97%, 89%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-states-focus-text: hsla(7, 97%, 40%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-states-focus-icon: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-states-focus-close-button: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-states-focus-outline: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-states-disabled-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-states-disabled-text: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-states-disabled-icon: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-light-error-fade-on-states-disabled-close-button: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-default-background: hsla(216, 100%, 24%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-default-text: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-default-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-default-close-button: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-states-hover-background: hsla(216, 100%, 26%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-states-hover-text: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-states-hover-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-states-hover-close-button: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-states-focus-background: hsla(216, 100%, 24%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-states-focus-text: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-states-focus-icon: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-states-focus-close-button: hsla(216, 100%, 65%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-states-disabled-text: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-states-disabled-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-theme-fade-on-states-disabled-close-button: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-default-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-default-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-default-icon: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-default-close-button: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-states-hover-background: hsla(229, 15%, 25%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-states-hover-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-states-hover-icon: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-states-hover-close-button: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-states-focus-background: hsla(229, 15%, 23%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-states-focus-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-states-focus-icon: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-states-focus-close-button: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-states-disabled-text: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-states-disabled-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-contrast-fade-on-states-disabled-close-button: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-default-background: hsla(7, 97%, 20%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-default-text: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-default-icon: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-default-close-button: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-states-hover-background: hsla(7, 97%, 22%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-states-hover-text: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-states-hover-icon: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-states-hover-close-button: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-states-focus-background: hsla(7, 97%, 20%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-states-focus-text: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-states-focus-icon: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-states-focus-close-button: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-states-focus-outline: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-states-disabled-text: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-states-disabled-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-error-fade-on-states-disabled-close-button: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-default-background: hsla(38, 100%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-default-text: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-default-icon: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-default-close-button: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-states-hover-background: hsla(38, 100%, 16%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-states-hover-text: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-states-hover-icon: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-states-hover-close-button: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-states-focus-background: hsla(38, 100%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-states-focus-text: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-states-focus-icon: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-states-focus-close-button: hsla(38, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-states-focus-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-states-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-states-disabled-text: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-states-disabled-icon: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tag-dark-warning-fade-on-states-disabled-close-button: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$textarea-size-min-height: 64px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$textarea-size-max-height: 96px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$textarea-size-padding-vertical: 6px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$textarea-size-padding-horizontal: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$textarea-font-default-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$textarea-font-default-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$textarea-font-default-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$textarea-font-default-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$textarea-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$textarea-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$textarea-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-light-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-light-caption: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-light-optgroup-label: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-dark-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-dark-caption: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-dark-optgroup-label: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-size-padding: 6px 10px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-size-column-gap: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-size-height: auto; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-size-max-height: 5em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-size-optgroup-label-padding: 12px 12px 4px 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-text-font-feature-settings: "calt", "ss01", "ss04", "tnum", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-offset-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-offset-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-offset-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-offset-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-offset-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-offset-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-offset-text-font-feature-settings: "calt", "ss01", "ss04", "tnum", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-caption-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-caption-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-caption-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-optgroup-label-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-optgroup-label-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-optgroup-label-letter-spacing: 1px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-optgroup-label-font-weight: 500; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-optgroup-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-optgroup-label-text-transform: uppercase; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$timezone-option-font-optgroup-label-font-feature-settings: "calt", "case", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-container-width: 360px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-container-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-container-padding-left: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-container-padding-right: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-content-padding-top: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-content-padding-bottom: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-caption-padding-bottom: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-icon-width: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-icon-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-icon-margin-right: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-icon-border-radius: 50%; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-close-button-margin-top: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-close-button-margin-right: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-button-stack-padding-top: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-size-button-stack-content-gap-horizontal: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-title-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-title-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-title-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-title-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-title-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-title-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-title-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-font-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-contrast-container-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-contrast-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-contrast-container-text: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-contrast-container-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-error-container-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-error-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-error-container-text: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-error-container-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-warning-container-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-warning-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-warning-container-text: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-warning-container-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-success-container-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-success-container-title: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-success-container-text: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-light-success-container-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-contrast-container-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-contrast-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-contrast-container-text: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-contrast-container-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-error-container-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-error-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-error-container-text: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-error-container-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-warning-container-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-warning-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-warning-container-text: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-warning-container-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-success-container-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-success-container-title: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-success-container-text: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-dark-success-container-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-stack-size-margin-top: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-stack-size-margin-right: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toast-stack-size-gap: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-default-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-default-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-default-circle-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-hover-border: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-hover-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-hover-circle-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-checked-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-checked-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-checked-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-focused-border: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-focused-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-focused-circle-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-disabled-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-disabled-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-theme-states-disabled-circle-background: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-default-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-default-background: hsla(7, 97%, 94%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-default-circle-background: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-hover-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-hover-background: hsla(7, 97%, 87%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-hover-circle-background: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-checked-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-checked-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-checked-hover-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-checked-hover-background: hsla(7, 97%, 56%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-focused-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-focused-background: hsla(7, 97%, 94%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-focused-circle-background: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-checked-focused-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-disabled-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-disabled-background: rgba(0, 0, 0, 0.05); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-light-error-states-disabled-circle-background: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-default-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-default-background: hsla(229, 15%, 12%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-default-circle-background: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-hover-border: hsla(229, 15%, 30%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-hover-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-hover-circle-background: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-checked-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-checked-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-checked-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-checked-hover-border: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-checked-hover-background: hsla(216, 100%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-focused-border: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-focused-background: hsla(229, 15%, 12%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-focused-circle-background: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-focused-focus-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-checked-focused-border: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-checked-focused-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-checked-focused-focus-outline: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-disabled-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-theme-states-disabled-circle-background: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-default-border: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-default-background: hsla(7, 97%, 13%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-default-circle-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-hover-border: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-hover-background: hsla(7, 97%, 22%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-hover-circle-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-checked-border: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-checked-background: hsla(7, 97%, 41%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-checked-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-checked-hover-border: hsla(7, 97%, 35%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-checked-hover-background: hsla(7, 97%, 42%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-checked-hover-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-focused-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-focused-background: hsla(7, 97%, 13%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-focused-circle-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-focused-focus-outline: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-checked-focused-border: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-checked-focused-background: hsla(7, 97%, 41%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-checked-focused-circle-background: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-checked-focused-focus-outline: hsla(7, 97%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-disabled-border: hsla(229, 15%, 50%, 32%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-disabled-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-dark-error-states-disabled-circle-background: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-size-normal-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-size-normal-width: 28px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-size-normal-horizontal-content-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-size-normal-vertical-content-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-size-big-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-size-big-width: 28px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-size-big-horizontal-content-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-size-big-vertical-content-padding: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-label-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-label-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-label-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-label-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-label-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-label-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-caption-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-caption-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-caption-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-normal-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-label-font-size: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-label-line-height: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-label-letter-spacing: -0.011em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-label-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-label-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-label-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-label-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-caption-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-caption-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-caption-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$toggle-font-big-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-size-max-width: 300px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-size-border-radius: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-size-padding-horizontal: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-size-padding-vertical: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-size-arrow-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-default-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-default-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-default-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-default-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-default-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-default-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-default-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-title-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-title-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-title-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-title-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-title-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-title-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-font-title-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-contrast-fade-on-background: hsla(229, 15%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-contrast-fade-on-text: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-contrast-fade-on-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-contrast-fade-off-background: hsla(229, 15%, 25%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-contrast-fade-off-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-contrast-fade-off-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-theme-fade-off-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-theme-fade-off-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-theme-fade-off-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-warning-fade-off-background: hsla(38, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-warning-fade-off-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-warning-fade-off-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%), 0 3px 8px hsla(229, 15%, 6%, 12%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-error-fade-off-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-error-fade-off-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-light-error-fade-off-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-contrast-fade-on-background: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-contrast-fade-on-text: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-contrast-fade-on-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-contrast-fade-off-background: hsla(229, 15%, 25%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-contrast-fade-off-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-contrast-fade-off-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-theme-fade-off-background: hsla(216, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-theme-fade-off-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-theme-fade-off-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-warning-fade-off-background: hsla(38, 100%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-warning-fade-off-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-warning-fade-off-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-error-fade-off-background: hsla(7, 97%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-error-fade-off-text: hsla(0, 0%, 100%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tooltip-dark-error-fade-off-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-size-indent-level: 24px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-size-container-padding-right: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-size-container-padding-vertical: 4px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-size-container-content-gap-horizontal: 8px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-size-container-content-gap-vertical: 0px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-size-container-focus-outline-width: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-size-text-padding-vertical: 2px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-text-font-size: 14px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-text-line-height: 20px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-text-letter-spacing: -0.006em; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-text-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-text-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-text-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-caption-font-size: 12px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-caption-line-height: 16px; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-caption-letter-spacing: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-caption-font-weight: normal; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-caption-text-transform: initial; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-font-caption-font-feature-settings: "calt", "kern", "liga", "ss01", "ss04", "zero"; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-default-container-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-default-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-default-icon-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-default-tree-toggle-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-default-action-button-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-default-caption-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-hover-container-background: hsla(229, 15%, 50%, 8%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-hover-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-hover-icon-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-hover-action-button-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-hover-caption-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-selected-container-background: hsla(216, 100%, 94%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-selected-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-selected-icon-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-selected-tree-toggle-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-selected-action-button-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-selected-caption-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-selected-hover-container-background: hsla(216, 100%, 92%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-selected-hover-tree-toggle-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-selected-hover-action-button-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-selected-hover-caption-color: hsla(229, 15%, 50%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-disabled-container-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-disabled-text-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-disabled-icon-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-disabled-tree-toggle-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-disabled-action-button-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-light-states-disabled-caption-color: hsla(229, 15%, 60%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-default-container-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-default-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-default-icon-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-default-tree-toggle-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-default-action-button-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-default-caption-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-hover-container-background: hsla(229, 15%, 50%, 16%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-hover-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-hover-icon-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-hover-action-button-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-hover-caption-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-selected-container-background: hsla(216, 100%, 15%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-selected-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-selected-icon-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-selected-tree-toggle-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-selected-action-button-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-selected-caption-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-selected-hover-container-background: hsla(216, 100%, 17%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-selected-hover-tree-toggle-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-selected-hover-action-button-color: hsla(229, 15%, 45%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-selected-hover-caption-color: hsla(229, 15%, 60%, 100%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-disabled-container-background: transparent; // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-disabled-text-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-disabled-icon-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-disabled-tree-toggle-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-disabled-action-button-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value
$tree-dark-states-disabled-caption-color: hsla(229, 15%, 65%, 60%); // DEPRECATED: `component` token will be removed - use `global` token or raw value