@salutejs/sdds-themes 0.72.0-next-sbcom.0 → 0.73.0-dev.0

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 (40) hide show
  1. package/css/sdds_insol_next.module.css +2905 -0
  2. package/css/sdds_insol_next__dark.css +1917 -0
  3. package/css/sdds_insol_next__light.css +1917 -0
  4. package/css/sdds_platform_ai.module.css +16 -16
  5. package/css/sdds_platform_ai__dark.css +6 -6
  6. package/css/sdds_platform_ai__light.css +10 -10
  7. package/es/themes/index.js +2 -0
  8. package/es/themes/index.js.map +1 -1
  9. package/es/themes/sdds_insol_next__dark.js +3 -0
  10. package/es/themes/sdds_insol_next__dark.js.map +1 -0
  11. package/es/themes/sdds_insol_next__light.js +3 -0
  12. package/es/themes/sdds_insol_next__light.js.map +1 -0
  13. package/es/themes/sdds_platform_ai__dark.js +1 -1
  14. package/es/themes/sdds_platform_ai__dark.js.map +1 -1
  15. package/es/themes/sdds_platform_ai__light.js +1 -1
  16. package/es/themes/sdds_platform_ai__light.js.map +1 -1
  17. package/es/tokens/sdds_insol_next/index.js +2547 -0
  18. package/es/tokens/sdds_insol_next/index.js.map +1 -0
  19. package/es/tokens/sdds_platform_ai/index.js +10 -10
  20. package/es/tokens/sdds_platform_ai/index.js.map +1 -1
  21. package/package.json +9 -6
  22. package/themes/index.d.ts +2 -0
  23. package/themes/index.js +5 -1
  24. package/themes/index.js.map +1 -1
  25. package/themes/sdds_insol_next__dark.d.ts +1 -0
  26. package/themes/sdds_insol_next__dark.js +6 -0
  27. package/themes/sdds_insol_next__dark.js.map +1 -0
  28. package/themes/sdds_insol_next__light.d.ts +1 -0
  29. package/themes/sdds_insol_next__light.js +6 -0
  30. package/themes/sdds_insol_next__light.js.map +1 -0
  31. package/themes/sdds_platform_ai__dark.js +1 -1
  32. package/themes/sdds_platform_ai__dark.js.map +1 -1
  33. package/themes/sdds_platform_ai__light.js +1 -1
  34. package/themes/sdds_platform_ai__light.js.map +1 -1
  35. package/tokens/sdds_insol_next/index.d.ts +2545 -0
  36. package/tokens/sdds_insol_next/index.js +2571 -0
  37. package/tokens/sdds_insol_next/index.js.map +1 -0
  38. package/tokens/sdds_platform_ai/index.d.ts +8 -8
  39. package/tokens/sdds_platform_ai/index.js +14 -14
  40. package/tokens/sdds_platform_ai/index.js.map +1 -1
package/es/tokens/sdds_platform_ai/index.js CHANGED
@@ -850,9 +850,9 @@ export var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #209CEE
850
850
  /** Цвет фона поверхности/контрола информация на светлом фоне */
851
851
  export var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #0F81CCFF)';
852
852
  /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
853
- export var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #94F9A7FF)';
853
+ export var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #D8F3DDFF)';
854
854
  /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
855
- export var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #8BF99FFF)';
855
+ export var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #D5F1DAFF)';
856
856
  /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
857
857
  export var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEDCC8FF)';
858
858
  /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
@@ -895,8 +895,6 @@ export var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transpare
895
895
  export var onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, #118CDF1F)';
896
896
  /** Цвет фона поверхности/контрола информация на светлом фоне */
897
897
  export var onLightSurfaceInfo = 'var(--on-light-surface-info, #118CDF)';
898
- /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
899
- export var onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #9EFAAF)';
900
898
  /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
901
899
  export var onLightSurfaceNegativeMinor = 'var(--on-light-surface-negative-minor, #FFE0E3)';
902
900
  /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
@@ -923,6 +921,8 @@ export var onLightSurfaceAccentExtra = 'var(--on-light-surface-accent-extra, #08
923
921
  export var onLightSurfaceAccentExtraHover = 'var(--on-light-surface-accent-extra-hover, #262626FF)';
924
922
  /** dark surface onLight surfaceAccentExtraActive */
925
923
  export var onLightSurfaceAccentExtraActive = 'var(--on-light-surface-accent-extra-active, #030303FF)';
924
+ /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
925
+ export var onLightSurfacePositiveMinor = 'var(--on-light-surface-positive-minor, #E0F5E4FF)';
926
926
  /** Инвертированный основной непрозрачный фон поверхности */
927
927
  export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F2F2F2FF)';
928
928
  /** Инвертированный основной непрозрачный фон поверхности */
@@ -1030,9 +1030,9 @@ export var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #209CEEF
1030
1030
  /** Инвертированный цвет фона поверхности/контрола информация */
1031
1031
  export var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #0F81CCFF)';
1032
1032
  /** Инвертированный минорный цвет фона поверхности/контрола успех */
1033
- export var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #94F9A7FF)';
1033
+ export var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #D8F3DDFF)';
1034
1034
  /** Инвертированный минорный цвет фона поверхности/контрола успех */
1035
- export var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #8BF99FFF)';
1035
+ export var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #D5F1DAFF)';
1036
1036
  /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
1037
1037
  export var inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEDCC8FF)';
