@salutejs/sdds-themes 0.70.0-next-sbcom.0 → 0.70.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 (56) hide show
  1. package/css/sdds_platform_ai.module.css +60 -12
  2. package/css/sdds_platform_ai__dark.css +30 -6
  3. package/css/sdds_platform_ai__light.css +30 -6
  4. package/css/sdds_serv.module.css +144 -0
  5. package/css/sdds_serv__dark.css +72 -0
  6. package/css/sdds_serv__light.css +72 -0
  7. package/css/sdds_serv_malachite.module.css +2453 -0
  8. package/css/sdds_serv_malachite__dark.css +1585 -0
  9. package/css/sdds_serv_malachite__light.css +1585 -0
  10. package/es/themes/index.js +2 -0
  11. package/es/themes/index.js.map +1 -1
  12. package/es/themes/sdds_platform_ai__dark.js +1 -1
  13. package/es/themes/sdds_platform_ai__dark.js.map +1 -1
  14. package/es/themes/sdds_platform_ai__light.js +1 -1
  15. package/es/themes/sdds_platform_ai__light.js.map +1 -1
  16. package/es/themes/sdds_serv__dark.js +1 -1
  17. package/es/themes/sdds_serv__dark.js.map +1 -1
  18. package/es/themes/sdds_serv__light.js +1 -1
  19. package/es/themes/sdds_serv__light.js.map +1 -1
  20. package/es/themes/sdds_serv_malachite__dark.js +3 -0
  21. package/es/themes/sdds_serv_malachite__dark.js.map +1 -0
  22. package/es/themes/sdds_serv_malachite__light.js +3 -0
  23. package/es/themes/sdds_serv_malachite__light.js.map +1 -0
  24. package/es/tokens/sdds_platform_ai/index.js +58 -10
  25. package/es/tokens/sdds_platform_ai/index.js.map +1 -1
  26. package/es/tokens/sdds_serv/index.js +146 -2
  27. package/es/tokens/sdds_serv/index.js.map +1 -1
  28. package/es/tokens/sdds_serv_malachite/index.js +2280 -0
  29. package/es/tokens/sdds_serv_malachite/index.js.map +1 -0
  30. package/package.json +3 -3
  31. package/themes/index.d.ts +2 -0
  32. package/themes/index.js +5 -1
  33. package/themes/index.js.map +1 -1
  34. package/themes/sdds_platform_ai__dark.js +1 -1
  35. package/themes/sdds_platform_ai__dark.js.map +1 -1
  36. package/themes/sdds_platform_ai__light.js +1 -1
  37. package/themes/sdds_platform_ai__light.js.map +1 -1
  38. package/themes/sdds_serv__dark.js +1 -1
  39. package/themes/sdds_serv__dark.js.map +1 -1
  40. package/themes/sdds_serv__light.js +1 -1
  41. package/themes/sdds_serv__light.js.map +1 -1
  42. package/themes/sdds_serv_malachite__dark.d.ts +1 -0
  43. package/themes/sdds_serv_malachite__dark.js +6 -0
  44. package/themes/sdds_serv_malachite__dark.js.map +1 -0
  45. package/themes/sdds_serv_malachite__light.d.ts +1 -0
  46. package/themes/sdds_serv_malachite__light.js +6 -0
  47. package/themes/sdds_serv_malachite__light.js.map +1 -0
  48. package/tokens/sdds_platform_ai/index.d.ts +56 -8
  49. package/tokens/sdds_platform_ai/index.js +79 -31
  50. package/tokens/sdds_platform_ai/index.js.map +1 -1
  51. package/tokens/sdds_serv/index.d.ts +144 -0
  52. package/tokens/sdds_serv/index.js +167 -22
  53. package/tokens/sdds_serv/index.js.map +1 -1
  54. package/tokens/sdds_serv_malachite/index.d.ts +2278 -0
  55. package/tokens/sdds_serv_malachite/index.js +2301 -0
  56. package/tokens/sdds_serv_malachite/index.js.map +1 -0
package/es/tokens/sdds_platform_ai/index.js CHANGED
@@ -1,4 +1,52 @@
1
1
  // Generated by robots, do not change this manually!
