/**
 * Do not edit directly
 * Generated on Fri, 20 Jun 2025 05:41:52 GMT
 */

:root {
  --duration-1000: 500ms;
  --duration-900: 450ms;
  --duration-800: 400ms;
  --duration-700: 350ms;
  --duration-600: 300ms;
  --duration-500: 250ms;
  --duration-400: 220ms;
  --duration-300: 190ms;
  --duration-200: 160ms;
  --duration-100: 130ms;
  --font-weight-700: 700;
  --font-weight-600: 600;
  --font-weight-500: 500;
  --font-weight-400: 400;
  --font-weight-300: 300;
  --color-static-black: #000000;
  --color-static-white: #ffffff;
  --color-violet-900: #4c0973;
  --color-violet-800: #681094;
  --color-violet-700: #911cc4;
  --color-violet-600: #cf33ff;
  --color-violet-500: #d858ff;
  --color-violet-400: #e17eff;
  --color-violet-300: #eaa7ff;
  --color-violet-200: #f3ceff;
  --color-violet-100: #faebff;
  --color-green-900: #074425;
  --color-green-800: #0b6636;
  --color-green-700: #16aa56;
  --color-green-600: #1ccc66;
  --color-green-500: #45d582;
  --color-green-400: #70df9f;
  --color-green-300: #9de9bd;
  --color-green-200: #c9f3da;
  --color-green-100: #e8faf0;
  --color-orange-900: #61240a;
  --color-orange-800: #7a330d;
  --color-orange-700: #cb6a1a;
  --color-orange-600: #f48b22;
  --color-orange-500: #f6a04a;
  --color-orange-400: #f8b674;
  --color-orange-300: #facda0;
  --color-orange-200: #fce3ca;
  --color-orange-100: #fef3e9;
  --color-blue-900: #001182;
  --color-blue-800: #0722a8;
  --color-blue-700: #1338cf;
  --color-blue-600: #2254f4;
  --color-blue-500: #4d7cff;
  --color-blue-400: #759fff;
  --color-blue-300: #9ebeff;
  --color-blue-200: #c7dbff;
  --color-blue-100: #f0f6ff;
  --color-cyan-900: #09384f;
  --color-cyan-800: #0f5170;
  --color-cyan-700: #1778a1;
  --color-cyan-600: #24aee0;
  --color-cyan-500: #4cc0e6;
  --color-cyan-400: #75d1ec;
  --color-cyan-300: #a1e1f3;
  --color-cyan-200: #cff0f9;
  --color-cyan-100: #ecf9fc;
  --color-yellow-900: #594000;
  --color-yellow-800: #8a6800;
  --color-yellow-700: #d6ac00;
  --color-yellow-600: #f2c200;
  --color-yellow-500: #f4cd2e;
  --color-yellow-400: #f7d95e;
  --color-yellow-300: #f9e591;
  --color-yellow-200: #fcf0c2;
  --color-yellow-100: #fef9e6;
  --color-red-900: #732017;
  --color-red-800: #a81611;
  --color-red-700: #cf2b1f;
  --color-red-600: #f54531;
  --color-red-500: #ff725c;
  --color-red-400: #ff9985;
  --color-red-300: #ffbead;
  --color-red-200: #ffe0d6;
  --color-red-100: #fff4f0;
  --color-pink-900: #700c34;
  --color-pink-800: #941543;
  --color-pink-700: #c42158;
  --color-pink-600: #ff3b6f;
  --color-pink-500: #ff5e89;
  --color-pink-400: #ff84a4;
  --color-pink-300: #ffabc1;
  --color-pink-200: #ffd0dc;
  --color-pink-100: #ffebf1;
  --color-teal-900: #07443a;
  --color-teal-800: #0b6655;
  --color-teal-700: #16aa8a;
  --color-teal-600: #1ccca3;
  --color-teal-500: #42d6b1;
  --color-teal-400: #70dfc5;
  --color-teal-300: #9aebd4;
  --color-teal-200: #cbf5e8;
  --color-teal-100: #e8faf6;
  --color-purple-900: #281059;
  --color-purple-800: #3a1a7d;
  --color-purple-700: #512aad;
  --color-purple-600: #7146e8;
  --color-purple-500: #8b67ec;
  --color-purple-400: #a68af1;
  --color-purple-300: #c2aff5;
  --color-purple-200: #ddd3f9;
  --color-purple-100: #f1edfd;
  --color-gradient-lightgray: #000000;
  --color-gradient-white: #000000;
  --color-gradient-gray: #000000;
  --color-gradient-brand: #000000;
  --color-gradient-orange: #000000;
  --color-gradient-yellow: #000000;
  --color-gradient-pink: #000000;
  --color-gradient-violet: #000000;
  --color-gradient-purple: #000000;
  --color-gradient-blue: #000000;
  --color-gradient-cyan: #000000;
  --color-gradient-green: #000000;
  --color-gray-1000: #000000;
  --color-gray-900: #222529;
  --color-gray-800: #4c535c;
  --color-gray-700: #7f8792;
  --color-gray-600: #9da3ac;
  --color-gray-500: #b4b8bf;
  --color-gray-400: #d9dcdf;
  --color-gray-300: #e8eaec;
  --color-gray-200: #f1f2f4;
  --color-gray-100: #f6f7f9;
  --color-gray-0: #ffffff;
  --opacity-100: 1;
  --opacity-90: .9;
  --opacity-80: .8;
  --opacity-64: .64;
  --opacity-60: .6;
  --opacity-56: .56;
  --opacity-48: .48;
  --opacity-45: .45;
  --opacity-40: .40;
  --opacity-35: .35;
  --opacity-30: .3;
  --opacity-24: .24;
  --opacity-20: .2;
  --opacity-16: .16;
  --opacity-12: .12;
  --opacity-8: .08;
  --opacity-4: .04;
  --opacity-2: .02;
  --opacity-0: 0;
  --font-family-number: "JetBrains Mono", "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB","WenQuanYi Micro Hei",Arial, sans-serif, Apple Color Emoji,Segoe UI Emoji;
  --font-family-body: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB","WenQuanYi Micro Hei",Arial, sans-serif, Apple Color Emoji,Segoe UI Emoji;
  --line-height-xlarge: 1.9;
  --line-height-large: 1.7;
  --line-height-medium: 1.5;
  --line-height-small: 1.3;
  --line-height-xsmall: 1.1;
  --font-size-1750: 80px;
  --font-size-950: 48px;
  --font-size-900: 46px;
  --font-size-800: 42px;
  --font-size-750: 40px;
  --font-size-700: 38px;
  --font-size-650: 36px;
  --font-size-600: 34px;
  --font-size-550: 32px;
  --font-size-500: 30px;
  --font-size-450: 28px;
  --font-size-400: 26px;
  --font-size-350: 24px;
  --font-size-300: 22px;
  --font-size-250: 20px;
  --font-size-200: 18px;
  --font-size-150: 16px;
  --font-size-125: 15px;
  --font-size-100: 14px;
  --font-size-75: 13px;
  --font-size-50: 12px;
  --font-size-25: 11px;
  --font-size-20: 10px;
  --spacing-1000: 40px;
  --spacing-950: 38px;
  --spacing-900: 36px;
  --spacing-850: 34px;
  --spacing-800: 32px;
  --spacing-750: 30px;
  --spacing-700: 28px;
  --spacing-650: 26px;
  --spacing-600: 24px;
  --spacing-550: 22px;
  --spacing-500: 20px;
  --spacing-450: 18px;
  --spacing-400: 16px;
  --spacing-350: 14px;
  --spacing-300: 12px;
  --spacing-250: 10px;
  --spacing-225: 9px;
  --spacing-200: 8px;
  --spacing-150: 6px;
  --spacing-125: 5px;
  --spacing-100: 4px;
  --spacing-75: 3px;
  --spacing-50: 2px;
  --spacing-25: 1px;
  --spacing-0: 0;
  --size-1300: 52px;
  --size-1200: 48px;
  --size-1100: 44px;
  --size-1000: 40px;
  --size-950: 38px;
  --size-900: 36px;
  --size-850: 34px;
  --size-800: 32px;
  --size-750: 30px;
  --size-700: 28px;
  --size-650: 26px;
  --size-600: 24px;
  --size-550: 22px;
  --size-500: 20px;
  --size-450: 18px;
  --size-400: 16px;
  --size-350: 14px;
  --size-300: 12px;
  --size-250: 10px;
  --size-200: 8px;
  --size-150: 6px;
  --size-125: 5px;
  --size-100: 4px;
  --size-75: 3px;
  --size-50: 2px;
  --size-25: 1px;
  --size-0: 0;
  --version: 0.4.7;
  --color-transparent-regular: rgba(0,0,0,0);
  --color-transparent-green-900: rgba(36,179,95,var(--opacity-80));
  --color-transparent-green-800: rgba(36,179,95,var(--opacity-64));
  --color-transparent-green-700: rgba(36,179,95,var(--opacity-56));
  --color-transparent-green-600: rgba(36,179,95,var(--opacity-48));
  --color-transparent-green-500: rgba(36,179,95,var(--opacity-40));
  --color-transparent-green-400: rgba(36,179,95,var(--opacity-30));
  --color-transparent-green-300: rgba(36,179,95,var(--opacity-24));
  --color-transparent-green-200: rgba(36,179,95,var(--opacity-16));
  --color-transparent-green-100: rgba(36,179,95,var(--opacity-8));
  --color-transparent-orange-900: rgba(250,170,50,var(--opacity-80));
  --color-transparent-orange-800: rgba(250,170,50,var(--opacity-64));
  --color-transparent-orange-700: rgba(250,170,50,var(--opacity-56));
  --color-transparent-orange-600: rgba(250,170,50,var(--opacity-48));
  --color-transparent-orange-500: rgba(250,170,50,var(--opacity-40));
  --color-transparent-orange-400: rgba(250,170,50,var(--opacity-30));
  --color-transparent-orange-300: rgba(250,170,50,var(--opacity-24));
  --color-transparent-orange-200: rgba(250,170,50,var(--opacity-16));
  --color-transparent-orange-100: rgba(250,170,50,var(--opacity-8));
  --color-transparent-red-900: rgba(245,69,49,var(--opacity-80));
  --color-transparent-red-800: rgba(245,69,49,var(--opacity-64));
  --color-transparent-red-700: rgba(245,69,49,var(--opacity-56));
  --color-transparent-red-600: rgba(245,69,49,var(--opacity-48));
  --color-transparent-red-500: rgba(245,69,49,var(--opacity-40));
  --color-transparent-red-400: rgba(245,69,49,var(--opacity-30));
  --color-transparent-red-300: rgba(245,69,49,var(--opacity-24));
  --color-transparent-red-200: rgba(245,69,49,var(--opacity-16));
  --color-transparent-red-100: rgba(245,69,49,var(--opacity-8));
  --color-transparent-pink-900: rgba(255,59,111,var(--opacity-80));
  --color-transparent-pink-800: rgba(255,59,111,var(--opacity-64));
  --color-transparent-pink-700: rgba(255,59,111,var(--opacity-56));
  --color-transparent-pink-600: rgba(255,59,111,var(--opacity-48));
  --color-transparent-pink-500: rgba(255,59,111,var(--opacity-40));
  --color-transparent-pink-400: rgba(255,59,111,var(--opacity-30));
  --color-transparent-pink-300: rgba(255,59,111,var(--opacity-24));
  --color-transparent-pink-200: rgba(255,59,111,var(--opacity-16));
  --color-transparent-pink-100: rgba(255,59,111,var(--opacity-8));
  --color-transparent-blue-900: rgba(34,84,244,var(--opacity-80));
  --color-transparent-blue-800: rgba(34,84,244,var(--opacity-64));
  --color-transparent-blue-700: rgba(34,84,244,var(--opacity-56));
  --color-transparent-blue-600: rgba(34,84,244,var(--opacity-48));
  --color-transparent-blue-500: rgba(34,84,244,var(--opacity-40));
  --color-transparent-blue-400: rgba(34,84,244,var(--opacity-30));
  --color-transparent-blue-300: rgba(34,84,244,var(--opacity-24));
  --color-transparent-blue-200: rgba(34,84,244,var(--opacity-16));
  --color-transparent-blue-100: rgba(34,84,244,var(--opacity-8));
  --color-transparent-black-900: rgba(0,0,0,var(--opacity-80));
  --color-transparent-black-800: rgba(0,0,0,var(--opacity-60));
  --color-transparent-black-700: rgba(0,0,0,var(--opacity-45));
  --color-transparent-black-600: rgba(0,0,0,var(--opacity-35));
  --color-transparent-black-500: rgba(0,0,0,var(--opacity-20));
  --color-transparent-black-400: rgba(0,0,0,var(--opacity-12));
  --color-transparent-black-300: rgba(0,0,0,var(--opacity-8));
  --color-transparent-black-200: rgba(0,0,0,var(--opacity-4));
  --color-transparent-black-100: rgba(0,0,0,var(--opacity-2));
  --color-transparent-white-950: rgba(255,255,255,var(--opacity-90));
  --color-transparent-white-900: rgba(255,255,255,var(--opacity-80));
  --color-transparent-white-800: rgba(255,255,255,var(--opacity-60));
  --color-transparent-white-700: rgba(255,255,255,var(--opacity-45));
  --color-transparent-white-600: rgba(255,255,255,var(--opacity-35));
  --color-transparent-white-500: rgba(255,255,255,var(--opacity-20));
  --color-transparent-white-400: rgba(255,255,255,var(--opacity-12));
  --color-transparent-white-300: rgba(255,255,255,var(--opacity-8));
  --color-transparent-white-200: rgba(255,255,255,var(--opacity-4));
  --color-transparent-white-100: rgba(255,255,255,var(--opacity-2));
}

