/** [GENERATED] pnpm generate:legacyTokens */

:root,
:host {
  --effect-box-shadow-shadow-down: 0px 3px 7px 0px #00000014;
  --effect-box-shadow-shadow-up: 0px -3px 7px 0px #00000014;
  --effect-box-shadow-shadow-focus: 0px 0px 2px 0px #0eb4f3;
  --colors-forms-background: #fff;
  --colors-forms-border: #d6d6d6;
  --colors-forms-activated: #0eb4f3;
  --colors-forms-shadow: #0eb4f3;
  --colors-forms-critical: #f00004;
  --colors-forms-disabled: #eee;
  --colors-forms-warning: #fe9b15;
  --colors-surface-primary: #eee;
  --colors-surface-secondary: #fff;
  --colors-surface-tertiary: #fff;
  --colors-surface-overlay: #00000080;
  --colors-surface-light-gray: #f7f7f7;
  --colors-surface-light-blue: #eef9ff;
  --colors-surface-inverted: #343434;
  --colors-foregrounds-headlines-primary: #0eb4f3;
  --colors-foregrounds-headlines-secondary: #000;
  --colors-foregrounds-headlines-tertiary: #689902;
  --colors-foregrounds-content-primary: #000;
  --colors-foregrounds-content-secondary: #797979;
  --colors-foregrounds-content-tertiary: #979797;
  --colors-foregrounds-content-inverted: #fff;
  --colors-foregrounds-icons-primary: #000;
  --colors-foregrounds-icons-secondary: #979797;
  --colors-foregrounds-icons-tertiary: #fff;
  --colors-foregrounds-borders-primary: #eee;
  --colors-foregrounds-borders-secondary: #dedede;
  --colors-interactive-primary-enabled: #0eb4f3;
  --colors-interactive-primary-hover: #009bd3;
  --colors-interactive-primary-disabled: #979797;
  --colors-interactive-action-enabled: #94ca47;
  --colors-interactive-action-hover: #6fa116;
  --colors-interactive-action-disabled: #979797;
  --colors-interactive-links-enabled: #0052c6;
  --colors-interactive-links-hover: #0065f1;
  --colors-interactive-links-disabled: #0052c60d;
  --colors-interactive-destructive-enabled: #f00004;
  --colors-interactive-destructive-hover: #c90002;
  --colors-interactive-destructive-disabled: #979797;
  --colors-interactive-secondary-enabled: #979797;
  --colors-interactive-secondary-hover: #000;
  --colors-interactive-secondary-disabled: #979797;
  --colors-interactive-secondary-activated: #0eb4f3;
  --colors-interactive-tabs-background-enabled: #eee;
  --colors-interactive-tabs-background-selected: #fff;
  --colors-interactive-tabs-border: #b6b6b6;
  --colors-interactive-tabs-selected-indicator: #94ca47;
  --colors-interactive-tabs-background-hover: #0eb4f3;
  --colors-interactive-ghost-enabled: #fff;
  --colors-interactive-ghost-hover: #eee;
  --colors-interactive-ghost-activated: #0eb4f3;
  --colors-interactive-ghost-subtle: #cbecff;
  --colors-interactive-ghost-subtle-hover: #a5dfff;
  --colors-interactive-ghost-activated-hover: #009bd3;
  --colors-interactive-superadmin-enabled: #9455ef;
  --colors-interactive-superadmin-hover: #7d3dd4;
  --colors-interactive-superadmin-activated: #7d3dd4;
  --colors-interactive-content-primary: #fff;
  --colors-interactive-content-secondary: #000;
  --colors-interactive-focus-primary: #008bbe;
  --colors-interactive-tertiary-enabled: #000;
  --colors-interactive-tertiary-hover: #4e4e4e;
  --colors-interactive-tertiary-disabled: #00000080;
  --colors-interactive-tertiary-activated: #0eb4f3;
  --colors-interactive-loader-light-foregrounds: #0eb4f3;
  --colors-interactive-loader-light-background: #cbecff;
  --colors-interactive-loader-dark-foregrounds: #fff;
  --colors-interactive-loader-dark-background: #ffffff0d;
  --colors-tables-backgrounds-primary: #fff;
  --colors-tables-backgrounds-secondary: #f7f7f7;
  --colors-tables-backgrounds-tertiary: #eee;
  --colors-tables-border-primary: #e6e6e6;
  --colors-tables-border-secondary: #0eb4f3;
  --colors-tables-states-success: #e6f4da;
  --colors-tables-states-warning: #ffedc0;
  --colors-tables-states-critical: #ffa9c0;
  --colors-tables-states-notice: #e7efff;
  --colors-states-primary-default: #636363;
  --colors-states-primary-notice: #10b4f3;
  --colors-states-primary-success: #369900;
  --colors-states-primary-alert: #fe9b15;
  --colors-states-primary-error: #f00004;
  --colors-states-primary-informative: #1139d7;
  --colors-states-secondary-default: #d6d6d6;
  --colors-states-secondary-notice: #e7efff;
  --colors-states-secondary-success: #f2faec;
  --colors-states-secondary-alert: #fff6e0;
  --colors-states-secondary-error: #fee8ed;
  --colors-states-secondary-informative: #dbe6ff;
  --colors-sidebar-backgrounds-enabled: #fff;
  --colors-sidebar-backgrounds-hover: #eee;
  --colors-sidebar-backgrounds-activated: #ddf2ff;
  --colors-sidebar-content-enabled: #000;
  --colors-sidebar-content-activated: #0eb4f3;
  --colors-sidebar-content-disabled: #979797;
  --colors-header-background: #0eb4f3;
  --colors-header-hover: #00000026;
  --colors-header-shop: #0000004d;
  --colors-lists-background-enabled: #fff;
  --colors-lists-background-hover: #eee;
  --colors-lists-background-activated: #ddf2ff;
  --colors-lists-content-enabled: #000;
  --colors-lists-content-activated: #0eb4f3;
  --colors-lists-content-disabled: #979797;
  --colors-code-snippet-background: #f3f7ff;
  --colors-code-snippet-border: #92b4ff;
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-xxl: 48px;
  --spacing-xl: 24px;
  --spacing-lg: 16px;
  --spacing-md: 12px;
  --spacing-sm: 8px;
  --spacing-xl-32: 32px;
  --border-radius-border-radius-0: 0px;
  --border-radius-border-radius-4: 4px;
  --border-radius-border-radius-8: 8px;
  --border-radius-border-radius-16: 16px;
  --border-radius-border-radius-24: 24px;
  --border-radius-border-radius-32: 32px;
  --typography-headlines-headline-1-font-size: 36px;
  --typography-headlines-headline-1-font-family: 'Inter Display', 'Arial', sans-serif;
  --typography-headlines-headline-1-font-weight: 400;
  --typography-headlines-headline-1-letter-spacing: 0px;
  --typography-headlines-headline-1-line-height: 46px;
  --typography-headlines-headline-2-font-size: 22px;
  --typography-headlines-headline-2-font-family: 'Inter Display', 'Arial', sans-serif;
  --typography-headlines-headline-2-font-weight: 400;
  --typography-headlines-headline-2-letter-spacing: 0px;
  --typography-headlines-headline-2-line-height: 28px;
  --typography-headlines-headline-3-font-size: 18px;
  --typography-headlines-headline-3-font-family: 'Inter Display', 'Arial', sans-serif;
  --typography-headlines-headline-3-font-weight: 400;
  --typography-headlines-headline-3-letter-spacing: 0px;
  --typography-headlines-headline-3-line-height: 24px;
  --typography-headlines-headline-4-font-size: 16px;
  --typography-headlines-headline-4-font-family: 'Inter Display', 'Arial', sans-serif;
  --typography-headlines-headline-4-font-weight: 400;
  --typography-headlines-headline-4-letter-spacing: 0px;
  --typography-headlines-headline-4-line-height: 24px;
  --typography-headlines-headline-5-font-size: 12px;
  --typography-headlines-headline-5-font-family: 'Inter Display', 'Arial', sans-serif;
  --typography-headlines-headline-5-font-weight: 400;
  --typography-headlines-headline-5-letter-spacing: 0px;
  --typography-headlines-headline-5-line-height: 14px;
  --typography-body-copy-l-font-size: 14px;
  --typography-body-copy-l-font-family: 'Inter', 'Arial', sans-serif;
  --typography-body-copy-l-font-weight: 400;
  --typography-body-copy-l-letter-spacing: 0.16px;
  --typography-body-copy-l-line-height: 22px;
  --typography-body-copy-lb-font-size: 14px;
  --typography-body-copy-lb-font-family: 'Inter', 'Arial', sans-serif;
  --typography-body-copy-lb-font-weight: 700;
  --typography-body-copy-lb-letter-spacing: 0.16px;
  --typography-body-copy-lb-line-height: 22px;
  --typography-body-copy-m-font-size: 12px;
  --typography-body-copy-m-font-family: 'Inter', 'Arial', sans-serif;
  --typography-body-copy-m-font-weight: 400;
  --typography-body-copy-m-letter-spacing: 0.1px;
  --typography-body-copy-m-line-height: 18px;
  --typography-body-copy-mb-font-size: 12px;
  --typography-body-copy-mb-font-family: 'Inter', 'Arial', sans-serif;
  --typography-body-copy-mb-font-weight: 700;
  --typography-body-copy-mb-letter-spacing: 0.1px;
  --typography-body-copy-mb-line-height: 18px;
  --typography-body-copy-s-font-size: 10px;
  --typography-body-copy-s-font-family: 'Inter', 'Arial', sans-serif;
  --typography-body-copy-s-font-weight: 400;
  --typography-body-copy-s-letter-spacing: 0.06px;
  --typography-body-copy-s-line-height: 16px;
  --typography-body-copy-sb-font-size: 10px;
  --typography-body-copy-sb-font-family: 'Inter', 'Arial', sans-serif;
  --typography-body-copy-sb-font-weight: 700;
  --typography-body-copy-sb-letter-spacing: 0.06px;
  --typography-body-copy-sb-line-height: 16px;
  --typography-interactive-buttons-l-font-size: 16px;
  --typography-interactive-buttons-l-font-family: 'Inter', 'Arial', sans-serif;
  --typography-interactive-buttons-l-font-weight: 400;
  --typography-interactive-buttons-l-letter-spacing: 0.4px;
  --typography-interactive-buttons-l-line-height: 24px;
  --typography-interactive-buttons-m-font-size: 12px;
  --typography-interactive-buttons-m-font-family: 'Inter', 'Arial', sans-serif;
  --typography-interactive-buttons-m-font-weight: 400;
  --typography-interactive-buttons-m-letter-spacing: 0.4px;
  --typography-interactive-buttons-m-line-height: 24px;
  --typography-interactive-buttons-s-font-size: 12px;
  --typography-interactive-buttons-s-font-family: 'Inter', 'Arial', sans-serif;
  --typography-interactive-buttons-s-font-weight: 400;
  --typography-interactive-buttons-s-letter-spacing: 0.4px;
  --typography-interactive-buttons-s-line-height: 16px;
  --typography-interactive-menu-enabled-font-size: 14px;
  --typography-interactive-menu-enabled-font-family: 'Inter', 'Arial', sans-serif;
  --typography-interactive-menu-enabled-font-weight: 400;
  --typography-interactive-menu-enabled-letter-spacing: 0.1px;
  --typography-interactive-menu-enabled-line-height: 20px;
  --typography-interactive-menu-selected-font-size: 14px;
  --typography-interactive-menu-selected-font-family: 'Inter', 'Arial', sans-serif;
  --typography-interactive-menu-selected-font-weight: 700;
  --typography-interactive-menu-selected-letter-spacing: 0.1px;
  --typography-interactive-menu-selected-line-height: 20px;
  --typography-forms-helper-text-font-size: 12px;
  --typography-forms-helper-text-font-family: 'Inter', 'Arial', sans-serif;
  --typography-forms-helper-text-font-weight: 400;
  --typography-forms-helper-text-letter-spacing: 0.1px;
  --typography-forms-helper-text-line-height: 16px;
  --typography-forms-label-font-size: 12px;
  --typography-forms-label-font-family: 'Inter', 'Arial', sans-serif;
  --typography-forms-label-font-weight: 400;
  --typography-forms-label-letter-spacing: 0.1px;
  --typography-forms-label-line-height: 18px;
  --typography-forms-text-font-size: 12px;
  --typography-forms-text-font-family: 'Inter', 'Arial', sans-serif;
  --typography-forms-text-font-weight: 400;
  --typography-forms-text-letter-spacing: 0.1px;
  --typography-forms-text-line-height: 16px;
  --typography-numbers-l-font-size: 60px;
  --typography-numbers-l-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-l-font-weight: 700;
  --typography-numbers-l-letter-spacing: 0px;
  --typography-numbers-l-line-height: 72px;
  --typography-numbers-m-font-size: 36px;
  --typography-numbers-m-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-m-font-weight: 700;
  --typography-numbers-m-letter-spacing: 0px;
  --typography-numbers-m-line-height: 44px;
  --typography-numbers-s-font-size: 24px;
  --typography-numbers-s-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-s-font-weight: 400;
  --typography-numbers-s-letter-spacing: 0px;
  --typography-numbers-s-line-height: 28px;
  --typography-responsive-headlines-headline-1-font-size: 26px;
  --typography-responsive-headlines-headline-1-font-family: 'Inter Display', 'Arial', sans-serif;
  --typography-responsive-headlines-headline-1-font-weight: 400;
  --typography-responsive-headlines-headline-1-letter-spacing: 0px;
  --typography-responsive-headlines-headline-1-line-height: 32px;
  --typography-numbers-mono-l-font-size: 14px;
  --typography-numbers-mono-l-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-mono-l-font-weight: 400;
  --typography-numbers-mono-l-letter-spacing: -0.28px;
  --typography-numbers-mono-l-line-height: 22px;
  --typography-numbers-mono-lb-font-size: 14px;
  --typography-numbers-mono-lb-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-mono-lb-font-weight: 700;
  --typography-numbers-mono-lb-letter-spacing: -0.28px;
  --typography-numbers-mono-lb-line-height: 22px;
  --typography-numbers-mono-m-font-size: 12px;
  --typography-numbers-mono-m-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-mono-m-font-weight: 400;
  --typography-numbers-mono-m-letter-spacing: -0.24px;
  --typography-numbers-mono-m-line-height: 18px;
  --typography-numbers-mono-mb-font-size: 12px;
  --typography-numbers-mono-mb-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-mono-mb-font-weight: 700;
  --typography-numbers-mono-mb-letter-spacing: -0.24px;
  --typography-numbers-mono-mb-line-height: 18px;
  --typography-numbers-mono-s-font-size: 10px;
  --typography-numbers-mono-s-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-mono-s-font-weight: 400;
  --typography-numbers-mono-s-letter-spacing: -0.2px;
  --typography-numbers-mono-s-line-height: 16px;
  --typography-numbers-mono-sb-font-size: 10px;
  --typography-numbers-mono-sb-font-family: 'Inter', 'Arial', sans-serif;
  --typography-numbers-mono-sb-font-weight: 700;
  --typography-numbers-mono-sb-letter-spacing: -0.2px;
  --typography-numbers-mono-sb-line-height: 16px;
  --breakpoints-sm: 576px;
  --breakpoints-md: 768px;
  --breakpoints-lg: 992px;
  --breakpoints-xl: 1024px;
  --breakpoints-xxl: 1400px;
  --elevations-default: 1;
  --elevations-overlay: 999;
  --elevations-sidebar: 1003;
  --elevations-header: 1100;
  --elevations-modal: 11000;
  --elevations-loader: 12000;
}