1038
1038
  /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
@@ -1075,8 +1075,6 @@ export var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparen
1075
1075
  export var inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, #118CDF1F)';
1076
1076
  /** Инвертированный цвет фона поверхности/контрола информация */
1077
1077
  export var inverseSurfaceInfo = 'var(--inverse-surface-info, #118CDF)';
1078
- /** Инвертированный минорный цвет фона поверхности/контрола успех */
1079
- export var inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #9EFAAF)';
1080
1078
  /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
1081
1079
  export var inverseSurfaceWarningMinor = 'var(--inverse-surface-warning-minor, #FEE2D2)';
1082
1080
  /** Инвертированный минорный цвет фона поверхности/контрола ошибка */
@@ -1103,6 +1101,8 @@ export var inverseSurfaceAccentExtraHover = 'var(--inverse-surface-accent-extra-
1103
1101
  export var inverseSurfaceAccentExtraActive = 'var(--inverse-surface-accent-extra-active, #030303FF)';
1104
1102
  /** dark surface inverse surfaceAccentExtra */
1105
1103
  export var inverseSurfaceAccentExtra = 'var(--inverse-surface-accent-extra, #080808)';
1104
+ /** Инвертированный минорный цвет фона поверхности/контрола успех */
1105
+ export var inverseSurfacePositiveMinor = 'var(--inverse-surface-positive-minor, #E0F5E4FF)';
1106
1106
  /** Основной фон */
1107
1107
  export var backgroundPrimary = 'var(--background-primary, #080808)';
1108
1108
  /** Основной фон */
@@ -2520,7 +2520,7 @@ export var textXSMedium = {
2520
2520
  lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)',
2521
2521
  };