/**
 * Do not edit directly
 * Generated on Fri, 20 Jun 2025 05:41:52 GMT
 */

:root {
  --motion-normal: 300ms cubic-bezier(0,0,1,1) 0ms;
  --media-breakpoint-xxlarge: 2160px;
  --media-breakpoint-xlarge: 2159px;
  --media-breakpoint-large: 1599px;
  --media-breakpoint-medium: 1279px;
  --media-breakpoint-small: 959px;
  --media-breakpoint-xsmall: 599px;
  --boxshadow-large: 0px 12px 40px -4px rgba(0, 0, 0, 0.08),0px 20px 80px -4px rgba(0, 0, 0, 0.08);
  --boxshadow-medium: 0px 0px 1px 0px rgba(0, 0, 0, 0.1),0px 8px 40px -2px rgba(0, 0, 0, 0.1);
  --boxshadow-small: 0px 0px 2px 0px rgba(0, 0, 0, 0.08),0px 4px 12px 0px rgba(0, 0, 0, 0.04);
  --border-radius-full: 99px;
  --template-background-color-green-700: #647E27;
  --template-background-color-green-600: #A7C45E;
  --template-background-color-cyan-700: #328FC6;
  --template-background-color-cyan-600: #62B2E4;
  --template-background-color-blue-700: #646CC6;
  --template-background-color-blue-600: #7586DC;
  --template-background-color-pink-700: #B8517E;
  --template-background-color-pink-600: #E16CA3;
  --template-background-color-red-700: #B85151;
  --template-background-color-red-600: #E1786C;
  --template-background-color-orange-700: #AE5D26;
  --template-background-color-orange-600: #DB8B49;
  --template-background-color-yellow-700: #C18F2A;
  --template-background-color-yellow-600: #E5CA53;
  --background-color-secondary-active: rgba(0,0,0,0.08);
  --background-color-secondary-hover: rgba(0,0,0,0.05);
  --background-color-secondary-regular: rgba(0,0,0,0.03);
  --body-background-color-primary: #F7FBFD;
  --business-version-color-huaban-700: #E55562;
  --business-version-color-huaban-600: #F15A67;
  --business-version-color-huaban-500: #FF5967;
  --business-version-color-huaban-400: #F78A93;
  --business-version-color-huaban-300: #FFD1D4;
  --business-version-color-huaban-200: #FFDFE1;
  --business-version-color-huaban-100: #FFEBED;
  --business-version-color-enterprise-700: #272A42;
  --business-version-color-enterprise-300: #D9DCDF;
  --business-version-color-enterprise-200: #E8EAEC;
  --business-version-color-enterprise-100: #F1F2F4;
  --business-version-color-team-800: #784B18;
  --business-version-color-team-700: #D09C60;
  --business-version-color-team-600: #F7C94E;
  --business-version-color-team-500: #F6D06B;
  --business-version-color-team-400: #FFE294;
  --business-version-color-team-300: #FFECB4;
  --business-version-color-team-200: #FFF1C6;
  --business-version-color-team-100: #FFF7E0;
  --business-version-color-personal-700: #0722A8;
  --business-version-color-personal-600: #1338CF;
  --business-version-color-personal-500: #2254F4;
  --business-version-color-personal-400: #759FFF;
  --business-version-color-personal-300: #9EBEFF;
  --business-version-color-personal-200: #C7DBFF;
  --business-version-color-personal-100: #F0F6FF;
  --business-button-huaban-background-color-border-color-secondary-active: transparent;
  --business-button-huaban-background-color-border-color-secondary-hover: transparent;
  --business-button-huaban-background-color-border-color-secondary-regular: transparent;
  --business-button-huaban-background-color-border-color-primary-active: transparent;
  --business-button-huaban-background-color-border-color-primary-hover: transparent;
  --business-button-huaban-background-color-border-color-primary-regular: transparent;
  --business-button-enterprise-border-color-secondary-active: transparent;
  --business-button-enterprise-border-color-secondary-hover: transparent;
  --business-button-enterprise-border-color-secondary-regular: transparent;
  --business-button-enterprise-border-color-primary-active: transparent;
  --business-button-enterprise-border-color-primary-hover: transparent;
  --business-button-enterprise-border-color-primary-regular: transparent;
  --business-button-team-border-color-secondary-active: transparent;
  --business-button-team-border-color-secondary-hover: transparent;
  --business-button-team-border-color-secondary-regular: transparent;
  --business-button-team-border-color-primary-active: transparent;
  --business-button-team-border-color-primary-hover: transparent;
  --business-button-team-border-color-primary-regular: transparent;
  --business-button-personal-background-color-border-color-secondary-active: transparent;
  --business-button-personal-background-color-border-color-secondary-hover: transparent;
  --business-button-personal-background-color-border-color-secondary-regular: transparent;
  --business-button-personal-background-color-border-color-primary-active: transparent;
  --business-button-personal-background-color-border-color-primary-hover: transparent;
  --business-button-personal-background-color-border-color-primary-regular: transparent;
  --business-mood-background-color-primary-hover: linear-gradient(89.98deg, #FFE9C8 0.03%, #F6D4A5 100%);
  --business-mood-background-color-primary-regular: linear-gradient(90deg, #FBEEDB 0.03%, #FFE7C4 100%);
  --ai-background-color-200-regular: linear-gradient(90deg, #43BBFF 0%, #30E2B0 100%);
  --ai-background-color-100-hover: linear-gradient(90deg, #2254F4 0%, #3692FB 100%);
  --ai-background-color-100-regular: linear-gradient(90deg, #2254F4 0%, #43BBFF 100%);
  --number-h1-bold: var(--font-weight-700) var(--font-size-750)/var(--line-height-small) var(--font-family-number);
  --number-h1-regular: var(--font-weight-regular) var(--font-size-750)/var(--line-height-small) var(--font-family-number);
  --number-h2-bold: var(--font-weight-700) var(--font-size-550)/var(--line-height-small) var(--font-family-number);
  --number-h2-regular: var(--font-weight-regular) var(--font-size-550)/var(--line-height-small) var(--font-family-number);
  --number-h3-bold: var(--font-weight-700) var(--font-size-450)/var(--line-height-small) var(--font-family-number);
  --number-h3-regular: var(--font-weight-regular) var(--font-size-450)/var(--line-height-small) var(--font-family-number);
  --number-h4-bold: var(--font-weight-700) var(--font-size-350)/var(--line-height-small) var(--font-family-number);
  --number-h4-regular: var(--font-weight-regular) var(--font-size-350)/var(--line-height-small) var(--font-family-number);
  --number-h5-bold: var(--font-weight-700) var(--font-size-250)/var(--line-height-small) var(--font-family-number);
  --number-h5-regular: var(--font-weight-regular) var(--font-size-250)/var(--line-height-small) var(--font-family-number);
  --number-h6-bold: var(--font-weight-700) var(--font-size-150)/var(--line-height-medium) var(--font-family-number);
  --number-h6-regular: var(--font-weight-regular) var(--font-size-150)/var(--line-height-medium) var(--font-family-number);
  --number-p2-bold: var(--font-weight-700) var(--font-size-50)/var(--line-height-medium) var(--font-family-number);
  --number-p2-regular: var(--font-weight-regular) var(--font-size-50)/var(--line-height-medium) var(--font-family-number);
  --number-p1-bold: var(--font-weight-700) var(--font-size-100)/var(--line-height-medium) var(--font-family-number);
  --number-p1-regular: var(--font-weight-regular) var(--font-size-100)/var(--line-height-medium) var(--font-family-number);
  --text-p3-bold: var(--font-weight-bold) var(--font-size-20)/var(--line-height-medium) var(--font-family-body);
  --text-p3-regular: var(--font-weight-regular) var(--font-size-20)/var(--line-height-medium) var(--font-family-body);
  --text-p2-5-bold: var(--font-weight-bold) var(--font-size-25)/var(--line-height-medium) var(--font-family-body);
  --text-p2-5-regular: var(--font-weight-regular) var(--font-size-25)/var(--line-height-medium) var(--font-family-body);
  --text-p2-bold: var(--font-weight-bold) var(--font-size-50)/var(--line-height-medium) var(--font-family-body);
  --text-p2-regular: var(--font-weight-regular) var(--font-size-50)/var(--line-height-medium) var(--font-family-body);
  --text-p1-bold: var(--font-weight-bold) var(--font-size-100)/var(--line-height-medium) var(--font-family-body);
  --text-p1-regular: var(--font-weight-regular) var(--font-size-100)/var(--line-height-medium) var(--font-family-body);
  --text-h7-bold: var(--font-weight-bold) var(--font-size-100)/var(--line-height-small) var(--font-family-body);
  --text-h7-regular: var(--font-weight-regular) var(--font-size-100)/var(--line-height-small) var(--font-family-body);
  --text-h6-bold: var(--font-weight-bold) var(--font-size-150)/var(--line-height-small) var(--font-family-body);
  --text-h6-regular: var(--font-weight-regular) var(--font-size-150)/var(--line-height-small) var(--font-family-body);
  --text-h5-bold: var(--font-weight-bold) var(--font-size-250)/var(--line-height-small) var(--font-family-body);
  --text-h5-regular: var(--font-weight-regular) var(--font-size-250)/var(--line-height-small) var(--font-family-body);
  --text-h4-bold: var(--font-weight-bold) var(--font-size-350)/var(--line-height-small) var(--font-family-body);
  --text-h4-regular: var(--font-weight-regular) var(--font-size-350)/var(--line-height-small) var(--font-family-body);
  --text-h3-bold: var(--font-weight-bold) var(--font-size-450)/var(--line-height-small) var(--font-family-body);
  --text-h3-regular: var(--font-weight-regular) var(--font-size-450)/var(--line-height-small) var(--font-family-body);
  --text-h2-bold: var(--font-weight-bold) var(--font-size-650)/var(--line-height-small) var(--font-family-body);
  --text-h2-regular: var(--font-weight-regular) var(--font-size-650)/var(--line-height-small) var(--font-family-body);
  --text-h1-bold: var(--font-weight-bold) var(--font-size-750)/var(--line-height-small) var(--font-family-body);
  --text-h1-regular: var(--font-weight-regular) var(--font-size-750)/var(--line-height-small) var(--font-family-body);
  --container-layout-padding-left: var(--spacing-1000);
  --container-layout-padding-bottom: var(--spacing-0);
  --container-layout-padding-right: var(--spacing-1000);
  --container-layout-padding-top: var(--spacing-600);
  --link-danger-active: var(--color-red-400);
  --link-danger-hover: var(--color-red-500);
  --link-danger-regular: var(--color-red-600);
  --link-disabled: var(--color-blue-300);
  --link-active: var(--color-blue-400);
  --link-hover: var(--color-blue-500);
  --link-regular: var(--color-blue-600);
  --border-width-large: var(--size-100);
  --border-width-medium: var(--size-50);
  --border-width-small: var(--size-25);
  --border-width-none: var(--size-0);
  --border-radius-xxlarge: var(--size-400);
  --border-radius-xlarge: var(--size-300);
  --border-radius-large: var(--size-200);
  --border-radius-medium: var(--size-150);
  --border-radius-small: var(--size-100);
  --border-radius-none: var(--size-0);
  --border-color-success-secondary: var(--color-green-200);
  --border-color-success-primary: var(--color-green-600);
  --border-color-warning-secondary: var(--color-orange-200);
  --border-color-warning-primary: var(--color-orange-600);
  --border-color-error-secondary: var(--color-red-200);
  --border-color-error-primary: var(--color-red-600);
  --border-color-info-secondary: var(--color-blue-200);
  --border-color-info-primary: var(--color-blue-600);
  --border-color-disabled: var(--color-gray-200);
  --border-color-primary-regular: var(--color-gray-300);
  --height-large: var(--size-1000);
  --height-medium: var(--size-800);
  --height-small: var(--size-600);
  --icon-size-large: var(--font-size-350);
  --icon-size-medium: var(--font-size-250);
  --icon-size-small: var(--font-size-150);
  --icon-size-xsmall: var(--font-size-50);
  --background-color-success-emphasis-regular: var(--color-green-500);
  --background-color-success-primary-regular: var(--color-green-100);
  --background-color-warning-emphasis-regular: var(--color-orange-500);
  --background-color-warning-primary-regular: var(--color-orange-100);
  --background-color-error-emphasis-regular: var(--color-red-500);
  --background-color-error-primary-regular: var(--color-red-100);
  --background-color-info-emphasis-regular: var(--color-blue-500);
  --background-color-info-primary-regular: var(--color-blue-100);
  --background-color-disabled: var(--color-gray-200);
  --background-color-contrast-regular: var(--color-gray-900);
  --background-color-tertiary-active: var(--color-gray-400);
  --background-color-tertiary-hover: var(--color-gray-300);
  --background-color-tertiary-regular: var(--color-gray-200);
  --background-color-primary-active: var(--color-gray-200);
  --background-color-primary-hover: var(--color-gray-100);
  --background-color-primary-regular: var(--color-gray-0);
  --text-color-success: var(--color-green-600);
  --text-color-warning: var(--color-orange-600);
  --text-color-error: var(--color-red-600);
  --text-color-info: var(--color-blue-600);
  --text-color-disabled: var(--color-gray-500);
  --text-color-placeholder: var(--color-gray-600);
  --text-color-icon-active: var(--color-gray-900);
  --text-color-icon-hover: var(--color-gray-900);
  --text-color-icon-regular: var(--color-gray-700);
  --text-color-tertiary: var(--color-gray-700);
  --text-color-secondary: var(--color-gray-800);
  --text-color-primary: var(--color-gray-900);
  --static-color-black: var(--color-static-black);
  --static-color-white: var(--color-static-white);
  --business-button-huaban-background-color-secondary-active: var(--business-version-color-huaban-300);
  --business-button-huaban-background-color-secondary-hover: var(--business-version-color-huaban-200);
  --business-button-huaban-background-color-secondary-regular: var(--business-version-color-huaban-100);
  --business-button-huaban-background-color-primary-active: var(--business-version-color-huaban-700);
  --business-button-huaban-background-color-primary-hover: var(--business-version-color-huaban-600);
  --business-button-huaban-background-color-primary-regular: var(--business-version-color-huaban-500);
  --business-button-huaban-color-secondary-active: var(--business-version-color-huaban-500);
  --business-button-huaban-color-secondary-hover: var(--business-version-color-huaban-500);
  --business-button-huaban-color-secondary-regular: var(--business-version-color-huaban-500);
  --business-button-enterprise-background-color-secondary-active: var(--business-version-color-enterprise-300);
  --business-button-enterprise-background-color-secondary-hover: var(--business-version-color-enterprise-200);
  --business-button-enterprise-background-color-secondary-regular: var(--business-version-color-enterprise-100);
  --business-button-enterprise-background-color-primary-active: var(--business-version-color-enterprise-700);
  --business-button-enterprise-background-color-primary-hover: var(--business-version-color-enterprise-700);
  --business-button-enterprise-background-color-primary-regular: var(--business-version-color-enterprise-700);
  --business-button-enterprise-color-secondary-active: var(--business-version-color-enterprise-700);
  --business-button-enterprise-color-secondary-hover: var(--business-version-color-enterprise-700);
  --business-button-enterprise-color-secondary-regular: var(--business-version-color-enterprise-700);
  --business-button-team-background-color-secondary-active: var(--business-version-color-team-300);
  --business-button-team-background-color-secondary-hover: var(--business-version-color-team-200);
  --business-button-team-background-color-secondary-regular: var(--business-version-color-team-100);
  --business-button-team-background-color-primary-active: var(--business-version-color-team-700);
  --business-button-team-background-color-primary-hover: var(--business-version-color-team-600);
  --business-button-team-background-color-primary-regular: var(--business-version-color-team-500);
  --business-button-team-color-secondary-active: var(--color-orange-700);
  --business-button-team-color-secondary-hover: var(--color-orange-700);
  --business-button-team-color-secondary-regular: var(--color-orange-700);
  --business-button-team-color-primary-active: var(--business-version-color-team-800);
  --business-button-team-color-primary-hover: var(--business-version-color-team-800);
  --business-button-team-color-primary-regular: var(--business-version-color-team-800);
  --business-button-personal-background-color-secondary-active: var(--business-version-color-personal-300);
  --business-button-personal-background-color-secondary-hover: var(--business-version-color-personal-200);
  --business-button-personal-background-color-secondary-regular: var(--business-version-color-personal-100);
  --business-button-personal-background-color-primary-active: var(--business-version-color-personal-700);
  --business-button-personal-background-color-primary-hover: var(--business-version-color-personal-600);
  --business-button-personal-background-color-primary-regular: var(--business-version-color-personal-500);
  --business-button-personal-color-secondary-active: var(--business-version-color-personal-500);
  --business-button-personal-color-secondary-hover: var(--business-version-color-personal-500);
  --business-button-personal-color-secondary-regular: var(--business-version-color-personal-500);
  --business-mood-color-primary-regular: var(--color-orange-700);
  --brand-900: var(--color-blue-900);
  --brand-800: var(--color-blue-800);
  --brand-700: var(--color-blue-700);
  --brand-600: var(--color-blue-600);
  --brand-500: var(--color-blue-500);
  --brand-400: var(--color-blue-400);
  --brand-300: var(--color-blue-300);
  --brand-200: var(--color-blue-200);
  --brand-100: var(--color-blue-100);
  --font-weight-bold: 600;
  --font-weight-medium-bold: 500;
  --font-weight-regular: 400;
  --font-size-large: var(--font-size-150);
  --font-size-medium: var(--font-size-100);
  --font-size-small: var(--font-size-50);
  --link-danger-disabled: var(--text-color-disabled);
  --border-color-overlay: var(--color-transparent-black-300);
  --border-color-emphasis: var(--brand-600);
  --border-color-primary-active: var(--brand-600);
  --border-color-primary-hover: var(--brand-600);
  --background-color-mask-secondary-regular: var(--color-transparent-black-400);
  --background-color-mask-primary-regular: var(--color-transparent-black-800);
  --background-color-emphasis-secondary-active: var(--brand-300);
  --background-color-emphasis-secondary-hover: var(--brand-200);
  --background-color-emphasis-secondary-regular: var(--brand-100);
  --background-color-emphasis-active: var(--brand-800);
  --background-color-emphasis-hover: var(--brand-700);
  --background-color-emphasis-regular: var(--brand-600);
  --background-color-transparent-emphasis-regular: var(--color-transparent-blue-200);
  --background-color-transparent-contrast-regular: var(--color-transparent-black-700);
  --background-color-transparent-secondary-active: var(--color-transparent-black-400);
  --background-color-transparent-secondary-hover: var(--color-transparent-black-300);
  --background-color-transparent-secondary-regular: var(--color-transparent-black-200);
  --background-color-transparent-primary-active: var(--color-transparent-black-300);
  --background-color-transparent-primary-hover: var(--color-transparent-black-200);
  --background-color-transparent-primary-regular: var(--color-transparent-regular);
  --background-color-divider-regular: var(--color-transparent-black-300);
  --background-color-overlay-active: var(--background-color-primary-active);
  --background-color-overlay-hover: var(--background-color-primary-hover);
  --background-color-overlay-regular: var(--background-color-primary-regular);
  --background-color-secondary-checked-regular: var(--brand-100);
  --text-color-emphasis: var(--brand-600);
  --text-color-contrast: var(--static-color-white);
  --user-bubble-text-color: var(--text-color-primary);
  --business-button-huaban-color-primary-active: var(--static-color-white);
  --business-button-huaban-color-primary-hover: var(--static-color-white);
  --business-button-huaban-color-primary-regular: var(--static-color-white);
  --business-button-enterprise-color-primary-active: var(--static-color-white);
  --business-button-enterprise-color-primary-hover: var(--static-color-white);
  --business-button-enterprise-color-primary-regular: var(--static-color-white);
  --business-button-personal-color-primary-active: var(--static-color-white);
  --business-button-personal-color-primary-hover: var(--static-color-white);
  --business-button-personal-color-primary-regular: var(--static-color-white);
  --user-bubble-background-color: var(--background-color-emphasis-secondary-regular);
}

/**
 * Do not edit directly
 * Generated on Fri, 20 Jun 2025 05:41:52 GMT
 */

:root {
  --component-margin-none: var(--spacing-0);
  --component-margin-horizontal-large: var(--spacing-400);
  --component-margin-horizontal-medium: var(--spacing-300);
  --component-margin-horizontal-small: var(--spacing-200);
  --component-margin-horizontal-xsmall: var(--spacing-100);
  --component-margin-horizontal-xxsmall: var(--spacing-50);
  --component-margin-vertical-large: var(--spacing-400);
  --component-margin-vertical-medium: var(--spacing-300);
  --component-margin-vertical-small: var(--spacing-200);
  --component-margin-vertical-xsmall: var(--spacing-200);
  --component-margin-vertical-xxsmall: var(--spacing-100);
  --component-padding-none: var(--spacing-0);
  --component-padding-horizontal-xlarge: var(--spacing-600);
  --component-padding-horizontal-large: var(--spacing-400);
  --component-padding-horizontal-medium: var(--spacing-300);
  --component-padding-horizontal-small: var(--spacing-200);
  --component-padding-horizontal-xsmall: var(--spacing-100);
  --component-padding-vertical-xlarge: var(--spacing-500);
  --component-padding-vertical-large: var(--spacing-400);
  --component-padding-vertical-medium: var(--spacing-300);
  --component-padding-vertical-small: var(--spacing-200);
  --component-padding-vertical-xsmall: var(--spacing-150);
  --component-padding-vertical-xxsmall: var(--spacing-100);
  --tag-color: var(--text-color-primary);
  --border-color-static-black: var(--static-color-black);
  --border-color-static-white: var(--static-color-white);
  --text-color-static-black: var(--static-color-black);
  --text-color-static-white: var(--static-color-white);
}

/**
 * Do not edit directly
 * Generated on Fri, 20 Jun 2025 05:41:53 GMT
 */

:root {
  --tree-drag-over-boxshadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1),0px 8px 40px -2px rgba(0, 0, 0, 0.1);
  --icon-space-offset-horizontal: -4px;
  --avatar-border-radius: 100%;
  --avatar-space-gap: -6px;
  --tag-border-width: 0;
  --pagination-line-height-large: 22px;
  --pagination-line-height-medium: 22px;
  --pagination-line-height-small: 18px;
  --progress-border-radius-small: 100%;
  --badge-line-height-small: 18px;
  --badge-border-radius: 100%;
  --notification-content-line-height: 22px;
  --notification-title-line-height: 18px;
  --alert-through-border-radius: 0;
  --table-th-line-height: 18px;
  --table-th-emphasis-line-height: 22px;
  --popconfirm-line-height: 22px;
  --modal-header-line-height: 22px;
  --tooltips-line-height: 22px;
  --radiobutton-line-height-large: 22px;
  --radiobutton-line-height-medium: 22px;
  --radiobutton-line-height-small: 18px;
  --radiobutton-border-radius-none: 0;
  --input-line-height-large: 22px;
  --input-line-height-medium: 22px;
  --input-line-height-small: 18px;
  --input-unit-line-height-large: 22px;
  --input-unit-line-height-medium: 22px;
  --input-unit-line-height-small: 18px;
  --select-tag-line-height-large: 18px;
  --select-tag-line-height-medium: 18px;
  --select-tag-line-height-small: 18px;
  --select-line-height-large: 22px;
  --select-line-height-medium: 22px;
  --select-line-height-small: 18px;
  --dropdown-menu-boxshadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1),0px 8px 40px -2px rgba(0, 0, 0, 0.1);
  --dropdown-menu-space-compact-group-title-bottom: 0;
  --dropdown-menu-space-loose-group-title-bottom: 0;
  --dropdown-line-height: 22px;
  --button-split-border-radius-none: 0;
  --button-float-background-color-active: #F1F2F4;
  --button-float-background-color-hover: #F6F7F9;
  --empty-size-large: 164px;
  --empty-size-medium: 148px;
  --button-line-height-large: 22px;
  --button-line-height-medium: 22px;
  --button-line-height-small: 18px;
  --actionbutton-line-height-large: 22px;
  --actionbutton-line-height-medium: 22px;
  --actionbutton-line-height-small: 18px;
  --tree-drag-over-opacity: var(--opacity-80);
  --tree-space-offset: var(--spacing-150);
  --tree-space-horizontal-small: var(--spacing-100);
  --tree-arrow-space-gap-horizontal: var(--spacing-0);
  --tree-arrow-size: var(--size-400);
  --tree-line-opacity: var(--opacity-40);
  --tree-content-space-gap-horizontal: var(--spacing-100);
  --tree-icon-size: var(--size-500);
  --mosaic-color-dark: var(--color-gray-400);
  --mosaic-color-light: var(--color-gray-200);
  --focus-visible-outline-offset: var(--spacing-25);
  --focus-visible-outline-border-width: var(--size-75);
  --rate-color-checked: var(--color-blue-600);
  --rate-color-hover: var(--color-blue-600);
  --guide-background-color: var(--color-blue-500);
  --avatar-more-font-family: var(--font-family-number);
  --avatar-border-color-regular: var(--color-static-white);
  --avatar-size-medium: var(--size-900);
  --avatar-size-small: var(--size-700);
  --tag-font-size-xsmall: var(--font-size-20);
  --tag-space-gap-large: var(--spacing-0);
  --tag-space-gap-medium: var(--spacing-0);
  --tag-space-gap-small: var(--spacing-0);
  --tag-space-gap-xsmall: var(--spacing-0);
  --tag-space-right-large: var(--spacing-400);
  --tag-space-right-medium: var(--spacing-300);
  --tag-space-right-small: var(--spacing-200);
  --tag-space-right-xsmall: var(--spacing-100);
  --tag-space-left-large: var(--spacing-400);
  --tag-space-left-medium: var(--spacing-300);
  --tag-space-left-small: var(--spacing-200);
  --tag-space-left-xsmall: var(--spacing-100);
  --tag-withicon-space-gap-large: var(--spacing-0);
  --tag-withicon-space-gap-medium: var(--spacing-0);
  --tag-withicon-space-gap-small: var(--spacing-0);
  --tag-withicon-space-right-large: var(--spacing-400);
  --tag-withicon-space-right-medium: var(--spacing-300);
  --tag-withicon-space-right-small: var(--spacing-200);
  --tag-withicon-space-right-xsmall: var(--spacing-100);
  --tag-withicon-space-left-large: var(--spacing-300);
  --tag-withicon-space-left-medium: var(--spacing-200);
  --tag-withicon-space-left-small: var(--spacing-100);
  --tag-withicon-space-left-xsmall: var(--spacing-50);
  --tag-height-large: var(--size-1000);
  --tag-height-medium: var(--size-800);
  --tag-height-small: var(--size-600);
  --tag-height-xsmall: var(--size-500);
  --tag-delete-icon-space-gap-large: var(--spacing-0);
  --tag-delete-icon-space-gap-medium: var(--spacing-0);
  --tag-delete-icon-space-gap-small: var(--spacing-0);
  --tag-delete-icon-space-right-large: var(--spacing-300);
  --tag-delete-icon-space-right-medium: var(--spacing-200);
  --tag-delete-icon-space-right-small: var(--spacing-100);
  --tag-delete-icon-space-right-xsmall: var(--spacing-50);
  --tag-delete-icon-space-left-large: var(--spacing-400);
  --tag-delete-icon-space-left-medium: var(--spacing-300);
  --tag-delete-icon-space-left-small: var(--spacing-200);
  --tag-delete-icon-space-left-xsmall: var(--spacing-100);
  --tag-color-checked: var(--color-blue-600);
  --pagination-font-family: var(--font-family-number);
  --pagination-space-gap-large: var(--spacing-200);
  --pagination-space-gap-medium: var(--spacing-200);
  --pagination-space-gap-small: var(--spacing-100);
  --pagination-space-horizontal-large: var(--spacing-400);
  --pagination-space-horizontal-medium: var(--spacing-300);
  --pagination-space-horizontal-small: var(--spacing-200);
  --pagination-color-checked-disabled: var(--color-static-white);
  --pagination-color-checked-active: var(--color-static-white);
  --pagination-color-checked-hover: var(--color-static-white);
  --pagination-color-checked-regular: var(--color-static-white);
  --pagination-background-color-checked-disabled: var(--color-gray-400);
  --progress-height-small: var(--size-75);
  --progress-background-color-active: var(--color-gray-500);
  --progress-background-color-hover: var(--color-gray-400);
  --progress-background-color-regular: var(--color-gray-300);
  --badge-color: var(--color-static-white);
  --badge-font-family: var(--font-family-number);
  --badge-height: var(--size-500);
  --badge-space-horizontal: var(--spacing-150);
  --badge-dot-height: var(--size-150);
  --badge-background-color: var(--color-red-600);
  --menu-item-min-height: var(--size-1000);
  --menu-item-space-gap: var(--spacing-200);
  --menu-item-space-vertical: var(--spacing-100);
  --menu-item-space-horizontal: var(--spacing-300);
  --menu-item-border-radius: var(--size-150);
  --message-success-background-color-regular: var(--color-green-100);
  --message-error-background-color-regular: var(--color-red-100);
  --message-warning-background-color-regular: var(--color-orange-100);
  --message-info-background-color-regular: var(--color-blue-100);
  --message-min-height: var(--size-1200);
  --message-space-gap-horizontal: var(--spacing-200);
  --message-space-right: var(--spacing-400);
  --message-space-left: var(--spacing-300);
  --message-space-horizontal: var(--spacing-400);
  --message-space-vertical: var(--spacing-300);
  --notification-content-space-gap-vertical: var(--spacing-200);
  --notification-content-space-gap-horizontal-toclose: var(--spacing-400);
  --notification-content-space-gap-horizontal-toicon: var(--spacing-400);
  --notification-width-line: var(--size-100);
  --notification-space-gap-vertical: var(--spacing-400);
  --notification-space-vertical: var(--spacing-400);
  --notification-space-horizontal: var(--spacing-400);
  --alert-error-background-color-regular: var(--color-red-100);
  --alert-warning-background-color-regular: var(--color-orange-100);
  --alert-success-background-color-regular: var(--color-green-100);
  --alert-info-background-color-regular: var(--color-blue-100);
  --alert-space-gap-horizontal: var(--spacing-200);
  --alert-space-right: var(--spacing-300);
  --alert-space-left: var(--spacing-300);
  --alert-space-vertical: var(--spacing-250);
  --alert-through-space-vertical: var(--spacing-150);
  --drawer-content-space-vertical: var(--spacing-400);
  --drawer-content-space-horizontal: var(--spacing-400);
  --drawer-footer-space-gap: var(--spacing-200);
  --drawer-footer-space-vertical: var(--spacing-300);
  --drawer-footer-space-horizontal: var(--spacing-400);
  --drawer-header-space-gap: var(--spacing-200);
  --drawer-header-space-vertical: var(--spacing-400);
  --drawer-header-space-horizontal: var(--spacing-400);
  --drawer-divider-height: var(--size-25);
  --table-td-space-vertical: var(--spacing-300);
  --table-td-space-horizontal: var(--spacing-300);
  --form-space-gap-vertical-group: var(--spacing-600);
  --form-space-gap-vertical-item-compact: var(--spacing-0);
  --form-space-gap-vertical-item-loose: var(--spacing-100);
  --form-space-gap-horizontal-compact: var(--spacing-300);
  --form-space-gap-horizontal-loose: var(--spacing-400);
  --form-wrapper-space-gap: var(--spacing-600);
  --form-label-required-color: var(--color-red-600);
  --form-label-height-large: var(--size-1000);
  --form-label-height-medium: var(--size-800);
  --form-label-height-small: var(--size-600);
  --popconfirm-header-space-horizontal: var(--spacing-400);
  --popconfirm-header-space-vertical: var(--spacing-200);
  --popconfirm-footer-space-gap: var(--spacing-200);
  --popconfirm-footer-space-horizontal: var(--spacing-400);
  --popconfirm-footer-space-vertical: var(--spacing-400);
  --popconfirm-content-space-gap-horizontal: var(--spacing-200);
  --popconfirm-content-space-horizontal: var(--spacing-600);
  --popconfirm-content-space-vertical: var(--spacing-400);
  --popconfirm-arrow-space-gap-vertical: var(--spacing-400);
  --popconfirm-arrow-space-gap-horizontal: var(--spacing-600);
  --popconfirm-arrow-border-radius: var(--size-50);
  --modal-confirm-footer-space-gap: var(--spacing-200);
  --modal-confirm-footer-space-horizontal: var(--spacing-600);
  --modal-confirm-footer-space-vertical: var(--spacing-400);
  --modal-confirm-content-space-gap-horizontal: var(--spacing-400);
  --modal-confirm-content-space-gap-vertical: var(--spacing-200);
  --modal-confirm-content-space-horizontal: var(--spacing-600);
  --modal-confirm-content-space-vertical: var(--spacing-600);
  --modal-footer-space-gap: var(--spacing-200);
  --modal-footer-space-horizontal: var(--spacing-600);
  --modal-footer-space-vertical: var(--spacing-400);
  --modal-content-space-horizontal: var(--spacing-600);
  --modal-content-space-vertical: var(--spacing-400);
  --modal-header-space-right: var(--spacing-400);
  --modal-header-space-left: var(--spacing-600);
  --modal-header-space-bottom: var(--spacing-400);
  --modal-header-space-top: var(--spacing-400);
  --switch-space-small-vertical: var(--spacing-75);
  --switch-space-small-horizontal: var(--spacing-75);
  --switch-space-medium-vertical: var(--spacing-75);
  --switch-space-medium-horizontal: var(--spacing-75);
  --switch-background-color-dot-regular: var(--color-static-white);
  --switch-background-color-off-hover: var(--color-gray-400);
  --switch-background-color-off-regular: var(--color-gray-300);
  --switch-width-small: var(--size-650);
  --switch-width-medium: var(--size-800);
  --switch-height-dot-small: var(--size-250);
  --switch-height-dot-medium: var(--size-400);
  --switch-height-small: var(--size-400);
  --switch-height-medium: var(--size-550);
  --tabs-space-gap-compact: var(--spacing-400);
  --tabs-space-gap-regular: var(--spacing-1000);
  --tabs-height-line: var(--size-50);
  --tabs-height-medium: var(--size-1000);
  --tabs-height-small: var(--size-800);
  --tabs-height-xsmall: var(--size-650);
  --breadcrumb-space-gap: var(--spacing-100);
  --breadcrumb-height: var(--size-1000);
  --tooltips-space-gap-vertical: var(--spacing-150);
  --tooltips-space-gap-horizontal: var(--spacing-300);
  --tooltips-space-vertical: var(--spacing-150);
  --tooltips-space-horizontal: var(--spacing-300);
  --tooltips-arrow-border-radius: var(--size-50);
  --tooltips-arrow-size: var(--size-200);
  --tooltips-background-color: var(--color-gray-900);
  --tooltips-color: var(--color-static-white);
  --radiobutton-space-horizontal-large: var(--spacing-400);
  --radiobutton-space-horizontal-medium: var(--spacing-300);
  --radiobutton-space-horizontal-small: var(--spacing-200);
  --radiobutton-color-checked-primary-regular: var(--color-static-white);
  --radiobutton-border-color-disabled: var(--color-gray-300);
  --radiobutton-background-color-checked-primary-disabled: var(--color-gray-400);
  --input-quiet-space-horizontal-large: var(--spacing-150);
  --input-quiet-space-horizontal-medium: var(--spacing-100);
  --input-quiet-space-horizontal-small: var(--spacing-100);
  --input-quiet-background-color-checked: var(--color-gray-200);
  --input-search-space-gap-large: var(--spacing-100);
  --input-search-space-gap-medium: var(--spacing-100);
  --input-search-space-gap-small: var(--spacing-100);
  --input-search-space-horizontal-large: var(--spacing-300);
  --input-search-space-horizontal-medium: var(--spacing-200);
  --input-search-space-horizontal-small: var(--spacing-200);
  --input-search-space-right-large: var(--spacing-200);
  --input-search-space-right-medium: var(--spacing-100);
  --input-search-space-right-small: var(--spacing-100);
  --input-search-space-left-large: var(--spacing-300);
  --input-search-space-left-medium: var(--spacing-200);
  --input-search-space-left-small: var(--spacing-200);
  --input-allowclear-space-gap-large: var(--spacing-200);
  --input-allowclear-space-gap-medium: var(--spacing-200);
  --input-allowclear-space-gap-small: var(--spacing-100);
  --input-allowclear-space-right-large: var(--spacing-200);
  --input-allowclear-space-right-medium: var(--spacing-100);
  --input-allowclear-space-right-small: var(--spacing-100);
  --input-allowclear-space-left-large: var(--spacing-300);
  --input-allowclear-space-left-medium: var(--spacing-200);
  --input-allowclear-space-left-small: var(--spacing-200);
  --input-space-gap-horizontal-large: var(--spacing-200);
  --input-space-gap-horizontal-medium: var(--spacing-200);
  --input-space-gap-horizontal-small: var(--spacing-100);
  --input-space-horizontal-large: var(--spacing-300);
  --input-space-horizontal-medium: var(--spacing-200);
  --input-space-horizontal-small: var(--spacing-200);
  --select-quiet-space-gap-large: var(--spacing-100);
  --select-quiet-space-gap-medium: var(--spacing-100);
  --select-quiet-space-gap-small: var(--spacing-100);
  --select-tag-space-gap-large: var(--spacing-0);
  --select-tag-space-gap-medium: var(--spacing-0);
  --select-tag-space-gap-small: var(--spacing-0);
  --select-tag-space-horizontal-large: var(--spacing-200);
  --select-tag-space-horizontal-medium: var(--spacing-150);
  --select-tag-space-horizontal-small: var(--spacing-100);
  --select-tag-space-right-large: var(--spacing-100);
  --select-tag-space-right-medium: var(--spacing-100);
  --select-tag-space-right-small: var(--spacing-50);
  --select-tag-space-left-large: var(--spacing-200);
  --select-tag-space-left-medium: var(--spacing-150);
  --select-tag-space-left-small: var(--spacing-100);
  --select-tag-height-large: var(--size-750);
  --select-tag-height-medium: var(--size-600);
  --select-tag-height-small: var(--size-450);
  --select-tag-border-color-active: var(--color-gray-400);
  --select-tag-border-color-hover: var(--color-gray-300);
  --select-tag-delete-icon-size-large: var(--size-500);
  --select-tag-delete-icon-size-medium: var(--size-400);
  --select-tag-delete-icon-size-small: var(--size-400);
  --select-tag-background-color-active: var(--background-color-secondary-active);
  --select-tag-background-color-hover: var(--background-color-secondary-hover);
  --select-tag-background-color-regular: var(--background-color-secondary-regular);
  --select-space-gap-horizontal-large: var(--spacing-100);
  --select-space-gap-horizontal-medium: var(--spacing-100);
  --select-space-gap-horizontal-small: var(--spacing-100);
  --select-space-right-large: var(--spacing-200);
  --select-space-right-medium: var(--spacing-100);
  --select-space-right-small: var(--spacing-100);
  --select-space-left-large: var(--spacing-300);
  --select-space-left-medium: var(--spacing-200);
  --select-space-left-small: var(--spacing-200);
  --select-space-horizontal-large: var(--spacing-300);
  --select-space-horizontal-medium: var(--spacing-200);
  --select-space-horizontal-small: var(--spacing-200);
  --cascader-dropdown-menu-space-vertical: var(--spacing-0);
  --cascader-dropdown-menu-space-horizontal: var(--spacing-0);
  --dropdown-menu-space-gap-compact-search: var(--spacing-100);
  --dropdown-menu-space-gap-compact-group: var(--spacing-200);
  --dropdown-menu-space-gap-compact-primary: var(--spacing-0);
  --dropdown-menu-space-gap-loose-search: var(--spacing-200);
  --dropdown-menu-space-gap-loose-group: var(--spacing-200);
  --dropdown-menu-space-gap-loose-primary: var(--spacing-0);
  --dropdown-menu-space-compact-search-search-horizontal: var(--spacing-400);
  --dropdown-menu-space-compact-search-vertical: var(--spacing-300);
  --dropdown-menu-space-compact-search-horizontal: var(--spacing-0);
  --dropdown-menu-space-compact-group-title-top: var(--spacing-100);
  --dropdown-menu-space-compact-group-title-right: var(--spacing-100);
  --dropdown-menu-space-compact-group-title-left: var(--spacing-300);
  --dropdown-menu-space-compact-group-vertical: var(--spacing-100);
  --dropdown-menu-space-compact-group-horizontal: var(--spacing-300);
  --dropdown-menu-space-compact-primary-vertical: var(--spacing-100);
  --dropdown-menu-space-compact-primary-horizontal: var(--spacing-100);
  --dropdown-menu-space-loose-search-search-horizontal: var(--spacing-400);
  --dropdown-menu-space-loose-search-vertical: var(--spacing-300);
  --dropdown-menu-space-loose-search-horizontal: var(--spacing-0);
  --dropdown-menu-space-loose-group-title-top: var(--spacing-100);
  --dropdown-menu-space-loose-group-title-right: var(--spacing-100);
  --dropdown-menu-space-loose-group-title-left: var(--spacing-300);
  --dropdown-menu-space-loose-group-vertical: var(--spacing-100);
  --dropdown-menu-space-loose-group-horizontal: var(--spacing-100);
  --dropdown-menu-space-loose-primary-vertical: var(--spacing-100);
  --dropdown-menu-space-loose-primary-horizontal: var(--spacing-100);
  --dropdown-cascader-space-compact-right: var(--spacing-200);
  --dropdown-cascader-space-compact-left: var(--spacing-300);
  --dropdown-cascader-space-loose-right: var(--spacing-200);
  --dropdown-cascader-space-loose-left: var(--spacing-300);
  --dropdown-cascader-border-radius-compact: var(--size-0);
  --dropdown-cascader-border-radius-loose: var(--size-0);
  --dropdown-space-gap-horizontal: var(--spacing-200);
  --dropdown-space-compact-vertical: var(--spacing-100);
  --dropdown-space-compact-horizontal: var(--spacing-300);
  --dropdown-space-compact-right: var(--spacing-200);
  --dropdown-space-compact-left: var(--spacing-300);
  --dropdown-space-loose-vertical: var(--spacing-200);
  --dropdown-space-loose-horizontal: var(--spacing-300);
  --dropdown-space-loose-right: var(--spacing-200);
  --dropdown-space-loose-left: var(--spacing-300);
  --divider-height: var(--size-25);
  --control-space-gap-medium: var(--spacing-200);
  --control-dot-size-large: var(--size-250);
  --control-dot-size-medium: var(--size-200);
  --control-dot-background-color-disabled: var(--color-gray-500);
  --control-dot-background-color-regular: var(--color-static-white);
  --control-border-color-checked-disabled: var(--color-gray-300);
  --control-border-color-disabled: var(--color-gray-300);
  --control-border-color-regular: var(--color-gray-400);
  --control-size-large: var(--size-500);
  --control-size-medium: var(--size-400);
  --slider-discrete-line-width: var(--size-25);
  --slider-discrete-line-height: var(--size-100);
  --slider-discrete-line-background-color-checked: var(--color-gray-500);
  --slider-discrete-line-background-color-regular: var(--color-gray-500);
  --slider-background-color-checked: var(--color-gray-400);
  --slider-background-color-hover: var(--color-gray-200);
  --slider-background-color-regular: var(--color-gray-200);
  --slider-dot-border-color-active: var(--color-gray-900);
  --slider-dot-border-color-hover: var(--color-gray-900);
  --slider-dot-border-color-regular: var(--color-gray-900);
  --slider-dot-outline-width: var(--size-200);
  --slider-dot-color-disabled: var(--color-gray-100);
  --slider-dot-color-active: var(--color-gray-0);
  --slider-dot-color-hover: var(--color-gray-0);
  --slider-dot-color-regular: var(--color-gray-0);
  --slider-dot-size: var(--size-300);
  --slider-border-radius-small: var(--size-75);
  --slider-height-medium: var(--size-300);
  --slider-height-small: var(--size-150);
  --scrollbar-border-width: var(--size-25);
  --scrollbar-width-regular: var(--size-100);
  --button-float-color-active: var(--color-static-black);
  --button-float-color-hover: var(--color-static-black);
  --button-float-color-regular: var(--color-static-black);
  --button-float-background-color-regular: var(--color-static-white);
  --button-danger-color-secondary-active: var(--color-red-800);
  --button-danger-color-secondary-hover: var(--color-red-700);
  --button-danger-border-color-secondary-active: var(--color-red-800);
  --button-danger-border-color-secondary-hover: var(--color-red-700);
  --button-danger-border-color-secondary-regular: var(--color-red-600);
  --button-danger-background-color-primary-active: var(--color-red-800);
  --button-danger-background-color-primary-hover: var(--color-red-700);
  --button-danger-background-color-primary-regular: var(--color-red-600);
  --button-quiet-color-active: var(--color-gray-900);
  --empty-color-900: var(--color-blue-900);
  --empty-color-800: var(--color-blue-800);
  --empty-color-700: var(--color-blue-700);
  --empty-color-600: var(--color-blue-600);
  --empty-color-500: var(--color-blue-500);
  --empty-color-400: var(--color-blue-400);
  --empty-color-300: var(--color-blue-300);
  --empty-color-200: var(--color-blue-200);
  --empty-color-100: var(--color-blue-100);
  --button-dropdown-space-gap-horizontal-large: var(--spacing-100);
  --button-dropdown-space-gap-horizontal-medium: var(--spacing-100);
  --button-dropdown-space-gap-horizontal-small: var(--spacing-50);
  --button-dropdown-space-right-large: var(--spacing-200);
  --button-dropdown-space-right-medium: var(--spacing-200);
  --button-dropdown-space-right-small: var(--spacing-100);
  --button-dropdown-space-left-large: var(--spacing-300);
  --button-dropdown-space-left-medium: var(--spacing-300);
  --button-dropdown-space-left-small: var(--spacing-200);
  --button-icon-space-gap-large: var(--spacing-100);
  --button-icon-space-gap-medium: var(--spacing-100);
  --button-icon-space-gap-small: var(--spacing-100);
  --button-icon-space-right-large: var(--spacing-400);
  --button-icon-space-right-medium: var(--spacing-300);
  --button-icon-space-right-small: var(--spacing-200);
  --button-icon-space-left-large: var(--spacing-300);
  --button-icon-space-left-medium: var(--spacing-200);
  --button-icon-space-left-small: var(--spacing-200);
  --button-space-horizontal-large: var(--spacing-400);
  --button-space-horizontal-medium: var(--spacing-300);
  --button-space-horizontal-small: var(--spacing-200);
  --button-border-color-tertiary-active: var(--color-gray-500);
  --button-border-color-tertiary-hover: var(--color-gray-400);
  --button-border-color-tertiary-regular: var(--color-gray-300);
  --button-background-color-secondary-active: var(--color-gray-500);
  --button-background-color-secondary-hover: var(--color-gray-400);
  --button-background-color-secondary-regular: var(--color-gray-300);
  --button-color-tertiary-active: var(--color-gray-900);
  --button-color-primary-active: var(--color-static-white);
  --button-color-primary-hover: var(--color-static-white);
  --button-color-primary-regular: var(--color-static-white);
  --actionbutton-group-icononly-space-gap-horizontal-large: var(--spacing-100);
  --actionbutton-group-icononly-space-gap-horizontal-medium: var(--spacing-100);
  --actionbutton-group-icononly-space-gap-horizontal-small: var(--spacing-50);
  --actionbutton-group-icononly-space-right-large: var(--spacing-200);
  --actionbutton-group-icononly-space-right-medium: var(--spacing-100);
  --actionbutton-group-icononly-space-right-small: var(--spacing-100);
  --actionbutton-group-icononly-space-left-large: var(--spacing-200);
  --actionbutton-group-icononly-space-left-medium: var(--spacing-100);
  --actionbutton-group-icononly-space-left-small: var(--spacing-100);
  --actionbutton-group-space-gap-horizontal-large: var(--spacing-100);
  --actionbutton-group-space-gap-horizontal-medium: var(--spacing-100);
  --actionbutton-group-space-gap-horizontal-small: var(--spacing-50);
  --actionbutton-group-space-right-large: var(--spacing-200);
  --actionbutton-group-space-right-medium: var(--spacing-100);
  --actionbutton-group-space-right-small: var(--spacing-100);
  --actionbutton-group-space-left-large: var(--spacing-300);
  --actionbutton-group-space-left-medium: var(--spacing-200);
  --actionbutton-group-space-left-small: var(--spacing-200);
  --actionbutton-space-horizontal-large: var(--spacing-400);
  --actionbutton-space-horizontal-medium: var(--spacing-300);
  --actionbutton-space-horizontal-small: var(--spacing-200);
  --tree-num-color: var(--text-color-tertiary);
  --tree-background-color-disabled: var(--background-color-disabled);
  --tree-color-checked: var(--text-color-primary);
  --tree-color-disabled: var(--text-color-disabled);
  --tree-color-active: var(--text-color-primary);
  --tree-color-hover: var(--text-color-primary);
  --tree-color-regular: var(--text-color-primary);
  --tree-drag-over-gap-background-color: var(--background-color-primary-regular);
  --tree-drag-over-gap-border-color: var(--brand-600);
  --tree-drag-over-background-color: var(--background-color-primary-regular);
  --tree-border-radius-medium: var(--border-radius-large);
  --tree-border-radius-small: var(--border-radius-medium);
  --tree-border-radius-xsmall: var(--border-radius-small);
  --tree-arrow-color-checked-disabled: var(--text-color-disabled);
  --tree-arrow-color-checked-active: var(--text-color-primary);
  --tree-arrow-color-checked-hover: var(--text-color-primary);
  --tree-arrow-color-checked-regular: var(--text-color-tertiary);
  --tree-arrow-color-disabled: var(--text-color-disabled);
  --tree-arrow-color-active: var(--text-color-primary);
  --tree-arrow-color-hover: var(--text-color-primary);
  --tree-arrow-color-regular: var(--text-color-tertiary);
  --tree-content-height-small: var(--height-medium);
  --tree-icon-color-checked: var(--text-color-icon-regular);
  --tree-icon-color-disabled: var(--text-color-disabled);
  --tree-icon-color-active: var(--text-color-icon-regular);
  --tree-icon-color-hover: var(--text-color-icon-regular);
  --tree-icon-color-regular: var(--text-color-icon-regular);
  --focus-visible-outline-border-color: var(--brand-300);
  --icon-suffix-color-disabled: var(--text-color-disabled);
  --icon-suffix-color-active: var(--text-color-primary);
  --icon-suffix-color-hover: var(--text-color-primary);
  --icon-suffix-color-regular: var(--text-color-placeholder);
  --icon-suffix-size-large: var(--icon-size-medium);
  --icon-suffix-size-medium: var(--icon-size-medium);
  --icon-suffix-size-small: var(--icon-size-small);
  --icon-suffix-size-xsmall: var(--icon-size-small);
  --rate-color-regular: var(--color-transparent-black-400);
  --guide-color-regular: var(--static-color-white);
  --guide-color-placeholder: var(--color-transparent-white-900);
  --avatar-more-background-color-regular: var(--background-color-tertiary-regular);
  --avatar-more-font-size-medium: var(--font-size-medium);
  --avatar-more-font-size-small: var(--font-size-small);
  --avatar-more-color-regular: var(--text-color-primary);
  --avatar-font-weight: 400;
  --avatar-border-width: var(--border-width-medium);
  --avatar-color: var(--static-color-white);
  --tag-presets-static-black-background-color: var(--color-transparent-black-700);
  --tag-presets-static-black-color: var(--color-transparent-white-900);
  --tag-presets-warning-background-color: var(--background-color-warning-primary-regular);
  --tag-presets-warning-color: var(--text-color-warning);
  --tag-presets-error-background-color: var(--background-color-error-primary-regular);
  --tag-presets-error-color: var(--text-color-error);
  --tag-presets-success-background-color: var(--background-color-success-primary-regular);
  --tag-presets-success-color: var(--text-color-success);
  --tag-font-weight-large-checked: 600;
  --tag-font-weight-large-regular: 400;
  --tag-font-weight-medium-checked: 600;
  --tag-font-weight-medium-regular: 400;
  --tag-font-weight-small-checked: 600;
  --tag-font-weight-small-regular: 400;
  --tag-font-weight-xsmall-checked: 600;
  --tag-font-weight-xsmall-regular: 400;
  --tag-font-size-large: var(--font-size-large);
  --tag-font-size-medium: var(--font-size-medium);
  --tag-font-size-small: var(--font-size-small);
  --tag-withicon-icon-size-large: var(--icon-size-medium);
  --tag-withicon-icon-size-medium: var(--icon-size-medium);
  --tag-withicon-icon-size-small: var(--icon-size-small);
  --tag-withicon-icon-size-xsmall: var(--icon-size-small);
  --tag-border-color-checked: var(--color-transparent-regular);
  --tag-border-color-active: var(--color-transparent-regular);
  --tag-border-color-hover: var(--color-transparent-regular);
  --tag-border-color-regular: var(--color-transparent-regular);
  --tag-border-radius-large: var(--border-radius-large);
  --tag-border-radius-medium: var(--border-radius-medium);
  --tag-border-radius-small: var(--border-radius-small);
  --tag-border-radius-xsmall: var(--border-radius-small);
  --tag-delete-icon-color-active: var(--text-color-primary);
  --tag-delete-icon-color-hover: var(--text-color-primary);
  --tag-delete-icon-color-regular: var(--text-color-placeholder);
  --tag-delete-icon-size-large: var(--icon-size-large);
  --tag-delete-icon-size-medium: var(--icon-size-medium);
  --tag-delete-icon-size-small: var(--icon-size-small);
  --tag-delete-icon-size-xsmall: var(--icon-size-small);
  --tag-background-color-checked: var(--color-transparent-blue-100);
  --tag-background-color-active: var(--color-transparent-black-500);
  --tag-background-color-hover: var(--color-transparent-black-400);
  --tag-background-color-regular: var(--color-transparent-black-300);
  --tag-color-regular: var(--text-color-primary);
  --pagination-icon-color-disabled: var(--text-color-disabled);
  --pagination-icon-color-regular: var(--text-color-primary);
  --pagination-icon-more-color-disabled: var(--text-color-disabled);
  --pagination-icon-more-color-regular: var(--text-color-placeholder);
  --pagination-icon-size-large: var(--icon-size-medium);
  --pagination-icon-size-medium: var(--icon-size-medium);
  --pagination-icon-size-small: var(--icon-size-small);
  --pagination-font-weight-checked: 500;
  --pagination-font-weight-regular: 400;
  --pagination-font-size-large: var(--font-size-medium);
  --pagination-font-size-medium: var(--font-size-medium);
  --pagination-font-size-small: var(--font-size-small);
  --pagination-arrow-color-disabled: var(--text-color-disabled);
  --pagination-arrow-color-regular: var(--text-color-primary);
  --pagination-height-large: var(--height-large);
  --pagination-height-medium: var(--height-medium);
  --pagination-height-small: var(--height-small);
  --pagination-border-checked-disabled: var(--color-transparent-regular);
  --pagination-border-checked-active: var(--color-transparent-regular);
  --pagination-border-checked-hover: var(--color-transparent-regular);
  --pagination-border-checked-regular: var(--color-transparent-regular);
  --pagination-border-radius-large: var(--border-radius-large);
  --pagination-border-radius-medium: var(--border-radius-medium);
  --pagination-border-radius-small: var(--border-radius-small);
  --pagination-border-width: var(--border-width-small);
  --pagination-border-color-disabled: var(--border-color-disabled);
  --pagination-border-color-regular: var(--border-color-primary-regular);
  --pagination-color-disabled: var(--text-color-disabled);
  --pagination-color-hover: var(--brand-600);
  --pagination-color-regular: var(--text-color-primary);
  --pagination-background-color-disabled: var(--background-color-disabled);
  --pagination-background-color-active: var(--background-color-primary-regular);
  --pagination-background-color-hover: var(--background-color-primary-regular);
  --pagination-background-color-regular: var(--background-color-primary-regular);
  --pagination-text-color-secondary: var(--text-color-placeholder);
  --pagination-text-color-primary: var(--text-color-primary);
  --progress-background-color-checked-active: var(--brand-600);
  --progress-background-color-checked-hover: var(--brand-600);
  --progress-background-color-checked-regular: var(--brand-600);
  --badge-font-weight: 400;
  --badge-font-size: var(--font-size-small);
  --badge-border-color: var(--color-transparent-white-900);
  --badge-border-width: var(--border-width-small);
  --menu-item-group-title-font-weight-checked: 600;
  --menu-item-group-title-font-weight-active: 400;
  --menu-item-group-title-font-weight-hover: 400;
  --menu-item-group-title-font-weight-regular: 400;
  --menu-item-group-title-font-size: var(--font-size-medium);
  --menu-item-group-title-color: var(--text-color-tertiary);
  --menu-item-right-slot-color: var(--text-color-tertiary);
  --menu-item-arrow-color: var(--text-color-tertiary);
  --menu-item-background-color-disabled: var(--background-color-disabled);
  --menu-item-icon-color-checked: var(--text-color-primary);
  --menu-item-icon-color-disabled: var(--text-color-disabled);
  --menu-item-icon-color-active: var(--text-color-primary);
  --menu-item-icon-color-hover: var(--text-color-primary);
  --menu-item-icon-color-regular: var(--text-color-primary);
  --menu-item-color-checked: var(--text-color-primary);
  --menu-item-color-disabled: var(--text-color-disabled);
  --menu-item-color-active: var(--text-color-primary);
  --menu-item-color-hover: var(--text-color-primary);
  --menu-item-color-regular: var(--text-color-primary);
  --message-success-border-color-regular: var(--border-color-success-secondary);
  --message-success-color-regular: var(--text-color-success);
  --message-error-border-color-regular: var(--border-color-error-secondary);
  --message-error-color-regular: var(--text-color-error);
  --message-warning-border-color-regular: var(--border-color-warning-secondary);
  --message-warning-color-regular: var(--text-color-warning);
  --message-info-border-color-regular: var(--border-color-info-secondary);
  --message-info-color-regular: var(--text-color-info);
  --message-normal-border-color-regular: var(--border-color-primary-regular);
  --message-normal-color-regular: var(--text-color-primary);
  --message-font-weight: 400;
  --message-font-size: var(--font-size-medium);
  --message-icon-size-primary: var(--icon-size-medium);
  --message-border-radius: var(--border-radius-large);
  --message-border-width: var(--border-width-small);
  --message-close-active: var(--text-color-primary);
  --message-close-hover: var(--text-color-primary);
  --message-close-regular: var(--text-color-placeholder);
  --message-color: var(--text-color-secondary);
  --notification-error-background-color-regular: var(--background-color-error-primary-regular);
  --notification-error-color-regular: var(--text-color-error);
  --notification-warning-background-color-regular: var(--background-color-warning-primary-regular);
  --notification-warning-color-regular: var(--text-color-warning);
  --notification-success-background-color-regular: var(--background-color-success-primary-regular);
  --notification-success-color-regular: var(--text-color-success);
  --notification-info-background-color-regular: var(--background-color-info-primary-regular);
  --notification-info-color-regular: var(--text-color-info);
  --notification-content-close-color-active: var(--text-color-primary);
  --notification-content-close-color-hover: var(--text-color-primary);
  --notification-content-close-color-regular: var(--text-color-placeholder);
  --notification-content-close-size: var(--icon-size-large);
  --notification-content-color: var(--text-color-tertiary);
  --notification-content-font-weight: 400;
  --notification-content-font-size: var(--font-size-medium);
  --notification-title-height: var(--height-small);
  --notification-title-color: var(--text-color-primary);
  --notification-title-font-weight: 600;
  --notification-title-font-size: var(--font-size-large);
  --notification-border-radius: var(--border-radius-large);
  --notification-icon-size: var(--icon-size-large);
  --alert-error-border-color-regular: var(--border-color-error-secondary);
  --alert-error-color-regular: var(--text-color-error);
  --alert-warning-border-color-regular: var(--border-color-warning-secondary);
  --alert-warning-color-regular: var(--text-color-warning);
  --alert-success-border-color-regular: var(--border-color-success-secondary);
  --alert-success-color-regular: var(--text-color-success);
  --alert-info-border-color-regular: var(--border-color-info-secondary);
  --alert-info-color-regular: var(--text-color-info);
  --alert-icon-size-primary: var(--icon-size-medium);
  --alert-border-radius: var(--border-radius-large);
  --alert-border-width: var(--border-width-small);
  --alert-through-border-color: var(--color-transparent-regular);
  --alert-close-size: var(--icon-size-medium);
  --alert-close-color-active: var(--text-color-primary);
  --alert-close-color-hover: var(--text-color-primary);
  --alert-close-color-regular: var(--text-color-placeholder);
  --alert-color-regular: var(--text-color-secondary);
  --drawer-header-title-font-weight: 600;
  --drawer-header-title-font-size: var(--font-size-large);
  --drawer-header-title-close-size: var(--icon-size-large);
  --drawer-header-title-close-color-active: var(--text-color-primary);
  --drawer-header-title-close-color-hover: var(--text-color-primary);
  --drawer-header-title-close-color-regular: var(--text-color-placeholder);
  --drawer-header-title-color: var(--text-color-primary);
  --drawer-header-title-height: var(--height-small);
  --drawer-background-color: var(--background-color-primary-regular);
  --table-th-font-size: var(--font-size-small);
  --table-th-color-disabled: var(--text-color-disabled);
  --table-th-color-regular: var(--text-color-tertiary);
  --table-th-emphasis-font-size: var(--font-size-medium);
  --table-th-emphasis-color-regular: var(--text-color-primary);
  --table-th-emphasis-background-color-checked: var(--background-color-tertiary-active);
  --table-th-emphasis-background-color-hover: var(--background-color-tertiary-hover);
  --table-th-emphasis-background-color-regular: var(--background-color-tertiary-regular);
  --table-th-background-color-checked: var(--background-color-primary-active);
  --table-th-background-color-hover: var(--background-color-primary-hover);
  --table-th-background-color-regular: var(--background-color-primary-regular);
  --table-td-color-disabled: var(--text-color-disabled);
  --table-td-color-regular: var(--text-color-primary);
  --table-td-background-color-checked: var(--background-color-primary-active);
  --table-td-background-color-hover: var(--background-color-primary-hover);
  --table-td-background-color-regular: var(--background-color-primary-regular);
  --form-wrapper-feedback-warning: var(--text-color-warning);
  --form-wrapper-feedback-error: var(--text-color-error);
  --form-wrapper-feedback-font-weight: 400;
  --form-wrapper-feedback-font-size: var(--font-size-small);
  --form-label-color-secondary: var(--text-color-placeholder);
  --form-label-color-primary: var(--text-color-primary);
  --form-label-font-weight-emphasis: 600;
  --form-label-font-weight-primary: 400;
  --form-label-vertical-compact: var(--font-size-medium);
  --form-label-vertical-loose: var(--font-size-small);
  --form-label-horizontal-font-size: var(--font-size-medium);
  --form-label-required-font-size-large: var(--font-size-medium);
  --form-label-required-font-size-medium: var(--font-size-medium);
  --form-label-required-font-size-small: var(--font-size-medium);
  --popconfirm-warning-color: var(--text-color-warning);
  --popconfirm-content-icon-size: var(--icon-size-medium);
  --popconfirm-content-font-size: var(--font-size-medium);
  --popconfirm-arrow-size: var(--icon-size-xsmall);
  --popconfirm-font-weight: 400;
  --popconfirm-color: var(--text-color-primary);
  --modal-confirm-error-color: var(--text-color-error);
  --modal-confirm-warning-color: var(--text-color-warning);
  --modal-confirm-success-color: var(--text-color-success);
  --modal-confirm-info-color: var(--text-color-info);
  --modal-confirm-content-icon-size: var(--icon-size-large);
  --modal-confirm-content-title-color: var(--text-color-primary);
  --modal-confirm-content-title-font-weight: 600;
  --modal-confirm-content-title-font-size: var(--font-size-large);
  --modal-confirm-content-color: var(--text-color-tertiary);
  --modal-confirm-content-font-weight: 400;
  --modal-confirm-content-font-size: var(--font-size-medium);
  --modal-grabber-background-color: var(--color-transparent-black-400);
  --modal-border-width: var(--border-width-small);
  --modal-border-color: var(--color-transparent-regular);
  --modal-border-radius: var(--border-radius-xlarge);
  --modal-content-font-size: var(--font-size-medium);
  --modal-header-close-color-active: var(--text-color-primary);
  --modal-header-close-color-hover: var(--text-color-primary);
  --modal-header-close-color-regular: var(--text-color-placeholder);
  --modal-header-close-size: var(--icon-size-large);
  --modal-header-color: var(--text-color-primary);
  --modal-header-font-weight: 600;
  --modal-header-font-size: var(--font-size-large);
  --modal-color: var(--text-color-primary);
  --switch-border-width-regular: var(--border-width-small);
  --switch-border-color-off-hover: var(--switch-background-color-off-hover);
  --switch-border-color-off-regular: var(--switch-background-color-off-regular);
  --switch-background-color-dot-disabled: var(--color-transparent-white-900);
  --switch-background-color-checked-disabled: var(--brand-300);
  --switch-background-color-checked-hover: var(--brand-700);
  --switch-background-color-checked-regular: var(--brand-600);
  --switch-background-color-off-disabled: var(--background-color-disabled);
  --tabs-line-border-radius: var(--border-radius-none);
  --tabs-font-size-medium: var(--font-size-large);
  --tabs-font-size-small: var(--font-size-medium);
  --tabs-font-size-xsmall: var(--font-size-small);
  --tabs-font-weight-medium-checked: 600;
  --tabs-font-weight-medium-regular: 400;
  --tabs-font-weight-small-checked: 600;
  --tabs-font-weight-small-regular: 400;
  --tabs-font-weight-xsmall-checked: 600;
  --tabs-font-weight-xsmall-regular: 400;
  --tabs-background-color-disabled: var(--text-color-disabled);
  --tabs-background-color-emphasis-checked-active: var(--brand-600);
  --tabs-background-color-emphasis-checked-hover: var(--brand-500);
  --tabs-background-color-emphasis-checked-regular: var(--brand-600);
  --tabs-background-color-checked: var(--text-color-primary);
  --tabs-color-emphasis-checked-active: var(--brand-600);
  --tabs-color-emphasis-checked-hover: var(--brand-500);
  --tabs-color-emphasis-checked-regular: var(--brand-600);
  --tabs-color-checked: var(--text-color-primary);
  --tabs-color-hover: var(--text-color-primary);
  --tabs-color-regular: var(--text-color-tertiary);
  --breadcrumb-font-weight-checked: 600;
  --breadcrumb-font-weight-regular: 400;
  --breadcrumb-color-checked: var(--text-color-primary);
  --breadcrumb-color-active: var(--text-color-primary);
  --breadcrumb-color-hover: var(--text-color-primary);
  --breadcrumb-color-regular: var(--text-color-tertiary);
  --tooltips-font-weight: 400;
  --tooltips-font-size: var(--font-size-medium);
  --tooltips-border-radius: var(--border-radius-medium);
  --radiobutton-font-weight-small: 400;
  --radiobutton-font-weight-medium: 400;
  --radiobutton-font-weight-large: 500;
  --radiobutton-font-size-large: var(--font-size-medium);
  --radiobutton-font-size-medium: var(--font-size-medium);
  --radiobutton-font-size-small: var(--font-size-small);
  --radiobutton-color-checked-secondary-regular: var(--brand-600);
  --radiobutton-color-checked-primary-disabled: var(--text-color-disabled);
  --radiobutton-color-checked-primary-hover: var(--radiobutton-color-checked-primary-regular);
  --radiobutton-color-disabled: var(--text-color-disabled);
  --radiobutton-color-hover: var(--brand-600);
  --radiobutton-color-regular: var(--text-color-primary);
  --radiobutton-border-radius-large: var(--border-radius-large);
  --radiobutton-border-radius-medium: var(--border-radius-medium);
  --radiobutton-border-radius-small: var(--border-radius-small);
  --radiobutton-border-width: var(--border-width-small);
  --radiobutton-border-color-checked-secondary-disabled: var(--radiobutton-background-color-checked-primary-disabled);
  --radiobutton-border-color-checked-secondary-regular: var(--brand-600);
  --radiobutton-border-color-checked-primary-disabled: var(--radiobutton-background-color-checked-primary-disabled);
  --radiobutton-border-color-checked-primary-regular: var(--brand-600);
  --radiobutton-border-color-regular: var(--border-color-primary-regular);
  --radiobutton-background-color-checked-secondary-regular: var(--background-color-primary-regular);
  --radiobutton-background-color-checked-primary-regular: var(--brand-600);
  --radiobutton-background-color-disabled: var(--background-color-disabled);
  --radiobutton-background-color-regular: var(--background-color-primary-regular);
  --radiobutton-height-large: var(--height-large);
  --radiobutton-height-medium: var(--height-medium);
  --radiobutton-height-small: var(--height-small);
  --input-number-color-error: var(--text-color-primary);
  --input-number-color-regular: var(--text-color-placeholder);
  --input-font-size-large: var(--font-size-medium);
  --input-font-size-medium: var(--font-size-medium);
  --input-font-size-small: var(--font-size-small);
  --input-background-color-error: var(--background-color-primary-regular);
  --input-background-color-disabled: var(--background-color-disabled);
  --input-background-color-checked: var(--background-color-primary-regular);
  --input-background-color-hover: var(--background-color-primary-regular);
  --input-background-color-regular: var(--background-color-primary-regular);
  --input-color-disabled: var(--text-color-disabled);
  --input-color-active: var(--text-color-primary);
  --input-color-hover: var(--text-color-primary);
  --input-color-regular: var(--text-color-primary);
  --input-color-placeholder: var(--text-color-placeholder);
  --input-unit-font-weight-large: 400;
  --input-unit-font-weight-medium: 400;
  --input-unit-font-weight-small: 400;
  --input-unit-font-size-large: var(--font-size-medium);
  --input-unit-font-size-medium: var(--font-size-medium);
  --input-unit-font-size-small: var(--font-size-small);
  --input-unit-color: var(--text-color-primary);
  --input-border-radius-large: var(--border-radius-large);
  --input-border-radius-medium: var(--border-radius-medium);
  --input-border-radius-small: var(--border-radius-small);
  --input-border-radius-none: var(--border-radius-none);
  --input-border-width: var(--border-width-small);
  --input-border-color-error: var(--border-color-error-primary);
  --input-border-color-disabled: var(--border-color-disabled);
  --input-border-color-regular: var(--border-color-primary-regular);
  --input-allowclear-icon-size-large: var(--icon-size-medium);
  --input-allowclear-icon-size-medium: var(--icon-size-small);
  --input-allowclear-icon-size-small: var(--icon-size-small);
  --input-allowclear-color-active: var(--text-color-primary);
  --input-allowclear-color-hover: var(--text-color-primary);
  --input-allowclear-color-regular: var(--text-color-placeholder);
  --input-icon-size-large: var(--icon-size-medium);
  --input-icon-size-medium: var(--icon-size-medium);
  --input-icon-size-small: var(--icon-size-small);
  --input-height-large: var(--height-large);
  --input-height-medium: var(--height-medium);
  --input-height-small: var(--height-small);
  --select-quiet-icon-color-disabled: var(--text-color-disabled);
  --select-quiet-icon-color-active: var(--text-color-placeholder);
  --select-quiet-icon-color-hover: var(--text-color-placeholder);
  --select-quiet-icon-color-regular: var(--text-color-placeholder);
  --select-quiet-color-disabled: var(--text-color-disabled);
  --select-quiet-color-active: var(--text-color-primary);
  --select-quiet-color-hover: var(--text-color-primary);
  --select-quiet-color-placeholder: var(--text-color-placeholder);
  --select-quiet-color-regular: var(--text-color-primary);
  --select-tag-font-size-large: var(--font-size-small);
  --select-tag-font-size-medium: var(--font-size-small);
  --select-tag-font-size-small: var(--font-size-small);
  --select-tag-border-color-regular: var(--border-color-primary-regular);
  --select-tag-border-radius-large: var(--border-radius-medium);
  --select-tag-border-radius-medium: var(--border-radius-small);
  --select-tag-border-radius-small: var(--border-radius-small);
  --select-tag-border-width: var(--border-width-small);
  --select-tag-delete-color-active: var(--text-color-primary);
  --select-tag-delete-color-hover: var(--text-color-primary);
  --select-tag-delete-color-regular: var(--text-color-placeholder);
  --select-tag-color: var(--text-color-primary);
  --select-font-size-large: var(--font-size-medium);
  --select-font-size-medium: var(--font-size-medium);
  --select-font-size-small: var(--font-size-small);
  --select-icon-size-large: var(--icon-size-medium);
  --select-icon-size-medium: var(--icon-size-small);
  --select-icon-size-small: var(--icon-size-small);
  --select-border-radius-large: var(--border-radius-large);
  --select-border-radius-medium: var(--border-radius-medium);
  --select-border-radius-small: var(--border-radius-small);
  --select-border-radius-none: var(--border-radius-none);
  --select-border-width: var(--border-width-small);
  --select-border-color-error: var(--border-color-error-primary);
  --select-border-color-disabled: var(--border-color-disabled);
  --select-border-color-regular: var(--border-color-primary-regular);
  --select-background-color-error: var(--background-color-primary-regular);
  --select-background-color-disabled: var(--background-color-disabled);
  --select-background-color-checked: var(--background-color-primary-regular);
  --select-background-color-hover: var(--background-color-primary-regular);
  --select-background-color-regular: var(--background-color-primary-regular);
  --select-clear-color-active: var(--text-color-primary);
  --select-clear-color-hover: var(--text-color-primary);
  --select-clear-color-regular: var(--text-color-placeholder);
  --select-arrow-color-disabled: var(--text-color-disabled);
  --select-arrow-color-checked: var(--text-color-placeholder);
  --select-arrow-color-hover: var(--text-color-placeholder);
  --select-arrow-color-regular: var(--text-color-placeholder);
  --select-color-disabled: var(--text-color-disabled);
  --select-color-regular: var(--text-color-primary);
  --select-color-placeholder: var(--text-color-placeholder);
  --select-height-large: var(--height-large);
  --select-height-medium: var(--height-medium);
  --select-height-small: var(--height-small);
  --cascader-dropdown-menu-border-width: var(--border-width-small);
  --cascader-dropdown-menu-border-color: var(--color-transparent-regular);
  --dropdown-menu-border-radius: var(--border-radius-large);
  --dropdown-menu-border-width: var(--border-width-small);
  --dropdown-menu-border-color: var(--color-transparent-regular);
  --dropdown-cascader-arrow-color-disabled: var(--text-color-disabled);
  --dropdown-cascader-arrow-color-checked: var(--text-color-primary);
  --dropdown-cascader-arrow-color-active: var(--text-color-primary);
  --dropdown-cascader-arrow-color-hover: var(--text-color-primary);
  --dropdown-cascader-arrow-color-regular: var(--text-color-primary);
  --dropdown-cascader-arrow-size-compact: var(--icon-size-small);
  --dropdown-cascader-arrow-size-loose: var(--icon-size-small);
  --dropdown-border-radius-loose: var(--border-radius-large);
  --dropdown-border-radius-compact: var(--border-radius-medium);
  --dropdown-color-checked: var(--text-color-primary);
  --dropdown-color-disabled: var(--text-color-disabled);
  --dropdown-color-active: var(--text-color-primary);
  --dropdown-color-hover: var(--text-color-primary);
  --dropdown-color-regular: var(--text-color-primary);
  --dropdown-icon-checked-size-compact: var(--icon-size-medium);
  --dropdown-icon-checked-size-loose: var(--icon-size-medium);
  --dropdown-icon-color-disabled: var(--text-color-disabled);
  --dropdown-icon-color-checked: var(--text-color-primary);
  --dropdown-icon-color-active: var(--text-color-primary);
  --dropdown-icon-color-hover: var(--text-color-primary);
  --dropdown-icon-color-regular: var(--text-color-primary);
  --dropdown-icon-size-compact: var(--icon-size-medium);
  --dropdown-icon-size-loose: var(--icon-size-medium);
  --dropdown-font-weight-checked: 600;
  --dropdown-font-weight-active: 400;
  --dropdown-font-weight-hover: 400;
  --dropdown-font-weight-regular: 400;
  --dropdown-font-size-compact-primary: var(--font-size-medium);
  --dropdown-font-size-loose-primary: var(--font-size-medium);
  --dropdown-height-compact: var(--height-medium);
  --dropdown-height-loose: var(--height-large);
  --control-background-color-checked-hover: var(--brand-700);
  --control-background-color-checked-regular: var(--brand-600);
  --control-background-color-disabled: var(--background-color-disabled);
  --control-background-color-hover: var(--background-color-primary-regular);
  --control-background-color-regular: var(--background-color-primary-regular);
  --control-border-radius-large: var(--border-radius-medium);
  --control-border-radius-medium: var(--border-radius-small);
  --control-border-width: var(--border-width-small);
  --control-border-color-checked-regular: var(--brand-600);
  --slider-dot-border-radius-small: var(--border-radius-medium);
  --slider-dot-border-color-disabled: var(--border-color-disabled);
  --slider-dot-border-width-regular: var(--border-width-small);
  --slider-dot-outline-color-active: var(--color-transparent-black-300);
  --slider-dot-outline-color-regular: var(--color-transparent-black-300);
  --slider-border-radius-medium: var(--border-radius-medium);
  --scrollbar-border-color-hover: var(--color-transparent-white-800);
  --scrollbar-border-color-regular: var(--color-transparent-white-800);
  --scrollbar-background-color-hover: var(--color-transparent-regular);
  --scrollbar-background-color-regular: var(--color-transparent-regular);
  --scrollbar-color-hover: var(--color-transparent-black-600);
  --scrollbar-color-regular: var(--color-transparent-black-500);
  --button-split-divider-tertiary: var(--border-color-primary-regular);
  --button-split-divider-secondary: var(--color-transparent-black-300);
  --button-split-divider-primary: var(--color-transparent-white-500);
  --button-float-border-color-active: var(--color-transparent-regular);
  --button-float-border-color-hover: var(--color-transparent-regular);
  --button-float-border-color-regular: var(--color-transparent-regular);
  --button-danger-quiet-background-color-disabled: var(--color-transparent-regular);
  --button-danger-quiet-background-color-active: var(--color-transparent-red-200);
  --button-danger-quiet-background-color-hover: var(--color-transparent-red-100);
  --button-danger-quiet-background-color-regular: var(--color-transparent-regular);
  --button-danger-quiet-color-active: var(--text-color-error);
  --button-danger-quiet-color-hover: var(--text-color-error);
  --button-danger-quiet-color-regular: var(--text-color-error);
  --button-danger-color-secondary-regular: var(--text-color-error);
  --button-danger-color-primary-active: var(--static-color-white);
  --button-danger-color-primary-hover: var(--static-color-white);
  --button-danger-color-primary-regular: var(--static-color-white);
  --button-danger-border-color-primary-active: var(--color-transparent-regular);
  --button-danger-border-color-primary-hover: var(--color-transparent-regular);
  --button-danger-border-color-primary-regular: var(--color-transparent-regular);
  --button-danger-background-color-secondary-disabled: var(--background-color-primary-regular);
  --button-danger-background-color-secondary-active: var(--background-color-primary-regular);
  --button-danger-background-color-secondary-hover: var(--background-color-primary-regular);
  --button-danger-background-color-secondary-regular: var(--background-color-primary-regular);
  --button-quiet-color-hover: var(--text-color-primary);
  --button-quiet-color-regular: var(--text-color-primary);
  --button-quiet-background-color-disabled: var(--color-transparent-regular);
  --button-quiet-font-weight: 400;
  --button-dropdown-arrow-size-large: var(--icon-size-medium);
  --button-dropdown-arrow-size-medium: var(--icon-size-small);
  --button-dropdown-arrow-size-small: var(--icon-size-xsmall);
  --button-font-weight-small: 400;
  --button-font-weight-medium: 400;
  --button-font-weight-large: 500;
  --button-font-size-large: var(--font-size-medium);
  --button-font-size-medium: var(--font-size-medium);
  --button-font-size-small: var(--font-size-small);
  --button-icon-size-large: var(--icon-size-medium);
  --button-icon-size-medium: var(--icon-size-medium);
  --button-icon-size-small: var(--icon-size-small);
  --button-border-radius-large: var(--border-radius-large);
  --button-border-radius-medium: var(--border-radius-medium);
  --button-border-radius-small: var(--border-radius-small);
  --button-border-width: var(--border-width-small);
  --button-border-color-disabled: var(--border-color-disabled);
  --button-border-color-secondary-disabled: var(--color-transparent-regular);
  --button-border-color-secondary-active: var(--color-transparent-regular);
  --button-border-color-secondary-hover: var(--color-transparent-regular);
  --button-border-color-secondary-regular: var(--color-transparent-regular);
  --button-border-color-primary-disabled: var(--color-transparent-regular);
  --button-border-color-primary-active: var(--color-transparent-regular);
  --button-border-color-primary-hover: var(--color-transparent-regular);
  --button-border-color-primary-regular: var(--color-transparent-regular);
  --button-background-color-disabled: var(--background-color-disabled);
  --button-background-color-ghost: var(--color-transparent-regular);
  --button-background-color-tertiary-active: var(--background-color-primary-regular);
  --button-background-color-tertiary-hover: var(--background-color-primary-regular);
  --button-background-color-tertiary-regular: var(--background-color-primary-regular);
  --button-background-color-primary-active: var(--brand-800);
  --button-background-color-primary-hover: var(--brand-700);
  --button-background-color-primary-regular: var(--brand-600);
  --button-color-disabled: var(--text-color-disabled);
  --button-color-tertiary-hover: var(--text-color-primary);
  --button-color-tertiary-regular: var(--text-color-primary);
  --button-color-secondary-active: var(--text-color-primary);
  --button-color-secondary-hover: var(--text-color-primary);
  --button-color-secondary-regular: var(--text-color-primary);
  --button-height-large: var(--height-large);
  --button-height-medium: var(--height-medium);
  --button-height-small: var(--height-small);
  --actionbutton-quiet-border-color-checked-active: var(--color-transparent-regular);
  --actionbutton-quiet-border-color-checked-hover: var(--color-transparent-regular);
  --actionbutton-quiet-border-color-checked-regular: var(--color-transparent-regular);
  --actionbutton-quiet-border-color-active: var(--color-transparent-regular);
  --actionbutton-quiet-border-color-hover: var(--color-transparent-regular);
  --actionbutton-quiet-border-color-regular: var(--color-transparent-regular);
  --actionbutton-quiet-background-color-disabled: var(--color-transparent-regular);
  --actionbutton-quiet-background-color-checked-active: var(--color-transparent-black-500);
  --actionbutton-quiet-background-color-checked-hover: var(--color-transparent-black-400);
  --actionbutton-quiet-background-color-checked-regular: var(--color-transparent-black-300);
  --actionbutton-quiet-color-checked-active: var(--text-color-primary);
  --actionbutton-quiet-color-checked-hover: var(--text-color-primary);
  --actionbutton-quiet-color-checked-regular: var(--text-color-primary);
  --actionbutton-quiet-color-active: var(--text-color-primary);
  --actionbutton-quiet-color-hover: var(--text-color-primary);
  --actionbutton-quiet-color-regular: var(--text-color-primary);
  --actionbutton-group-arrow-size-large: var(--icon-size-small);
  --actionbutton-group-arrow-size-medium: var(--icon-size-small);
  --actionbutton-group-arrow-size-small: var(--icon-size-xsmall);
  --actionbutton-group-arrow-color-checked-active: var(--static-color-white);
  --actionbutton-group-arrow-color-checked-hover: var(--static-color-white);
  --actionbutton-group-arrow-color-checked-regular: var(--static-color-white);
  --actionbutton-group-arrow-color-disabled: var(--text-color-disabled);
  --actionbutton-group-arrow-color-active: var(--text-color-placeholder);
  --actionbutton-group-arrow-color-hover: var(--text-color-placeholder);
  --actionbutton-group-arrow-color-regular: var(--text-color-placeholder);
  --actionbutton-border-color-disabled: var(--border-color-disabled);
  --actionbutton-border-color-checked-active: var(--color-transparent-regular);
  --actionbutton-border-color-checked-hover: var(--color-transparent-regular);
  --actionbutton-border-color-checked-regular: var(--color-transparent-regular);
  --actionbutton-border-color-active: var(--color-transparent-regular);
  --actionbutton-border-color-hover: var(--color-transparent-regular);
  --actionbutton-border-color-regular: var(--color-transparent-regular);
  --actionbutton-border-radius-large: var(--border-radius-large);
  --actionbutton-border-radius-medium: var(--border-radius-medium);
  --actionbutton-border-radius-small: var(--border-radius-small);
  --actionbutton-border-width: var(--border-width-small);
  --actionbutton-icon-size-large: var(--icon-size-medium);
  --actionbutton-icon-size-medium: var(--icon-size-medium);
  --actionbutton-icon-size-small: var(--icon-size-small);
  --actionbutton-color-disabled: var(--text-color-disabled);
  --actionbutton-color-checked-active: var(--static-color-white);
  --actionbutton-color-checked-hover: var(--static-color-white);
  --actionbutton-color-checked-regular: var(--static-color-white);
  --actionbutton-color-active: var(--text-color-primary);
  --actionbutton-color-hover: var(--text-color-primary);
  --actionbutton-color-regular: var(--text-color-primary);
  --actionbutton-background-color-disabled: var(--background-color-disabled);
  --actionbutton-background-color-active: var(--background-color-tertiary-active);
  --actionbutton-background-color-hover: var(--background-color-tertiary-hover);
  --actionbutton-background-color-regular: var(--background-color-tertiary-regular);
  --actionbutton-font-weight-small: 400;
  --actionbutton-font-weight-medium: 400;
  --actionbutton-font-weight-large: 400;
  --actionbutton-font-size-large: var(--font-size-medium);
  --actionbutton-font-size-medium: var(--font-size-medium);
  --actionbutton-font-size-small: var(--font-size-small);
  --tree-background-color-checked: var(--background-color-transparent-primary-hover);
  --tree-background-color-active: var(--background-color-transparent-primary-active);
  --tree-background-color-hover: var(--background-color-transparent-primary-hover);
  --tree-background-color-regular: var(--background-color-transparent-primary-regular);
  --tree-drag-over-border-color: var(--border-color-overlay);
  --tree-arrow-background-color-checked-disabled: var(--background-color-transparent-primary-regular);
  --tree-arrow-background-color-checked-active: var(--background-color-transparent-primary-active);
  --tree-arrow-background-color-checked-hover: var(--background-color-transparent-primary-hover);
  --tree-arrow-background-color-checked-regular: var(--background-color-transparent-primary-regular);
  --tree-arrow-background-color-disabled: var(--background-color-transparent-primary-regular);
  --tree-arrow-background-color-active: var(--background-color-transparent-primary-active);
  --tree-arrow-background-color-hover: var(--background-color-transparent-primary-hover);
  --tree-arrow-background-color-regular: var(--background-color-transparent-primary-regular);
  --tree-line-color: var(--tree-arrow-color-regular);
  --avatar-background-color: var(--background-color-emphasis-regular);
  --pagination-icon-color-active: var(--text-color-emphasis);
  --pagination-icon-color-hover: var(--text-color-emphasis);
  --pagination-icon-more-color-active: var(--text-color-emphasis);
  --pagination-icon-more-color-hover: var(--text-color-emphasis);
  --pagination-arrow-color-active: var(--text-color-emphasis);
  --pagination-arrow-color-hover: var(--text-color-emphasis);
  --pagination-border-color-active: var(--border-color-primary-active);
  --pagination-border-color-hover: var(--border-color-primary-hover);
  --pagination-color-active: var(--text-color-emphasis);
  --pagination-background-color-checked-hover: var(--background-color-emphasis-regular);
  --pagination-background-color-checked-regular: var(--background-color-emphasis-regular);
  --menu-item-background-color-checked: var(--background-color-transparent-primary-hover);
  --menu-item-background-color-active: var(--background-color-transparent-primary-active);
  --menu-item-background-color-hover: var(--background-color-transparent-primary-hover);
  --menu-item-background-color-regular: var(--background-color-transparent-primary-regular);
  --message-normal-background-color-regular: var(--background-color-overlay-regular);
  --notification-background-color: var(--background-color-overlay-regular);
  --drawer-divider-color: var(--background-color-divider-regular);
  --popconfirm-background-color: var(--background-color-overlay-regular);
  --modal-background-color: var(--background-color-overlay-regular);
  --switch-border-color-checked-disabled: var(--switch-background-color-checked-disabled);
  --switch-border-color-checked-hover: var(--switch-background-color-checked-hover);
  --switch-border-color-checked-regular: var(--switch-background-color-checked-regular);
  --switch-border-color-off-disabled: var(--switch-background-color-off-disabled);
  --radiobutton-color-checked-secondary-hover: var(--radiobutton-color-checked-secondary-regular);
  --radiobutton-border-color-checked-secondary-hover: var(--radiobutton-border-color-checked-secondary-regular);
  --radiobutton-border-color-checked-primary-hover: var(--radiobutton-border-color-checked-primary-regular);
  --radiobutton-border-color-hover: var(--radiobutton-border-color-regular);
  --radiobutton-background-color-checked-secondary-hover: var(--radiobutton-background-color-checked-secondary-regular);
  --radiobutton-background-color-checked-primary-hover: var(--radiobutton-background-color-checked-primary-regular);
  --radiobutton-background-color-hover: var(--radiobutton-background-color-regular);
  --input-quiet-background-color-disabled: var(--background-color-transparent-primary-regular);
  --input-quiet-background-color-active: var(--background-color-transparent-primary-active);
  --input-quiet-background-color-hover: var(--background-color-transparent-primary-hover);
  --input-quiet-background-color-regular: var(--background-color-transparent-primary-regular);
  --input-border-color-checked: var(--border-color-primary-active);
  --input-border-color-hover: var(--border-color-primary-hover);
  --select-quiet-background-color-disabled: var(--background-color-transparent-primary-regular);
  --select-quiet-background-color-active: var(--background-color-transparent-primary-active);
  --select-quiet-background-color-hover: var(--background-color-transparent-primary-hover);
  --select-quiet-background-color-regular: var(--background-color-transparent-primary-regular);
  --select-border-color-checked: var(--border-color-primary-active);
  --select-border-color-hover: var(--border-color-primary-hover);
  --cascader-dropdown-menu-background-color-divider: var(--background-color-divider-regular);
  --cascader-dropdown-menu-background-color-regular: var(--background-color-overlay-regular);
  --dropdown-menu-background-color-regular: var(--background-color-overlay-regular);
  --dropdown-keyword-color: var(--text-color-emphasis);
  --dropdown-background-color-disabled: var(--background-color-overlay-regular);
  --dropdown-background-color-checked: var(--background-color-overlay-regular);
  --dropdown-background-color-focus: var(--background-color-overlay-hover);
  --dropdown-background-color-active: var(--background-color-overlay-active);
  --dropdown-background-color-hover: var(--background-color-overlay-hover);
  --dropdown-background-color-regular: var(--background-color-overlay-regular);
  --control-border-color-active: var(--border-color-primary-active);
  --control-border-color-hover: var(--border-color-primary-hover);
  --button-quiet-background-color-active: var(--background-color-transparent-primary-active);
  --button-quiet-background-color-hover: var(--background-color-transparent-primary-hover);
  --button-quiet-background-color-regular: var(--background-color-transparent-primary-regular);
  --actionbutton-quiet-background-color-active: var(--background-color-transparent-primary-active);
  --actionbutton-quiet-background-color-hover: var(--background-color-transparent-primary-hover);
  --actionbutton-quiet-background-color-regular: var(--background-color-transparent-primary-regular);
  --actionbutton-background-color-checked-active: var(--button-background-color-primary-active);
  --actionbutton-background-color-checked-hover: var(--button-background-color-primary-hover);
  --actionbutton-background-color-checked-regular: var(--button-background-color-primary-regular);
  --select-quiet-background-color-checked: var(--select-quiet-background-color-hover);
}