npm - @imj_media/ui - Versions diffs - 1.10.8 → 1.10.9 - Mend

@imj_media/ui 1.10.8 → 1.10.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/CHANGELOG.md +6 -0
package/README.md +1 -1
package/catalog/design-index.json +1749 -2
package/catalog/design-index.schema.json +10 -1
package/package.json +1 -1

package/catalog/design-index.json CHANGED Viewed

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@imj_media/ui",
-  "version": "1.10.8",
-  "indexedAt": "2026-05-27T20:27:20.532Z",
+  "version": "1.10.9",
+  "indexedAt": "2026-05-29T19:39:05.304Z",
   "orbitTokensVersion": "1.3.1",
   "modules": [
     {
@@ -3056,5 +3056,1752 @@
       "md": "0 4px 8px -2px rgba(0, 0, 0, 0.2)",
       "lg": "0 16px 24px -8px rgba(0, 0, 0, 0.3)"
     }
+  },
+  "themeCssVars": {
+    "light": {
+      "--ui-color-white": "rgb(255, 255, 255)",
+      "--ui-color-black": "rgb(0, 0, 0)",
+      "--ui-color-red-50": "rgb(255, 242, 242)",
+      "--ui-color-red-100": "rgb(252, 227, 227)",
+      "--ui-color-red-200": "rgb(250, 189, 189)",
+      "--ui-color-red-300": "rgb(245, 148, 148)",
+      "--ui-color-red-400": "rgb(242, 107, 107)",
+      "--ui-color-red-500": "rgb(240, 69, 69)",
+      "--ui-color-red-600": "rgb(212, 61, 61)",
+      "--ui-color-red-700": "rgb(184, 51, 51)",
+      "--ui-color-red-800": "rgb(156, 43, 43)",
+      "--ui-color-red-900": "rgb(128, 36, 36)",
+      "--ui-color-orange-50": "rgb(255, 247, 242)",
+      "--ui-color-orange-100": "rgb(252, 237, 227)",
+      "--ui-color-orange-200": "rgb(252, 209, 176)",
+      "--ui-color-orange-300": "rgb(250, 176, 125)",
+      "--ui-color-orange-400": "rgb(250, 145, 74)",
+      "--ui-color-orange-500": "rgb(250, 115, 23)",
+      "--ui-color-orange-600": "rgb(219, 102, 20)",
+      "--ui-color-orange-700": "rgb(189, 87, 18)",
+      "--ui-color-orange-800": "rgb(158, 74, 13)",
+      "--ui-color-orange-900": "rgb(128, 59, 10)",
+      "--ui-color-yellow-50": "rgb(255, 250, 242)",
+      "--ui-color-yellow-100": "rgb(252, 245, 227)",
+      "--ui-color-yellow-200": "rgb(247, 230, 173)",
+      "--ui-color-yellow-300": "rgb(242, 214, 117)",
+      "--ui-color-yellow-400": "rgb(240, 196, 64)",
+      "--ui-color-yellow-500": "rgb(235, 179, 8)",
+      "--ui-color-yellow-600": "rgb(209, 158, 8)",
+      "--ui-color-yellow-700": "rgb(181, 140, 5)",
+      "--ui-color-yellow-800": "rgb(156, 120, 5)",
+      "--ui-color-yellow-900": "rgb(128, 97, 5)",
+      "--ui-color-lime-50": "rgb(250, 255, 242)",
+      "--ui-color-lime-100": "rgb(242, 252, 227)",
+      "--ui-color-lime-200": "rgb(214, 240, 176)",
+      "--ui-color-lime-300": "rgb(186, 227, 125)",
+      "--ui-color-lime-400": "rgb(161, 217, 74)",
+      "--ui-color-lime-500": "rgb(133, 204, 23)",
+      "--ui-color-lime-600": "rgb(120, 186, 20)",
+      "--ui-color-lime-700": "rgb(107, 166, 18)",
+      "--ui-color-lime-800": "rgb(97, 148, 15)",
+      "--ui-color-lime-900": "rgb(84, 128, 13)",
+      "--ui-color-green-50": "rgb(242, 255, 245)",
+      "--ui-color-green-100": "rgb(227, 252, 237)",
+      "--ui-color-green-200": "rgb(179, 240, 201)",
+      "--ui-color-green-300": "rgb(130, 224, 166)",
+      "--ui-color-green-400": "rgb(84, 212, 130)",
+      "--ui-color-green-500": "rgb(33, 196, 94)",
+      "--ui-color-green-600": "rgb(31, 181, 87)",
+      "--ui-color-green-700": "rgb(28, 163, 79)",
+      "--ui-color-green-800": "rgb(26, 145, 69)",
+      "--ui-color-green-900": "rgb(23, 128, 61)",
+      "--ui-color-cyan-50": "rgb(242, 252, 255)",
+      "--ui-color-cyan-100": "rgb(227, 250, 252)",
+      "--ui-color-cyan-200": "rgb(171, 232, 242)",
+      "--ui-color-cyan-300": "rgb(117, 217, 232)",
+      "--ui-color-cyan-400": "rgb(61, 199, 222)",
+      "--ui-color-cyan-500": "rgb(5, 181, 212)",
+      "--ui-color-cyan-600": "rgb(5, 163, 191)",
+      "--ui-color-cyan-700": "rgb(5, 145, 171)",
+      "--ui-color-cyan-800": "rgb(5, 128, 148)",
+      "--ui-color-cyan-900": "rgb(5, 110, 128)",
+      "--ui-color-azure-50": "rgb(242, 250, 255)",
+      "--ui-color-azure-100": "rgb(227, 245, 252)",
+      "--ui-color-azure-200": "rgb(173, 224, 247)",
+      "--ui-color-azure-300": "rgb(120, 204, 242)",
+      "--ui-color-azure-400": "rgb(69, 186, 237)",
+      "--ui-color-azure-500": "rgb(13, 166, 232)",
+      "--ui-color-azure-600": "rgb(13, 148, 207)",
+      "--ui-color-azure-700": "rgb(10, 128, 181)",
+      "--ui-color-azure-800": "rgb(10, 110, 156)",
+      "--ui-color-azure-900": "rgb(8, 89, 128)",
+      "--ui-color-blue-50": "rgb(242, 245, 255)",
+      "--ui-color-blue-100": "rgb(227, 232, 252)",
+      "--ui-color-blue-200": "rgb(184, 196, 237)",
+      "--ui-color-blue-300": "rgb(140, 161, 222)",
+      "--ui-color-blue-400": "rgb(97, 125, 209)",
+      "--ui-color-blue-500": "rgb(54, 89, 194)",
+      "--ui-color-blue-600": "rgb(51, 82, 176)",
+      "--ui-color-blue-700": "rgb(46, 74, 161)",
+      "--ui-color-blue-800": "rgb(41, 66, 145)",
+      "--ui-color-blue-900": "rgb(36, 59, 128)",
+      "--ui-color-violet-50": "rgb(245, 242, 255)",
+      "--ui-color-violet-100": "rgb(237, 227, 252)",
+      "--ui-color-violet-200": "rgb(209, 186, 250)",
+      "--ui-color-violet-300": "rgb(181, 143, 245)",
+      "--ui-color-violet-400": "rgb(153, 102, 242)",
+      "--ui-color-violet-500": "rgb(125, 59, 237)",
+      "--ui-color-violet-600": "rgb(110, 51, 209)",
+      "--ui-color-violet-700": "rgb(97, 46, 184)",
+      "--ui-color-violet-800": "rgb(82, 38, 156)",
+      "--ui-color-violet-900": "rgb(66, 31, 128)",
+      "--ui-color-magenta-50": "rgb(255, 242, 247)",
+      "--ui-color-magenta-100": "rgb(252, 227, 240)",
+      "--ui-color-magenta-200": "rgb(247, 184, 214)",
+      "--ui-color-magenta-300": "rgb(245, 140, 186)",
+      "--ui-color-magenta-400": "rgb(240, 94, 161)",
+      "--ui-color-magenta-500": "rgb(235, 51, 135)",
+      "--ui-color-magenta-600": "rgb(209, 46, 120)",
+      "--ui-color-magenta-700": "rgb(181, 41, 105)",
+      "--ui-color-magenta-800": "rgb(156, 33, 89)",
+      "--ui-color-magenta-900": "rgb(128, 28, 74)",
+      "--ui-color-rose-50": "rgb(255, 242, 245)",
+      "--ui-color-rose-100": "rgb(252, 227, 232)",
+      "--ui-color-rose-200": "rgb(245, 179, 194)",
+      "--ui-color-rose-300": "rgb(240, 128, 153)",
+      "--ui-color-rose-400": "rgb(232, 79, 112)",
+      "--ui-color-rose-500": "rgb(224, 28, 71)",
+      "--ui-color-rose-600": "rgb(201, 26, 64)",
+      "--ui-color-rose-700": "rgb(176, 23, 56)",
+      "--ui-color-rose-800": "rgb(153, 20, 48)",
+      "--ui-color-rose-900": "rgb(128, 15, 41)",
+      "--ui-color-light-gray-50": "rgb(247, 247, 250)",
+      "--ui-color-light-gray-100": "rgb(240, 242, 242)",
+      "--ui-color-light-gray-200": "rgb(224, 227, 230)",
+      "--ui-color-light-gray-300": "rgb(212, 214, 217)",
+      "--ui-color-light-gray-400": "rgb(199, 199, 204)",
+      "--ui-color-light-gray-500": "rgb(186, 189, 191)",
+      "--ui-color-light-gray-600": "rgb(171, 173, 179)",
+      "--ui-color-light-gray-700": "rgb(158, 163, 166)",
+      "--ui-color-light-gray-800": "rgb(145, 148, 153)",
+      "--ui-color-light-gray-900": "rgb(133, 135, 140)",
+      "--ui-color-dark-gray-50": "rgb(120, 122, 128)",
+      "--ui-color-dark-gray-100": "rgb(107, 110, 115)",
+      "--ui-color-dark-gray-200": "rgb(97, 99, 105)",
+      "--ui-color-dark-gray-300": "rgb(89, 89, 94)",
+      "--ui-color-dark-gray-400": "rgb(77, 79, 84)",
+      "--ui-color-dark-gray-500": "rgb(69, 69, 74)",
+      "--ui-color-dark-gray-600": "rgb(59, 61, 64)",
+      "--ui-color-dark-gray-700": "rgb(48, 51, 54)",
+      "--ui-color-dark-gray-800": "rgb(38, 41, 43)",
+      "--ui-color-dark-gray-900": "rgb(31, 31, 33)",
+      "--ui-color-black-alpha-transparent": "rgba(0, 0, 0, 0)",
+      "--ui-color-black-alpha-5": "rgba(0, 0, 0, 0.05)",
+      "--ui-color-black-alpha-10": "rgba(0, 0, 0, 0.1)",
+      "--ui-color-black-alpha-20": "rgba(0, 0, 0, 0.2)",
+      "--ui-color-black-alpha-30": "rgba(0, 0, 0, 0.3)",
+      "--ui-color-black-alpha-40": "rgba(0, 0, 0, 0.4)",
+      "--ui-color-black-alpha-50": "rgba(0, 0, 0, 0.5)",
+      "--ui-color-black-alpha-60": "rgba(0, 0, 0, 0.6)",
+      "--ui-color-black-alpha-70": "rgba(0, 0, 0, 0.7)",
+      "--ui-color-black-alpha-80": "rgba(0, 0, 0, 0.8)",
+      "--ui-color-black-alpha-90": "rgba(0, 0, 0, 0.9)",
+      "--ui-positive-Value_0": "0",
+      "--ui-positive-Value_12": "0.66px",
+      "--ui-positive-Value_25": "1px",
+      "--ui-positive-Value_50": "2px",
+      "--ui-positive-Value_100": "4px",
+      "--ui-positive-Value_150": "6px",
+      "--ui-positive-Value_200": "8px",
+      "--ui-positive-Value_250": "10px",
+      "--ui-positive-Value_275": "11px",
+      "--ui-positive-Value_300": "12px",
+      "--ui-positive-Value_325": "13px",
+      "--ui-positive-Value_350": "14px",
+      "--ui-positive-Value_400": "16px",
+      "--ui-positive-Value_450": "18px",
+      "--ui-positive-Value_500": "20px",
+      "--ui-positive-Value_600": "24px",
+      "--ui-positive-Value_700": "28px",
+      "--ui-positive-Value_750": "30px",
+      "--ui-positive-Value_800": "32px",
+      "--ui-positive-Value_900": "36px",
+      "--ui-positive-Value_1000": "40px",
+      "--ui-positive-Value_1200": "48px",
+      "--ui-positive-Value_1400": "56px",
+      "--ui-positive-Value_1600": "64px",
+      "--ui-positive-Value_2000": "80px",
+      "--ui-positive-Value_2400": "96px",
+      "--ui-positive-Value_2800": "112px",
+      "--ui-positive-Value_3200": "128px",
+      "--ui-positive-Value_full": "9999px",
+      "--ui-negative-Value_0": "0",
+      "--ui-negative-Value_12": "-0.66px",
+      "--ui-negative-Value_25": "-1px",
+      "--ui-negative-Value_50": "-2px",
+      "--ui-negative-Value_100": "-4px",
+      "--ui-negative-Value_150": "-6px",
+      "--ui-negative-Value_200": "-8px",
+      "--ui-negative-Value_250": "-10px",
+      "--ui-negative-Value_275": "-11px",
+      "--ui-negative-Value_300": "-12px",
+      "--ui-negative-Value_325": "-13px",
+      "--ui-negative-Value_350": "-14px",
+      "--ui-negative-Value_400": "-16px",
+      "--ui-negative-Value_450": "-18px",
+      "--ui-negative-Value_500": "-20px",
+      "--ui-negative-Value_600": "-24px",
+      "--ui-negative-Value_700": "-28px",
+      "--ui-negative-Value_750": "-30px",
+      "--ui-negative-Value_800": "-32px",
+      "--ui-negative-Value_900": "-36px",
+      "--ui-negative-Value_1000": "-40px",
+      "--ui-negative-Value_1200": "-48px",
+      "--ui-negative-Value_1400": "-56px",
+      "--ui-negative-Value_1600": "-64px",
+      "--ui-negative-Value_2000": "-80px",
+      "--ui-negative-Value_2400": "-96px",
+      "--ui-negative-Value_2800": "-112px",
+      "--ui-negative-Value_3200": "-128px",
+      "--ui-negative-Value_full": "-9999px",
+      "--ui-font-family-ui": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-font-family-mono": "'IBM Plex Mono'",
+      "--ui-font-lh-10-tight": "12px",
+      "--ui-font-lh-10-snug": "12.5px",
+      "--ui-font-lh-10-normal": "14.5px",
+      "--ui-font-lh-10-relaxed": "16px",
+      "--ui-font-track-tight": "0.5px",
+      "--ui-font-track-normal": "0",
+      "--ui-font-track-wide": "2px",
+      "--ui-font-weight-regular": "400",
+      "--ui-font-weight-medium": "500",
+      "--ui-font-weight-semibold": "600",
+      "--ui-font-weight-bold": "700",
+      "--ui-font-lh-12-tight": "14.5px",
+      "--ui-font-lh-12-snug": "15px",
+      "--ui-font-lh-12-normal": "17.5px",
+      "--ui-font-lh-12-relaxed": "19px",
+      "--ui-font-lh-14-tight": "17px",
+      "--ui-font-lh-14-snug": "17.5px",
+      "--ui-font-lh-14-normal": "20.5px",
+      "--ui-font-lh-14-relaxed": "22.5px",
+      "--ui-font-lh-16-tight": "19.5px",
+      "--ui-font-lh-16-snug": "20px",
+      "--ui-font-lh-16-normal": "23px",
+      "--ui-font-lh-16-relaxed": "25.5px",
+      "--ui-font-lh-18-tight": "22px",
+      "--ui-font-lh-18-snug": "22.5px",
+      "--ui-font-lh-18-normal": "26px",
+      "--ui-font-lh-18-relaxed": "29px",
+      "--ui-font-lh-20-tight": "24px",
+      "--ui-font-lh-20-snug": "25px",
+      "--ui-font-lh-20-normal": "29px",
+      "--ui-font-lh-20-relaxed": "32px",
+      "--ui-font-lh-24-tight": "29px",
+      "--ui-font-lh-24-snug": "30px",
+      "--ui-font-lh-24-normal": "35px",
+      "--ui-font-lh-24-relaxed": "38.5px",
+      "--ui-font-lh-30-tight": "36.5px",
+      "--ui-font-lh-30-snug": "37.5px",
+      "--ui-font-lh-30-normal": "43.5px",
+      "--ui-font-lh-30-relaxed": "48px",
+      "--ui-font-lh-36-tight": "43.5px",
+      "--ui-font-lh-36-snug": "45px",
+      "--ui-font-lh-36-normal": "52px",
+      "--ui-font-lh-36-relaxed": "57.5px",
+      "--ui-font-lh-48-tight": "58px",
+      "--ui-font-lh-48-snug": "60px",
+      "--ui-font-lh-48-normal": "69.5px",
+      "--ui-font-lh-48-relaxed": "77px",
+      "--ui-style-solid": "'solid'",
+      "--ui-style-dashed": "'dashed'",
+      "--ui-shadow-none-x": "0",
+      "--ui-shadow-none-y": "0",
+      "--ui-shadow-none-blur": "0",
+      "--ui-shadow-none-Spread": "0",
+      "--ui-shadow-none-Color": "rgba(0, 0, 0, 0)",
+      "--ui-shadow-01-x": "0",
+      "--ui-shadow-01-y": "1px",
+      "--ui-shadow-01-blur": "2px",
+      "--ui-shadow-01-Spread": "0",
+      "--ui-shadow-02-x": "0",
+      "--ui-shadow-02-y": "2px",
+      "--ui-shadow-02-blur": "4px",
+      "--ui-shadow-02-Spread": "-1px",
+      "--ui-shadow-03-x": "0",
+      "--ui-shadow-03-y": "4px",
+      "--ui-shadow-03-blur": "8px",
+      "--ui-shadow-03-Spread": "-2px",
+      "--ui-shadow-04-x": "0",
+      "--ui-shadow-04-y": "8px",
+      "--ui-shadow-04-blur": "16px",
+      "--ui-shadow-04-Spread": "-4px",
+      "--ui-shadow-05-x": "0",
+      "--ui-shadow-05-y": "16px",
+      "--ui-shadow-05-blur": "24px",
+      "--ui-shadow-05-Spread": "-8px",
+      "--ui-shadow-x": "0",
+      "--ui-z-hide": "-1px",
+      "--ui-z-base": "0",
+      "--ui-z-raised": "100px",
+      "--ui-z-sticky": "200px",
+      "--ui-z-shell": "300px",
+      "--ui-z-dropdown": "400px",
+      "--ui-z-popover": "500px",
+      "--ui-z-tooltip": "600px",
+      "--ui-z-modalBackdrop": "690px",
+      "--ui-z-modal": "700px",
+      "--ui-z-toast": "800px",
+      "--ui-z-overlay": "900px",
+      "--ui-z-max": "99999",
+      "--ui-font-size-2xs": "10px",
+      "--ui-font-size-xs": "12px",
+      "--ui-font-size-sm": "14px",
+      "--ui-font-size-md": "16px",
+      "--ui-font-size-lg": "18px",
+      "--ui-font-size-xl": "20px",
+      "--ui-font-size-2xl": "24px",
+      "--ui-font-size-3xl": "30px",
+      "--ui-font-size-4xl": "36px",
+      "--ui-font-size-5xl": "48px",
+      "--ui-type-heading-h1-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-heading-h1-size": "36px",
+      "--ui-type-heading-h1-weight": "600",
+      "--ui-type-heading-h1-ih": "45px",
+      "--ui-type-heading-h1-tracking": "0.5px",
+      "--ui-type-heading-h2-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-heading-h2-size": "30px",
+      "--ui-type-heading-h2-weight": "600",
+      "--ui-type-heading-h2-ih": "37.5px",
+      "--ui-type-heading-h2-tracking": "0.5px",
+      "--ui-type-heading-h3-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-heading-h3-size": "20px",
+      "--ui-type-heading-h3-weight": "600",
+      "--ui-type-heading-h3-ih": "25px",
+      "--ui-type-heading-h3-tracking": "0",
+      "--ui-type-body-lg-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-caption-xs-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-caption-xs-size": "10px",
+      "--ui-type-caption-xs-weight": "400",
+      "--ui-type-caption-xs-ih": "14.5px",
+      "--ui-type-caption-xs-tracking": "2px",
+      "--ui-type-caption-md-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-caption-md-size": "12px",
+      "--ui-type-caption-md-weight": "400",
+      "--ui-type-caption-md-ih": "17.5px",
+      "--ui-type-caption-md-tracking": "2px",
+      "--ui-type-body-lg-Regular-size": "18px",
+      "--ui-type-body-lg-Regular-weight": "400",
+      "--ui-type-body-lg-Regular-ih": "26px",
+      "--ui-type-body-lg-Regular-tracking": "0.5px",
+      "--ui-type-body-md-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-md-Regular-size": "16px",
+      "--ui-type-body-md-Regular-weight": "400",
+      "--ui-type-body-md-Regular-ih": "23px",
+      "--ui-type-body-md-Regular-tracking": "0.5px",
+      "--ui-type-body-sm-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-sm-Regular-size": "14px",
+      "--ui-type-body-sm-Regular-weight": "400",
+      "--ui-type-body-sm-Regular-ih": "20.5px",
+      "--ui-type-body-sm-Regular-tracking": "0.5px",
+      "--ui-type-label-md-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-label-md-Regular-size": "14px",
+      "--ui-type-label-md-Regular-weight": "400",
+      "--ui-type-label-md-Regular-ih": "20.5px",
+      "--ui-type-label-md-Regular-tracking": "0.5px",
+      "--ui-type-code-md-family": "'IBM Plex Mono'",
+      "--ui-type-code-md-size": "14px",
+      "--ui-type-code-md-weight": "400",
+      "--ui-type-code-md-ih": "14.5px",
+      "--ui-type-code-md-tracking": "0",
+      "--ui-type-heading-h4-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-heading-h4-size": "18px",
+      "--ui-type-heading-h4-weight": "600",
+      "--ui-type-heading-h4-ih": "25px",
+      "--ui-type-heading-h4-tracking": "0",
+      "--ui-type-heading-h5-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-heading-h5-size": "16px",
+      "--ui-type-heading-h5-weight": "600",
+      "--ui-type-heading-h5-ih": "25px",
+      "--ui-type-heading-h5-tracking": "0",
+      "--ui-type-heading-h6-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-heading-h6-size": "14px",
+      "--ui-type-heading-h6-weight": "600",
+      "--ui-type-heading-h6-ih": "25px",
+      "--ui-type-heading-h6-tracking": "0",
+      "--ui-type-body-lg-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-lg-Medium-size": "18px",
+      "--ui-type-body-lg-Medium-weight": "500",
+      "--ui-type-body-lg-Medium-ih": "26px",
+      "--ui-type-body-lg-Medium-tracking": "0.5px",
+      "--ui-type-body-lg-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-lg-Semibold-size": "18px",
+      "--ui-type-body-lg-Semibold-weight": "600",
+      "--ui-type-body-lg-Semibold-ih": "26px",
+      "--ui-type-body-lg-Semibold-tracking": "0.5px",
+      "--ui-type-body-lg-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-lg-Bold-size": "18px",
+      "--ui-type-body-lg-Bold-weight": "700",
+      "--ui-type-body-lg-Bold-ih": "26px",
+      "--ui-type-body-lg-Bold-tracking": "0.5px",
+      "--ui-type-body-md-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-md-Medium-size": "16px",
+      "--ui-type-body-md-Medium-weight": "500",
+      "--ui-type-body-md-Medium-ih": "23px",
+      "--ui-type-body-md-Medium-tracking": "0.5px",
+      "--ui-type-body-md-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-md-Semibold-size": "16px",
+      "--ui-type-body-md-Semibold-weight": "600",
+      "--ui-type-body-md-Semibold-ih": "23px",
+      "--ui-type-body-md-Semibold-tracking": "0.5px",
+      "--ui-type-body-sm-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-sm-Medium-size": "14px",
+      "--ui-type-body-sm-Medium-weight": "500",
+      "--ui-type-body-sm-Medium-ih": "20.5px",
+      "--ui-type-body-sm-Medium-tracking": "0.5px",
+      "--ui-type-body-sm-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-sm-Semibold-size": "14px",
+      "--ui-type-body-sm-Semibold-weight": "600",
+      "--ui-type-body-sm-Semibold-ih": "20.5px",
+      "--ui-type-body-sm-Semibold-tracking": "0.5px",
+      "--ui-type-body-sm-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-sm-Bold-size": "14px",
+      "--ui-type-body-sm-Bold-weight": "700",
+      "--ui-type-body-sm-Bold-ih": "20.5px",
+      "--ui-type-body-sm-Bold-tracking": "0.5px",
+      "--ui-type-label-md-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-label-md-Medium-size": "14px",
+      "--ui-type-label-md-Medium-weight": "500",
+      "--ui-type-label-md-Medium-ih": "20.5px",
+      "--ui-type-label-md-Medium-tracking": "0.5px",
+      "--ui-type-label-md-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-label-md-Semibold-size": "14px",
+      "--ui-type-label-md-Semibold-weight": "600",
+      "--ui-type-label-md-Semibold-ih": "20.5px",
+      "--ui-type-label-md-Semibold-tracking": "0.5px",
+      "--ui-type-label-md-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-label-md-Bold-size": "14px",
+      "--ui-type-label-md-Bold-weight": "700",
+      "--ui-type-label-md-Bold-ih": "20.5px",
+      "--ui-type-label-md-Bold-tracking": "0.5px",
+      "--ui-type-body-md-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-md-Bold-size": "16px",
+      "--ui-type-body-md-Bold-weight": "700",
+      "--ui-type-body-md-Bold-ih": "23px",
+      "--ui-type-body-md-Bold-tracking": "0.5px",
+      "--ui-type-body-xs-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-xs-Regular-size": "12px",
+      "--ui-type-body-xs-Regular-weight": "400",
+      "--ui-type-body-xs-Regular-ih": "17.5px",
+      "--ui-type-body-xs-Regular-tracking": "0.5px",
+      "--ui-type-body-xs-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-xs-Medium-size": "12px",
+      "--ui-type-body-xs-Medium-weight": "500",
+      "--ui-type-body-xs-Medium-ih": "17.5px",
+      "--ui-type-body-xs-Medium-tracking": "0.5px",
+      "--ui-type-body-xs-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-xs-Semibold-size": "12px",
+      "--ui-type-body-xs-Semibold-weight": "600",
+      "--ui-type-body-xs-Semibold-ih": "17.5px",
+      "--ui-type-body-xs-Semibold-tracking": "0.5px",
+      "--ui-type-body-xs-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-xs-Bold-size": "12px",
+      "--ui-type-body-xs-Bold-weight": "700",
+      "--ui-type-body-xs-Bold-ih": "17.5px",
+      "--ui-type-body-xs-Bold-tracking": "0.5px",
+      "--ui-color-bg-canvas-default": "rgb(247, 247, 250)",
+      "--ui-color-bg-canvas-inverse": "rgb(31, 31, 33)",
+      "--ui-color-bg-overlay-default": "rgba(0, 0, 0, 0.4)",
+      "--ui-color-bg-overlay-darker": "rgba(0, 0, 0, 0.7)",
+      "--ui-color-text-primary": "rgb(48, 51, 54)",
+      "--ui-color-text-secondary": "rgb(89, 89, 94)",
+      "--ui-color-icon-default": "rgb(77, 79, 84)",
+      "--ui-color-text-tertiary": "rgb(107, 110, 115)",
+      "--ui-color-icon-hover": "rgb(59, 61, 64)",
+      "--ui-color-icon-pressed": "rgb(38, 41, 43)",
+      "--ui-color-text-disabled": "rgb(186, 189, 191)",
+      "--ui-color-icon-selected": "rgb(51, 82, 176)",
+      "--ui-color-icon-secondary-default": "rgb(97, 99, 105)",
+      "--ui-color-icon-secondary-hover": "rgb(89, 89, 94)",
+      "--ui-color-icon-secondary-pressed": "rgb(69, 69, 74)",
+      "--ui-color-icon-secondary-selected": "rgb(77, 79, 84)",
+      "--ui-color-icon-tertiary-default": "rgb(145, 148, 153)",
+      "--ui-color-icon-tertiary-hover": "rgb(133, 135, 140)",
+      "--ui-color-icon-tertiary-pressed": "rgb(107, 110, 115)",
+      "--ui-color-icon-tertiary-selected": "rgb(120, 122, 128)",
+      "--ui-color-icon-brand-default": "rgb(97, 125, 209)",
+      "--ui-color-icon-brand-hover": "rgb(54, 89, 194)",
+      "--ui-color-icon-brand-pressed": "rgb(51, 82, 176)",
+      "--ui-color-icon-brand-selected": "rgb(51, 82, 176)",
+      "--ui-color-icon-success-default": "rgb(28, 163, 79)",
+      "--ui-color-icon-success-hover": "rgb(26, 145, 69)",
+      "--ui-color-icon-success-pressed": "rgb(23, 128, 61)",
+      "--ui-color-icon-success-selected": "rgb(23, 128, 61)",
+      "--ui-color-icon-warning-default": "rgb(181, 140, 5)",
+      "--ui-color-icon-warning-hover": "rgb(156, 120, 5)",
+      "--ui-color-icon-warning-pressed": "rgb(128, 97, 5)",
+      "--ui-color-icon-warning-selected": "rgb(128, 97, 5)",
+      "--ui-color-icon-danger-default": "rgb(184, 51, 51)",
+      "--ui-color-icon-danger-hover": "rgb(156, 43, 43)",
+      "--ui-color-icon-danger-pressed": "rgb(128, 36, 36)",
+      "--ui-color-icon-danger-selected": "rgb(128, 36, 36)",
+      "--ui-color-icon-info-default": "rgb(5, 145, 171)",
+      "--ui-color-icon-all-colors-red": "rgb(240, 69, 69)",
+      "--ui-color-icon-all-colors-orange": "rgb(250, 115, 23)",
+      "--ui-color-icon-all-colors-yellow": "rgb(235, 179, 8)",
+      "--ui-color-icon-all-colors-lime": "rgb(133, 204, 23)",
+      "--ui-color-icon-all-colors-green": "rgb(33, 196, 94)",
+      "--ui-color-icon-all-colors-cyan": "rgb(5, 181, 212)",
+      "--ui-color-icon-all-colors-azure": "rgb(13, 166, 232)",
+      "--ui-color-icon-all-colors-blue": "rgb(54, 89, 194)",
+      "--ui-color-icon-all-colors-violet": "rgb(125, 59, 237)",
+      "--ui-color-icon-all-colors-magenta": "rgb(235, 51, 135)",
+      "--ui-color-icon-all-colors-rose": "rgb(224, 28, 71)",
+      "--ui-color-icon-info-hover": "rgb(5, 128, 148)",
+      "--ui-color-icon-info-pressed": "rgb(5, 110, 128)",
+      "--ui-color-icon-info-selected": "rgb(5, 110, 128)",
+      "--ui-color-icon-disabled": "rgb(186, 189, 191)",
+      "--ui-color-icon-on-color": "rgb(255, 255, 255)",
+      "--ui-color-border-default": "rgb(199, 199, 204)",
+      "--ui-color-border-hover": "rgb(133, 135, 140)",
+      "--ui-color-border-pressed": "rgb(69, 69, 74)",
+      "--ui-color-border-focus": "rgb(97, 125, 209)",
+      "--ui-color-border-disabled": "rgb(212, 214, 217)",
+      "--ui-color-border-subtle": "rgb(212, 214, 217)",
+      "--ui-color-border-on-color": "rgb(255, 255, 255)",
+      "--ui-color-border-strong": "rgb(77, 79, 84)",
+      "--ui-color-border-brand": "rgb(54, 89, 194)",
+      "--ui-color-border-success": "rgb(33, 196, 94)",
+      "--ui-color-border-warning": "rgb(235, 179, 8)",
+      "--ui-color-border-danger": "rgb(240, 69, 69)",
+      "--ui-color-border-info": "rgb(5, 181, 212)",
+      "--ui-color-text-text-on-color": "rgb(255, 255, 255)",
+      "--ui-color-bg-surface-default": "rgb(255, 255, 255)",
+      "--ui-color-bg-surface-hover": "rgb(247, 247, 250)",
+      "--ui-color-bg-surface-pressed": "rgb(224, 227, 230)",
+      "--ui-color-bg-surface-selected": "rgb(240, 242, 242)",
+      "--ui-color-bg-surface-dissabled": "rgb(247, 247, 250)",
+      "--ui-color-bg-surface-secondary-default": "rgb(247, 247, 250)",
+      "--ui-color-bg-surface-secondary-hover": "rgb(240, 242, 242)",
+      "--ui-color-bg-surface-secondary-pressed": "rgb(199, 199, 204)",
+      "--ui-color-bg-surface-secondary-selected": "rgb(212, 214, 217)",
+      "--ui-color-bg-surface-tertiary-default": "rgb(224, 227, 230)",
+      "--ui-color-bg-surface-tertiary-hover": "rgb(212, 214, 217)",
+      "--ui-color-bg-surface-tertiary-pressed": "rgb(186, 189, 191)",
+      "--ui-color-bg-surface-tertiary-selected": "rgb(199, 199, 204)",
+      "--ui-color-bg-surface-brand-default": "rgb(242, 245, 255)",
+      "--ui-color-bg-surface-brand-hover": "rgb(227, 232, 252)",
+      "--ui-color-bg-surface-brand-pressed": "rgb(140, 161, 222)",
+      "--ui-color-bg-surface-brand-selected": "rgb(184, 196, 237)",
+      "--ui-color-bg-surface-brand-disabled": "rgb(242, 245, 255)",
+      "--ui-color-bg-surface-success-default": "rgb(242, 255, 245)",
+      "--ui-color-bg-surface-success-hover": "rgb(227, 252, 237)",
+      "--ui-color-bg-surface-success-pressed": "rgb(130, 224, 166)",
+      "--ui-color-bg-surface-success-selected": "rgb(179, 240, 201)",
+      "--ui-color-bg-surface-success-disabled": "rgb(242, 255, 245)",
+      "--ui-color-bg-surface-warning-default": "rgb(255, 250, 242)",
+      "--ui-color-bg-surface-warning-hover": "rgb(252, 245, 227)",
+      "--ui-color-bg-surface-warning-pressed": "rgb(242, 214, 117)",
+      "--ui-color-bg-surface-warning-selected": "rgb(247, 230, 173)",
+      "--ui-color-bg-surface-warning-disabled": "rgb(255, 250, 242)",
+      "--ui-color-bg-surface-danger-default": "rgb(255, 242, 242)",
+      "--ui-color-bg-surface-danger-hover": "rgb(252, 227, 227)",
+      "--ui-color-bg-surface-danger-pressed": "rgb(245, 148, 148)",
+      "--ui-color-bg-surface-danger-selected": "rgb(250, 189, 189)",
+      "--ui-color-bg-surface-danger-disabled": "rgb(255, 242, 242)",
+      "--ui-color-bg-fill-default": "rgb(255, 255, 255)",
+      "--ui-color-bg-fill-hover": "rgb(240, 242, 242)",
+      "--ui-color-bg-fill-pressed": "rgb(199, 199, 204)",
+      "--ui-color-bg-fill-selected": "rgb(224, 227, 230)",
+      "--ui-color-bg-fill-dissabled": "rgb(247, 247, 250)",
+      "--ui-color-bg-fill-secondary-default": "rgb(247, 247, 250)",
+      "--ui-color-bg-fill-secondary-hover": "rgb(224, 227, 230)",
+      "--ui-color-bg-fill-secondary-pressed": "rgb(186, 189, 191)",
+      "--ui-color-bg-fill-secondary-selected": "rgb(212, 214, 217)",
+      "--ui-color-bg-fill-tertiary-default": "rgb(240, 242, 242)",
+      "--ui-color-bg-fill-tertiary-hover": "rgb(212, 214, 217)",
+      "--ui-color-bg-fill-tertiary-pressed": "rgb(171, 173, 179)",
+      "--ui-color-bg-fill-tertiary-selected": "rgb(199, 199, 204)",
+      "--ui-color-bg-fill-brand-default": "rgb(54, 89, 194)",
+      "--ui-color-bg-fill-brand-hover": "rgb(51, 82, 176)",
+      "--ui-color-bg-fill-brand-pressed": "rgb(46, 74, 161)",
+      "--ui-color-bg-fill-brand-selected": "rgb(97, 125, 209)",
+      "--ui-color-bg-fill-brand-disabled": "rgb(184, 196, 237)",
+      "--ui-color-bg-fill-success-default": "rgb(33, 196, 94)",
+      "--ui-color-bg-fill-success-hover": "rgb(31, 181, 87)",
+      "--ui-color-bg-fill-success-pressed": "rgb(28, 163, 79)",
+      "--ui-color-bg-fill-success-selected": "rgb(84, 212, 130)",
+      "--ui-color-bg-fill-success-disabled": "rgb(179, 240, 201)",
+      "--ui-color-bg-fill-warning-default": "rgb(235, 179, 8)",
+      "--ui-color-bg-fill-warning-hover": "rgb(209, 158, 8)",
+      "--ui-color-bg-fill-warning-pressed": "rgb(181, 140, 5)",
+      "--ui-color-bg-fill-warning-selected": "rgb(240, 196, 64)",
+      "--ui-color-bg-fill-warning-disabled": "rgb(247, 230, 173)",
+      "--ui-color-bg-fill-danger-default": "rgb(240, 69, 69)",
+      "--ui-color-bg-fill-danger-hover": "rgb(212, 61, 61)",
+      "--ui-color-bg-fill-danger-pressed": "rgb(184, 51, 51)",
+      "--ui-color-bg-fill-danger-selected": "rgb(242, 107, 107)",
+      "--ui-color-bg-fill-danger-pressed-2": "rgb(250, 189, 189)",
+      "--ui-color-bg-fill-info-default": "rgb(5, 181, 212)",
+      "--ui-color-bg-fill-info-hover": "rgb(5, 163, 191)",
+      "--ui-color-bg-fill-info-pressed": "rgb(5, 145, 171)",
+      "--ui-color-bg-fill-info-selected": "rgb(61, 199, 222)",
+      "--ui-color-bg-fill-info-pressed-2": "rgb(171, 232, 242)",
+      "--ui-color-text-on-canvas-Inverse": "rgb(255, 255, 255)",
+      "--ui-color-text-brand-default": "rgb(46, 74, 161)",
+      "--ui-color-text-brand-hover": "rgb(41, 66, 145)",
+      "--ui-color-text-brand-pressed": "rgb(36, 59, 128)",
+      "--ui-color-text-brand-selected": "rgb(36, 59, 128)",
+      "--ui-color-bg-surface-info-default": "rgb(242, 252, 255)",
+      "--ui-color-bg-surface-info-hover": "rgb(227, 250, 252)",
+      "--ui-color-bg-surface-info-pressed": "rgb(117, 217, 232)",
+      "--ui-color-bg-surface-info-selected": "rgb(171, 232, 242)",
+      "--ui-color-bg-surface-info-disabled": "rgb(242, 252, 255)",
+      "--ui-color-text-success-default": "rgb(28, 163, 79)",
+      "--ui-color-text-success-hover": "rgb(26, 145, 69)",
+      "--ui-color-text-success-pressed": "rgb(23, 128, 61)",
+      "--ui-color-text-success-selected": "rgb(23, 128, 61)",
+      "--ui-color-text-warning-default": "rgb(181, 140, 5)",
+      "--ui-color-text-warning-hover": "rgb(156, 120, 5)",
+      "--ui-color-text-warning-pressed": "rgb(128, 97, 5)",
+      "--ui-color-text-warning-selected": "rgb(128, 97, 5)",
+      "--ui-color-text-danger-default": "rgb(184, 51, 51)",
+      "--ui-color-text-danger-hover": "rgb(156, 43, 43)",
+      "--ui-color-text-danger-pressed": "rgb(128, 36, 36)",
+      "--ui-color-text-danger-selected": "rgb(128, 36, 36)",
+      "--ui-color-text-info-default": "rgb(5, 145, 171)",
+      "--ui-color-text-link-default": "rgb(51, 82, 176)",
+      "--ui-color-text-all-colors-red": "rgb(184, 51, 51)",
+      "--ui-color-text-all-colors-orange": "rgb(189, 87, 18)",
+      "--ui-color-text-all-colors-yellow": "rgb(181, 140, 5)",
+      "--ui-color-text-all-colors-lime": "rgb(107, 166, 18)",
+      "--ui-color-text-all-colors-green": "rgb(28, 163, 79)",
+      "--ui-color-text-all-colors-cyan": "rgb(5, 145, 171)",
+      "--ui-color-text-all-colors-azure": "rgb(10, 128, 181)",
+      "--ui-color-text-all-colors-blue": "rgb(46, 74, 161)",
+      "--ui-color-text-all-colors-violet": "rgb(97, 46, 184)",
+      "--ui-color-text-all-colors-magenta": "rgb(181, 41, 105)",
+      "--ui-color-text-all-colors-rose": "rgb(176, 23, 56)",
+      "--ui-color-text-link-hover": "rgb(46, 74, 161)",
+      "--ui-color-text-link-pressed": "rgb(41, 66, 145)",
+      "--ui-color-text-link-visited": "rgb(97, 46, 184)",
+      "--ui-color-text-info-hover": "rgb(5, 128, 148)",
+      "--ui-color-text-info-pressed": "rgb(5, 110, 128)",
+      "--ui-color-text-info-selected": "rgb(5, 110, 128)",
+      "--ui-color-bg-fill-all-colors-red": "rgb(240, 69, 69)",
+      "--ui-color-bg-fill-all-colors-orange": "rgb(250, 115, 23)",
+      "--ui-color-bg-fill-all-colors-yellow": "rgb(235, 179, 8)",
+      "--ui-color-bg-fill-all-colors-lime": "rgb(133, 204, 23)",
+      "--ui-color-bg-surface-all-colors-red": "rgb(252, 227, 227)",
+      "--ui-color-bg-surface-all-colors-orange": "rgb(252, 237, 227)",
+      "--ui-color-bg-fill-all-colors-green": "rgb(33, 196, 94)",
+      "--ui-color-bg-surface-all-colors-yellow": "rgb(252, 245, 227)",
+      "--ui-color-bg-fill-all-colors-cyan": "rgb(5, 181, 212)",
+      "--ui-color-bg-surface-all-colors-lime": "rgb(242, 252, 227)",
+      "--ui-color-bg-fill-all-colors-azure": "rgb(13, 166, 232)",
+      "--ui-color-bg-surface-all-colors-green": "rgb(227, 252, 237)",
+      "--ui-color-bg-fill-all-colors-blue": "rgb(54, 89, 194)",
+      "--ui-color-bg-fill-all-colors-violet": "rgb(125, 59, 237)",
+      "--ui-color-bg-surface-all-colors-cyan": "rgb(227, 250, 252)",
+      "--ui-color-bg-fill-all-colors-magenta": "rgb(235, 51, 135)",
+      "--ui-color-bg-fill-all-colors-rose": "rgb(224, 28, 71)",
+      "--ui-color-bg-surface-all-colors-azure": "rgb(227, 245, 252)",
+      "--ui-color-bg-surface-all-colors-blue": "rgb(227, 232, 252)",
+      "--ui-color-bg-surface-all-colors-violet": "rgb(237, 227, 252)",
+      "--ui-color-bg-surface-all-colors-magenta": "rgb(252, 227, 240)",
+      "--ui-color-bg-surface-all-colors-rose": "rgb(252, 227, 232)",
+      "--ui-color-border-all-colors-red": "rgb(242, 107, 107)",
+      "--ui-color-border-all-colors-orange": "rgb(250, 145, 74)",
+      "--ui-color-border-all-colors-yellow": "rgb(240, 196, 64)",
+      "--ui-color-border-all-colors-lime": "rgb(161, 217, 74)",
+      "--ui-color-border-all-colors-green": "rgb(84, 212, 130)",
+      "--ui-color-border-all-colors-cyan": "rgb(61, 199, 222)",
+      "--ui-color-border-all-colors-azure": "rgb(69, 186, 237)",
+      "--ui-color-border-all-colors-blue": "rgb(97, 125, 209)",
+      "--ui-color-border-all-colors-violet": "rgb(153, 102, 242)",
+      "--ui-color-border-all-colors-magenta": "rgb(240, 94, 161)",
+      "--ui-color-border-all-colors-rose": "rgb(232, 79, 112)",
+      "--ui-Positive-space_0": "0",
+      "--ui-Positive-space_2": "2px",
+      "--ui-Positive-space_4": "4px",
+      "--ui-Positive-space_6": "6px",
+      "--ui-Positive-space_8": "8px",
+      "--ui-Positive-space_10": "10px",
+      "--ui-Positive-space_12": "12px",
+      "--ui-Positive-space_16": "16px",
+      "--ui-Positive-space_20": "20px",
+      "--ui-Positive-space_24": "24px",
+      "--ui-Positive-space_28": "28px",
+      "--ui-Positive-space_32": "32px",
+      "--ui-Positive-space_40": "40px",
+      "--ui-Positive-space_48": "48px",
+      "--ui-Positive-space_56": "56px",
+      "--ui-Positive-space_64": "64px",
+      "--ui-Positive-space_80": "80px",
+      "--ui-Positive-space_96": "96px",
+      "--ui-Negative-space_0": "0",
+      "--ui-Negative-space_2": "-2px",
+      "--ui-Negative-space_4": "-4px",
+      "--ui-Negative-space_6": "-6px",
+      "--ui-Negative-space_8": "-8px",
+      "--ui-Negative-space_10": "-10px",
+      "--ui-Negative-space_12": "-12px",
+      "--ui-Negative-space_16": "-16px",
+      "--ui-Negative-space_20": "-20px",
+      "--ui-Negative-space_24": "-24px",
+      "--ui-Negative-space_28": "-28px",
+      "--ui-Negative-space_32": "-32px",
+      "--ui-Negative-space_40": "-40px",
+      "--ui-Negative-space_48": "-48px",
+      "--ui-Negative-space_56": "-56px",
+      "--ui-Negative-space_64": "-64px",
+      "--ui-Negative-space_80": "-80px",
+      "--ui-Negative-space_96": "-96px",
+      "--ui-size-control-xxs": "20px",
+      "--ui-size-control-xs": "32px",
+      "--ui-size-control-sm": "36px",
+      "--ui-size-control-md": "40px",
+      "--ui-size-control-lg": "48px",
+      "--ui-size-Icon-xs": "10px",
+      "--ui-size-Icon-sm": "16px",
+      "--ui-size-Icon-md": "20px",
+      "--ui-size-Icon-lg": "24px",
+      "--ui-size-Icon-xl": "32px",
+      "--ui-size-avatar-xxs": "16px",
+      "--ui-size-avatar-xs": "24px",
+      "--ui-size-row-regular": "32px",
+      "--ui-size-row-compact": "40px",
+      "--ui-size-avatar-sm": "32px",
+      "--ui-size-avatar-md": "40px",
+      "--ui-size-avatar-lg": "48px",
+      "--ui-size-avatar-xl": "64px",
+      "--ui-size-Image-xs": "24px",
+      "--ui-size-Image-sm": "40px",
+      "--ui-size-Image-md": "64px",
+      "--ui-size-Image-lg": "128px",
+      "--ui-size-Image-full": "9999px",
+      "--ui-width-0": "0",
+      "--ui-width-1": "1px",
+      "--ui-width-2": "2px",
+      "--ui-radius_0": "0",
+      "--ui-radius_2": "2px",
+      "--ui-radius_4": "4px",
+      "--ui-radius_6": "6px",
+      "--ui-radius_8": "8px",
+      "--ui-radius_10": "10px",
+      "--ui-radius_12": "12px",
+      "--ui-radius_16": "16px",
+      "--ui-radius_24": "24px",
+      "--ui-radius_full": "9999px",
+      "--ui-radius-control-na": "0",
+      "--ui-radius-control-xs": "6px",
+      "--ui-radius-control-sm": "8px",
+      "--ui-radius-control-md": "8px",
+      "--ui-radius-control-lg": "10px",
+      "--ui-radius-control-pill": "9999px",
+      "--ui-radius-surface-cuadrado": "0",
+      "--ui-radius-surface-forms": "2px",
+      "--ui-radius-surface-card": "12px",
+      "--ui-radius-surface-modal": "16px",
+      "--ui-radius-surface-sheet": "16px",
+      "--ui-radius-surface-popover": "8px",
+      "--ui-radius-surface-tooltip": "6px",
+      "--ui-radius-image-na": "0",
+      "--ui-radius-image-sm": "8px",
+      "--ui-radius-image-md": "16px",
+      "--ui-radius-image-pill": "9999px",
+      "--ui-shadow-01-Color": "rgba(0, 0, 0, 0.1)",
+      "--ui-shadow-02-Color": "rgba(0, 0, 0, 0.2)",
+      "--ui-shadow-03-Color": "rgba(0, 0, 0, 0.2)",
+      "--ui-shadow-04-Color": "rgba(0, 0, 0, 0.3)",
+      "--ui-shadow-05-Color": "rgba(0, 0, 0, 0.3)",
+      "--ui-Layer-App-header": "300px",
+      "--ui-Layer-nav-dropdown": "400px",
+      "--ui-Layer-surface-popover": "500px",
+      "--ui-Layer-surface-tooltip": "600px",
+      "--ui-Layer-dialog-backdrop": "690px",
+      "--ui-Layer-dialog-modal": "700px",
+      "--ui-Layer-feedback-toast": "800px",
+      "--ui-Layer-system-overlay": "900px",
+      "--ui-color-blue-50-legacy": "#ebeef9",
+      "--ui-color-blue-100-legacy": "#c1cbec",
+      "--ui-color-blue-200-legacy": "#a3b2e2",
+      "--ui-color-blue-300-legacy": "#788fd5",
+      "--ui-color-blue-400-legacy": "#5e79cd",
+      "--ui-color-blue-500-legacy": "#3658c1",
+      "--ui-color-blue-600-legacy": "#3150b0",
+      "--ui-color-blue-700-legacy": "#263e89",
+      "--ui-color-blue-800-legacy": "#1e306a",
+      "--ui-color-blue-900-legacy": "#172551",
+      "--ui-color-green-50-legacy": "#f0f9f0",
+      "--ui-color-green-100-legacy": "#b1e0cc",
+      "--ui-color-green-200-legacy": "#8bd1b3",
+      "--ui-color-green-300-legacy": "#56bc90",
+      "--ui-color-green-400-legacy": "#35af7a",
+      "--ui-color-green-500-legacy": "#039b59",
+      "--ui-color-green-600-legacy": "#038d51",
+      "--ui-color-green-700-legacy": "#026e3f",
+      "--ui-color-green-800-legacy": "#025531",
+      "--ui-color-green-900-legacy": "#014125",
+      "--ui-color-neutral-50-legacy": "#f0f0f0",
+      "--ui-color-neutral-100-legacy": "#d1d1d1",
+      "--ui-color-neutral-200-legacy": "#bbbbbb",
+      "--ui-color-neutral-300-legacy": "#9c9c9c",
+      "--ui-color-neutral-400-legacy": "#898989",
+      "--ui-color-neutral-500-legacy": "#6b6b6b",
+      "--ui-color-neutral-600-legacy": "#616161",
+      "--ui-color-neutral-700-legacy": "#4c4c4c",
+      "--ui-color-neutral-800-legacy": "#3b3b3b",
+      "--ui-color-neutral-900-legacy": "#2d2d2d",
+      "--ui-color-red-50-legacy": "#f9eae9",
+      "--ui-color-red-100-legacy": "#edbeba",
+      "--ui-color-red-200-legacy": "#e59f98",
+      "--ui-color-red-300-legacy": "#d97369",
+      "--ui-color-red-400-legacy": "#d1584c",
+      "--ui-color-red-500-legacy": "#c62e1f",
+      "--ui-color-red-600-legacy": "#b42a1c",
+      "--ui-color-red-700-legacy": "#8d2116",
+      "--ui-color-red-800-legacy": "#6d1911",
+      "--ui-color-red-900-legacy": "#53130d",
+      "--ui-color-orange-50-legacy": "#fcf3e9",
+      "--ui-color-orange-100-legacy": "#f4daba",
+      "--ui-color-orange-200-legacy": "#efc999",
+      "--ui-color-orange-300-legacy": "#e8b06a",
+      "--ui-color-orange-400-legacy": "#e3a14d",
+      "--ui-color-orange-500-legacy": "#dc8921",
+      "--ui-color-orange-600-legacy": "#c87d1e",
+      "--ui-color-orange-700-legacy": "#9c6117",
+      "--ui-color-orange-800-legacy": "#794b12",
+      "--ui-color-orange-900-legacy": "#5c3a0e",
+      "--ui-color-yellow-50-legacy": "#fcfbec",
+      "--ui-color-yellow-100-legacy": "#f6f2c3",
+      "--ui-color-yellow-200-legacy": "#f1eca6",
+      "--ui-color-yellow-300-legacy": "#ebe47d",
+      "--ui-color-yellow-400-legacy": "#e7de64",
+      "--ui-color-yellow-500-legacy": "#e1d63d",
+      "--ui-color-yellow-600-legacy": "#cdc338",
+      "--ui-color-yellow-700-legacy": "#a0982b",
+      "--ui-color-yellow-800-legacy": "#7c7622",
+      "--ui-color-yellow-900-legacy": "#5f5a1a",
+      "--ui-color-blue-dark-50-legacy": "#e8f0f5",
+      "--ui-color-blue-dark-100-legacy": "#b8d0df",
+      "--ui-color-blue-dark-200-legacy": "#96b9d0",
+      "--ui-color-blue-dark-300-legacy": "#6698ba",
+      "--ui-color-blue-dark-400-legacy": "#4985ad",
+      "--ui-color-blue-dark-500-legacy": "#1b6698",
+      "--ui-color-blue-dark-600-legacy": "#195d8a",
+      "--ui-color-blue-dark-700-legacy": "#13486c",
+      "--ui-color-blue-dark-800-legacy": "#0f3854",
+      "--ui-color-blue-dark-900-legacy": "#0b2b40",
+      "--ui-color-blue-light-50-legacy": "#e7f6fd",
+      "--ui-color-blue-light-100-legacy": "#b4e3f8",
+      "--ui-color-blue-light-200-legacy": "#90d6f5",
+      "--ui-color-blue-light-300-legacy": "#5ec3f0",
+      "--ui-color-blue-light-400-legacy": "#3eb7ed",
+      "--ui-color-blue-light-500-legacy": "#0ea5e9",
+      "--ui-color-blue-light-600-legacy": "#0d96d4",
+      "--ui-color-blue-light-700-legacy": "#0a75a5",
+      "--ui-color-blue-light-800-legacy": "#085b80",
+      "--ui-color-blue-light-900-legacy": "#064562",
+      "--ui-color-gray-50-legacy": "#f9fafb",
+      "--ui-color-gray-100-legacy": "#f3f4f6",
+      "--ui-color-gray-200-legacy": "#e5e7eb",
+      "--ui-color-gray-300-legacy": "#d1d5db",
+      "--ui-color-gray-400-legacy": "#9ca3af",
+      "--ui-color-gray-500-legacy": "#6b7280",
+      "--ui-color-gray-600-legacy": "#4b5563",
+      "--ui-color-gray-700-legacy": "#374151",
+      "--ui-color-gray-800-legacy": "#1f2937",
+      "--ui-color-gray-900-legacy": "#111827",
+      "--ui-color-alert-info-bg": "#f1f4fe",
+      "--ui-color-alert-info-border": "#627dd0",
+      "--ui-color-alert-info-text": "#2d49a1",
+      "--ui-color-alert-info-icon": "#2d49a1",
+      "--ui-color-alert-success-bg": "#f1fef6",
+      "--ui-color-alert-success-border": "#53d382",
+      "--ui-color-alert-success-text": "#1ca34e",
+      "--ui-color-alert-success-icon": "#1ca34e",
+      "--ui-color-alert-danger-bg": "#fff3f1",
+      "--ui-color-alert-danger-border": "#fc3d38",
+      "--ui-color-alert-danger-text": "#da3430",
+      "--ui-color-alert-danger-icon": "#da3430",
+      "--ui-color-alert-warning-bg": "#fefbf1",
+      "--ui-color-alert-warning-border": "#efc43f",
+      "--ui-color-alert-warning-text": "#b58b06",
+      "--ui-color-alert-warning-icon": "#b58b06",
+      "--ui-bg-base": "rgb(247, 247, 250)",
+      "--ui-text-primary": "rgb(48, 51, 54)",
+      "--ui-text-secondary": "rgb(89, 89, 94)",
+      "--ui-border-default": "rgb(199, 199, 204)"
+    },
+    "dark": {
+      "--ui-color-white": "rgb(255, 255, 255)",
+      "--ui-color-black": "rgb(0, 0, 0)",
+      "--ui-color-red-50": "rgb(255, 242, 242)",
+      "--ui-color-red-100": "rgb(252, 227, 227)",
+      "--ui-color-red-200": "rgb(250, 189, 189)",
+      "--ui-color-red-300": "rgb(245, 148, 148)",
+      "--ui-color-red-400": "rgb(242, 107, 107)",
+      "--ui-color-red-500": "rgb(240, 69, 69)",
+      "--ui-color-red-600": "rgb(212, 61, 61)",
+      "--ui-color-red-700": "rgb(184, 51, 51)",
+      "--ui-color-red-800": "rgb(156, 43, 43)",
+      "--ui-color-red-900": "rgb(128, 36, 36)",
+      "--ui-color-orange-50": "rgb(255, 247, 242)",
+      "--ui-color-orange-100": "rgb(252, 237, 227)",
+      "--ui-color-orange-200": "rgb(252, 209, 176)",
+      "--ui-color-orange-300": "rgb(250, 176, 125)",
+      "--ui-color-orange-400": "rgb(250, 145, 74)",
+      "--ui-color-orange-500": "rgb(250, 115, 23)",
+      "--ui-color-orange-600": "rgb(219, 102, 20)",
+      "--ui-color-orange-700": "rgb(189, 87, 18)",
+      "--ui-color-orange-800": "rgb(158, 74, 13)",
+      "--ui-color-orange-900": "rgb(128, 59, 10)",
+      "--ui-color-yellow-50": "rgb(255, 250, 242)",
+      "--ui-color-yellow-100": "rgb(252, 245, 227)",
+      "--ui-color-yellow-200": "rgb(247, 230, 173)",
+      "--ui-color-yellow-300": "rgb(242, 214, 117)",
+      "--ui-color-yellow-400": "rgb(240, 196, 64)",
+      "--ui-color-yellow-500": "rgb(235, 179, 8)",
+      "--ui-color-yellow-600": "rgb(209, 158, 8)",
+      "--ui-color-yellow-700": "rgb(181, 140, 5)",
+      "--ui-color-yellow-800": "rgb(156, 120, 5)",
+      "--ui-color-yellow-900": "rgb(128, 97, 5)",
+      "--ui-color-lime-50": "rgb(250, 255, 242)",
+      "--ui-color-lime-100": "rgb(242, 252, 227)",
+      "--ui-color-lime-200": "rgb(214, 240, 176)",
+      "--ui-color-lime-300": "rgb(186, 227, 125)",
+      "--ui-color-lime-400": "rgb(161, 217, 74)",
+      "--ui-color-lime-500": "rgb(133, 204, 23)",
+      "--ui-color-lime-600": "rgb(120, 186, 20)",
+      "--ui-color-lime-700": "rgb(107, 166, 18)",
+      "--ui-color-lime-800": "rgb(97, 148, 15)",
+      "--ui-color-lime-900": "rgb(84, 128, 13)",
+      "--ui-color-green-50": "rgb(242, 255, 245)",
+      "--ui-color-green-100": "rgb(227, 252, 237)",
+      "--ui-color-green-200": "rgb(179, 240, 201)",
+      "--ui-color-green-300": "rgb(130, 224, 166)",
+      "--ui-color-green-400": "rgb(84, 212, 130)",
+      "--ui-color-green-500": "rgb(33, 196, 94)",
+      "--ui-color-green-600": "rgb(31, 181, 87)",
+      "--ui-color-green-700": "rgb(28, 163, 79)",
+      "--ui-color-green-800": "rgb(26, 145, 69)",
+      "--ui-color-green-900": "rgb(23, 128, 61)",
+      "--ui-color-cyan-50": "rgb(242, 252, 255)",
+      "--ui-color-cyan-100": "rgb(227, 250, 252)",
+      "--ui-color-cyan-200": "rgb(171, 232, 242)",
+      "--ui-color-cyan-300": "rgb(117, 217, 232)",
+      "--ui-color-cyan-400": "rgb(61, 199, 222)",
+      "--ui-color-cyan-500": "rgb(5, 181, 212)",
+      "--ui-color-cyan-600": "rgb(5, 163, 191)",
+      "--ui-color-cyan-700": "rgb(5, 145, 171)",
+      "--ui-color-cyan-800": "rgb(5, 128, 148)",
+      "--ui-color-cyan-900": "rgb(5, 110, 128)",
+      "--ui-color-azure-50": "rgb(242, 250, 255)",
+      "--ui-color-azure-100": "rgb(227, 245, 252)",
+      "--ui-color-azure-200": "rgb(173, 224, 247)",
+      "--ui-color-azure-300": "rgb(120, 204, 242)",
+      "--ui-color-azure-400": "rgb(69, 186, 237)",
+      "--ui-color-azure-500": "rgb(13, 166, 232)",
+      "--ui-color-azure-600": "rgb(13, 148, 207)",
+      "--ui-color-azure-700": "rgb(10, 128, 181)",
+      "--ui-color-azure-800": "rgb(10, 110, 156)",
+      "--ui-color-azure-900": "rgb(8, 89, 128)",
+      "--ui-color-blue-50": "rgb(242, 245, 255)",
+      "--ui-color-blue-100": "rgb(227, 232, 252)",
+      "--ui-color-blue-200": "rgb(184, 196, 237)",
+      "--ui-color-blue-300": "rgb(140, 161, 222)",
+      "--ui-color-blue-400": "rgb(97, 125, 209)",
+      "--ui-color-blue-500": "rgb(54, 89, 194)",
+      "--ui-color-blue-600": "rgb(51, 82, 176)",
+      "--ui-color-blue-700": "rgb(46, 74, 161)",
+      "--ui-color-blue-800": "rgb(41, 66, 145)",
+      "--ui-color-blue-900": "rgb(36, 59, 128)",
+      "--ui-color-violet-50": "rgb(245, 242, 255)",
+      "--ui-color-violet-100": "rgb(237, 227, 252)",
+      "--ui-color-violet-200": "rgb(209, 186, 250)",
+      "--ui-color-violet-300": "rgb(181, 143, 245)",
+      "--ui-color-violet-400": "rgb(153, 102, 242)",
+      "--ui-color-violet-500": "rgb(125, 59, 237)",
+      "--ui-color-violet-600": "rgb(110, 51, 209)",
+      "--ui-color-violet-700": "rgb(97, 46, 184)",
+      "--ui-color-violet-800": "rgb(82, 38, 156)",
+      "--ui-color-violet-900": "rgb(66, 31, 128)",
+      "--ui-color-magenta-50": "rgb(255, 242, 247)",
+      "--ui-color-magenta-100": "rgb(252, 227, 240)",
+      "--ui-color-magenta-200": "rgb(247, 184, 214)",
+      "--ui-color-magenta-300": "rgb(245, 140, 186)",
+      "--ui-color-magenta-400": "rgb(240, 94, 161)",
+      "--ui-color-magenta-500": "rgb(235, 51, 135)",
+      "--ui-color-magenta-600": "rgb(209, 46, 120)",
+      "--ui-color-magenta-700": "rgb(181, 41, 105)",
+      "--ui-color-magenta-800": "rgb(156, 33, 89)",
+      "--ui-color-magenta-900": "rgb(128, 28, 74)",
+      "--ui-color-rose-50": "rgb(255, 242, 245)",
+      "--ui-color-rose-100": "rgb(252, 227, 232)",
+      "--ui-color-rose-200": "rgb(245, 179, 194)",
+      "--ui-color-rose-300": "rgb(240, 128, 153)",
+      "--ui-color-rose-400": "rgb(232, 79, 112)",
+      "--ui-color-rose-500": "rgb(224, 28, 71)",
+      "--ui-color-rose-600": "rgb(201, 26, 64)",
+      "--ui-color-rose-700": "rgb(176, 23, 56)",
+      "--ui-color-rose-800": "rgb(153, 20, 48)",
+      "--ui-color-rose-900": "rgb(128, 15, 41)",
+      "--ui-color-light-gray-50": "rgb(247, 247, 250)",
+      "--ui-color-light-gray-100": "rgb(240, 242, 242)",
+      "--ui-color-light-gray-200": "rgb(224, 227, 230)",
+      "--ui-color-light-gray-300": "rgb(212, 214, 217)",
+      "--ui-color-light-gray-400": "rgb(199, 199, 204)",
+      "--ui-color-light-gray-500": "rgb(186, 189, 191)",
+      "--ui-color-light-gray-600": "rgb(171, 173, 179)",
+      "--ui-color-light-gray-700": "rgb(158, 163, 166)",
+      "--ui-color-light-gray-800": "rgb(145, 148, 153)",
+      "--ui-color-light-gray-900": "rgb(133, 135, 140)",
+      "--ui-color-dark-gray-50": "rgb(120, 122, 128)",
+      "--ui-color-dark-gray-100": "rgb(107, 110, 115)",
+      "--ui-color-dark-gray-200": "rgb(97, 99, 105)",
+      "--ui-color-dark-gray-300": "rgb(89, 89, 94)",
+      "--ui-color-dark-gray-400": "rgb(77, 79, 84)",
+      "--ui-color-dark-gray-500": "rgb(69, 69, 74)",
+      "--ui-color-dark-gray-600": "rgb(59, 61, 64)",
+      "--ui-color-dark-gray-700": "rgb(48, 51, 54)",
+      "--ui-color-dark-gray-800": "rgb(38, 41, 43)",
+      "--ui-color-dark-gray-900": "rgb(31, 31, 33)",
+      "--ui-color-black-alpha-transparent": "rgba(0, 0, 0, 0)",
+      "--ui-color-black-alpha-5": "rgba(0, 0, 0, 0.05)",
+      "--ui-color-black-alpha-10": "rgba(0, 0, 0, 0.1)",
+      "--ui-color-black-alpha-20": "rgba(0, 0, 0, 0.2)",
+      "--ui-color-black-alpha-30": "rgba(0, 0, 0, 0.3)",
+      "--ui-color-black-alpha-40": "rgba(0, 0, 0, 0.4)",
+      "--ui-color-black-alpha-50": "rgba(0, 0, 0, 0.5)",
+      "--ui-color-black-alpha-60": "rgba(0, 0, 0, 0.6)",
+      "--ui-color-black-alpha-70": "rgba(0, 0, 0, 0.7)",
+      "--ui-color-black-alpha-80": "rgba(0, 0, 0, 0.8)",
+      "--ui-color-black-alpha-90": "rgba(0, 0, 0, 0.9)",
+      "--ui-positive-Value_0": "0",
+      "--ui-positive-Value_12": "0.66px",
+      "--ui-positive-Value_25": "1px",
+      "--ui-positive-Value_50": "2px",
+      "--ui-positive-Value_100": "4px",
+      "--ui-positive-Value_150": "6px",
+      "--ui-positive-Value_200": "8px",
+      "--ui-positive-Value_250": "10px",
+      "--ui-positive-Value_275": "11px",
+      "--ui-positive-Value_300": "12px",
+      "--ui-positive-Value_325": "13px",
+      "--ui-positive-Value_350": "14px",
+      "--ui-positive-Value_400": "16px",
+      "--ui-positive-Value_450": "18px",
+      "--ui-positive-Value_500": "20px",
+      "--ui-positive-Value_600": "24px",
+      "--ui-positive-Value_700": "28px",
+      "--ui-positive-Value_750": "30px",
+      "--ui-positive-Value_800": "32px",
+      "--ui-positive-Value_900": "36px",
+      "--ui-positive-Value_1000": "40px",
+      "--ui-positive-Value_1200": "48px",
+      "--ui-positive-Value_1400": "56px",
+      "--ui-positive-Value_1600": "64px",
+      "--ui-positive-Value_2000": "80px",
+      "--ui-positive-Value_2400": "96px",
+      "--ui-positive-Value_2800": "112px",
+      "--ui-positive-Value_3200": "128px",
+      "--ui-positive-Value_full": "9999px",
+      "--ui-negative-Value_0": "0",
+      "--ui-negative-Value_12": "-0.66px",
+      "--ui-negative-Value_25": "-1px",
+      "--ui-negative-Value_50": "-2px",
+      "--ui-negative-Value_100": "-4px",
+      "--ui-negative-Value_150": "-6px",
+      "--ui-negative-Value_200": "-8px",
+      "--ui-negative-Value_250": "-10px",
+      "--ui-negative-Value_275": "-11px",
+      "--ui-negative-Value_300": "-12px",
+      "--ui-negative-Value_325": "-13px",
+      "--ui-negative-Value_350": "-14px",
+      "--ui-negative-Value_400": "-16px",
+      "--ui-negative-Value_450": "-18px",
+      "--ui-negative-Value_500": "-20px",
+      "--ui-negative-Value_600": "-24px",
+      "--ui-negative-Value_700": "-28px",
+      "--ui-negative-Value_750": "-30px",
+      "--ui-negative-Value_800": "-32px",
+      "--ui-negative-Value_900": "-36px",
+      "--ui-negative-Value_1000": "-40px",
+      "--ui-negative-Value_1200": "-48px",
+      "--ui-negative-Value_1400": "-56px",
+      "--ui-negative-Value_1600": "-64px",
+      "--ui-negative-Value_2000": "-80px",
+      "--ui-negative-Value_2400": "-96px",
+      "--ui-negative-Value_2800": "-112px",
+      "--ui-negative-Value_3200": "-128px",
+      "--ui-negative-Value_full": "-9999px",
+      "--ui-font-family-ui": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-font-family-mono": "'IBM Plex Mono'",
+      "--ui-font-lh-10-tight": "12px",
+      "--ui-font-lh-10-snug": "12.5px",
+      "--ui-font-lh-10-normal": "14.5px",
+      "--ui-font-lh-10-relaxed": "16px",
+      "--ui-font-track-tight": "0.5px",
+      "--ui-font-track-normal": "0",
+      "--ui-font-track-wide": "2px",
+      "--ui-font-weight-regular": "400",
+      "--ui-font-weight-medium": "500",
+      "--ui-font-weight-semibold": "600",
+      "--ui-font-weight-bold": "700",
+      "--ui-font-lh-12-tight": "14.5px",
+      "--ui-font-lh-12-snug": "15px",
+      "--ui-font-lh-12-normal": "17.5px",
+      "--ui-font-lh-12-relaxed": "19px",
+      "--ui-font-lh-14-tight": "17px",
+      "--ui-font-lh-14-snug": "17.5px",
+      "--ui-font-lh-14-normal": "20.5px",
+      "--ui-font-lh-14-relaxed": "22.5px",
+      "--ui-font-lh-16-tight": "19.5px",
+      "--ui-font-lh-16-snug": "20px",
+      "--ui-font-lh-16-normal": "23px",
+      "--ui-font-lh-16-relaxed": "25.5px",
+      "--ui-font-lh-18-tight": "22px",
+      "--ui-font-lh-18-snug": "22.5px",
+      "--ui-font-lh-18-normal": "26px",
+      "--ui-font-lh-18-relaxed": "29px",
+      "--ui-font-lh-20-tight": "24px",
+      "--ui-font-lh-20-snug": "25px",
+      "--ui-font-lh-20-normal": "29px",
+      "--ui-font-lh-20-relaxed": "32px",
+      "--ui-font-lh-24-tight": "29px",
+      "--ui-font-lh-24-snug": "30px",
+      "--ui-font-lh-24-normal": "35px",
+      "--ui-font-lh-24-relaxed": "38.5px",
+      "--ui-font-lh-30-tight": "36.5px",
+      "--ui-font-lh-30-snug": "37.5px",
+      "--ui-font-lh-30-normal": "43.5px",
+      "--ui-font-lh-30-relaxed": "48px",
+      "--ui-font-lh-36-tight": "43.5px",
+      "--ui-font-lh-36-snug": "45px",
+      "--ui-font-lh-36-normal": "52px",
+      "--ui-font-lh-36-relaxed": "57.5px",
+      "--ui-font-lh-48-tight": "58px",
+      "--ui-font-lh-48-snug": "60px",
+      "--ui-font-lh-48-normal": "69.5px",
+      "--ui-font-lh-48-relaxed": "77px",
+      "--ui-style-solid": "'solid'",
+      "--ui-style-dashed": "'dashed'",
+      "--ui-shadow-none-x": "0",
+      "--ui-shadow-none-y": "0",
+      "--ui-shadow-none-blur": "0",
+      "--ui-shadow-none-Spread": "0",
+      "--ui-shadow-none-Color": "rgba(0, 0, 0, 0)",
+      "--ui-shadow-01-x": "0",
+      "--ui-shadow-01-y": "1px",
+      "--ui-shadow-01-blur": "2px",
+      "--ui-shadow-01-Spread": "0",
+      "--ui-shadow-02-x": "0",
+      "--ui-shadow-02-y": "2px",
+      "--ui-shadow-02-blur": "4px",
+      "--ui-shadow-02-Spread": "-1px",
+      "--ui-shadow-03-x": "0",
+      "--ui-shadow-03-y": "4px",
+      "--ui-shadow-03-blur": "8px",
+      "--ui-shadow-03-Spread": "-2px",
+      "--ui-shadow-04-x": "0",
+      "--ui-shadow-04-y": "8px",
+      "--ui-shadow-04-blur": "16px",
+      "--ui-shadow-04-Spread": "-4px",
+      "--ui-shadow-05-x": "0",
+      "--ui-shadow-05-y": "16px",
+      "--ui-shadow-05-blur": "24px",
+      "--ui-shadow-05-Spread": "-8px",
+      "--ui-shadow-x": "0",
+      "--ui-z-hide": "-1px",
+      "--ui-z-base": "0",
+      "--ui-z-raised": "100px",
+      "--ui-z-sticky": "200px",
+      "--ui-z-shell": "300px",
+      "--ui-z-dropdown": "400px",
+      "--ui-z-popover": "500px",
+      "--ui-z-tooltip": "600px",
+      "--ui-z-modalBackdrop": "690px",
+      "--ui-z-modal": "700px",
+      "--ui-z-toast": "800px",
+      "--ui-z-overlay": "900px",
+      "--ui-z-max": "99999",
+      "--ui-font-size-2xs": "10px",
+      "--ui-font-size-xs": "12px",
+      "--ui-font-size-sm": "14px",
+      "--ui-font-size-md": "16px",
+      "--ui-font-size-lg": "18px",
+      "--ui-font-size-xl": "20px",
+      "--ui-font-size-2xl": "24px",
+      "--ui-font-size-3xl": "30px",
+      "--ui-font-size-4xl": "36px",
+      "--ui-font-size-5xl": "48px",
+      "--ui-type-heading-h1-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-heading-h1-size": "36px",
+      "--ui-type-heading-h1-weight": "600",
+      "--ui-type-heading-h1-ih": "45px",
+      "--ui-type-heading-h1-tracking": "0.5px",
+      "--ui-type-heading-h2-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-heading-h2-size": "30px",
+      "--ui-type-heading-h2-weight": "600",
+      "--ui-type-heading-h2-ih": "37.5px",
+      "--ui-type-heading-h2-tracking": "0.5px",
+      "--ui-type-heading-h3-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-heading-h3-size": "20px",
+      "--ui-type-heading-h3-weight": "600",
+      "--ui-type-heading-h3-ih": "25px",
+      "--ui-type-heading-h3-tracking": "0",
+      "--ui-type-body-lg-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-caption-xs-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-caption-xs-size": "10px",
+      "--ui-type-caption-xs-weight": "400",
+      "--ui-type-caption-xs-ih": "14.5px",
+      "--ui-type-caption-xs-tracking": "2px",
+      "--ui-type-caption-md-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-caption-md-size": "12px",
+      "--ui-type-caption-md-weight": "400",
+      "--ui-type-caption-md-ih": "17.5px",
+      "--ui-type-caption-md-tracking": "2px",
+      "--ui-type-body-lg-Regular-size": "18px",
+      "--ui-type-body-lg-Regular-weight": "400",
+      "--ui-type-body-lg-Regular-ih": "26px",
+      "--ui-type-body-lg-Regular-tracking": "0.5px",
+      "--ui-type-body-md-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-md-Regular-size": "16px",
+      "--ui-type-body-md-Regular-weight": "400",
+      "--ui-type-body-md-Regular-ih": "23px",
+      "--ui-type-body-md-Regular-tracking": "0.5px",
+      "--ui-type-body-sm-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-sm-Regular-size": "14px",
+      "--ui-type-body-sm-Regular-weight": "400",
+      "--ui-type-body-sm-Regular-ih": "20.5px",
+      "--ui-type-body-sm-Regular-tracking": "0.5px",
+      "--ui-type-label-md-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-label-md-Regular-size": "14px",
+      "--ui-type-label-md-Regular-weight": "400",
+      "--ui-type-label-md-Regular-ih": "20.5px",
+      "--ui-type-label-md-Regular-tracking": "0.5px",
+      "--ui-type-code-md-family": "'IBM Plex Mono'",
+      "--ui-type-code-md-size": "14px",
+      "--ui-type-code-md-weight": "400",
+      "--ui-type-code-md-ih": "14.5px",
+      "--ui-type-code-md-tracking": "0",
+      "--ui-type-heading-h4-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-heading-h4-size": "18px",
+      "--ui-type-heading-h4-weight": "600",
+      "--ui-type-heading-h4-ih": "25px",
+      "--ui-type-heading-h4-tracking": "0",
+      "--ui-type-heading-h5-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-heading-h5-size": "16px",
+      "--ui-type-heading-h5-weight": "600",
+      "--ui-type-heading-h5-ih": "25px",
+      "--ui-type-heading-h5-tracking": "0",
+      "--ui-type-heading-h6-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-heading-h6-size": "14px",
+      "--ui-type-heading-h6-weight": "600",
+      "--ui-type-heading-h6-ih": "25px",
+      "--ui-type-heading-h6-tracking": "0",
+      "--ui-type-body-lg-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-lg-Medium-size": "18px",
+      "--ui-type-body-lg-Medium-weight": "500",
+      "--ui-type-body-lg-Medium-ih": "26px",
+      "--ui-type-body-lg-Medium-tracking": "0.5px",
+      "--ui-type-body-lg-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-lg-Semibold-size": "18px",
+      "--ui-type-body-lg-Semibold-weight": "600",
+      "--ui-type-body-lg-Semibold-ih": "26px",
+      "--ui-type-body-lg-Semibold-tracking": "0.5px",
+      "--ui-type-body-lg-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-lg-Bold-size": "18px",
+      "--ui-type-body-lg-Bold-weight": "700",
+      "--ui-type-body-lg-Bold-ih": "26px",
+      "--ui-type-body-lg-Bold-tracking": "0.5px",
+      "--ui-type-body-md-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-md-Medium-size": "16px",
+      "--ui-type-body-md-Medium-weight": "500",
+      "--ui-type-body-md-Medium-ih": "23px",
+      "--ui-type-body-md-Medium-tracking": "0.5px",
+      "--ui-type-body-md-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-md-Semibold-size": "16px",
+      "--ui-type-body-md-Semibold-weight": "600",
+      "--ui-type-body-md-Semibold-ih": "23px",
+      "--ui-type-body-md-Semibold-tracking": "0.5px",
+      "--ui-type-body-sm-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-sm-Medium-size": "14px",
+      "--ui-type-body-sm-Medium-weight": "500",
+      "--ui-type-body-sm-Medium-ih": "20.5px",
+      "--ui-type-body-sm-Medium-tracking": "0.5px",
+      "--ui-type-body-sm-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-sm-Semibold-size": "14px",
+      "--ui-type-body-sm-Semibold-weight": "600",
+      "--ui-type-body-sm-Semibold-ih": "20.5px",
+      "--ui-type-body-sm-Semibold-tracking": "0.5px",
+      "--ui-type-body-sm-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-sm-Bold-size": "14px",
+      "--ui-type-body-sm-Bold-weight": "700",
+      "--ui-type-body-sm-Bold-ih": "20.5px",
+      "--ui-type-body-sm-Bold-tracking": "0.5px",
+      "--ui-type-label-md-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-label-md-Medium-size": "14px",
+      "--ui-type-label-md-Medium-weight": "500",
+      "--ui-type-label-md-Medium-ih": "20.5px",
+      "--ui-type-label-md-Medium-tracking": "0.5px",
+      "--ui-type-label-md-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-label-md-Semibold-size": "14px",
+      "--ui-type-label-md-Semibold-weight": "600",
+      "--ui-type-label-md-Semibold-ih": "20.5px",
+      "--ui-type-label-md-Semibold-tracking": "0.5px",
+      "--ui-type-label-md-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-label-md-Bold-size": "14px",
+      "--ui-type-label-md-Bold-weight": "700",
+      "--ui-type-label-md-Bold-ih": "20.5px",
+      "--ui-type-label-md-Bold-tracking": "0.5px",
+      "--ui-type-body-md-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-md-Bold-size": "16px",
+      "--ui-type-body-md-Bold-weight": "700",
+      "--ui-type-body-md-Bold-ih": "23px",
+      "--ui-type-body-md-Bold-tracking": "0.5px",
+      "--ui-type-body-xs-Regular-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-xs-Regular-size": "12px",
+      "--ui-type-body-xs-Regular-weight": "400",
+      "--ui-type-body-xs-Regular-ih": "17.5px",
+      "--ui-type-body-xs-Regular-tracking": "0.5px",
+      "--ui-type-body-xs-Medium-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-xs-Medium-size": "12px",
+      "--ui-type-body-xs-Medium-weight": "500",
+      "--ui-type-body-xs-Medium-ih": "17.5px",
+      "--ui-type-body-xs-Medium-tracking": "0.5px",
+      "--ui-type-body-xs-Semibold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-xs-Semibold-size": "12px",
+      "--ui-type-body-xs-Semibold-weight": "600",
+      "--ui-type-body-xs-Semibold-ih": "17.5px",
+      "--ui-type-body-xs-Semibold-tracking": "0.5px",
+      "--ui-type-body-xs-Bold-family": "var(--app-font-family, 'Inter'), -apple-system, BlinkMacSystemFont, 'Segoe UI',\n    sans-serif",
+      "--ui-type-body-xs-Bold-size": "12px",
+      "--ui-type-body-xs-Bold-weight": "700",
+      "--ui-type-body-xs-Bold-ih": "17.5px",
+      "--ui-type-body-xs-Bold-tracking": "0.5px",
+      "--ui-color-bg-canvas-default": "rgb(31, 31, 33)",
+      "--ui-color-bg-canvas-inverse": "rgb(247, 247, 250)",
+      "--ui-color-bg-overlay-default": "rgba(0, 0, 0, 0.6)",
+      "--ui-color-bg-overlay-darker": "rgba(0, 0, 0, 0.8)",
+      "--ui-color-text-primary": "rgb(240, 242, 242)",
+      "--ui-color-text-secondary": "rgb(199, 199, 204)",
+      "--ui-color-icon-default": "rgb(212, 214, 217)",
+      "--ui-color-text-tertiary": "rgb(158, 163, 166)",
+      "--ui-color-icon-hover": "rgb(240, 242, 242)",
+      "--ui-color-icon-pressed": "rgb(255, 255, 255)",
+      "--ui-color-text-disabled": "rgb(97, 99, 105)",
+      "--ui-color-icon-selected": "rgb(97, 125, 209)",
+      "--ui-color-icon-secondary-default": "rgb(186, 189, 191)",
+      "--ui-color-icon-secondary-hover": "rgb(212, 214, 217)",
+      "--ui-color-icon-secondary-pressed": "rgb(240, 242, 242)",
+      "--ui-color-icon-secondary-selected": "rgb(212, 214, 217)",
+      "--ui-color-icon-tertiary-default": "rgb(133, 135, 140)",
+      "--ui-color-icon-tertiary-hover": "rgb(158, 163, 166)",
+      "--ui-color-icon-tertiary-pressed": "rgb(186, 189, 191)",
+      "--ui-color-icon-tertiary-selected": "rgb(158, 163, 166)",
+      "--ui-color-icon-brand-default": "rgb(184, 196, 237)",
+      "--ui-color-icon-brand-hover": "rgb(227, 232, 252)",
+      "--ui-color-icon-brand-pressed": "rgb(242, 245, 255)",
+      "--ui-color-icon-brand-selected": "rgb(255, 255, 255)",
+      "--ui-color-icon-success-default": "rgb(179, 240, 201)",
+      "--ui-color-icon-success-hover": "rgb(227, 252, 237)",
+      "--ui-color-icon-success-pressed": "rgb(242, 255, 245)",
+      "--ui-color-icon-success-selected": "rgb(255, 255, 255)",
+      "--ui-color-icon-warning-default": "rgb(247, 230, 173)",
+      "--ui-color-icon-warning-hover": "rgb(252, 245, 227)",
+      "--ui-color-icon-warning-pressed": "rgb(255, 250, 242)",
+      "--ui-color-icon-warning-selected": "rgb(255, 255, 255)",
+      "--ui-color-icon-danger-default": "rgb(250, 189, 189)",
+      "--ui-color-icon-danger-hover": "rgb(252, 227, 227)",
+      "--ui-color-icon-danger-pressed": "rgb(255, 242, 242)",
+      "--ui-color-icon-danger-selected": "rgb(255, 255, 255)",
+      "--ui-color-icon-info-default": "rgb(171, 232, 242)",
+      "--ui-color-icon-all-colors-red": "rgb(242, 107, 107)",
+      "--ui-color-icon-all-colors-orange": "rgb(250, 145, 74)",
+      "--ui-color-icon-all-colors-yellow": "rgb(240, 196, 64)",
+      "--ui-color-icon-all-colors-lime": "rgb(161, 217, 74)",
+      "--ui-color-icon-all-colors-green": "rgb(84, 212, 130)",
+      "--ui-color-icon-all-colors-cyan": "rgb(61, 199, 222)",
+      "--ui-color-icon-all-colors-azure": "rgb(69, 186, 237)",
+      "--ui-color-icon-all-colors-blue": "rgb(97, 125, 209)",
+      "--ui-color-icon-all-colors-violet": "rgb(153, 102, 242)",
+      "--ui-color-icon-all-colors-magenta": "rgb(240, 94, 161)",
+      "--ui-color-icon-all-colors-rose": "rgb(232, 79, 112)",
+      "--ui-color-icon-info-hover": "rgb(227, 250, 252)",
+      "--ui-color-icon-info-pressed": "rgb(242, 252, 255)",
+      "--ui-color-icon-info-selected": "rgb(255, 255, 255)",
+      "--ui-color-icon-disabled": "rgb(97, 99, 105)",
+      "--ui-color-icon-on-color": "rgb(255, 255, 255)",
+      "--ui-color-border-default": "rgb(77, 79, 84)",
+      "--ui-color-border-hover": "rgb(158, 163, 166)",
+      "--ui-color-border-pressed": "rgb(186, 189, 191)",
+      "--ui-color-border-focus": "rgb(97, 125, 209)",
+      "--ui-color-border-disabled": "rgb(69, 69, 74)",
+      "--ui-color-border-subtle": "rgb(69, 69, 74)",
+      "--ui-color-border-on-color": "rgb(255, 255, 255)",
+      "--ui-color-border-strong": "rgb(171, 173, 179)",
+      "--ui-color-border-brand": "rgb(97, 125, 209)",
+      "--ui-color-border-success": "rgb(84, 212, 130)",
+      "--ui-color-border-warning": "rgb(240, 196, 64)",
+      "--ui-color-border-danger": "rgb(242, 107, 107)",
+      "--ui-color-border-info": "rgb(61, 199, 222)",
+      "--ui-color-text-text-on-color": "rgb(255, 255, 255)",
+      "--ui-color-bg-surface-default": "rgb(38, 41, 43)",
+      "--ui-color-bg-surface-hover": "rgb(48, 51, 54)",
+      "--ui-color-bg-surface-pressed": "rgb(69, 69, 74)",
+      "--ui-color-bg-surface-selected": "rgb(59, 61, 64)",
+      "--ui-color-bg-surface-dissabled": "rgb(48, 51, 54)",
+      "--ui-color-bg-surface-secondary-default": "rgb(48, 51, 54)",
+      "--ui-color-bg-surface-secondary-hover": "rgb(59, 61, 64)",
+      "--ui-color-bg-surface-secondary-pressed": "rgb(89, 89, 94)",
+      "--ui-color-bg-surface-secondary-selected": "rgb(77, 79, 84)",
+      "--ui-color-bg-surface-tertiary-default": "rgb(69, 69, 74)",
+      "--ui-color-bg-surface-tertiary-hover": "rgb(77, 79, 84)",
+      "--ui-color-bg-surface-tertiary-pressed": "rgb(97, 99, 105)",
+      "--ui-color-bg-surface-tertiary-selected": "rgb(89, 89, 94)",
+      "--ui-color-bg-surface-brand-default": "rgb(36, 59, 128)",
+      "--ui-color-bg-surface-brand-hover": "rgb(41, 66, 145)",
+      "--ui-color-bg-surface-brand-pressed": "rgb(51, 82, 176)",
+      "--ui-color-bg-surface-brand-selected": "rgb(46, 74, 161)",
+      "--ui-color-bg-surface-brand-disabled": "rgb(36, 59, 128)",
+      "--ui-color-bg-surface-success-default": "rgb(23, 128, 61)",
+      "--ui-color-bg-surface-success-hover": "rgb(26, 145, 69)",
+      "--ui-color-bg-surface-success-pressed": "rgb(31, 181, 87)",
+      "--ui-color-bg-surface-success-selected": "rgb(28, 163, 79)",
+      "--ui-color-bg-surface-success-disabled": "rgb(23, 128, 61)",
+      "--ui-color-bg-surface-warning-default": "rgb(128, 97, 5)",
+      "--ui-color-bg-surface-warning-hover": "rgb(156, 120, 5)",
+      "--ui-color-bg-surface-warning-pressed": "rgb(209, 158, 8)",
+      "--ui-color-bg-surface-warning-selected": "rgb(181, 140, 5)",
+      "--ui-color-bg-surface-warning-disabled": "rgb(128, 97, 5)",
+      "--ui-color-bg-surface-danger-default": "rgb(128, 36, 36)",
+      "--ui-color-bg-surface-danger-hover": "rgb(156, 43, 43)",
+      "--ui-color-bg-surface-danger-pressed": "rgb(212, 61, 61)",
+      "--ui-color-bg-surface-danger-selected": "rgb(184, 51, 51)",
+      "--ui-color-bg-surface-danger-disabled": "rgb(128, 36, 36)",
+      "--ui-color-bg-fill-default": "rgb(38, 41, 43)",
+      "--ui-color-bg-fill-hover": "rgb(59, 61, 64)",
+      "--ui-color-bg-fill-pressed": "rgb(89, 89, 94)",
+      "--ui-color-bg-fill-selected": "rgb(69, 69, 74)",
+      "--ui-color-bg-fill-dissabled": "rgb(48, 51, 54)",
+      "--ui-color-bg-fill-secondary-default": "rgb(48, 51, 54)",
+      "--ui-color-bg-fill-secondary-hover": "rgb(69, 69, 74)",
+      "--ui-color-bg-fill-secondary-pressed": "rgb(97, 99, 105)",
+      "--ui-color-bg-fill-secondary-selected": "rgb(77, 79, 84)",
+      "--ui-color-bg-fill-tertiary-default": "rgb(59, 61, 64)",
+      "--ui-color-bg-fill-tertiary-hover": "rgb(77, 79, 84)",
+      "--ui-color-bg-fill-tertiary-pressed": "rgb(107, 110, 115)",
+      "--ui-color-bg-fill-tertiary-selected": "rgb(89, 89, 94)",
+      "--ui-color-bg-fill-brand-default": "rgb(51, 82, 176)",
+      "--ui-color-bg-fill-brand-hover": "rgb(54, 89, 194)",
+      "--ui-color-bg-fill-brand-pressed": "rgb(97, 125, 209)",
+      "--ui-color-bg-fill-brand-selected": "rgb(46, 74, 161)",
+      "--ui-color-bg-fill-brand-disabled": "rgb(36, 59, 128)",
+      "--ui-color-bg-fill-success-default": "rgb(31, 181, 87)",
+      "--ui-color-bg-fill-success-hover": "rgb(33, 196, 94)",
+      "--ui-color-bg-fill-success-pressed": "rgb(84, 212, 130)",
+      "--ui-color-bg-fill-success-selected": "rgb(28, 163, 79)",
+      "--ui-color-bg-fill-success-disabled": "rgb(23, 128, 61)",
+      "--ui-color-bg-fill-warning-default": "rgb(209, 158, 8)",
+      "--ui-color-bg-fill-warning-hover": "rgb(235, 179, 8)",
+      "--ui-color-bg-fill-warning-pressed": "rgb(240, 196, 64)",
+      "--ui-color-bg-fill-warning-selected": "rgb(181, 140, 5)",
+      "--ui-color-bg-fill-warning-disabled": "rgb(128, 97, 5)",
+      "--ui-color-bg-fill-danger-default": "rgb(212, 61, 61)",
+      "--ui-color-bg-fill-danger-hover": "rgb(240, 69, 69)",
+      "--ui-color-bg-fill-danger-pressed": "rgb(242, 107, 107)",
+      "--ui-color-bg-fill-danger-selected": "rgb(184, 51, 51)",
+      "--ui-color-bg-fill-danger-pressed-2": "rgb(128, 36, 36)",
+      "--ui-color-bg-fill-info-default": "rgb(5, 163, 191)",
+      "--ui-color-bg-fill-info-hover": "rgb(5, 181, 212)",
+      "--ui-color-bg-fill-info-pressed": "rgb(61, 199, 222)",
+      "--ui-color-bg-fill-info-selected": "rgb(5, 145, 171)",
+      "--ui-color-bg-fill-info-pressed-2": "rgb(5, 110, 128)",
+      "--ui-color-text-on-canvas-Inverse": "rgb(48, 51, 54)",
+      "--ui-color-text-brand-default": "rgb(227, 232, 252)",
+      "--ui-color-text-brand-hover": "rgb(242, 245, 255)",
+      "--ui-color-text-brand-pressed": "rgb(255, 255, 255)",
+      "--ui-color-text-brand-selected": "rgb(242, 245, 255)",
+      "--ui-color-bg-surface-info-default": "rgb(5, 110, 128)",
+      "--ui-color-bg-surface-info-hover": "rgb(5, 128, 148)",
+      "--ui-color-bg-surface-info-pressed": "rgb(5, 163, 191)",
+      "--ui-color-bg-surface-info-selected": "rgb(5, 145, 171)",
+      "--ui-color-bg-surface-info-disabled": "rgb(5, 110, 128)",
+      "--ui-color-text-success-default": "rgb(227, 252, 237)",
+      "--ui-color-text-success-hover": "rgb(242, 255, 245)",
+      "--ui-color-text-success-pressed": "rgb(255, 255, 255)",
+      "--ui-color-text-success-selected": "rgb(242, 255, 245)",
+      "--ui-color-text-warning-default": "rgb(252, 245, 227)",
+      "--ui-color-text-warning-hover": "rgb(255, 250, 242)",
+      "--ui-color-text-warning-pressed": "rgb(255, 255, 255)",
+      "--ui-color-text-warning-selected": "rgb(255, 250, 242)",
+      "--ui-color-text-danger-default": "rgb(252, 227, 227)",
+      "--ui-color-text-danger-hover": "rgb(255, 242, 242)",
+      "--ui-color-text-danger-pressed": "rgb(255, 255, 255)",
+      "--ui-color-text-danger-selected": "rgb(255, 242, 242)",
+      "--ui-color-text-info-default": "rgb(227, 250, 252)",
+      "--ui-color-text-link-default": "rgb(97, 125, 209)",
+      "--ui-color-text-all-colors-red": "rgb(245, 148, 148)",
+      "--ui-color-text-all-colors-orange": "rgb(250, 176, 125)",
+      "--ui-color-text-all-colors-yellow": "rgb(242, 214, 117)",
+      "--ui-color-text-all-colors-lime": "rgb(186, 227, 125)",
+      "--ui-color-text-all-colors-green": "rgb(130, 224, 166)",
+      "--ui-color-text-all-colors-cyan": "rgb(117, 217, 232)",
+      "--ui-color-text-all-colors-azure": "rgb(120, 204, 242)",
+      "--ui-color-text-all-colors-blue": "rgb(140, 161, 222)",
+      "--ui-color-text-all-colors-violet": "rgb(181, 143, 245)",
+      "--ui-color-text-all-colors-magenta": "rgb(245, 140, 186)",
+      "--ui-color-text-all-colors-rose": "rgb(240, 128, 153)",
+      "--ui-color-text-link-hover": "rgb(140, 161, 222)",
+      "--ui-color-text-link-pressed": "rgb(184, 196, 237)",
+      "--ui-color-text-link-visited": "rgb(181, 143, 245)",
+      "--ui-color-text-info-hover": "rgb(242, 252, 255)",
+      "--ui-color-text-info-pressed": "rgb(255, 255, 255)",
+      "--ui-color-text-info-selected": "rgb(242, 252, 255)",
+      "--ui-color-bg-fill-all-colors-red": "rgb(212, 61, 61)",
+      "--ui-color-bg-fill-all-colors-orange": "rgb(219, 102, 20)",
+      "--ui-color-bg-fill-all-colors-yellow": "rgb(209, 158, 8)",
+      "--ui-color-bg-fill-all-colors-lime": "rgb(120, 186, 20)",
+      "--ui-color-bg-surface-all-colors-red": "rgb(128, 36, 36)",
+      "--ui-color-bg-surface-all-colors-orange": "rgb(128, 59, 10)",
+      "--ui-color-bg-fill-all-colors-green": "rgb(31, 181, 87)",
+      "--ui-color-bg-surface-all-colors-yellow": "rgb(128, 97, 5)",
+      "--ui-color-bg-fill-all-colors-cyan": "rgb(5, 163, 191)",
+      "--ui-color-bg-surface-all-colors-lime": "rgb(84, 128, 13)",
+      "--ui-color-bg-fill-all-colors-azure": "rgb(13, 148, 207)",
+      "--ui-color-bg-surface-all-colors-green": "rgb(23, 128, 61)",
+      "--ui-color-bg-fill-all-colors-blue": "rgb(51, 82, 176)",
+      "--ui-color-bg-fill-all-colors-violet": "rgb(110, 51, 209)",
+      "--ui-color-bg-surface-all-colors-cyan": "rgb(5, 110, 128)",
+      "--ui-color-bg-fill-all-colors-magenta": "rgb(209, 46, 120)",
+      "--ui-color-bg-fill-all-colors-rose": "rgb(201, 26, 64)",
+      "--ui-color-bg-surface-all-colors-azure": "rgb(8, 89, 128)",
+      "--ui-color-bg-surface-all-colors-blue": "rgb(36, 59, 128)",
+      "--ui-color-bg-surface-all-colors-violet": "rgb(66, 31, 128)",
+      "--ui-color-bg-surface-all-colors-magenta": "rgb(128, 28, 74)",
+      "--ui-color-bg-surface-all-colors-rose": "rgb(128, 15, 41)",
+      "--ui-color-border-all-colors-red": "rgb(240, 69, 69)",
+      "--ui-color-border-all-colors-orange": "rgb(250, 115, 23)",
+      "--ui-color-border-all-colors-yellow": "rgb(235, 179, 8)",
+      "--ui-color-border-all-colors-lime": "rgb(133, 204, 23)",
+      "--ui-color-border-all-colors-green": "rgb(33, 196, 94)",
+      "--ui-color-border-all-colors-cyan": "rgb(5, 181, 212)",
+      "--ui-color-border-all-colors-azure": "rgb(13, 166, 232)",
+      "--ui-color-border-all-colors-blue": "rgb(54, 89, 194)",
+      "--ui-color-border-all-colors-violet": "rgb(125, 59, 237)",
+      "--ui-color-border-all-colors-magenta": "rgb(235, 51, 135)",
+      "--ui-color-border-all-colors-rose": "rgb(224, 28, 71)",
+      "--ui-Positive-space_0": "0",
+      "--ui-Positive-space_2": "2px",
+      "--ui-Positive-space_4": "4px",
+      "--ui-Positive-space_6": "6px",
+      "--ui-Positive-space_8": "8px",
+      "--ui-Positive-space_10": "10px",
+      "--ui-Positive-space_12": "12px",
+      "--ui-Positive-space_16": "16px",
+      "--ui-Positive-space_20": "20px",
+      "--ui-Positive-space_24": "24px",
+      "--ui-Positive-space_28": "28px",
+      "--ui-Positive-space_32": "32px",
+      "--ui-Positive-space_40": "40px",
+      "--ui-Positive-space_48": "48px",
+      "--ui-Positive-space_56": "56px",
+      "--ui-Positive-space_64": "64px",
+      "--ui-Positive-space_80": "80px",
+      "--ui-Positive-space_96": "96px",
+      "--ui-Negative-space_0": "0",
+      "--ui-Negative-space_2": "-2px",
+      "--ui-Negative-space_4": "-4px",
+      "--ui-Negative-space_6": "-6px",
+      "--ui-Negative-space_8": "-8px",
+      "--ui-Negative-space_10": "-10px",
+      "--ui-Negative-space_12": "-12px",
+      "--ui-Negative-space_16": "-16px",
+      "--ui-Negative-space_20": "-20px",
+      "--ui-Negative-space_24": "-24px",
+      "--ui-Negative-space_28": "-28px",
+      "--ui-Negative-space_32": "-32px",
+      "--ui-Negative-space_40": "-40px",
+      "--ui-Negative-space_48": "-48px",
+      "--ui-Negative-space_56": "-56px",
+      "--ui-Negative-space_64": "-64px",
+      "--ui-Negative-space_80": "-80px",
+      "--ui-Negative-space_96": "-96px",
+      "--ui-size-control-xxs": "20px",
+      "--ui-size-control-xs": "32px",
+      "--ui-size-control-sm": "36px",
+      "--ui-size-control-md": "40px",
+      "--ui-size-control-lg": "48px",
+      "--ui-size-Icon-xs": "10px",
+      "--ui-size-Icon-sm": "16px",
+      "--ui-size-Icon-md": "20px",
+      "--ui-size-Icon-lg": "24px",
+      "--ui-size-Icon-xl": "32px",
+      "--ui-size-avatar-xxs": "16px",
+      "--ui-size-avatar-xs": "24px",
+      "--ui-size-row-regular": "32px",
+      "--ui-size-row-compact": "40px",
+      "--ui-size-avatar-sm": "32px",
+      "--ui-size-avatar-md": "40px",
+      "--ui-size-avatar-lg": "48px",
+      "--ui-size-avatar-xl": "64px",
+      "--ui-size-Image-xs": "24px",
+      "--ui-size-Image-sm": "40px",
+      "--ui-size-Image-md": "64px",
+      "--ui-size-Image-lg": "128px",
+      "--ui-size-Image-full": "9999px",
+      "--ui-width-0": "0",
+      "--ui-width-1": "1px",
+      "--ui-width-2": "2px",
+      "--ui-radius_0": "0",
+      "--ui-radius_2": "2px",
+      "--ui-radius_4": "4px",
+      "--ui-radius_6": "6px",
+      "--ui-radius_8": "8px",
+      "--ui-radius_10": "10px",
+      "--ui-radius_12": "12px",
+      "--ui-radius_16": "16px",
+      "--ui-radius_24": "24px",
+      "--ui-radius_full": "9999px",
+      "--ui-radius-control-na": "0",
+      "--ui-radius-control-xs": "6px",
+      "--ui-radius-control-sm": "8px",
+      "--ui-radius-control-md": "8px",
+      "--ui-radius-control-lg": "10px",
+      "--ui-radius-control-pill": "9999px",
+      "--ui-radius-surface-cuadrado": "0",
+      "--ui-radius-surface-forms": "2px",
+      "--ui-radius-surface-card": "12px",
+      "--ui-radius-surface-modal": "16px",
+      "--ui-radius-surface-sheet": "16px",
+      "--ui-radius-surface-popover": "8px",
+      "--ui-radius-surface-tooltip": "6px",
+      "--ui-radius-image-na": "0",
+      "--ui-radius-image-sm": "8px",
+      "--ui-radius-image-md": "16px",
+      "--ui-radius-image-pill": "9999px",
+      "--ui-shadow-01-Color": "rgba(0, 0, 0, 0.4)",
+      "--ui-shadow-02-Color": "rgba(0, 0, 0, 0.5)",
+      "--ui-shadow-03-Color": "rgba(0, 0, 0, 0.5)",
+      "--ui-shadow-04-Color": "rgba(0, 0, 0, 0.6)",
+      "--ui-shadow-05-Color": "rgba(0, 0, 0, 0.6)",
+      "--ui-Layer-App-header": "300px",
+      "--ui-Layer-nav-dropdown": "400px",
+      "--ui-Layer-surface-popover": "500px",
+      "--ui-Layer-surface-tooltip": "600px",
+      "--ui-Layer-dialog-backdrop": "690px",
+      "--ui-Layer-dialog-modal": "700px",
+      "--ui-Layer-feedback-toast": "800px",
+      "--ui-Layer-system-overlay": "900px",
+      "--ui-color-blue-50-legacy": "#ebeef9",
+      "--ui-color-blue-100-legacy": "#c1cbec",
+      "--ui-color-blue-200-legacy": "#a3b2e2",
+      "--ui-color-blue-300-legacy": "#788fd5",
+      "--ui-color-blue-400-legacy": "#5e79cd",
+      "--ui-color-blue-500-legacy": "#3658c1",
+      "--ui-color-blue-600-legacy": "#3150b0",
+      "--ui-color-blue-700-legacy": "#263e89",
+      "--ui-color-blue-800-legacy": "#1e306a",
+      "--ui-color-blue-900-legacy": "#172551",
+      "--ui-color-green-50-legacy": "#f0f9f0",
+      "--ui-color-green-100-legacy": "#b1e0cc",
+      "--ui-color-green-200-legacy": "#8bd1b3",
+      "--ui-color-green-300-legacy": "#56bc90",
+      "--ui-color-green-400-legacy": "#35af7a",
+      "--ui-color-green-500-legacy": "#039b59",
+      "--ui-color-green-600-legacy": "#038d51",
+      "--ui-color-green-700-legacy": "#026e3f",
+      "--ui-color-green-800-legacy": "#025531",
+      "--ui-color-green-900-legacy": "#014125",
+      "--ui-color-neutral-50-legacy": "#f0f0f0",
+      "--ui-color-neutral-100-legacy": "#d1d1d1",
+      "--ui-color-neutral-200-legacy": "#bbbbbb",
+      "--ui-color-neutral-300-legacy": "#9c9c9c",
+      "--ui-color-neutral-400-legacy": "#898989",
+      "--ui-color-neutral-500-legacy": "#6b6b6b",
+      "--ui-color-neutral-600-legacy": "#616161",
+      "--ui-color-neutral-700-legacy": "#4c4c4c",
+      "--ui-color-neutral-800-legacy": "#3b3b3b",
+      "--ui-color-neutral-900-legacy": "#2d2d2d",
+      "--ui-color-red-50-legacy": "#f9eae9",
+      "--ui-color-red-100-legacy": "#edbeba",
+      "--ui-color-red-200-legacy": "#e59f98",
+      "--ui-color-red-300-legacy": "#d97369",
+      "--ui-color-red-400-legacy": "#d1584c",
+      "--ui-color-red-500-legacy": "#c62e1f",
+      "--ui-color-red-600-legacy": "#b42a1c",
+      "--ui-color-red-700-legacy": "#8d2116",
+      "--ui-color-red-800-legacy": "#6d1911",
+      "--ui-color-red-900-legacy": "#53130d",
+      "--ui-color-orange-50-legacy": "#fcf3e9",
+      "--ui-color-orange-100-legacy": "#f4daba",
+      "--ui-color-orange-200-legacy": "#efc999",
+      "--ui-color-orange-300-legacy": "#e8b06a",
+      "--ui-color-orange-400-legacy": "#e3a14d",
+      "--ui-color-orange-500-legacy": "#dc8921",
+      "--ui-color-orange-600-legacy": "#c87d1e",
+      "--ui-color-orange-700-legacy": "#9c6117",
+      "--ui-color-orange-800-legacy": "#794b12",
+      "--ui-color-orange-900-legacy": "#5c3a0e",
+      "--ui-color-yellow-50-legacy": "#fcfbec",
+      "--ui-color-yellow-100-legacy": "#f6f2c3",
+      "--ui-color-yellow-200-legacy": "#f1eca6",
+      "--ui-color-yellow-300-legacy": "#ebe47d",
+      "--ui-color-yellow-400-legacy": "#e7de64",
+      "--ui-color-yellow-500-legacy": "#e1d63d",
+      "--ui-color-yellow-600-legacy": "#cdc338",
+      "--ui-color-yellow-700-legacy": "#a0982b",
+      "--ui-color-yellow-800-legacy": "#7c7622",
+      "--ui-color-yellow-900-legacy": "#5f5a1a",
+      "--ui-color-blue-dark-50-legacy": "#e8f0f5",
+      "--ui-color-blue-dark-100-legacy": "#b8d0df",
+      "--ui-color-blue-dark-200-legacy": "#96b9d0",
+      "--ui-color-blue-dark-300-legacy": "#6698ba",
+      "--ui-color-blue-dark-400-legacy": "#4985ad",
+      "--ui-color-blue-dark-500-legacy": "#1b6698",
+      "--ui-color-blue-dark-600-legacy": "#195d8a",
+      "--ui-color-blue-dark-700-legacy": "#13486c",
+      "--ui-color-blue-dark-800-legacy": "#0f3854",
+      "--ui-color-blue-dark-900-legacy": "#0b2b40",
+      "--ui-color-blue-light-50-legacy": "#e7f6fd",
+      "--ui-color-blue-light-100-legacy": "#b4e3f8",
+      "--ui-color-blue-light-200-legacy": "#90d6f5",
+      "--ui-color-blue-light-300-legacy": "#5ec3f0",
+      "--ui-color-blue-light-400-legacy": "#3eb7ed",
+      "--ui-color-blue-light-500-legacy": "#0ea5e9",
+      "--ui-color-blue-light-600-legacy": "#0d96d4",
+      "--ui-color-blue-light-700-legacy": "#0a75a5",
+      "--ui-color-blue-light-800-legacy": "#085b80",
+      "--ui-color-blue-light-900-legacy": "#064562",
+      "--ui-color-gray-50-legacy": "#f9fafb",
+      "--ui-color-gray-100-legacy": "#f3f4f6",
+      "--ui-color-gray-200-legacy": "#e5e7eb",
+      "--ui-color-gray-300-legacy": "#d1d5db",
+      "--ui-color-gray-400-legacy": "#9ca3af",
+      "--ui-color-gray-500-legacy": "#6b7280",
+      "--ui-color-gray-600-legacy": "#4b5563",
+      "--ui-color-gray-700-legacy": "#374151",
+      "--ui-color-gray-800-legacy": "#1f2937",
+      "--ui-color-gray-900-legacy": "#111827",
+      "--ui-color-alert-info-bg": "#1a2338",
+      "--ui-color-alert-info-border": "rgb(54, 89, 194)",
+      "--ui-color-alert-info-text": "rgb(184, 196, 237)",
+      "--ui-color-alert-info-icon": "rgb(140, 161, 222)",
+      "--ui-color-alert-success-bg": "#14261c",
+      "--ui-color-alert-success-border": "rgb(33, 196, 94)",
+      "--ui-color-alert-success-text": "rgb(130, 224, 166)",
+      "--ui-color-alert-success-icon": "rgb(84, 212, 130)",
+      "--ui-color-alert-danger-bg": "#2a1818",
+      "--ui-color-alert-danger-border": "rgb(240, 69, 69)",
+      "--ui-color-alert-danger-text": "rgb(245, 148, 148)",
+      "--ui-color-alert-danger-icon": "rgb(242, 107, 107)",
+      "--ui-color-alert-warning-bg": "#2a2414",
+      "--ui-color-alert-warning-border": "rgb(235, 179, 8)",
+      "--ui-color-alert-warning-text": "rgb(242, 214, 117)",
+      "--ui-color-alert-warning-icon": "rgb(240, 196, 64)",
+      "--ui-color-icon-on-canvas-inverse": "rgb(77, 79, 84)",
+      "--ui-bg-base": "rgb(31, 31, 33)",
+      "--ui-text-primary": "rgb(240, 242, 242)",
+      "--ui-text-secondary": "rgb(199, 199, 204)",
+      "--ui-border-default": "rgb(77, 79, 84)"
+    }
   }
 }