:root {
  --primitive-spacing-00-0: 0px;
  --primitive-spacing-01-4: 4px;
  --primitive-spacing-02-8: 8px;
  --primitive-spacing-03-12: 12px;
  --primitive-spacing-04-16: 16px;
  --primitive-spacing-05-20: 20px;
  --primitive-spacing-06-24: 24px;
  --primitive-spacing-07-28: 28px;
  --primitive-spacing-08-32: 32px;
  --primitive-spacing-09-36: 36px;
  --primitive-spacing-10-40: 40px;
  --primitive-spacing-11-44: 44px;
  --primitive-spacing-12-48: 48px;
  --primitive-spacing-13-52: 52px;
  --primitive-spacing-14-56: 56px;
  --primitive-spacing-15-60: 60px;
  --primitive-spacing-16-64: 64px;
  --primitive-spacing-17-68: 68px;
  --primitive-spacing-18-72: 72px;
  --primitive-spacing-19-76: 76px;
  --primitive-spacing-20-80: 80px;
  --primitive-spacing-21-84: 84px;
  --primitive-spacing-22-88: 88px;
  --primitive-spacing-23-92: 92px;
  --primitive-spacing-24-96: 96px;
  --primitive-spacing-25-100: 100px;
  --primitive-spacing-26-104: 104px;
  --primitive-spacing-27-108: 108px;
  --primitive-spacing-28-112: 112px;
  --primitive-spacing-29-116: 116px;
  --primitive-spacing-30-120: 120px;
  --primitive-spacing-31-160: 160px;
  --primitive-color-brand-primary01: #007eb3ff;
  --primitive-color-brand-primary02: #c8e1f0ff;
  --primitive-color-brand-primary03: #e3f0f7ff;
  --primitive-color-brand-primary04: #e3f0f7ff;
  --primitive-color-brand-secondary01: #7aa739ff;
  --primitive-color-brand-secondary02: #d7e9bfff;
  --primitive-color-brand-secondary03: #ebf4dfff;
  --primitive-color-brand-secondary04: #ebf4dfff;
  --primitive-color-brand-tertiary01: #e3e3e3ff;
  --primitive-color-brand-tertiary02: #999999ff;
  --primitive-color-brand-tertiary03: #f3f3f3ff;
  --primitive-color-brand-tertiary04: #f3f3f3ff;
  --primitive-color-base-black: #000000ff;
  --primitive-color-base-white: #ffffffff;
  --primitive-color-text-text-default: #333333ff;
  --primitive-color-text-text-medium: #666666ff;
  --primitive-color-text-text-light: #999999ff;
  --primitive-color-text-text-ultra-light: #ffffffff;
  --primitive-color-alert-alert-ok: #72cb19ff;
  --primitive-color-alert-alert-warning: #f0b60eff;
  --primitive-color-alert-alert-error: #d45e5cff;
  --primitive-color-alert-alert-disabled: #d2d2d2ff;
  --primitive-color-input-input-dark: #bec5ccff;
  --primitive-color-input-input-medium: #dde3e9ff;
  --primitive-color-input-input-light: #ebeef2ff;
  --primitive-color-tool-tool: #e6007eff;
  --primitive-color-wire-wire-dark: #001a3bff;
  --primitive-color-wire-wire-medium: #566578ff;
  --primitive-color-wire-wire-light: #a4b1c1ff;
  --primitive-color-wire-wire-ultra-light: #edf0f5ff;
  --primitive-container-width-extra-small: 720px;
  --primitive-container-width-small: 960px;
  --primitive-container-width-medium: 1136px;
  --primitive-container-width-wide-default: 1376px;
  --primitive-container-width-superwide: 1800px;


  --token-color-button-primary-mode-light: var(--primitive-color-brand-primary01);
  --token-color-button-primary-hover-mode-light: var(--primitive-color-brand-primary02);
  --token-color-button-secondary-mode-light: var(--primitive-color-brand-secondary01);
  --token-color-button-secondary-hover-mode-light: var(--primitive-color-brand-secondary02);
  --token-color-button-tertiary-mode-light: var(--primitive-color-brand-tertiary01);
  --token-color-button-tertiary-hover-mode-light: var(--primitive-color-brand-tertiary02);
  --token-color-button-white-mode-light: var(--primitive-color-base-white);
  --token-color-button-white-hover-mode-light: var(--primitive-color-text-text-light);
  --token-color-button-disabled-mode-light: var(--primitive-color-alert-alert-disabled);
  --token-color-background-primary-mode-light: var(--primitive-color-brand-primary04);
  --token-color-background-secondary-mode-light: var(--primitive-color-brand-secondary04);
  --token-color-background-wire-mode-light: var(--primitive-color-wire-wire-ultra-light);
  --token-color-background-tertiary-mode-light: var(--primitive-color-text-text-ultra-light);
  --token-color-text-primary-dark-mode-light: var(--primitive-color-brand-primary01);
  --token-color-text-secondary-dark-mode-light: var(--primitive-color-brand-secondary01);
  --token-color-text-default-dark-mode-light: var(--primitive-color-text-text-default);
  --token-color-text-default-medium-mode-light: var(--primitive-color-text-text-medium);
  --token-color-text-default-light-mode-light: var(--primitive-color-text-text-light);
  --token-color-text-default-ultra-light-mode-light: var(--primitive-color-text-text-ultra-light);
  --token-color-button-primary-mode-dark: var(--primitive-color-brand-primary01);
  --token-color-button-primary-hover-mode-dark: var(--primitive-color-brand-primary02);
  --token-color-button-secondary-mode-dark: var(--primitive-color-brand-secondary01);
  --token-color-button-secondary-hover-mode-dark: var(--primitive-color-brand-secondary02);
  --token-color-button-tertiary-mode-dark: var(--primitive-color-brand-tertiary01);
  --token-color-button-tertiary-hover-mode-dark: var(--primitive-color-brand-tertiary02);
  --token-color-button-white-mode-dark: var(--primitive-color-base-white);
  --token-color-button-white-hover-mode-dark: var(--primitive-color-text-text-light);
  --token-color-button-disabled-mode-dark: var(--primitive-color-alert-alert-disabled);
  --token-color-background-primary-mode-dark: var(--primitive-color-brand-primary01);
  --token-color-background-secondary-mode-dark: var(--primitive-color-brand-secondary01);
  --token-color-background-wire-mode-dark: var(--primitive-color-wire-wire-dark);
  --token-color-background-tertiary-mode-dark: var(--primitive-color-brand-tertiary01);
  --token-color-text-primary-dark-mode-dark: var(--primitive-color-brand-primary04);
  --token-color-text-secondary-dark-mode-dark: var(--primitive-color-brand-secondary04);
  --token-color-text-default-dark-mode-dark: var(--primitive-color-text-text-ultra-light);
  --token-color-text-default-medium-mode-dark: var(--primitive-color-text-text-light);
  --token-color-text-default-light-mode-dark: var(--primitive-color-text-text-ultra-light);
  --token-color-text-default-ultra-light-mode-dark: var(--primitive-color-text-text-default);
  --token-device-desktop-base-container-margin-hor: var(--primitive-spacing-08-32);
  --token-device-desktop-base-viewport-width: 1600px;
  --token-device-desktop-base-gutter: var(--primitive-spacing-16-64);
  --token-device-desktop-base-container-margin-ver: var(--primitive-spacing-24-96);
  --token-device-desktop-base-container-boxed: 1376px;
  --token-device-desktop-base-max-width-1lf: 674px;
  --token-device-desktop-base-max-width-1rd: 440px;
  --token-device-desktop-base-max-width-1th: 323px;
  --token-device-desktop-base-max-width-2rd: 908px;
  --token-device-desktop-fonts-h1: 64px;
  --token-device-desktop-spacing-spacing-xxxl: var(--primitive-spacing-30-120);
  --token-device-desktop-spacing-spacing-xxl: var(--primitive-spacing-24-96);
  --token-device-desktop-spacing-spacing-xl: var(--primitive-spacing-16-64);
  --token-device-desktop-spacing-spacing-lg: var(--primitive-spacing-12-48);
  --token-device-desktop-spacing-spacing-md: var(--primitive-spacing-08-32);
  --token-device-desktop-spacing-spacing-sm: var(--primitive-spacing-06-24);
  --token-device-desktop-spacing-spacing-xs: var(--primitive-spacing-04-16);
  --token-device-desktop-spacing-spacing-xxs: var(--primitive-spacing-02-8);
  --token-device-desktop-spacing-spacing-xxxs: var(--primitive-spacing-01-4);
  --token-device-desktop-spacing-spacing-zero: var(--primitive-spacing-00-0);
  --token-device-desktop-spacing-spacing-giant: var(--primitive-spacing-31-160);
  --token-device-desktop-sizes-size-xxxs: var(--primitive-spacing-04-16);
  --token-device-desktop-sizes-size-xxs: var(--primitive-spacing-05-20);
  --token-device-desktop-sizes-size-xs: var(--primitive-spacing-06-24);
  --token-device-desktop-sizes-size-sm: var(--primitive-spacing-08-32);
  --token-device-desktop-sizes-size-md: var(--primitive-spacing-10-40);
  --token-device-desktop-sizes-size-lg: var(--primitive-spacing-12-48);
  --token-device-desktop-sizes-size-xl: var(--primitive-spacing-16-64);
  --token-device-desktop-sizes-size-xxl: var(--primitive-spacing-24-96);
  --token-device-desktop-radius-rd-xxl: 500px;
  --token-device-desktop-radius-rd-xl: var(--primitive-spacing-08-32);
  --token-device-desktop-radius-rd-lg: var(--primitive-spacing-06-24);
  --token-device-desktop-radius-rd-md: var(--primitive-spacing-04-16);
  --token-device-desktop-radius-rd-sm: var(--primitive-spacing-02-8);
  --token-device-desktop-radius-rd-xs: var(--primitive-spacing-01-4);
  --token-device-desktop-radius-rd-zero: var(--primitive-spacing-00-0);
  --token-device-tablet-base-container-margin-hor: var(--primitive-spacing-06-24);
  --token-device-tablet-base-viewport-width: 768px;
  --token-device-tablet-base-gutter: var(--primitive-spacing-10-40);
  --token-device-tablet-base-container-margin-ver: var(--primitive-spacing-20-80);
  --token-device-tablet-base-container-boxed: 720px;
  --token-device-tablet-base-max-width-1lf: 388px;
  --token-device-tablet-base-max-width-1rd: 216px;
  --token-device-tablet-base-max-width-1th: 323px;
  --token-device-tablet-base-max-width-2rd: 472px;
  --token-device-tablet-fonts-h1: 48px;
  --token-device-tablet-spacing-spacing-xxxl: var(--primitive-spacing-28-112);
  --token-device-tablet-spacing-spacing-xxl: var(--primitive-spacing-20-80);
  --token-device-tablet-spacing-spacing-xl: var(--primitive-spacing-16-64);
  --token-device-tablet-spacing-spacing-lg: var(--primitive-spacing-12-48);
  --token-device-tablet-spacing-spacing-md: var(--primitive-spacing-08-32);
  --token-device-tablet-spacing-spacing-sm: var(--primitive-spacing-06-24);
  --token-device-tablet-spacing-spacing-xs: var(--primitive-spacing-04-16);
  --token-device-tablet-spacing-spacing-xxs: var(--primitive-spacing-02-8);
  --token-device-tablet-spacing-spacing-xxxs: var(--primitive-spacing-01-4);
  --token-device-tablet-spacing-spacing-zero: var(--primitive-spacing-00-0);
  --token-device-tablet-spacing-spacing-giant: var(--primitive-spacing-30-120);
  --token-device-tablet-sizes-size-xxxs: var(--primitive-spacing-04-16);
  --token-device-tablet-sizes-size-xxs: var(--primitive-spacing-05-20);
  --token-device-tablet-sizes-size-xs: var(--primitive-spacing-06-24);
  --token-device-tablet-sizes-size-sm: var(--primitive-spacing-08-32);
  --token-device-tablet-sizes-size-md: var(--primitive-spacing-09-36);
  --token-device-tablet-sizes-size-lg: var(--primitive-spacing-11-44);
  --token-device-tablet-sizes-size-xl: var(--primitive-spacing-15-60);
  --token-device-tablet-sizes-size-xxl: var(--primitive-spacing-22-88);
  --token-device-tablet-radius-rd-xxl: 500px;
  --token-device-tablet-radius-rd-xl: var(--primitive-spacing-08-32);
  --token-device-tablet-radius-rd-lg: var(--primitive-spacing-06-24);
  --token-device-tablet-radius-rd-md: var(--primitive-spacing-04-16);
  --token-device-tablet-radius-rd-sm: var(--primitive-spacing-02-8);
  --token-device-tablet-radius-rd-xs: var(--primitive-spacing-01-4);
  --token-device-tablet-radius-rd-zero: var(--primitive-spacing-00-0);
  --token-device-mobile-base-container-margin-hor: var(--primitive-spacing-06-24);
  --token-device-mobile-base-viewport-width: 360px;
  --token-device-mobile-base-gutter: var(--primitive-spacing-07-28);
  --token-device-mobile-base-container-margin-ver: var(--primitive-spacing-18-72);
  --token-device-mobile-base-container-boxed: 312px;
  --token-device-mobile-base-max-width-1lf: 148px;
  --token-device-mobile-base-max-width-1rd: 66px;
  --token-device-mobile-base-max-width-1th: 323px;
  --token-device-mobile-base-max-width-2rd: 230px;
  --token-device-mobile-fonts-h1: 48px;
  --token-device-mobile-spacing-spacing-xxxl: var(--primitive-spacing-24-96);
  --token-device-mobile-spacing-spacing-xxl: var(--primitive-spacing-18-72);
  --token-device-mobile-spacing-spacing-xl: var(--primitive-spacing-14-56);
  --token-device-mobile-spacing-spacing-lg: var(--primitive-spacing-12-48);
  --token-device-mobile-spacing-spacing-md: var(--primitive-spacing-08-32);
  --token-device-mobile-spacing-spacing-sm: var(--primitive-spacing-06-24);
  --token-device-mobile-spacing-spacing-xs: var(--primitive-spacing-04-16);
  --token-device-mobile-spacing-spacing-xxs: var(--primitive-spacing-02-8);
  --token-device-mobile-spacing-spacing-xxxs: var(--primitive-spacing-01-4);
  --token-device-mobile-spacing-spacing-zero: var(--primitive-spacing-00-0);
  --token-device-mobile-spacing-spacing-giant: var(--primitive-spacing-30-120);
  --token-device-mobile-sizes-size-xxxs: var(--primitive-spacing-04-16);
  --token-device-mobile-sizes-size-xxs: var(--primitive-spacing-05-20);
  --token-device-mobile-sizes-size-xs: var(--primitive-spacing-06-24);
  --token-device-mobile-sizes-size-sm: var(--primitive-spacing-08-32);
  --token-device-mobile-sizes-size-md: var(--primitive-spacing-09-36);
  --token-device-mobile-sizes-size-lg: var(--primitive-spacing-11-44);
  --token-device-mobile-sizes-size-xl: var(--primitive-spacing-14-56);
  --token-device-mobile-sizes-size-xxl: var(--primitive-spacing-18-72);
  --token-device-mobile-radius-rd-xxl: 500px;
  --token-device-mobile-radius-rd-xl: var(--primitive-spacing-08-32);
  --token-device-mobile-radius-rd-lg: var(--primitive-spacing-06-24);
  --token-device-mobile-radius-rd-md: var(--primitive-spacing-04-16);
  --token-device-mobile-radius-rd-sm: var(--primitive-spacing-02-8);
  --token-device-mobile-radius-rd-xs: var(--primitive-spacing-01-4);
  --token-device-mobile-radius-rd-zero: var(--primitive-spacing-00-0);
}