2
+ /** dark syntax default syntaxYellow */
3
+ export var syntaxYellow = 'var(--syntax-yellow, #F3A912)';
4
+ /** dark syntax default syntaxOrange */
5
+ export var syntaxOrange = 'var(--syntax-orange, #FFB38A)';
6
+ /** dark syntax default syntaxPink */
7
+ export var syntaxPink = 'var(--syntax-pink, #FF4791)';
8
+ /** dark syntax default syntaxSpring */
9
+ export var syntaxSpring = 'var(--syntax-spring, #C5FC5F)';
10
+ /** dark syntax default syntaxSkyBlue */
11
+ export var syntaxSkyBlue = 'var(--syntax-sky-blue, #8AE6FF)';
12
+ /** dark syntax default syntaxRed */
13
+ export var syntaxRed = 'var(--syntax-red, #FF8F9A)';
14
+ /** dark syntax onDark syntaxYellow */
15
+ export var onDarkSyntaxYellow = 'var(--on-dark-syntax-yellow, #F3A912)';
16
+ /** dark syntax onDark syntaxOrange */
17
+ export var onDarkSyntaxOrange = 'var(--on-dark-syntax-orange, #FFB38A)';
18
+ /** dark syntax onDark syntaxPink */
19
+ export var onDarkSyntaxPink = 'var(--on-dark-syntax-pink, #FF4791)';
20
+ /** dark syntax onDark syntaxSpring */
21
+ export var onDarkSyntaxSpring = 'var(--on-dark-syntax-spring, #C5FC5F)';
22
+ /** dark syntax onDark syntaxSkyBlue */
23
+ export var onDarkSyntaxSkyBlue = 'var(--on-dark-syntax-sky-blue, #8AE6FF)';
24
+ /** dark syntax onDark syntaxRed */
25
+ export var onDarkSyntaxRed = 'var(--on-dark-syntax-red, #FF8F9A)';
26
+ /** dark syntax onLight syntaxYellow */
27
+ export var onLightSyntaxYellow = 'var(--on-light-syntax-yellow, #F3A912)';
28
+ /** dark syntax onLight syntaxOrange */
29
+ export var onLightSyntaxOrange = 'var(--on-light-syntax-orange, #85380C)';
30
+ /** dark syntax onLight syntaxPink */
31
+ export var onLightSyntaxPink = 'var(--on-light-syntax-pink, #9B0D46)';
32
+ /** dark syntax onLight syntaxSpring */
33
+ export var onLightSyntaxSpring = 'var(--on-light-syntax-spring, #629405)';
34
+ /** dark syntax onLight syntaxSkyBlue */
35
+ export var onLightSyntaxSkyBlue = 'var(--on-light-syntax-sky-blue, #0492B9)';
36
+ /** dark syntax onLight syntaxRed */
37
+ export var onLightSyntaxRed = 'var(--on-light-syntax-red, #FF3D51)';
38
+ /** dark syntax inverse syntaxYellow */
39
+ export var inverseSyntaxYellow = 'var(--inverse-syntax-yellow, #F3A912)';
40
+ /** dark syntax inverse syntaxOrange */
41
+ export var inverseSyntaxOrange = 'var(--inverse-syntax-orange, #85380C)';
42
+ /** dark syntax inverse syntaxPink */
43
+ export var inverseSyntaxPink = 'var(--inverse-syntax-pink, #9B0D46)';
44
+ /** dark syntax inverse syntaxSpring */
45
+ export var inverseSyntaxSpring = 'var(--inverse-syntax-spring, #629405)';
46
+ /** dark syntax inverse syntaxSkyBlue */
47
+ export var inverseSyntaxSkyBlue = 'var(--inverse-syntax-sky-blue, #0492B9)';
48
+ /** dark syntax inverse syntaxRed */
49
+ export var inverseSyntaxRed = 'var(--inverse-syntax-red, #FF3D51)';
2
50
  /** Основной цвет текста */
3
51
  export var textPrimaryHover = 'var(--text-primary-hover, #7A7A7AFF)';
4
52
  /** Основной цвет текста */
@@ -1370,9 +1418,9 @@ export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-prima
1370
1418
  /** Основной непрозрачный цвет обводки на светлом фоне */
1371
1419
  export var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #C4C4C4FF)';
1372
1420
  /** Вторичный непрозрачный цвет обводки на светлом фоне */
1373
- export var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #DBDBDBFF)';
1421
+ export var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #C9C9C9FF)';
1374
1422
  /** Вторичный непрозрачный цвет обводки на светлом фоне */
1375
- export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #8F8F8FFF)';
1423
+ export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #8C8C8CFF)';
1376
1424
  /** Третичный непрозрачный цвет обводки на светлом фоне */