2522
2522
  export var viewContainer = {
2523
- dark: "\n --syntax-yellow: var(--on-dark-syntax-yellow);\n --syntax-orange: var(--on-dark-syntax-orange);\n --syntax-pink: var(--on-dark-syntax-pink);\n --syntax-spring: var(--on-dark-syntax-spring);\n --syntax-sky-blue: var(--on-dark-syntax-sky-blue);\n --syntax-red: var(--on-dark-syntax-red);\n --inverse-syntax-yellow: var(--on-light-syntax-yellow);\n --inverse-syntax-orange: var(--on-light-syntax-orange);\n --inverse-syntax-pink: var(--on-light-syntax-pink);\n --inverse-syntax-spring: var(--on-light-syntax-spring);\n --inverse-syntax-sky-blue: var(--on-light-syntax-sky-blue);\n --inverse-syntax-red: var(--on-light-syntax-red);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-secondary: var(--on-dark-text-secondary);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-promo-hover: var(--on-dark-text-promo-hover);\n --text-promo-active: var(--on-dark-text-promo-active);\n --text-promo: var(--on-dark-text-promo);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-positive: var(--on-dark-text-positive);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-warning: var(--on-dark-text-warning);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-negative: var(--on-dark-text-negative);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --text-info-minor-active: var(--on-dark-text-info-minor-active);\n --text-info: var(--on-dark-text-info);\n --text-positive-minor: var(--on-dark-text-positive-minor);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-info-minor: var(--on-dark-text-info-minor);\n --text-negative-minor: var(--on-dark-text-negative-minor);\n --text-warning-minor: var(--on-dark-text-warning-minor);\n --text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n --inverse-text-info-minor: var(--on-light-text-info-minor);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-promo-hover: var(--on-dark-surface-promo-hover);\n --surface-promo-active: var(--on-dark-surface-promo-active);\n --surface-promo: var(--on-dark-surface-promo);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-info: var(--on-dark-surface-info);\n --surface-positive-minor: var(--on-dark-surface-positive-minor);\n --surface-warning-minor: var(--on-dark-surface-warning-minor);\n --surface-negative-minor: var(--on-dark-surface-negative-minor);\n --surface-info-minor: var(--on-dark-surface-info-minor);\n --surface-transparent-info: var(--on-dark-surface-transparent-info);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --surface-transparent-positive-minor: var(--on-dark-surface-transparent-positive-minor);\n --surface-transparent-positive-minor-hover: var(--on-dark-surface-transparent-positive-minor-hover);\n --surface-transparent-positive-minor-active: var(--on-dark-surface-transparent-positive-minor-active);\n --surface-transparent-negative-minor: var(--on-dark-surface-transparent-negative-minor);\n --surface-transparent-negative-minor-hover: var(--on-dark-surface-transparent-negative-minor-hover);\n --surface-transparent-negative-minor-active: var(--on-dark-surface-transparent-negative-minor-active);\n --surface-accent-extra-hover: var(--on-dark-surface-accent-extra-hover);\n --surface-accent-extra-active: var(--on-dark-surface-accent-extra-active);\n --surface-accent-extra: var(--on-dark-surface-accent-extra);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-clear: var(--on-light-surface-clear);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-positive-minor: var(--on-light-surface-transparent-positive-minor);\n --inverse-surface-transparent-positive-minor-hover: var(--on-light-surface-transparent-positive-minor-hover);\n --inverse-surface-transparent-positive-minor-active: var(--on-light-surface-transparent-positive-minor-active);\n --inverse-surface-transparent-negative-minor: var(--on-light-surface-transparent-negative-minor);\n --inverse-surface-transparent-negative-minor-hover: var(--on-light-surface-transparent-negative-minor-hover);\n --inverse-surface-transparent-negative-minor-active: var(--on-light-surface-transparent-negative-minor-active);\n --inverse-surface-accent-extra-hover: var(--on-light-surface-accent-extra-hover);\n --inverse-surface-accent-extra-active: var(--on-light-surface-accent-extra-active);\n --inverse-surface-accent-extra: var(--on-light-surface-accent-extra);\n --background-primary: var(--dark-background-primary);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --background-secondary: var(--dark-background-secondary);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-background-secondary: var(--light-background-secondary);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --overlay-blur: var(--on-dark-overlay-blur);\n --overlay-hard-dark: var(--on-dark-overlay-hard-dark);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-blur: var(--on-light-overlay-blur);\n --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\n --outline-clear: var(--on-dark-outline-clear);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-minor: var(--on-dark-outline-accent-minor);\n --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-info: var(--on-dark-outline-info);\n --outline-positive-minor: var(--on-dark-outline-positive-minor);\n --outline-warning-minor: var(--on-dark-outline-warning-minor);\n --outline-negative-minor: var(--on-dark-outline-negative-minor);\n --outline-info-minor: var(--on-dark-outline-info-minor);\n --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --outline-transparent-info: var(--on-dark-outline-transparent-info);\n --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n --outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --outline-primary-white-hover: var(--on-dark-outline-primary-white-hover);\n --outline-primary-white-active: var(--on-dark-outline-primary-white-active);\n --outline-primary-white: var(--on-dark-outline-primary-white);\n --outline-solid-default: var(--on-dark-outline-solid-default);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --inverse-outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --inverse-outline-clear: var(--on-light-outline-clear);\n --inverse-outline-accent: var(--on-light-outline-accent);\n --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-info: var(--on-light-outline-info);\n --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n --inverse-outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n --inverse-outline-primary-white: var(--on-light-outline-primary-white);\n --inverse-outline-primary-white-hover: var(--on-light-outline-primary-white-hover);\n --inverse-outline-primary-white-active: var(--on-light-outline-primary-white-active);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --data-transparent-purple-extra-hover: var(--on-dark-data-transparent-purple-extra-hover);\n --data-transparent-purple-extra-active: var(--on-dark-data-transparent-purple-extra-active);\n --data-transparent-purple-extra: var(--on-dark-data-transparent-purple-extra);\n --data-purple-extra-hover: var(--on-dark-data-purple-extra-hover);\n --data-purple-extra-active: var(--on-dark-data-purple-extra-active);\n --data-purple-extra: var(--on-dark-data-purple-extra);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-transparent-purple-extra-hover: var(--on-light-data-transparent-purple-extra-hover);\n --inverse-data-transparent-purple-extra-active: var(--on-light-data-transparent-purple-extra-active);\n --inverse-data-transparent-purple-extra: var(--on-light-data-transparent-purple-extra);\n --inverse-data-purple-extra-hover: var(--on-light-data-purple-extra-hover);\n --inverse-data-purple-extra-active: var(--on-light-data-purple-extra-active);\n --inverse-data-purple-extra: var(--on-light-data-purple-extra);\n --text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n --text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n --text-accent-gradient: var(--on-dark-text-accent-gradient);\n --inverse-text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n --inverse-text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n --inverse-text-accent-gradient: var(--on-light-text-accent-gradient);\n --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n --inverse-outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\n ",
2524
- light: "\n --syntax-yellow: var(--on-light-syntax-yellow);\n --syntax-orange: var(--on-light-syntax-orange);\n --syntax-pink: var(--on-light-syntax-pink);\n --syntax-spring: var(--on-light-syntax-spring);\n --syntax-sky-blue: var(--on-light-syntax-sky-blue);\n --syntax-red: var(--on-light-syntax-red);\n --inverse-syntax-yellow: var(--on-dark-syntax-yellow);\n --inverse-syntax-orange: var(--on-dark-syntax-orange);\n --inverse-syntax-pink: var(--on-dark-syntax-pink);\n --inverse-syntax-spring: var(--on-dark-syntax-spring);\n --inverse-syntax-sky-blue: var(--on-dark-syntax-sky-blue);\n --inverse-syntax-red: var(--on-dark-syntax-red);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-promo-hover: var(--on-light-text-promo-hover);\n --text-promo-active: var(--on-light-text-promo-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-warning: var(--on-light-text-warning);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-negative: var(--on-light-text-negative);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --text-info-minor-active: var(--on-light-text-info-minor-active);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-info: var(--on-light-text-info);\n --text-positive-minor: var(--on-light-text-positive-minor);\n --text-warning-minor: var(--on-light-text-warning-minor);\n --text-negative-minor: var(--on-light-text-negative-minor);\n --text-info-minor: var(--on-light-text-info-minor);\n --text-promo: var(--on-light-text-promo);\n --text-accent: var(--on-light-text-accent);\n --text-primary: var(--on-light-text-primary);\n --text-secondary: var(--on-light-text-secondary);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-positive: var(--on-light-text-positive);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n --inverse-text-info-minor: var(--on-dark-text-info-minor);\n --inverse-text-primary: var(--on-dark-text-primary);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-clear: var(--on-light-surface-clear);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-promo-hover: var(--on-light-surface-promo-hover);\n --surface-promo-active: var(--on-light-surface-promo-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-positive: var(--on-light-surface-positive);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-info: var(--on-light-surface-info);\n --surface-positive-minor: var(--on-light-surface-positive-minor);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-negative-minor: var(--on-light-surface-negative-minor);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --surface-transparent-info: var(--on-light-surface-transparent-info);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-accent: var(--on-light-surface-accent);\n --surface-transparent-positive-minor: var(--on-light-surface-transparent-positive-minor);\n --surface-transparent-positive-minor-hover: var(--on-light-surface-transparent-positive-minor-hover);\n --surface-transparent-positive-minor-active: var(--on-light-surface-transparent-positive-minor-active);\n --surface-transparent-negative-minor: var(--on-light-surface-transparent-negative-minor);\n --surface-transparent-negative-minor-hover: var(--on-light-surface-transparent-negative-minor-hover);\n --surface-transparent-negative-minor-active: var(--on-light-surface-transparent-negative-minor-active);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-promo: var(--on-light-surface-promo);\n --surface-negative: var(--on-light-surface-negative);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-accent-extra: var(--on-light-surface-accent-extra);\n --surface-accent-extra-hover: var(--on-light-surface-accent-extra-hover);\n --surface-accent-extra-active: var(--on-light-surface-accent-extra-active);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n --inverse-surface-transparent-positive-minor: var(--on-dark-surface-transparent-positive-minor);\n --inverse-surface-transparent-positive-minor-hover: var(--on-dark-surface-transparent-positive-minor-hover);\n --inverse-surface-transparent-positive-minor-active: var(--on-dark-surface-transparent-positive-minor-active);\n --inverse-surface-transparent-negative-minor: var(--on-dark-surface-transparent-negative-minor);\n --inverse-surface-transparent-negative-minor-hover: var(--on-dark-surface-transparent-negative-minor-hover);\n --inverse-surface-transparent-negative-minor-active: var(--on-dark-surface-transparent-negative-minor-active);\n --inverse-surface-accent-extra: var(--on-dark-surface-accent-extra);\n --inverse-surface-accent-extra-hover: var(--on-dark-surface-accent-extra-hover);\n --inverse-surface-accent-extra-active: var(--on-dark-surface-accent-extra-active);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --background-primary: var(--light-background-primary);\n --background-secondary: var(--light-background-secondary);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-secondary: var(--dark-background-secondary);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --overlay-blur: var(--on-light-overlay-blur);\n --overlay-hard-dark: var(--on-light-overlay-hard-dark);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-blur: var(--on-dark-overlay-blur);\n --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --outline-clear: var(--on-light-outline-clear);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --outline-accent: var(--on-light-outline-accent);\n --outline-accent-minor: var(--on-light-outline-accent-minor);\n --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --outline-warning: var(--on-light-outline-warning);\n --outline-positive: var(--on-light-outline-positive);\n --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --outline-positive-minor: var(--on-light-outline-positive-minor);\n --outline-warning-minor: var(--on-light-outline-warning-minor);\n --outline-negative-minor: var(--on-light-outline-negative-minor);\n --outline-info-minor: var(--on-light-outline-info-minor);\n --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --outline-transparent-info: var(--on-light-outline-transparent-info);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n --outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --outline-info: var(--on-light-outline-info);\n --outline-negative: var(--on-light-outline-negative);\n --outline-solid-default: var(--on-light-outline-solid-default);\n --outline-primary-white: var(--on-light-outline-primary-white);\n --outline-primary-white-hover: var(--on-light-outline-primary-white-hover);\n --outline-primary-white-active: var(--on-light-outline-primary-white-active);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --inverse-outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --inverse-outline-clear: var(--on-dark-outline-clear);\n --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n --inverse-outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-primary-white: var(--on-dark-outline-primary-white);\n --inverse-outline-primary-white-hover: var(--on-dark-outline-primary-white-hover);\n --inverse-outline-primary-white-active: var(--on-dark-outline-primary-white-active);\n --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --data-transparent-purple-extra: var(--on-light-data-transparent-purple-extra);\n --data-transparent-purple-extra-hover: var(--on-light-data-transparent-purple-extra-hover);\n --data-transparent-purple-extra-active: var(--on-light-data-transparent-purple-extra-active);\n --data-purple-extra: var(--on-light-data-purple-extra);\n --data-purple-extra-hover: var(--on-light-data-purple-extra-hover);\n --data-purple-extra-active: var(--on-light-data-purple-extra-active);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-transparent-purple-extra: var(--on-dark-data-transparent-purple-extra);\n --inverse-data-transparent-purple-extra-hover: var(--on-dark-data-transparent-purple-extra-hover);\n --inverse-data-transparent-purple-extra-active: var(--on-dark-data-transparent-purple-extra-active);\n --inverse-data-purple-extra: var(--on-dark-data-purple-extra);\n --inverse-data-purple-extra-hover: var(--on-dark-data-purple-extra-hover);\n --inverse-data-purple-extra-active: var(--on-dark-data-purple-extra-active);\n --text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n --text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n --text-accent-gradient: var(--on-light-text-accent-gradient);\n --inverse-text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n --inverse-text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n --inverse-text-accent-gradient: var(--on-dark-text-accent-gradient);\n --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --outline-accent-gradient: var(--on-light-outline-accent-gradient);\n --inverse-outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n ",
2523
+ dark: "\n --syntax-yellow: var(--on-dark-syntax-yellow);\n --syntax-orange: var(--on-dark-syntax-orange);\n --syntax-pink: var(--on-dark-syntax-pink);\n --syntax-spring: var(--on-dark-syntax-spring);\n --syntax-sky-blue: var(--on-dark-syntax-sky-blue);\n --syntax-red: var(--on-dark-syntax-red);\n --inverse-syntax-yellow: var(--on-light-syntax-yellow);\n --inverse-syntax-orange: var(--on-light-syntax-orange);\n --inverse-syntax-pink: var(--on-light-syntax-pink);\n --inverse-syntax-spring: var(--on-light-syntax-spring);\n --inverse-syntax-sky-blue: var(--on-light-syntax-sky-blue);\n --inverse-syntax-red: var(--on-light-syntax-red);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-secondary: var(--on-dark-text-secondary);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-promo-hover: var(--on-dark-text-promo-hover);\n --text-promo-active: var(--on-dark-text-promo-active);\n --text-promo: var(--on-dark-text-promo);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-positive: var(--on-dark-text-positive);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-warning: var(--on-dark-text-warning);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-negative: var(--on-dark-text-negative);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --text-info-minor-active: var(--on-dark-text-info-minor-active);\n --text-info: var(--on-dark-text-info);\n --text-positive-minor: var(--on-dark-text-positive-minor);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-info-minor: var(--on-dark-text-info-minor);\n --text-negative-minor: var(--on-dark-text-negative-minor);\n --text-warning-minor: var(--on-dark-text-warning-minor);\n --text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-light-text-info-minor-active);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n --inverse-text-info-minor: var(--on-light-text-info-minor);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-promo-hover: var(--on-dark-surface-promo-hover);\n --surface-promo-active: var(--on-dark-surface-promo-active);\n --surface-promo: var(--on-dark-surface-promo);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-info: var(--on-dark-surface-info);\n --surface-positive-minor: var(--on-dark-surface-positive-minor);\n --surface-warning-minor: var(--on-dark-surface-warning-minor);\n --surface-negative-minor: var(--on-dark-surface-negative-minor);\n --surface-info-minor: var(--on-dark-surface-info-minor);\n --surface-transparent-info: var(--on-dark-surface-transparent-info);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --surface-transparent-positive-minor: var(--on-dark-surface-transparent-positive-minor);\n --surface-transparent-positive-minor-hover: var(--on-dark-surface-transparent-positive-minor-hover);\n --surface-transparent-positive-minor-active: var(--on-dark-surface-transparent-positive-minor-active);\n --surface-transparent-negative-minor: var(--on-dark-surface-transparent-negative-minor);\n --surface-transparent-negative-minor-hover: var(--on-dark-surface-transparent-negative-minor-hover);\n --surface-transparent-negative-minor-active: var(--on-dark-surface-transparent-negative-minor-active);\n --surface-accent-extra-hover: var(--on-dark-surface-accent-extra-hover);\n --surface-accent-extra-active: var(--on-dark-surface-accent-extra-active);\n --surface-accent-extra: var(--on-dark-surface-accent-extra);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-clear: var(--on-light-surface-clear);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --inverse-surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --inverse-surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --inverse-surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --inverse-surface-transparent-info: var(--on-light-surface-transparent-info);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-warning-minor: var(--on-light-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-light-surface-info-minor);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-positive-minor: var(--on-light-surface-transparent-positive-minor);\n --inverse-surface-transparent-positive-minor-hover: var(--on-light-surface-transparent-positive-minor-hover);\n --inverse-surface-transparent-positive-minor-active: var(--on-light-surface-transparent-positive-minor-active);\n --inverse-surface-transparent-negative-minor: var(--on-light-surface-transparent-negative-minor);\n --inverse-surface-transparent-negative-minor-hover: var(--on-light-surface-transparent-negative-minor-hover);\n --inverse-surface-transparent-negative-minor-active: var(--on-light-surface-transparent-negative-minor-active);\n --inverse-surface-accent-extra-hover: var(--on-light-surface-accent-extra-hover);\n --inverse-surface-accent-extra-active: var(--on-light-surface-accent-extra-active);\n --inverse-surface-accent-extra: var(--on-light-surface-accent-extra);\n --inverse-surface-positive-minor: var(--on-light-surface-positive-minor);\n --background-primary: var(--dark-background-primary);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --background-secondary: var(--dark-background-secondary);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-background-secondary: var(--light-background-secondary);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --overlay-blur: var(--on-dark-overlay-blur);\n --overlay-hard-dark: var(--on-dark-overlay-hard-dark);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-blur: var(--on-light-overlay-blur);\n --outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\n --outline-clear: var(--on-dark-outline-clear);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-minor: var(--on-dark-outline-accent-minor);\n --outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-info: var(--on-dark-outline-info);\n --outline-positive-minor: var(--on-dark-outline-positive-minor);\n --outline-warning-minor: var(--on-dark-outline-warning-minor);\n --outline-negative-minor: var(--on-dark-outline-negative-minor);\n --outline-info-minor: var(--on-dark-outline-info-minor);\n --outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --outline-transparent-info: var(--on-dark-outline-transparent-info);\n --outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n --outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n --outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --outline-primary-white-hover: var(--on-dark-outline-primary-white-hover);\n --outline-primary-white-active: var(--on-dark-outline-primary-white-active);\n --outline-primary-white: var(--on-dark-outline-primary-white);\n --outline-solid-default: var(--on-dark-outline-solid-default);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --inverse-outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --inverse-outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --inverse-outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --inverse-outline-clear: var(--on-light-outline-clear);\n --inverse-outline-accent: var(--on-light-outline-accent);\n --inverse-outline-accent-minor: var(--on-light-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --inverse-outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-info: var(--on-light-outline-info);\n --inverse-outline-positive-minor: var(--on-light-outline-positive-minor);\n --inverse-outline-warning-minor: var(--on-light-outline-warning-minor);\n --inverse-outline-negative-minor: var(--on-light-outline-negative-minor);\n --inverse-outline-info-minor: var(--on-light-outline-info-minor);\n --inverse-outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --inverse-outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --inverse-outline-transparent-info: var(--on-light-outline-transparent-info);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n --inverse-outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n --inverse-outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --inverse-outline-solid-default: var(--on-light-outline-solid-default);\n --inverse-outline-primary-white: var(--on-light-outline-primary-white);\n --inverse-outline-primary-white-hover: var(--on-light-outline-primary-white-hover);\n --inverse-outline-primary-white-active: var(--on-light-outline-primary-white-active);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --data-transparent-purple-extra-hover: var(--on-dark-data-transparent-purple-extra-hover);\n --data-transparent-purple-extra-active: var(--on-dark-data-transparent-purple-extra-active);\n --data-transparent-purple-extra: var(--on-dark-data-transparent-purple-extra);\n --data-purple-extra-hover: var(--on-dark-data-purple-extra-hover);\n --data-purple-extra-active: var(--on-dark-data-purple-extra-active);\n --data-purple-extra: var(--on-dark-data-purple-extra);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-transparent-purple-extra-hover: var(--on-light-data-transparent-purple-extra-hover);\n --inverse-data-transparent-purple-extra-active: var(--on-light-data-transparent-purple-extra-active);\n --inverse-data-transparent-purple-extra: var(--on-light-data-transparent-purple-extra);\n --inverse-data-purple-extra-hover: var(--on-light-data-purple-extra-hover);\n --inverse-data-purple-extra-active: var(--on-light-data-purple-extra-active);\n --inverse-data-purple-extra: var(--on-light-data-purple-extra);\n --text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n --text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n --text-accent-gradient: var(--on-dark-text-accent-gradient);\n --inverse-text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n --inverse-text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n --inverse-text-accent-gradient: var(--on-light-text-accent-gradient);\n --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n --inverse-outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\n ",
2524
+ light: "\n --syntax-yellow: var(--on-light-syntax-yellow);\n --syntax-orange: var(--on-light-syntax-orange);\n --syntax-pink: var(--on-light-syntax-pink);\n --syntax-spring: var(--on-light-syntax-spring);\n --syntax-sky-blue: var(--on-light-syntax-sky-blue);\n --syntax-red: var(--on-light-syntax-red);\n --inverse-syntax-yellow: var(--on-dark-syntax-yellow);\n --inverse-syntax-orange: var(--on-dark-syntax-orange);\n --inverse-syntax-pink: var(--on-dark-syntax-pink);\n --inverse-syntax-spring: var(--on-dark-syntax-spring);\n --inverse-syntax-sky-blue: var(--on-dark-syntax-sky-blue);\n --inverse-syntax-red: var(--on-dark-syntax-red);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-promo-hover: var(--on-light-text-promo-hover);\n --text-promo-active: var(--on-light-text-promo-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-warning: var(--on-light-text-warning);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-negative: var(--on-light-text-negative);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-positive-minor-hover: var(--on-light-text-positive-minor-hover);\n --text-positive-minor-active: var(--on-light-text-positive-minor-active);\n --text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --text-warning-minor-active: var(--on-light-text-warning-minor-active);\n --text-negative-minor-hover: var(--on-light-text-negative-minor-hover);\n --text-negative-minor-active: var(--on-light-text-negative-minor-active);\n --text-info-minor-hover: var(--on-light-text-info-minor-hover);\n --text-info-minor-active: var(--on-light-text-info-minor-active);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-info: var(--on-light-text-info);\n --text-positive-minor: var(--on-light-text-positive-minor);\n --text-warning-minor: var(--on-light-text-warning-minor);\n --text-negative-minor: var(--on-light-text-negative-minor);\n --text-info-minor: var(--on-light-text-info-minor);\n --text-promo: var(--on-light-text-promo);\n --text-accent: var(--on-light-text-accent);\n --text-primary: var(--on-light-text-primary);\n --text-secondary: var(--on-light-text-secondary);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-positive: var(--on-light-text-positive);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-positive-minor-hover: var(--on-dark-text-positive-minor-hover);\n --inverse-text-positive-minor-active: var(--on-dark-text-positive-minor-active);\n --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --inverse-text-warning-minor-active: var(--on-dark-text-warning-minor-active);\n --inverse-text-negative-minor-hover: var(--on-dark-text-negative-minor-hover);\n --inverse-text-negative-minor-active: var(--on-dark-text-negative-minor-active);\n --inverse-text-info-minor-hover: var(--on-dark-text-info-minor-hover);\n --inverse-text-info-minor-active: var(--on-dark-text-info-minor-active);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-positive-minor: var(--on-dark-text-positive-minor);\n --inverse-text-warning-minor: var(--on-dark-text-warning-minor);\n --inverse-text-negative-minor: var(--on-dark-text-negative-minor);\n --inverse-text-info-minor: var(--on-dark-text-info-minor);\n --inverse-text-primary: var(--on-dark-text-primary);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-clear: var(--on-light-surface-clear);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-promo-hover: var(--on-light-surface-promo-hover);\n --surface-promo-active: var(--on-light-surface-promo-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-positive: var(--on-light-surface-positive);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-positive-minor-hover: var(--on-light-surface-positive-minor-hover);\n --surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-negative-minor-hover: var(--on-light-surface-negative-minor-hover);\n --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-positive-hover: var(--on-light-surface-transparent-positive-hover);\n --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --surface-transparent-warning-hover: var(--on-light-surface-transparent-warning-hover);\n --surface-transparent-warning-active: var(--on-light-surface-transparent-warning-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-transparent-info-hover: var(--on-light-surface-transparent-info-hover);\n --surface-transparent-info-active: var(--on-light-surface-transparent-info-active);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-info: var(--on-light-surface-info);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-negative-minor: var(--on-light-surface-negative-minor);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --surface-transparent-info: var(--on-light-surface-transparent-info);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-accent: var(--on-light-surface-accent);\n --surface-transparent-positive-minor: var(--on-light-surface-transparent-positive-minor);\n --surface-transparent-positive-minor-hover: var(--on-light-surface-transparent-positive-minor-hover);\n --surface-transparent-positive-minor-active: var(--on-light-surface-transparent-positive-minor-active);\n --surface-transparent-negative-minor: var(--on-light-surface-transparent-negative-minor);\n --surface-transparent-negative-minor-hover: var(--on-light-surface-transparent-negative-minor-hover);\n --surface-transparent-negative-minor-active: var(--on-light-surface-transparent-negative-minor-active);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-promo: var(--on-light-surface-promo);\n --surface-negative: var(--on-light-surface-negative);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-transparent-positive: var(--on-light-surface-transparent-positive);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-accent-extra: var(--on-light-surface-accent-extra);\n --surface-accent-extra-hover: var(--on-light-surface-accent-extra-hover);\n --surface-accent-extra-active: var(--on-light-surface-accent-extra-active);\n --surface-positive-minor: var(--on-light-surface-positive-minor);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-positive-minor-hover: var(--on-dark-surface-positive-minor-hover);\n --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-transparent-positive-hover: var(--on-dark-surface-transparent-positive-hover);\n --inverse-surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --inverse-surface-transparent-warning-hover: var(--on-dark-surface-transparent-warning-hover);\n --inverse-surface-transparent-warning-active: var(--on-dark-surface-transparent-warning-active);\n --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-transparent-info-hover: var(--on-dark-surface-transparent-info-hover);\n --inverse-surface-transparent-info-active: var(--on-dark-surface-transparent-info-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-positive-minor: var(--on-dark-surface-positive-minor);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-transparent-positive: var(--on-dark-surface-transparent-positive);\n --inverse-surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --inverse-surface-transparent-info: var(--on-dark-surface-transparent-info);\n --inverse-surface-transparent-positive-minor: var(--on-dark-surface-transparent-positive-minor);\n --inverse-surface-transparent-positive-minor-hover: var(--on-dark-surface-transparent-positive-minor-hover);\n --inverse-surface-transparent-positive-minor-active: var(--on-dark-surface-transparent-positive-minor-active);\n --inverse-surface-transparent-negative-minor: var(--on-dark-surface-transparent-negative-minor);\n --inverse-surface-transparent-negative-minor-hover: var(--on-dark-surface-transparent-negative-minor-hover);\n --inverse-surface-transparent-negative-minor-active: var(--on-dark-surface-transparent-negative-minor-active);\n --inverse-surface-accent-extra: var(--on-dark-surface-accent-extra);\n --inverse-surface-accent-extra-hover: var(--on-dark-surface-accent-extra-hover);\n --inverse-surface-accent-extra-active: var(--on-dark-surface-accent-extra-active);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --background-primary: var(--light-background-primary);\n --background-secondary: var(--light-background-secondary);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-secondary: var(--dark-background-secondary);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --overlay-blur: var(--on-light-overlay-blur);\n --overlay-hard-dark: var(--on-light-overlay-hard-dark);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-blur: var(--on-dark-overlay-blur);\n --outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --outline-solid-secondary-hover: var(--on-light-outline-solid-secondary-hover);\n --outline-solid-secondary-active: var(--on-light-outline-solid-secondary-active);\n --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --outline-transparent-accent-active: var(--on-light-outline-transparent-accent-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive-minor-hover: var(--on-light-outline-positive-minor-hover);\n --outline-positive-minor-active: var(--on-light-outline-positive-minor-active);\n --outline-warning-minor-hover: var(--on-light-outline-warning-minor-hover);\n --outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --outline-negative-minor-hover: var(--on-light-outline-negative-minor-hover);\n --outline-negative-minor-active: var(--on-light-outline-negative-minor-active);\n --outline-info-minor-hover: var(--on-light-outline-info-minor-hover);\n --outline-info-minor-active: var(--on-light-outline-info-minor-active);\n --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --outline-transparent-negative-active: var(--on-light-outline-transparent-negative-active);\n --outline-transparent-info-hover: var(--on-light-outline-transparent-info-hover);\n --outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\n --outline-clear: var(--on-light-outline-clear);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --outline-accent: var(--on-light-outline-accent);\n --outline-accent-minor: var(--on-light-outline-accent-minor);\n --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --outline-warning: var(--on-light-outline-warning);\n --outline-positive: var(--on-light-outline-positive);\n --outline-transparent-positive: var(--on-light-outline-transparent-positive);\n --outline-positive-minor: var(--on-light-outline-positive-minor);\n --outline-warning-minor: var(--on-light-outline-warning-minor);\n --outline-negative-minor: var(--on-light-outline-negative-minor);\n --outline-info-minor: var(--on-light-outline-info-minor);\n --outline-transparent-warning: var(--on-light-outline-transparent-warning);\n --outline-transparent-negative: var(--on-light-outline-transparent-negative);\n --outline-transparent-info: var(--on-light-outline-transparent-info);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --outline-transparent-secondary: var(--on-light-outline-transparent-secondary);\n --outline-transparent-tertiary: var(--on-light-outline-transparent-tertiary);\n --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --outline-info: var(--on-light-outline-info);\n --outline-negative: var(--on-light-outline-negative);\n --outline-solid-default: var(--on-light-outline-solid-default);\n --outline-primary-white: var(--on-light-outline-primary-white);\n --outline-primary-white-hover: var(--on-light-outline-primary-white-hover);\n --outline-primary-white-active: var(--on-light-outline-primary-white-active);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --inverse-outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --inverse-outline-transparent-accent-active: var(--on-dark-outline-transparent-accent-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-minor-hover: var(--on-dark-outline-positive-minor-hover);\n --inverse-outline-positive-minor-active: var(--on-dark-outline-positive-minor-active);\n --inverse-outline-warning-minor-hover: var(--on-dark-outline-warning-minor-hover);\n --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --inverse-outline-negative-minor-hover: var(--on-dark-outline-negative-minor-hover);\n --inverse-outline-negative-minor-active: var(--on-dark-outline-negative-minor-active);\n --inverse-outline-info-minor-hover: var(--on-dark-outline-info-minor-hover);\n --inverse-outline-info-minor-active: var(--on-dark-outline-info-minor-active);\n --inverse-outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --inverse-outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --inverse-outline-transparent-negative-active: var(--on-dark-outline-transparent-negative-active);\n --inverse-outline-transparent-info-hover: var(--on-dark-outline-transparent-info-hover);\n --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\n --inverse-outline-clear: var(--on-dark-outline-clear);\n --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --inverse-outline-transparent-positive: var(--on-dark-outline-transparent-positive);\n --inverse-outline-transparent-warning: var(--on-dark-outline-transparent-warning);\n --inverse-outline-transparent-negative: var(--on-dark-outline-transparent-negative);\n --inverse-outline-transparent-info: var(--on-dark-outline-transparent-info);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-positive-minor: var(--on-dark-outline-positive-minor);\n --inverse-outline-warning-minor: var(--on-dark-outline-warning-minor);\n --inverse-outline-negative-minor: var(--on-dark-outline-negative-minor);\n --inverse-outline-info-minor: var(--on-dark-outline-info-minor);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-secondary: var(--on-dark-outline-transparent-secondary);\n --inverse-outline-transparent-tertiary: var(--on-dark-outline-transparent-tertiary);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --inverse-outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\n --inverse-outline-solid-default-hover: var(--on-dark-outline-solid-default-hover);\n --inverse-outline-solid-default-active: var(--on-dark-outline-solid-default-active);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-primary-white: var(--on-dark-outline-primary-white);\n --inverse-outline-primary-white-hover: var(--on-dark-outline-primary-white-hover);\n --inverse-outline-primary-white-active: var(--on-dark-outline-primary-white-active);\n --inverse-outline-solid-default: var(--on-dark-outline-solid-default);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --data-transparent-purple-extra: var(--on-light-data-transparent-purple-extra);\n --data-transparent-purple-extra-hover: var(--on-light-data-transparent-purple-extra-hover);\n --data-transparent-purple-extra-active: var(--on-light-data-transparent-purple-extra-active);\n --data-purple-extra: var(--on-light-data-purple-extra);\n --data-purple-extra-hover: var(--on-light-data-purple-extra-hover);\n --data-purple-extra-active: var(--on-light-data-purple-extra-active);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-transparent-purple-extra: var(--on-dark-data-transparent-purple-extra);\n --inverse-data-transparent-purple-extra-hover: var(--on-dark-data-transparent-purple-extra-hover);\n --inverse-data-transparent-purple-extra-active: var(--on-dark-data-transparent-purple-extra-active);\n --inverse-data-purple-extra: var(--on-dark-data-purple-extra);\n --inverse-data-purple-extra-hover: var(--on-dark-data-purple-extra-hover);\n --inverse-data-purple-extra-active: var(--on-dark-data-purple-extra-active);\n --text-accent-gradient-hover: var(--on-light-text-accent-gradient-hover);\n --text-accent-gradient-active: var(--on-light-text-accent-gradient-active);\n --text-accent-gradient: var(--on-light-text-accent-gradient);\n --inverse-text-accent-gradient-hover: var(--on-dark-text-accent-gradient-hover);\n --inverse-text-accent-gradient-active: var(--on-dark-text-accent-gradient-active);\n --inverse-text-accent-gradient: var(--on-dark-text-accent-gradient);\n --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --outline-accent-gradient: var(--on-light-outline-accent-gradient);\n --inverse-outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n ",
2525
2525
  };
2526
2526
  //# sourceMappingURL=index.js.map