1377
1425
  export var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #A3A3A3FF)';
1378
1426
  /** Третичный непрозрачный цвет обводки на светлом фоне */
@@ -1489,8 +1537,6 @@ export var onLightOutlinePositive = 'var(--on-light-outline-positive, #108E26)';
1489
1537
  export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #28D247)';
1490
1538
  /** Акцентный цвет обводки на светлом фоне */
1491
1539
  export var onLightOutlineAccent = 'var(--on-light-outline-accent, #108E26)';
1492
- /** Вторичный непрозрачный цвет обводки на светлом фоне */
1493
- export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #B3B3B3)';
1494
1540
  /** Основной прозрачный цвет обводки на светлом фоне */
1495
1541
  export var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #0808081F)';
1496
1542
  /** Вторичный прозрачный цвет обводки на светлом фоне */
@@ -1509,14 +1555,16 @@ export var onLightOutlinePrimaryWhite = 'var(--on-light-outline-primary-white, #
1509
1555
  export var onLightOutlinePrimaryWhiteHover = 'var(--on-light-outline-primary-white-hover, #CCCCCCFF)';
1510
1556
  /** dark outline onLight outlinePrimaryWhiteActive */
1511
1557
  export var onLightOutlinePrimaryWhiteActive = 'var(--on-light-outline-primary-white-active, #E6E6E6FF)';
1558
+ /** Вторичный непрозрачный цвет обводки на светлом фоне */
1559
+ export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #A1A1A1FF)';
1512
1560
  /** Инвертированный основной непрозрачный цвет обводки */
1513
1561
  export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #ABABABFF)';
1514
1562
  /** Инвертированный основной непрозрачный цвет обводки */
1515
1563
  export var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C4C4C4FF)';
1516
1564
  /** Инвертированный вторичный непрозрачный цвет обводки */
1517
- export var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #DBDBDBFF)';
1565
+ export var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #C9C9C9FF)';
1518
1566
  /** Инвертированный вторичный непрозрачный цвет обводки */
1519
- export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #8F8F8FFF)';
1567
+ export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #8C8C8CFF)';
1520
1568
  /** Инвертированный третичный непрозрачный цвет обводки */
1521
1569
  export var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #A3A3A3FF)';
1522
1570
  /** Инвертированный третичный непрозрачный цвет обводки */
@@ -1639,8 +1687,6 @@ export var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent
1639
1687
  export var inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, #08080847)';
1640
1688
  /** Инвертированный третичный прозрачный цвет обводки */
1641
1689
  export var inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, #0808088F)';
1642
- /** Инвертированный вторичный непрозрачный цвет обводки */
1643
- export var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #B3B3B3)';
1644
1690
  /** dark outline inverse outlineSolidDefaultHover */
1645
1691
  export var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #969696FF)';
1646
1692
  /** dark outline inverse outlineSolidDefaultActive */
@@ -1653,6 +1699,8 @@ export var inverseOutlinePrimaryWhite = 'var(--inverse-outline-primary-white, #F
1653
1699
  export var inverseOutlinePrimaryWhiteHover = 'var(--inverse-outline-primary-white-hover, #CCCCCCFF)';
1654
1700
  /** dark outline inverse outlinePrimaryWhiteActive */
1655
1701
  export var inverseOutlinePrimaryWhiteActive = 'var(--inverse-outline-primary-white-active, #E6E6E6FF)';
1702
+ /** Инвертированный вторичный непрозрачный цвет обводки */
1703
+ export var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #A1A1A1FF)';
1656
1704
  /** Желтый цвет для данных */
1657
1705
  export var dataYellow = 'var(--data-yellow, #F3A912)';
1658
1706
  /** Желтый цвет для данных */
@@ -2400,7 +2448,7 @@ export var textXSMedium = {
2400
2448
  lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)',
2401
2449
  };
2402
2450
  export var viewContainer = {
2403
- dark: "\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 --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 --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-secondary: var(--on-light-outline-solid-secondary);\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 --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 --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 --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 ",
2404
- light: "\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 --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 --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-secondary: var(--on-light-outline-solid-secondary);\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 --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 --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 --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 ",
2451
+ 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 --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 --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 --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 --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 ",
2452
+ 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 --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 --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 --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 --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 ",
2405
2453
  };
2406
2454
  //# sourceMappingURL=index.js.map