@salutejs/sdds-themes 0.78.0-next-sbcom.0 → 0.78.1-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/sdds_cs.module.css +155 -158
- package/css/sdds_cs__dark.css +155 -158
- package/css/sdds_cs__light.css +155 -158
- package/css/sdds_finai.module.css +484 -178
- package/css/sdds_finai__dark.css +239 -85
- package/css/sdds_finai__light.css +259 -105
- package/css/sdds_platform_ai.module.css +0 -16
- package/css/sdds_platform_ai__dark.css +0 -7
- package/css/sdds_platform_ai__light.css +0 -9
- package/es/themes/sdds_cs__dark.js +1 -1
- package/es/themes/sdds_cs__dark.js.map +1 -1
- package/es/themes/sdds_cs__light.js +1 -1
- package/es/themes/sdds_cs__light.js.map +1 -1
- package/es/themes/sdds_finai__dark.js +1 -1
- package/es/themes/sdds_finai__dark.js.map +1 -1
- package/es/themes/sdds_finai__light.js +1 -1
- package/es/themes/sdds_finai__light.js.map +1 -1
- package/es/themes/sdds_platform_ai__dark.js +1 -1
- package/es/themes/sdds_platform_ai__dark.js.map +1 -1
- package/es/themes/sdds_platform_ai__light.js +1 -1
- package/es/themes/sdds_platform_ai__light.js.map +1 -1
- package/es/tokens/sdds_finai/index.js +418 -110
- package/es/tokens/sdds_finai/index.js.map +1 -1
- package/es/tokens/sdds_platform_ai/index.js +2 -16
- package/es/tokens/sdds_platform_ai/index.js.map +1 -1
- package/package.json +4 -6
- package/themes/sdds_cs__dark.js +1 -1
- package/themes/sdds_cs__dark.js.map +1 -1
- package/themes/sdds_cs__light.js +1 -1
- package/themes/sdds_cs__light.js.map +1 -1
- package/themes/sdds_finai__dark.js +1 -1
- package/themes/sdds_finai__dark.js.map +1 -1
- package/themes/sdds_finai__light.js +1 -1
- package/themes/sdds_finai__light.js.map +1 -1
- package/themes/sdds_platform_ai__dark.js +1 -1
- package/themes/sdds_platform_ai__dark.js.map +1 -1
- package/themes/sdds_platform_ai__light.js +1 -1
- package/themes/sdds_platform_ai__light.js.map +1 -1
- package/tokens/sdds_finai/index.d.ts +416 -108
- package/tokens/sdds_finai/index.js +432 -121
- package/tokens/sdds_finai/index.js.map +1 -1
- package/tokens/sdds_platform_ai/index.d.ts +0 -14
- package/tokens/sdds_platform_ai/index.js +24 -38
- package/tokens/sdds_platform_ai/index.js.map +1 -1
|
@@ -1503,8 +1503,6 @@ export var dataYellowLightActive = 'var(--data-yellow-light-active, #191205FF)';
|
|
|
1503
1503
|
export var dataSkyBlueLightHover = 'var(--data-sky-blue-light-hover, #E0F8FFFF)';
|
|
1504
1504
|
/** Светлый голубой цвет для данных */
|
|
1505
1505
|
export var dataSkyBlueLightActive = 'var(--data-sky-blue-light-active, #DBF7FFFF)';
|
|
1506
|
-
/** dark data default dataGreen */
|
|
1507
|
-
export var dataGreen = 'var(--data-green, #1A9E32)';
|
|
1508
1506
|
/** Светлый желтый цвет для данных */
|
|
1509
1507
|
export var dataYellowLight = 'var(--data-yellow-light, #211807)';
|
|
1510
1508
|
/** Светлый голубой цвет для данных */
|
|
@@ -1513,8 +1511,6 @@ export var dataBlueLight = 'var(--data-blue-light, #0A1924)';
|
|
|
1513
1511
|
export var dataYellow = 'var(--data-yellow, #A16B00)';
|
|
1514
1512
|
/** Минорный желтый цвет для данных */
|
|
1515
1513
|
export var dataYellowMinor = 'var(--data-yellow-minor, #493203)';
|
|
1516
|
-
/** dark data default dataOrange */
|
|
1517
|
-
export var dataOrange = 'var(--data-orange, #FA5F05)';
|
|
1518
1514
|
/** dark data default dataOrangeMinor */
|
|
1519
1515
|
export var dataOrangeMinor = 'var(--data-orange-minor, #85380C)';
|
|
1520
1516
|
/** dark data default dataOrangeLight */
|
|
@@ -1529,12 +1525,8 @@ export var dataRedLight = 'var(--data-red-light, #4A0D13)';
|
|
|
1529
1525
|
export var dataArctic = 'var(--data-arctic, #197D61)';
|
|
1530
1526
|
/** dark data default dataGreenMinor */
|
|
1531
1527
|
export var dataGreenMinor = 'var(--data-green-minor, #0D8523)';
|
|
1532
|
-
/** dark data default dataGreenLight */
|
|
1533
|
-
export var dataGreenLight = 'var(--data-green-light, #0A4014)';
|
|
1534
1528
|
/** dark data default dataSpring */
|
|
1535
1529
|
export var dataSpring = 'var(--data-spring, #0D8523)';
|
|
1536
|
-
/** dark data default dataBlue */
|
|
1537
|
-
export var dataBlue = 'var(--data-blue, #118CDF)';
|
|
1538
1530
|
/** dark data default dataBlueMild */
|
|
1539
1531
|
export var dataBlueMild = 'var(--data-blue-mild, #0C72B6)';
|
|
1540
1532
|
/** dark data default dataBlueMinor */
|
|
@@ -1545,8 +1537,6 @@ export var dataMalachite = 'var(--data-malachite, #007D80)';
|
|
|
1545
1537
|
export var dataMalachiteMinor = 'var(--data-malachite-minor, #0C585A)';
|
|
1546
1538
|
/** dark data default dataElectricBlue */
|
|
1547
1539
|
export var dataElectricBlue = 'var(--data-electric-blue, #1549AB)';
|
|
1548
|
-
/** dark data default dataFuchsia */
|
|
1549
|
-
export var dataFuchsia = 'var(--data-fuchsia, #8A2178)';
|
|
1550
1540
|
/** dark data default dataPink */
|
|
1551
1541
|
export var dataPink = 'var(--data-pink, #9B0D46)';
|
|
1552
1542
|
/** dark data default dataGray */
|
|
@@ -1564,25 +1554,25 @@ export var dataGreenTransparent = 'var(--data-green-transparent, #1A9E323D)';
|
|
|
1564
1554
|
/** dark data default dataBlueTransparent */
|
|
1565
1555
|
export var dataBlueTransparent = 'var(--data-blue-transparent, #118CDF3D)';
|
|
1566
1556
|
/** dark data default dataGreenHover */
|
|
1567
|
-
export var dataGreenHover = 'var(--data-green-hover, #
|
|
1557
|
+
export var dataGreenHover = 'var(--data-green-hover, #12A12AFF)';
|
|
1568
1558
|
/** dark data default dataGreenActive */
|
|
1569
|
-
export var dataGreenActive = 'var(--data-green-active, #
|
|
1559
|
+
export var dataGreenActive = 'var(--data-green-active, #0F8523FF)';
|
|
1570
1560
|
/** Светлый голубой цвет для данных */
|
|
1571
1561
|
export var dataBlueLightHover = 'var(--data-blue-light-hover, #0C1F2CFF)';
|
|
1572
1562
|
/** Светлый голубой цвет для данных */
|
|
1573
1563
|
export var dataBlueLightActive = 'var(--data-blue-light-active, #08141CFF)';
|
|
1574
1564
|
/** dark data default dataOrchidHover */
|
|
1575
|
-
export var dataOrchidHover = 'var(--data-orchid-hover, #
|
|
1565
|
+
export var dataOrchidHover = 'var(--data-orchid-hover, #A94AE8FF)';
|
|
1576
1566
|
/** dark data default dataOrchidActive */
|
|
1577
|
-
export var dataOrchidActive = 'var(--data-orchid-active, #
|
|
1567
|
+
export var dataOrchidActive = 'var(--data-orchid-active, #9C2FE4FF)';
|
|
1578
1568
|
/** dark data default dataOrchidMinorHover */
|
|
1579
1569
|
export var dataOrchidMinorHover = 'var(--data-orchid-minor-hover, #7D2FB1FF)';
|
|
1580
1570
|
/** dark data default dataOrchidMinorActive */
|
|
1581
1571
|
export var dataOrchidMinorActive = 'var(--data-orchid-minor-active, #6C2999FF)';
|
|
1582
1572
|
/** dark data default dataOrangeHover */
|
|
1583
|
-
export var dataOrangeHover = 'var(--data-orange-hover, #
|
|
1573
|
+
export var dataOrangeHover = 'var(--data-orange-hover, #FC5E03FF)';
|
|
1584
1574
|
/** dark data default dataOrangeActive */
|
|
1585
|
-
export var dataOrangeActive = 'var(--data-orange-active, #
|
|
1575
|
+
export var dataOrangeActive = 'var(--data-orange-active, #DE5302FF)';
|
|
1586
1576
|
/** dark data default dataOrangeMinorHover */
|
|
1587
1577
|
export var dataOrangeMinorHover = 'var(--data-orange-minor-hover, #95400EFF)';
|
|
1588
1578
|
/** dark data default dataOrangeMinorActive */
|
|
@@ -1612,17 +1602,17 @@ export var dataGreenMinorHover = 'var(--data-green-minor-hover, #0F9928FF)';
|
|
|
1612
1602
|
/** dark data default dataGreenMinorActive */
|
|
1613
1603
|
export var dataGreenMinorActive = 'var(--data-green-minor-active, #0C7D21FF)';
|
|
1614
1604
|
/** dark data default dataGreenLightHover */
|
|
1615
|
-
export var dataGreenLightHover = 'var(--data-green-light-hover, #
|
|
1605
|
+
export var dataGreenLightHover = 'var(--data-green-light-hover, #0E3A16FF)';
|
|
1616
1606
|
/** dark data default dataGreenLightActive */
|
|
1617
|
-
export var dataGreenLightActive = 'var(--data-green-light-active, #
|
|
1607
|
+
export var dataGreenLightActive = 'var(--data-green-light-active, #08210CFF)';
|
|
1618
1608
|
/** dark data default dataSpringHover */
|
|
1619
1609
|
export var dataSpringHover = 'var(--data-spring-hover, #0F9928FF)';
|
|
1620
1610
|
/** dark data default dataSpringActive */
|
|
1621
1611
|
export var dataSpringActive = 'var(--data-spring-active, #0C7D21FF)';
|
|
1622
1612
|
/** dark data default dataBlueHover */
|
|
1623
|
-
export var dataBlueHover = 'var(--data-blue-hover, #
|
|
1613
|
+
export var dataBlueHover = 'var(--data-blue-hover, #0C8ADFFF)';
|
|
1624
1614
|
/** dark data default dataBlueActive */
|
|
1625
|
-
export var dataBlueActive = 'var(--data-blue-active, #
|
|
1615
|
+
export var dataBlueActive = 'var(--data-blue-active, #0A78C2FF)';
|
|
1626
1616
|
/** dark data default dataBlueMildHover */
|
|
1627
1617
|
export var dataBlueMildHover = 'var(--data-blue-mild-hover, #0D7EC9FF)';
|
|
1628
1618
|
/** dark data default dataBlueMildActive */
|
|
@@ -1644,9 +1634,9 @@ export var dataElectricBlueHover = 'var(--data-electric-blue-hover, #1852BFFF)';
|
|
|
1644
1634
|
/** dark data default dataElectricBlueActive */
|
|
1645
1635
|
export var dataElectricBlueActive = 'var(--data-electric-blue-active, #1446A3FF)';
|
|
1646
1636
|
/** dark data default dataFuchsiaHover */
|
|
1647
|
-
export var dataFuchsiaHover = 'var(--data-fuchsia-hover, #
|
|
1637
|
+
export var dataFuchsiaHover = 'var(--data-fuchsia-hover, #D52AB8FF)';
|
|
1648
1638
|
/** dark data default dataFuchsiaActive */
|
|
1649
|
-
export var dataFuchsiaActive = 'var(--data-fuchsia-active, #
|
|
1639
|
+
export var dataFuchsiaActive = 'var(--data-fuchsia-active, #BB25A2FF)';
|
|
1650
1640
|
/** dark data default dataPinkHover */
|
|
1651
1641
|
export var dataPinkHover = 'var(--data-pink-hover, #AF0E4EFF)';
|
|
1652
1642
|
/** dark data default dataPinkActive */
|
|
@@ -1675,10 +1665,68 @@ export var dataGreenTransparentActive = 'var(--data-green-transparent-active, #1
|
|
|
1675
1665
|
export var dataBlueTransparentHover = 'var(--data-blue-transparent-hover, #118CDF5C)';
|
|
1676
1666
|
/** dark data default dataBlueTransparentActive */
|
|
1677
1667
|
export var dataBlueTransparentActive = 'var(--data-blue-transparent-active, #118CDF2E)';
|
|
1678
|
-
/** dark data default dataOrchid */
|
|
1679
|
-
export var dataOrchid = 'var(--data-orchid, #AD42F5)';
|
|
1680
1668
|
/** dark data default dataOrchidMinor */
|
|
1681
1669
|
export var dataOrchidMinor = 'var(--data-orchid-minor, #722BA1)';
|
|
1670
|
+
/** dark data default dataElectricBlueMinorHover */
|
|
1671
|
+
export var dataElectricBlueMinorHover = 'var(--data-electric-blue-minor-hover, #1852BFFF)';
|
|
1672
|
+
/** dark data default dataElectricBlueMinorActive */
|
|
1673
|
+
export var dataElectricBlueMinorActive = 'var(--data-electric-blue-minor-active, #1446A3FF)';
|
|
1674
|
+
/** dark data default dataElectricBlueMinor */
|
|
1675
|
+
export var dataElectricBlueMinor = 'var(--data-electric-blue-minor, #1549AB)';
|
|
1676
|
+
/** dark data default dataElectricBlueLightHover */
|
|
1677
|
+
export var dataElectricBlueLightHover = 'var(--data-electric-blue-light-hover, #0A2A67FF)';
|
|
1678
|
+
/** dark data default dataElectricBlueLightActive */
|
|
1679
|
+
export var dataElectricBlueLightActive = 'var(--data-electric-blue-light-active, #071F4BFF)';
|
|
1680
|
+
/** dark data default dataElectricBlueLight */
|
|
1681
|
+
export var dataElectricBlueLight = 'var(--data-electric-blue-light, #082254)';
|
|
1682
|
+
/** dark data default dataGrayLightHover */
|
|
1683
|
+
export var dataGrayLightHover = 'var(--data-gray-light-hover, #2C343AFF)';
|
|
1684
|
+
/** dark data default dataGrayLightActive */
|
|
1685
|
+
export var dataGrayLightActive = 'var(--data-gray-light-active, #1F2528FF)';
|
|
1686
|
+
/** dark data default dataGrayLight */
|
|
1687
|
+
export var dataGrayLight = 'var(--data-gray-light, #23292D)';
|
|
1688
|
+
/** dark data default dataGreen */
|
|
1689
|
+
export var dataGreen = 'var(--data-green, #108E26)';
|
|
1690
|
+
/** dark data default dataGreenLight */
|
|
1691
|
+
export var dataGreenLight = 'var(--data-green-light, #0A2B10)';
|
|
1692
|
+
/** dark data default dataYellowDark */
|
|
1693
|
+
export var dataYellowDark = 'var(--data-yellow-dark, #A16B00)';
|
|
1694
|
+
/** dark data default dataYellowDarkHover */
|
|
1695
|
+
export var dataYellowDarkHover = 'var(--data-yellow-dark-hover, #B87A00FF)';
|
|
1696
|
+
/** dark data default dataYellowDarkActive */
|
|
1697
|
+
export var dataYellowDarkActive = 'var(--data-yellow-dark-active, #996600FF)';
|
|
1698
|
+
/** dark data default dataOrange */
|
|
1699
|
+
export var dataOrange = 'var(--data-orange, #E85702)';
|
|
1700
|
+
/** dark data default dataBlue */
|
|
1701
|
+
export var dataBlue = 'var(--data-blue, #0B7ECB)';
|
|
1702
|
+
/** dark data default dataOrchid */
|
|
1703
|
+
export var dataOrchid = 'var(--data-orchid, #A139E5)';
|
|
1704
|
+
/** dark data default dataOrchidLightHover */
|
|
1705
|
+
export var dataOrchidLightHover = 'var(--data-orchid-light-hover, #41195CFF)';
|
|
1706
|
+
/** dark data default dataOrchidLightActive */
|
|
1707
|
+
export var dataOrchidLightActive = 'var(--data-orchid-light-active, #301344FF)';
|
|
1708
|
+
/** dark data default dataOrchidLight */
|
|
1709
|
+
export var dataOrchidLight = 'var(--data-orchid-light, #36154C)';
|
|
1710
|
+
/** dark data default dataFuchsia */
|
|
1711
|
+
export var dataFuchsia = 'var(--data-fuchsia, #C427AA)';
|
|
1712
|
+
/** dark data default dataFuchsiaMinorHover */
|
|
1713
|
+
export var dataFuchsiaMinorHover = 'var(--data-fuchsia-minor-hover, #9C2688FF)';
|
|
1714
|
+
/** dark data default dataFuchsiaMinorActive */
|
|
1715
|
+
export var dataFuchsiaMinorActive = 'var(--data-fuchsia-minor-active, #832073FF)';
|
|
1716
|
+
/** dark data default dataFuchsiaMinor */
|
|
1717
|
+
export var dataFuchsiaMinor = 'var(--data-fuchsia-minor, #8A2178)';
|
|
1718
|
+
/** dark data default dataFuchsiaLightHover */
|
|
1719
|
+
export var dataFuchsiaLightHover = 'var(--data-fuchsia-light-hover, #551149FF)';
|
|
1720
|
+
/** dark data default dataFuchsiaLightActive */
|
|
1721
|
+
export var dataFuchsiaLightActive = 'var(--data-fuchsia-light-active, #3B0C33FF)';
|
|
1722
|
+
/** dark data default dataFuchsiaLight */
|
|
1723
|
+
export var dataFuchsiaLight = 'var(--data-fuchsia-light, #450E3C)';
|
|
1724
|
+
/** dark data default dataArcticLight */
|
|
1725
|
+
export var dataArcticLight = 'var(--data-arctic-light, #072B21)';
|
|
1726
|
+
/** dark data default dataArcticLightHover */
|
|
1727
|
+
export var dataArcticLightHover = 'var(--data-arctic-light-hover, #0A3D2FFF)';
|
|
1728
|
+
/** dark data default dataArcticLightActive */
|
|
1729
|
+
export var dataArcticLightActive = 'var(--data-arctic-light-active, #06231BFF)';
|
|
1682
1730
|
/** Желтый цвет для данных на темном фоне */
|
|
1683
1731
|
export var onDarkDataYellowHover = 'var(--on-dark-data-yellow-hover, #B87A00FF)';
|
|
1684
1732
|
/** Желтый цвет для данных на темном фоне */
|
|
@@ -1707,16 +1755,10 @@ export var onDarkDataBlueMinor = 'var(--on-dark-data-blue-minor, #0D3B59)';
|
|
|
1707
1755
|
export var onDarkDataRedMinor = 'var(--on-dark-data-red-minor, #9C1422)';
|
|
1708
1756
|
/** dark data onDark dataRedLight */
|
|
1709
1757
|
export var onDarkDataRedLight = 'var(--on-dark-data-red-light, #4A0D13)';
|
|
1710
|
-
/** dark data onDark dataGreen */
|
|
1711
|
-
export var onDarkDataGreen = 'var(--on-dark-data-green, #1A9E32)';
|
|
1712
1758
|
/** dark data onDark dataGreenMinor */
|
|
1713
1759
|
export var onDarkDataGreenMinor = 'var(--on-dark-data-green-minor, #0D8523)';
|
|
1714
|
-
/** dark data onDark dataGreenLight */
|
|
1715
|
-
export var onDarkDataGreenLight = 'var(--on-dark-data-green-light, #0A4014)';
|
|
1716
1760
|
/** dark data onDark dataSpring */
|
|
1717
1761
|
export var onDarkDataSpring = 'var(--on-dark-data-spring, #567D0C)';
|
|
1718
|
-
/** dark data onDark dataBlue */
|
|
1719
|
-
export var onDarkDataBlue = 'var(--on-dark-data-blue, #118CDF)';
|
|
1720
1762
|
/** dark data onDark dataBlueMild */
|
|
1721
1763
|
export var onDarkDataBlueMild = 'var(--on-dark-data-blue-mild, #0C72B6)';
|
|
1722
1764
|
/** dark data onDark dataMalachite */
|
|
@@ -1725,8 +1767,6 @@ export var onDarkDataMalachite = 'var(--on-dark-data-malachite, #007D80)';
|
|
|
1725
1767
|
export var onDarkDataMalachiteMinor = 'var(--on-dark-data-malachite-minor, #0C585A)';
|
|
1726
1768
|
/** dark data onDark dataElectricBlue */
|
|
1727
1769
|
export var onDarkDataElectricBlue = 'var(--on-dark-data-electric-blue, #1549AB)';
|
|
1728
|
-
/** dark data onDark dataFuchsia */
|
|
1729
|
-
export var onDarkDataFuchsia = 'var(--on-dark-data-fuchsia, #8A2178)';
|
|
1730
1770
|
/** dark data onDark dataPink */
|
|
1731
1771
|
export var onDarkDataPink = 'var(--on-dark-data-pink, #9B0D46)';
|
|
1732
1772
|
/** dark data onDark dataGray */
|
|
@@ -1741,8 +1781,6 @@ export var onDarkDataBlueLight = 'var(--on-dark-data-blue-light, #0A1924)';
|
|
|
1741
1781
|
export var onDarkDataYellow = 'var(--on-dark-data-yellow, #A16B00)';
|
|
1742
1782
|
/** Минорный желтый цвет для данных на темном фоне */
|
|
1743
1783
|
export var onDarkDataYellowMinor = 'var(--on-dark-data-yellow-minor, #493203)';
|
|
1744
|
-
/** dark data onDark dataOrange */
|
|
1745
|
-
export var onDarkDataOrange = 'var(--on-dark-data-orange, #FA5F05)';
|
|
1746
1784
|
/** dark data onDark dataOrangeMinor */
|
|
1747
1785
|
export var onDarkDataOrangeMinor = 'var(--on-dark-data-orange-minor, #85380C)';
|
|
1748
1786
|
/** dark data onDark dataOrangeLight */
|
|
@@ -1776,25 +1814,25 @@ export var onDarkDataRedLightHover = 'var(--on-dark-data-red-light-hover, #5B101
|
|
|
1776
1814
|
/** dark data onDark dataRedLightActive */
|
|
1777
1815
|
export var onDarkDataRedLightActive = 'var(--on-dark-data-red-light-active, #410B11FF)';
|
|
1778
1816
|
/** dark data onDark dataGreenHover */
|
|
1779
|
-
export var onDarkDataGreenHover = 'var(--on-dark-data-green-hover, #
|
|
1817
|
+
export var onDarkDataGreenHover = 'var(--on-dark-data-green-hover, #12A12AFF)';
|
|
1780
1818
|
/** dark data onDark dataGreenActive */
|
|
1781
|
-
export var onDarkDataGreenActive = 'var(--on-dark-data-green-active, #
|
|
1819
|
+
export var onDarkDataGreenActive = 'var(--on-dark-data-green-active, #0F8523FF)';
|
|
1782
1820
|
/** dark data onDark dataGreenMinorHover */
|
|
1783
1821
|
export var onDarkDataGreenMinorHover = 'var(--on-dark-data-green-minor-hover, #0F9928FF)';
|
|
1784
1822
|
/** dark data onDark dataGreenMinorActive */
|
|
1785
1823
|
export var onDarkDataGreenMinorActive = 'var(--on-dark-data-green-minor-active, #0C7D21FF)';
|
|
1786
1824
|
/** dark data onDark dataGreenLightHover */
|
|
1787
|
-
export var onDarkDataGreenLightHover = 'var(--on-dark-data-green-light-hover, #
|
|
1825
|
+
export var onDarkDataGreenLightHover = 'var(--on-dark-data-green-light-hover, #0E3A16FF)';
|
|
1788
1826
|
/** dark data onDark dataGreenLightActive */
|
|
1789
|
-
export var onDarkDataGreenLightActive = 'var(--on-dark-data-green-light-active, #
|
|
1827
|
+
export var onDarkDataGreenLightActive = 'var(--on-dark-data-green-light-active, #08210CFF)';
|
|
1790
1828
|
/** dark data onDark dataSpringHover */
|
|
1791
1829
|
export var onDarkDataSpringHover = 'var(--on-dark-data-spring-hover, #62900EFF)';
|
|
1792
1830
|
/** dark data onDark dataSpringActive */
|
|
1793
1831
|
export var onDarkDataSpringActive = 'var(--on-dark-data-spring-active, #4F740BFF)';
|
|
1794
1832
|
/** dark data onDark dataBlueHover */
|
|
1795
|
-
export var onDarkDataBlueHover = 'var(--on-dark-data-blue-hover, #
|
|
1833
|
+
export var onDarkDataBlueHover = 'var(--on-dark-data-blue-hover, #0C8ADFFF)';
|
|
1796
1834
|
/** dark data onDark dataBlueActive */
|
|
1797
|
-
export var onDarkDataBlueActive = 'var(--on-dark-data-blue-active, #
|
|
1835
|
+
export var onDarkDataBlueActive = 'var(--on-dark-data-blue-active, #0A78C2FF)';
|
|
1798
1836
|
/** dark data onDark dataBlueMildHover */
|
|
1799
1837
|
export var onDarkDataBlueMildHover = 'var(--on-dark-data-blue-mild-hover, #0D7EC9FF)';
|
|
1800
1838
|
/** dark data onDark dataBlueMildActive */
|
|
@@ -1812,9 +1850,9 @@ export var onDarkDataElectricBlueHover = 'var(--on-dark-data-electric-blue-hover
|
|
|
1812
1850
|
/** dark data onDark dataElectricBlueActive */
|
|
1813
1851
|
export var onDarkDataElectricBlueActive = 'var(--on-dark-data-electric-blue-active, #1446A3FF)';
|
|
1814
1852
|
/** dark data onDark dataFuchsiaHover */
|
|
1815
|
-
export var onDarkDataFuchsiaHover = 'var(--on-dark-data-fuchsia-hover, #
|
|
1853
|
+
export var onDarkDataFuchsiaHover = 'var(--on-dark-data-fuchsia-hover, #D52AB8FF)';
|
|
1816
1854
|
/** dark data onDark dataFuchsiaActive */
|
|
1817
|
-
export var onDarkDataFuchsiaActive = 'var(--on-dark-data-fuchsia-active, #
|
|
1855
|
+
export var onDarkDataFuchsiaActive = 'var(--on-dark-data-fuchsia-active, #BB25A2FF)';
|
|
1818
1856
|
/** dark data onDark dataPinkHover */
|
|
1819
1857
|
export var onDarkDataPinkHover = 'var(--on-dark-data-pink-hover, #AF0E4EFF)';
|
|
1820
1858
|
/** dark data onDark dataPinkActive */
|
|
@@ -1832,13 +1870,13 @@ export var onDarkDataBlueLightHover = 'var(--on-dark-data-blue-light-hover, #0C1
|
|
|
1832
1870
|
/** Светлый голубой цвет для данных на темном фоне */
|
|
1833
1871
|
export var onDarkDataBlueLightActive = 'var(--on-dark-data-blue-light-active, #08141CFF)';
|
|
1834
1872
|
/** dark data onDark dataOrchidHover */
|
|
1835
|
-
export var onDarkDataOrchidHover = 'var(--on-dark-data-orchid-hover, #
|
|
1873
|
+
export var onDarkDataOrchidHover = 'var(--on-dark-data-orchid-hover, #A94AE8FF)';
|
|
1836
1874
|
/** dark data onDark dataOrchidActive */
|
|
1837
|
-
export var onDarkDataOrchidActive = 'var(--on-dark-data-orchid-active, #
|
|
1875
|
+
export var onDarkDataOrchidActive = 'var(--on-dark-data-orchid-active, #9C2FE4FF)';
|
|
1838
1876
|
/** dark data onDark dataOrangeHover */
|
|
1839
|
-
export var onDarkDataOrangeHover = 'var(--on-dark-data-orange-hover, #
|
|
1877
|
+
export var onDarkDataOrangeHover = 'var(--on-dark-data-orange-hover, #FC5E03FF)';
|
|
1840
1878
|
/** dark data onDark dataOrangeActive */
|
|
1841
|
-
export var onDarkDataOrangeActive = 'var(--on-dark-data-orange-active, #
|
|
1879
|
+
export var onDarkDataOrangeActive = 'var(--on-dark-data-orange-active, #DE5302FF)';
|
|
1842
1880
|
/** dark data onDark dataOrangeMinorHover */
|
|
1843
1881
|
export var onDarkDataOrangeMinorHover = 'var(--on-dark-data-orange-minor-hover, #95400EFF)';
|
|
1844
1882
|
/** dark data onDark dataOrangeMinorActive */
|
|
@@ -1873,8 +1911,66 @@ export var onDarkDataBlueTransparentHover = 'var(--on-dark-data-blue-transparent
|
|
|
1873
1911
|
export var onDarkDataBlueTransparentActive = 'var(--on-dark-data-blue-transparent-active, #118CDF2E)';
|
|
1874
1912
|
/** dark data onDark dataOrchidMinor */
|
|
1875
1913
|
export var onDarkDataOrchidMinor = 'var(--on-dark-data-orchid-minor, #722BA1)';
|
|
1914
|
+
/** dark data onDark dataElectricBlueMinor */
|
|
1915
|
+
export var onDarkDataElectricBlueMinor = 'var(--on-dark-data-electric-blue-minor, #1549AB)';
|
|
1916
|
+
/** dark data onDark dataElectricBlueMinorHover */
|
|
1917
|
+
export var onDarkDataElectricBlueMinorHover = 'var(--on-dark-data-electric-blue-minor-hover, #1852BFFF)';
|
|
1918
|
+
/** dark data onDark dataElectricBlueMinorActive */
|
|
1919
|
+
export var onDarkDataElectricBlueMinorActive = 'var(--on-dark-data-electric-blue-minor-active, #1446A3FF)';
|
|
1920
|
+
/** dark data onDark dataElectricBlueLight */
|
|
1921
|
+
export var onDarkDataElectricBlueLight = 'var(--on-dark-data-electric-blue-light, #082254)';
|
|
1922
|
+
/** dark data onDark dataElectricBlueLightHover */
|
|
1923
|
+
export var onDarkDataElectricBlueLightHover = 'var(--on-dark-data-electric-blue-light-hover, #0A2A67FF)';
|
|
1924
|
+
/** dark data onDark dataElectricBlueLightActive */
|
|
1925
|
+
export var onDarkDataElectricBlueLightActive = 'var(--on-dark-data-electric-blue-light-active, #071F4BFF)';
|
|
1926
|
+
/** dark data onDark dataGrayLight */
|
|
1927
|
+
export var onDarkDataGrayLight = 'var(--on-dark-data-gray-light, #23292D)';
|
|
1928
|
+
/** dark data onDark dataGrayLightHover */
|
|
1929
|
+
export var onDarkDataGrayLightHover = 'var(--on-dark-data-gray-light-hover, #2C343AFF)';
|
|
1930
|
+
/** dark data onDark dataGrayLightActive */
|
|
1931
|
+
export var onDarkDataGrayLightActive = 'var(--on-dark-data-gray-light-active, #1F2528FF)';
|
|
1932
|
+
/** dark data onDark dataGreen */
|
|
1933
|
+
export var onDarkDataGreen = 'var(--on-dark-data-green, #108E26)';
|
|
1934
|
+
/** dark data onDark dataGreenLight */
|
|
1935
|
+
export var onDarkDataGreenLight = 'var(--on-dark-data-green-light, #0A2B10)';
|
|
1936
|
+
/** dark data onDark dataYellowDark */
|
|
1937
|
+
export var onDarkDataYellowDark = 'var(--on-dark-data-yellow-dark, #A16B00)';
|
|
1938
|
+
/** dark data onDark dataYellowDarkHover */
|
|
1939
|
+
export var onDarkDataYellowDarkHover = 'var(--on-dark-data-yellow-dark-hover, #B87A00FF)';
|
|
1940
|
+
/** dark data onDark dataYellowDarkActive */
|
|
1941
|
+
export var onDarkDataYellowDarkActive = 'var(--on-dark-data-yellow-dark-active, #996600FF)';
|
|
1942
|
+
/** dark data onDark dataOrange */
|
|
1943
|
+
export var onDarkDataOrange = 'var(--on-dark-data-orange, #E85702)';
|
|
1944
|
+
/** dark data onDark dataBlue */
|
|
1945
|
+
export var onDarkDataBlue = 'var(--on-dark-data-blue, #0B7ECB)';
|
|
1876
1946
|
/** dark data onDark dataOrchid */
|
|
1877
|
-
export var onDarkDataOrchid = 'var(--on-dark-data-orchid, #
|
|
1947
|
+
export var onDarkDataOrchid = 'var(--on-dark-data-orchid, #A139E5)';
|
|
1948
|
+
/** dark data onDark dataOrchidLight */
|
|
1949
|
+
export var onDarkDataOrchidLight = 'var(--on-dark-data-orchid-light, #36154C)';
|
|
1950
|
+
/** dark data onDark dataOrchidLightHover */
|
|
1951
|
+
export var onDarkDataOrchidLightHover = 'var(--on-dark-data-orchid-light-hover, #41195CFF)';
|
|
1952
|
+
/** dark data onDark dataOrchidLightActive */
|
|
1953
|
+
export var onDarkDataOrchidLightActive = 'var(--on-dark-data-orchid-light-active, #301344FF)';
|
|
1954
|
+
/** dark data onDark dataFuchsia */
|
|
1955
|
+
export var onDarkDataFuchsia = 'var(--on-dark-data-fuchsia, #C427AA)';
|
|
1956
|
+
/** dark data onDark dataFuchsiaMinorHover */
|
|
1957
|
+
export var onDarkDataFuchsiaMinorHover = 'var(--on-dark-data-fuchsia-minor-hover, #9C2688FF)';
|
|
1958
|
+
/** dark data onDark dataFuchsiaMinorActive */
|
|
1959
|
+
export var onDarkDataFuchsiaMinorActive = 'var(--on-dark-data-fuchsia-minor-active, #832073FF)';
|
|
1960
|
+
/** dark data onDark dataFuchsiaMinor */
|
|
1961
|
+
export var onDarkDataFuchsiaMinor = 'var(--on-dark-data-fuchsia-minor, #8A2178)';
|
|
1962
|
+
/** dark data onDark dataFuchsiaLight */
|
|
1963
|
+
export var onDarkDataFuchsiaLight = 'var(--on-dark-data-fuchsia-light, #450E3C)';
|
|
1964
|
+
/** dark data onDark dataFuchsiaLightHover */
|
|
1965
|
+
export var onDarkDataFuchsiaLightHover = 'var(--on-dark-data-fuchsia-light-hover, #551149FF)';
|
|
1966
|
+
/** dark data onDark dataFuchsiaLightActive */
|
|
1967
|
+
export var onDarkDataFuchsiaLightActive = 'var(--on-dark-data-fuchsia-light-active, #3B0C33FF)';
|
|
1968
|
+
/** dark data onDark dataArcticLight */
|
|
1969
|
+
export var onDarkDataArcticLight = 'var(--on-dark-data-arctic-light, #072B21)';
|
|
1970
|
+
/** dark data onDark dataArcticLightHover */
|
|
1971
|
+
export var onDarkDataArcticLightHover = 'var(--on-dark-data-arctic-light-hover, #0A3D2FFF)';
|
|
1972
|
+
/** dark data onDark dataArcticLightActive */
|
|
1973
|
+
export var onDarkDataArcticLightActive = 'var(--on-dark-data-arctic-light-active, #06231BFF)';
|
|
1878
1974
|
/** Желтый цвет для данных на светлом фоне */
|
|
1879
1975
|
export var onLightDataYellow = 'var(--on-light-data-yellow, #F3A912)';
|
|
1880
1976
|
/** Желтый цвет для данных на светлом фоне */
|
|
@@ -1906,15 +2002,11 @@ export var onLightDataBlueLight = 'var(--on-light-data-blue-light, #EDF8FF)';
|
|
|
1906
2002
|
/** dark data onLight dataBlueMinor */
|
|
1907
2003
|
export var onLightDataBlueMinor = 'var(--on-light-data-blue-minor, #CFECFF)';
|
|
1908
2004
|
/** dark data onLight dataArctic */
|
|
1909
|
-
export var onLightDataArctic = 'var(--on-light-data-arctic, #
|
|
1910
|
-
/** dark data onLight dataGreen */
|
|
1911
|
-
export var onLightDataGreen = 'var(--on-light-data-green, #1A9E32)';
|
|
2005
|
+
export var onLightDataArctic = 'var(--on-light-data-arctic, #00AC7B)';
|
|
1912
2006
|
/** dark data onLight dataGreenMinor */
|
|
1913
2007
|
export var onLightDataGreenMinor = 'var(--on-light-data-green-minor, #28D247)';
|
|
1914
2008
|
/** dark data onLight dataSpring */
|
|
1915
2009
|
export var onLightDataSpring = 'var(--on-light-data-spring, #93E006)';
|
|
1916
|
-
/** dark data onLight dataOrange */
|
|
1917
|
-
export var onLightDataOrange = 'var(--on-light-data-orange, #FA5F05)';
|
|
1918
2010
|
/** dark data onLight dataOrangeMinor */
|
|
1919
2011
|
export var onLightDataOrangeMinor = 'var(--on-light-data-orange-minor, #FD9C68)';
|
|
1920
2012
|
/** dark data onLight dataOrangeLight */
|
|
@@ -1925,8 +2017,6 @@ export var onLightDataRed = 'var(--on-light-data-red, #FF293E)';
|
|
|
1925
2017
|
export var onLightDataRedMinor = 'var(--on-light-data-red-minor, #FF8F9A)';
|
|
1926
2018
|
/** dark data onLight dataRedLight */
|
|
1927
2019
|
export var onLightDataRedLight = 'var(--on-light-data-red-light, #FFE0E3)';
|
|
1928
|
-
/** dark data onLight dataBlue */
|
|
1929
|
-
export var onLightDataBlue = 'var(--on-light-data-blue, #118CDF)';
|
|
1930
2020
|
/** dark data onLight dataBlueMild */
|
|
1931
2021
|
export var onLightDataBlueMild = 'var(--on-light-data-blue-mild, #52BAFF)';
|
|
1932
2022
|
/** dark data onLight dataMalachite */
|
|
@@ -1935,8 +2025,6 @@ export var onLightDataMalachite = 'var(--on-light-data-malachite, #04C6C9)';
|
|
|
1935
2025
|
export var onLightDataMalachiteMinor = 'var(--on-light-data-malachite-minor, #00DDE0)';
|
|
1936
2026
|
/** dark data onLight dataElectricBlue */
|
|
1937
2027
|
export var onLightDataElectricBlue = 'var(--on-light-data-electric-blue, #52BAFF)';
|
|
1938
|
-
/** dark data onLight dataFuchsia */
|
|
1939
|
-
export var onLightDataFuchsia = 'var(--on-light-data-fuchsia, #F391E2)';
|
|
1940
2028
|
/** dark data onLight dataPink */
|
|
1941
2029
|
export var onLightDataPink = 'var(--on-light-data-pink, #FF8FBC)';
|
|
1942
2030
|
/** dark data onLight dataGray */
|
|
@@ -1953,8 +2041,6 @@ export var onLightDataGreenTransparent = 'var(--on-light-data-green-transparent,
|
|
|
1953
2041
|
export var onLightDataOrangeTransparent = 'var(--on-light-data-orange-transparent, #FA5F0533)';
|
|
1954
2042
|
/** Светлый желтый цвет для данных на светлом фоне */
|
|
1955
2043
|
export var onLightDataYellowLight = 'var(--on-light-data-yellow-light, #FFF6E5)';
|
|
1956
|
-
/** dark data onLight dataGreenLight */
|
|
1957
|
-
export var onLightDataGreenLight = 'var(--on-light-data-green-light, #9EFAAF)';
|
|
1958
2044
|
/** Светлый голубой цвет для данных на светлом фоне */
|
|
1959
2045
|
export var onLightDataBlueLightHover = 'var(--on-light-data-blue-light-hover, #E5F5FFFF)';
|
|
1960
2046
|
/** Светлый голубой цвет для данных на светлом фоне */
|
|
@@ -1972,13 +2058,13 @@ export var onLightDataOrchidMinorHover = 'var(--on-light-data-orchid-minor-hover
|
|
|
1972
2058
|
/** dark data onLight dataOrchidMinorActive */
|
|
1973
2059
|
export var onLightDataOrchidMinorActive = 'var(--on-light-data-orchid-minor-active, #D6A3F5FF)';
|
|
1974
2060
|
/** dark data onLight dataArcticHover */
|
|
1975
|
-
export var onLightDataArcticHover = 'var(--on-light-data-arctic-hover, #
|
|
2061
|
+
export var onLightDataArcticHover = 'var(--on-light-data-arctic-hover, #00C28BFF)';
|
|
1976
2062
|
/** dark data onLight dataArcticActive */
|
|
1977
|
-
export var onLightDataArcticActive = 'var(--on-light-data-arctic-active, #
|
|
2063
|
+
export var onLightDataArcticActive = 'var(--on-light-data-arctic-active, #00996EFF)';
|
|
1978
2064
|
/** dark data onLight dataGreenHover */
|
|
1979
|
-
export var onLightDataGreenHover = 'var(--on-light-data-green-hover, #
|
|
2065
|
+
export var onLightDataGreenHover = 'var(--on-light-data-green-hover, #28C344FF)';
|
|
1980
2066
|
/** dark data onLight dataGreenActive */
|
|
1981
|
-
export var onLightDataGreenActive = 'var(--on-light-data-green-active, #
|
|
2067
|
+
export var onLightDataGreenActive = 'var(--on-light-data-green-active, #21A138FF)';
|
|
1982
2068
|
/** dark data onLight dataGreenMinorHover */
|
|
1983
2069
|
export var onLightDataGreenMinorHover = 'var(--on-light-data-green-minor-hover, #36D954FF)';
|
|
1984
2070
|
/** dark data onLight dataGreenMinorActive */
|
|
@@ -1988,9 +2074,9 @@ export var onLightDataSpringHover = 'var(--on-light-data-spring-hover, #A1F406FF
|
|
|
1988
2074
|
/** dark data onLight dataSpringActive */
|
|
1989
2075
|
export var onLightDataSpringActive = 'var(--on-light-data-spring-active, #86CC05FF)';
|
|
1990
2076
|
/** dark data onLight dataOrangeHover */
|
|
1991
|
-
export var onLightDataOrangeHover = 'var(--on-light-data-orange-hover, #
|
|
2077
|
+
export var onLightDataOrangeHover = 'var(--on-light-data-orange-hover, #FF8B4DFF)';
|
|
1992
2078
|
/** dark data onLight dataOrangeActive */
|
|
1993
|
-
export var onLightDataOrangeActive = 'var(--on-light-data-orange-active, #
|
|
2079
|
+
export var onLightDataOrangeActive = 'var(--on-light-data-orange-active, #FF630FFF)';
|
|
1994
2080
|
/** dark data onLight dataOrangeMinorHover */
|
|
1995
2081
|
export var onLightDataOrangeMinorHover = 'var(--on-light-data-orange-minor-hover, #FD965EFF)';
|
|
1996
2082
|
/** dark data onLight dataOrangeMinorActive */
|
|
@@ -2012,9 +2098,9 @@ export var onLightDataRedLightHover = 'var(--on-light-data-red-light-hover, #FFD
|
|
|
2012
2098
|
/** dark data onLight dataRedLightActive */
|
|
2013
2099
|
export var onLightDataRedLightActive = 'var(--on-light-data-red-light-active, #FFD1D6FF)';
|
|
2014
2100
|
/** dark data onLight dataBlueHover */
|
|
2015
|
-
export var onLightDataBlueHover = 'var(--on-light-data-blue-hover, #
|
|
2101
|
+
export var onLightDataBlueHover = 'var(--on-light-data-blue-hover, #36A7F2FF)';
|
|
2016
2102
|
/** dark data onLight dataBlueActive */
|
|
2017
|
-
export var onLightDataBlueActive = 'var(--on-light-data-blue-active, #
|
|
2103
|
+
export var onLightDataBlueActive = 'var(--on-light-data-blue-active, #0F90E6FF)';
|
|
2018
2104
|
/** dark data onLight dataBlueMildHover */
|
|
2019
2105
|
export var onLightDataBlueMildHover = 'var(--on-light-data-blue-mild-hover, #7ACAFFFF)';
|
|
2020
2106
|
/** dark data onLight dataBlueMildActive */
|
|
@@ -2032,9 +2118,9 @@ export var onLightDataElectricBlueHover = 'var(--on-light-data-electric-blue-hov
|
|
|
2032
2118
|
/** dark data onLight dataElectricBlueActive */
|
|
2033
2119
|
export var onLightDataElectricBlueActive = 'var(--on-light-data-electric-blue-active, #3DB1FFFF)';
|
|
2034
2120
|
/** dark data onLight dataFuchsiaHover */
|
|
2035
|
-
export var onLightDataFuchsiaHover = 'var(--on-light-data-fuchsia-hover, #
|
|
2121
|
+
export var onLightDataFuchsiaHover = 'var(--on-light-data-fuchsia-hover, #F471DEFF)';
|
|
2036
2122
|
/** dark data onLight dataFuchsiaActive */
|
|
2037
|
-
export var onLightDataFuchsiaActive = 'var(--on-light-data-fuchsia-active, #
|
|
2123
|
+
export var onLightDataFuchsiaActive = 'var(--on-light-data-fuchsia-active, #F042D3FF)';
|
|
2038
2124
|
/** dark data onLight dataPinkHover */
|
|
2039
2125
|
export var onLightDataPinkHover = 'var(--on-light-data-pink-hover, #FF85B6FF)';
|
|
2040
2126
|
/** dark data onLight dataPinkActive */
|
|
@@ -2064,13 +2150,71 @@ export var onLightDataOrangeTransparentHover = 'var(--on-light-data-orange-trans
|
|
|
2064
2150
|
/** dark data onLight dataOrangeTransparentActive */
|
|
2065
2151
|
export var onLightDataOrangeTransparentActive = 'var(--on-light-data-orange-transparent-active, #FA5F0547)';
|
|
2066
2152
|
/** dark data onLight dataGreenLightHover */
|
|
2067
|
-
export var onLightDataGreenLightHover = 'var(--on-light-data-green-light-hover, #
|
|
2153
|
+
export var onLightDataGreenLightHover = 'var(--on-light-data-green-light-hover, #D6FFE2FF)';
|
|
2068
2154
|
/** dark data onLight dataGreenLightActive */
|
|
2069
|
-
export var onLightDataGreenLightActive = 'var(--on-light-data-green-light-active, #
|
|
2155
|
+
export var onLightDataGreenLightActive = 'var(--on-light-data-green-light-active, #D1FFDEFF)';
|
|
2070
2156
|
/** dark data onLight dataOrchidMinor */
|
|
2071
2157
|
export var onLightDataOrchidMinor = 'var(--on-light-data-orchid-minor, #DEB7F7)';
|
|
2158
|
+
/** dark data onLight dataElectricBlueMinor */
|
|
2159
|
+
export var onLightDataElectricBlueMinor = 'var(--on-light-data-electric-blue-minor, #8BB2FC)';
|
|
2160
|
+
/** dark data onLight dataElectricBlueMinorHover */
|
|
2161
|
+
export var onLightDataElectricBlueMinorHover = 'var(--on-light-data-electric-blue-minor-hover, #83ADFCFF)';
|
|
2162
|
+
/** dark data onLight dataElectricBlueMinorActive */
|
|
2163
|
+
export var onLightDataElectricBlueMinorActive = 'var(--on-light-data-electric-blue-minor-active, #79A7FCFF)';
|
|
2164
|
+
/** dark data onLight dataElectricBlueLight */
|
|
2165
|
+
export var onLightDataElectricBlueLight = 'var(--on-light-data-electric-blue-light, #DEE9FF)';
|
|
2166
|
+
/** dark data onLight dataElectricBlueLightHover */
|
|
2167
|
+
export var onLightDataElectricBlueLightHover = 'var(--on-light-data-electric-blue-light-hover, #D6E4FFFF)';
|
|
2168
|
+
/** dark data onLight dataElectricBlueLightActive */
|
|
2169
|
+
export var onLightDataElectricBlueLightActive = 'var(--on-light-data-electric-blue-light-active, #D1E0FFFF)';
|
|
2170
|
+
/** dark data onLight dataGrayLight */
|
|
2171
|
+
export var onLightDataGrayLight = 'var(--on-light-data-gray-light, #E8EEF2)';
|
|
2172
|
+
/** dark data onLight dataGrayLightHover */
|
|
2173
|
+
export var onLightDataGrayLightHover = 'var(--on-light-data-gray-light-hover, #E2E9EEFF)';
|
|
2174
|
+
/** dark data onLight dataGrayLightActive */
|
|
2175
|
+
export var onLightDataGrayLightActive = 'var(--on-light-data-gray-light-active, #DEE7EDFF)';
|
|
2176
|
+
/** dark data onLight dataGreen */
|
|
2177
|
+
export var onLightDataGreen = 'var(--on-light-data-green, #24B23E)';
|
|
2178
|
+
/** dark data onLight dataGreenLight */
|
|
2179
|
+
export var onLightDataGreenLight = 'var(--on-light-data-green-light, #E0FFE9)';
|
|
2180
|
+
/** dark data onLight dataYellowDark */
|
|
2181
|
+
export var onLightDataYellowDark = 'var(--on-light-data-yellow-dark, #CC8800)';
|
|
2182
|
+
/** dark data onLight dataYellowDarkHover */
|
|
2183
|
+
export var onLightDataYellowDarkHover = 'var(--on-light-data-yellow-dark-hover, #E09600FF)';
|
|
2184
|
+
/** dark data onLight dataYellowDarkActive */
|
|
2185
|
+
export var onLightDataYellowDarkActive = 'var(--on-light-data-yellow-dark-active, #B87A00FF)';
|
|
2186
|
+
/** dark data onLight dataOrange */
|
|
2187
|
+
export var onLightDataOrange = 'var(--on-light-data-orange, #FF7024)';
|
|
2188
|
+
/** dark data onLight dataBlue */
|
|
2189
|
+
export var onLightDataBlue = 'var(--on-light-data-blue, #199AF0)';
|
|
2072
2190
|
/** dark data onLight dataOrchid */
|
|
2073
2191
|
export var onLightDataOrchid = 'var(--on-light-data-orchid, #C46BFF)';
|
|
2192
|
+
/** dark data onLight dataOrchidLight */
|
|
2193
|
+
export var onLightDataOrchidLight = 'var(--on-light-data-orchid-light, #F4E3FF)';
|
|
2194
|
+
/** dark data onLight dataOrchidLightHover */
|
|
2195
|
+
export var onLightDataOrchidLightHover = 'var(--on-light-data-orchid-light-hover, #F3E0FFFF)';
|
|
2196
|
+
/** dark data onLight dataOrchidLightActive */
|
|
2197
|
+
export var onLightDataOrchidLightActive = 'var(--on-light-data-orchid-light-active, #F1DBFFFF)';
|
|
2198
|
+
/** dark data onLight dataFuchsia */
|
|
2199
|
+
export var onLightDataFuchsia = 'var(--on-light-data-fuchsia, #F155D7)';
|
|
2200
|
+
/** dark data onLight dataFuchsiaMinor */
|
|
2201
|
+
export var onLightDataFuchsiaMinor = 'var(--on-light-data-fuchsia-minor, #F391E2)';
|
|
2202
|
+
/** dark data onLight dataFuchsiaMinorHover */
|
|
2203
|
+
export var onLightDataFuchsiaMinorHover = 'var(--on-light-data-fuchsia-minor-hover, #F288E0FF)';
|
|
2204
|
+
/** dark data onLight dataFuchsiaMinorActive */
|
|
2205
|
+
export var onLightDataFuchsiaMinorActive = 'var(--on-light-data-fuchsia-minor-active, #F17EDEFF)';
|
|
2206
|
+
/** dark data onLight dataFuchsiaLight */
|
|
2207
|
+
export var onLightDataFuchsiaLight = 'var(--on-light-data-fuchsia-light, #FDE3F8)';
|
|
2208
|
+
/** dark data onLight dataFuchsiaLightHover */
|
|
2209
|
+
export var onLightDataFuchsiaLightHover = 'var(--on-light-data-fuchsia-light-hover, #FCD9F5FF)';
|
|
2210
|
+
/** dark data onLight dataFuchsiaLightActive */
|
|
2211
|
+
export var onLightDataFuchsiaLightActive = 'var(--on-light-data-fuchsia-light-active, #FCD4F4FF)';
|
|
2212
|
+
/** dark data onLight dataArcticLight */
|
|
2213
|
+
export var onLightDataArcticLight = 'var(--on-light-data-arctic-light, #DBFFF5)';
|
|
2214
|
+
/** dark data onLight dataArcticLightHover */
|
|
2215
|
+
export var onLightDataArcticLightHover = 'var(--on-light-data-arctic-light-hover, #D1FFF2FF)';
|
|
2216
|
+
/** dark data onLight dataArcticLightActive */
|
|
2217
|
+
export var onLightDataArcticLightActive = 'var(--on-light-data-arctic-light-active, #CCFFF1FF)';
|
|
2074
2218
|
/** Инвертированный желтый цвет для данных */
|
|
2075
2219
|
export var inverseDataYellow = 'var(--inverse-data-yellow, #F3A912)';
|
|
2076
2220
|
/** Инвертированный желтый цвет для данных */
|
|
@@ -2097,8 +2241,6 @@ export var inverseDataYellowLightActive = 'var(--inverse-data-yellow-light-activ
|
|
|
2097
2241
|
export var inverseDataSkyBlueLightHover = 'var(--inverse-data-sky-blue-light-hover, #E0F8FFFF)';
|
|
2098
2242
|
/** Инвертированный светлый голубой цвет для данных */
|
|
2099
2243
|
export var inverseDataSkyBlueLightActive = 'var(--inverse-data-sky-blue-light-active, #DBF7FFFF)';
|
|
2100
|
-
/** dark data inverse dataOrange */
|
|
2101
|
-
export var inverseDataOrange = 'var(--inverse-data-orange, #FA5F05)';
|
|
2102
2244
|
/** dark data inverse dataOrangeMinor */
|
|
2103
2245
|
export var inverseDataOrangeMinor = 'var(--inverse-data-orange-minor, #85380C)';
|
|
2104
2246
|
/** dark data inverse dataOrangeLight */
|
|
@@ -2109,18 +2251,10 @@ export var inverseDataRed = 'var(--inverse-data-red, #E31227)';
|
|
|
2109
2251
|
export var inverseDataRedMinor = 'var(--inverse-data-red-minor, #9C1422)';
|
|
2110
2252
|
/** dark data inverse dataRedLight */
|
|
2111
2253
|
export var inverseDataRedLight = 'var(--inverse-data-red-light, #4A0D13)';
|
|
2112
|
-
/** dark data inverse dataArctic */
|
|
2113
|
-
export var inverseDataArctic = 'var(--inverse-data-arctic, #197D61)';
|
|
2114
|
-
/** dark data inverse dataGreen */
|
|
2115
|
-
export var inverseDataGreen = 'var(--inverse-data-green, #1A9E32)';
|
|
2116
2254
|
/** dark data inverse dataGreenMinor */
|
|
2117
2255
|
export var inverseDataGreenMinor = 'var(--inverse-data-green-minor, #0D8523)';
|
|
2118
|
-
/** dark data inverse dataGreenLight */
|
|
2119
|
-
export var inverseDataGreenLight = 'var(--inverse-data-green-light, #0A4014)';
|
|
2120
2256
|
/** dark data inverse dataSpring */
|
|
2121
2257
|
export var inverseDataSpring = 'var(--inverse-data-spring, #567D0C)';
|
|
2122
|
-
/** dark data inverse dataBlue */
|
|
2123
|
-
export var inverseDataBlue = 'var(--inverse-data-blue, #118CDF)';
|
|
2124
2258
|
/** dark data inverse dataBlueMild */
|
|
2125
2259
|
export var inverseDataBlueMild = 'var(--inverse-data-blue-mild, #0C72B6)';
|
|
2126
2260
|
/** dark data inverse dataMalachite */
|
|
@@ -2129,8 +2263,6 @@ export var inverseDataMalachite = 'var(--inverse-data-malachite, #007D80)';
|
|
|
2129
2263
|
export var inverseDataMalachiteMinor = 'var(--inverse-data-malachite-minor, #0C585A)';
|
|
2130
2264
|
/** dark data inverse dataElectricBlue */
|
|
2131
2265
|
export var inverseDataElectricBlue = 'var(--inverse-data-electric-blue, #1549AB)';
|
|
2132
|
-
/** dark data inverse dataFuchsia */
|
|
2133
|
-
export var inverseDataFuchsia = 'var(--inverse-data-fuchsia, #8A2178)';
|
|
2134
2266
|
/** dark data inverse dataPink */
|
|
2135
2267
|
export var inverseDataPink = 'var(--inverse-data-pink, #9B0D46)';
|
|
2136
2268
|
/** dark data inverse dataGray */
|
|
@@ -2160,9 +2292,9 @@ export var inverseDataOrchidMinorHover = 'var(--inverse-data-orchid-minor-hover,
|
|
|
2160
2292
|
/** dark data inverse dataOrchidMinorActive */
|
|
2161
2293
|
export var inverseDataOrchidMinorActive = 'var(--inverse-data-orchid-minor-active, #D6A3F5FF)';
|
|
2162
2294
|
/** dark data inverse dataOrangeHover */
|
|
2163
|
-
export var inverseDataOrangeHover = 'var(--inverse-data-orange-hover, #
|
|
2295
|
+
export var inverseDataOrangeHover = 'var(--inverse-data-orange-hover, #FF8B4DFF)';
|
|
2164
2296
|
/** dark data inverse dataOrangeActive */
|
|
2165
|
-
export var inverseDataOrangeActive = 'var(--inverse-data-orange-active, #
|
|
2297
|
+
export var inverseDataOrangeActive = 'var(--inverse-data-orange-active, #FF630FFF)';
|
|
2166
2298
|
/** dark data inverse dataOrangeMinorHover */
|
|
2167
2299
|
export var inverseDataOrangeMinorHover = 'var(--inverse-data-orange-minor-hover, #95400EFF)';
|
|
2168
2300
|
/** dark data inverse dataOrangeMinorActive */
|
|
@@ -2184,29 +2316,29 @@ export var inverseDataRedLightHover = 'var(--inverse-data-red-light-hover, #6412
|
|
|
2184
2316
|
/** dark data inverse dataRedLightActive */
|
|
2185
2317
|
export var inverseDataRedLightActive = 'var(--inverse-data-red-light-active, #380A0FFF)';
|
|
2186
2318
|
/** dark data inverse dataArcticHover */
|
|
2187
|
-
export var inverseDataArcticHover = 'var(--inverse-data-arctic-hover, #
|
|
2319
|
+
export var inverseDataArcticHover = 'var(--inverse-data-arctic-hover, #00C28BFF)';
|
|
2188
2320
|
/** dark data inverse dataArcticActive */
|
|
2189
|
-
export var inverseDataArcticActive = 'var(--inverse-data-arctic-active, #
|
|
2321
|
+
export var inverseDataArcticActive = 'var(--inverse-data-arctic-active, #00996EFF)';
|
|
2190
2322
|
/** dark data inverse dataGreenHover */
|
|
2191
|
-
export var inverseDataGreenHover = 'var(--inverse-data-green-hover, #
|
|
2323
|
+
export var inverseDataGreenHover = 'var(--inverse-data-green-hover, #28C344FF)';
|
|
2192
2324
|
/** dark data inverse dataGreenActive */
|
|
2193
|
-
export var inverseDataGreenActive = 'var(--inverse-data-green-active, #
|
|
2325
|
+
export var inverseDataGreenActive = 'var(--inverse-data-green-active, #21A138FF)';
|
|
2194
2326
|
/** dark data inverse dataGreenMinorHover */
|
|
2195
2327
|
export var inverseDataGreenMinorHover = 'var(--inverse-data-green-minor-hover, #0F9928FF)';
|
|
2196
2328
|
/** dark data inverse dataGreenMinorActive */
|
|
2197
2329
|
export var inverseDataGreenMinorActive = 'var(--inverse-data-green-minor-active, #0B741FFF)';
|
|
2198
2330
|
/** dark data inverse dataGreenLightHover */
|
|
2199
|
-
export var inverseDataGreenLightHover = 'var(--inverse-data-green-light-hover, #
|
|
2331
|
+
export var inverseDataGreenLightHover = 'var(--inverse-data-green-light-hover, #D6FFE2FF)';
|
|
2200
2332
|
/** dark data inverse dataGreenLightActive */
|
|
2201
|
-
export var inverseDataGreenLightActive = 'var(--inverse-data-green-light-active, #
|
|
2333
|
+
export var inverseDataGreenLightActive = 'var(--inverse-data-green-light-active, #D1FFDEFF)';
|
|
2202
2334
|
/** dark data inverse dataSpringHover */
|
|
2203
2335
|
export var inverseDataSpringHover = 'var(--inverse-data-spring-hover, #62900EFF)';
|
|
2204
2336
|
/** dark data inverse dataSpringActive */
|
|
2205
2337
|
export var inverseDataSpringActive = 'var(--inverse-data-spring-active, #496B0BFF)';
|
|
2206
2338
|
/** dark data inverse dataBlueHover */
|
|
2207
|
-
export var inverseDataBlueHover = 'var(--inverse-data-blue-hover, #
|
|
2339
|
+
export var inverseDataBlueHover = 'var(--inverse-data-blue-hover, #36A7F2FF)';
|
|
2208
2340
|
/** dark data inverse dataBlueActive */
|
|
2209
|
-
export var inverseDataBlueActive = 'var(--inverse-data-blue-active, #
|
|
2341
|
+
export var inverseDataBlueActive = 'var(--inverse-data-blue-active, #0F90E6FF)';
|
|
2210
2342
|
/** dark data inverse dataBlueMildHover */
|
|
2211
2343
|
export var inverseDataBlueMildHover = 'var(--inverse-data-blue-mild-hover, #0D84D3FF)';
|
|
2212
2344
|
/** dark data inverse dataBlueMildActive */
|
|
@@ -2224,9 +2356,9 @@ export var inverseDataElectricBlueHover = 'var(--inverse-data-electric-blue-hove
|
|
|
2224
2356
|
/** dark data inverse dataElectricBlueActive */
|
|
2225
2357
|
export var inverseDataElectricBlueActive = 'var(--inverse-data-electric-blue-active, #13429AFF)';
|
|
2226
2358
|
/** dark data inverse dataFuchsiaHover */
|
|
2227
|
-
export var inverseDataFuchsiaHover = 'var(--inverse-data-fuchsia-hover, #
|
|
2359
|
+
export var inverseDataFuchsiaHover = 'var(--inverse-data-fuchsia-hover, #F471DEFF)';
|
|
2228
2360
|
/** dark data inverse dataFuchsiaActive */
|
|
2229
|
-
export var inverseDataFuchsiaActive = 'var(--inverse-data-fuchsia-active, #
|
|
2361
|
+
export var inverseDataFuchsiaActive = 'var(--inverse-data-fuchsia-active, #F042D3FF)';
|
|
2230
2362
|
/** dark data inverse dataPinkHover */
|
|
2231
2363
|
export var inverseDataPinkHover = 'var(--inverse-data-pink-hover, #AF0E4EFF)';
|
|
2232
2364
|
/** dark data inverse dataPinkActive */
|
|
@@ -2257,8 +2389,6 @@ export var inverseDataRedTransparentHover = 'var(--inverse-data-red-transparent-
|
|
|
2257
2389
|
export var inverseDataRedTransparentActive = 'var(--inverse-data-red-transparent-active, #FF293E47)';
|
|
2258
2390
|
/** dark data inverse dataOrchidMinor */
|
|
2259
2391
|
export var inverseDataOrchidMinor = 'var(--inverse-data-orchid-minor, #DEB7F7)';
|
|
2260
|
-
/** dark data inverse dataOrchid */
|
|
2261
|
-
export var inverseDataOrchid = 'var(--inverse-data-orchid, #C46BFF)';
|
|
2262
2392
|
/** Инвертированный светлый голубой цвет для данных */
|
|
2263
2393
|
export var inverseDataBlueLightHover = 'var(--inverse-data-blue-light-hover, #E5F5FFFF)';
|
|
2264
2394
|
/** Инвертированный светлый голубой цвет для данных */
|
|
@@ -2267,6 +2397,138 @@ export var inverseDataBlueLightActive = 'var(--inverse-data-blue-light-active, #
|
|
|
2267
2397
|
export var inverseDataBlueLight = 'var(--inverse-data-blue-light, #EDF8FF)';
|
|
2268
2398
|
/** dark data inverse dataBlueMinor */
|
|
2269
2399
|
export var inverseDataBlueMinor = 'var(--inverse-data-blue-minor, #CFECFF)';
|
|
2400
|
+
/** dark data inverse dataElectricBlueMinorHover */
|
|
2401
|
+
export var inverseDataElectricBlueMinorHover = 'var(--inverse-data-electric-blue-minor-hover, #83ADFCFF)';
|
|
2402
|
+
/** dark data inverse dataElectricBlueMinorActive */
|
|
2403
|
+
export var inverseDataElectricBlueMinorActive = 'var(--inverse-data-electric-blue-minor-active, #79A7FCFF)';
|
|
2404
|
+
/** dark data inverse dataElectricBlueMinor */
|
|
2405
|
+
export var inverseDataElectricBlueMinor = 'var(--inverse-data-electric-blue-minor, #8BB2FC)';
|
|
2406
|
+
/** dark data inverse dataElectricBlueLightHover */
|
|
2407
|
+
export var inverseDataElectricBlueLightHover = 'var(--inverse-data-electric-blue-light-hover, #D6E4FFFF)';
|
|
2408
|
+
/** dark data inverse dataElectricBlueLightActive */
|
|
2409
|
+
export var inverseDataElectricBlueLightActive = 'var(--inverse-data-electric-blue-light-active, #D1E0FFFF)';
|
|
2410
|
+
/** dark data inverse dataElectricBlueLight */
|
|
2411
|
+
export var inverseDataElectricBlueLight = 'var(--inverse-data-electric-blue-light, #DEE9FF)';
|
|
2412
|
+
/** dark data inverse dataGrayLightHover */
|
|
2413
|
+
export var inverseDataGrayLightHover = 'var(--inverse-data-gray-light-hover, #E2E9EEFF)';
|
|
2414
|
+
/** dark data inverse dataGrayLightActive */
|
|
2415
|
+
export var inverseDataGrayLightActive = 'var(--inverse-data-gray-light-active, #DEE7EDFF)';
|
|
2416
|
+
/** dark data inverse dataGrayLight */
|
|
2417
|
+
export var inverseDataGrayLight = 'var(--inverse-data-gray-light, #E8EEF2)';
|
|
2418
|
+
/** dark data inverse dataGreen */
|
|
2419
|
+
export var inverseDataGreen = 'var(--inverse-data-green, #24B23E)';
|
|
2420
|
+
/** dark data inverse dataGreenLight */
|
|
2421
|
+
export var inverseDataGreenLight = 'var(--inverse-data-green-light, #E0FFE9)';
|
|
2422
|
+
/** dark data inverse dataYellowDark */
|
|
2423
|
+
export var inverseDataYellowDark = 'var(--inverse-data-yellow-dark, #CC8800)';
|
|
2424
|
+
/** dark data inverse dataYellowDarkHover */
|
|
2425
|
+
export var inverseDataYellowDarkHover = 'var(--inverse-data-yellow-dark-hover, #E09600FF)';
|
|
2426
|
+
/** dark data inverse dataYellowDarkActive */
|
|
2427
|
+
export var inverseDataYellowDarkActive = 'var(--inverse-data-yellow-dark-active, #B87A00FF)';
|
|
2428
|
+
/** dark data inverse dataOrange */
|
|
2429
|
+
export var inverseDataOrange = 'var(--inverse-data-orange, #FF7024)';
|
|
2430
|
+
/** dark data inverse dataBlue */
|
|
2431
|
+
export var inverseDataBlue = 'var(--inverse-data-blue, #199AF0)';
|
|
2432
|
+
/** dark data inverse dataOrchid */
|
|
2433
|
+
export var inverseDataOrchid = 'var(--inverse-data-orchid, #C46BFF)';
|
|
2434
|
+
/** dark data inverse dataOrchidLightHover */
|
|
2435
|
+
export var inverseDataOrchidLightHover = 'var(--inverse-data-orchid-light-hover, #F3E0FFFF)';
|
|
2436
|
+
/** dark data inverse dataOrchidLightActive */
|
|
2437
|
+
export var inverseDataOrchidLightActive = 'var(--inverse-data-orchid-light-active, #F1DBFFFF)';
|
|
2438
|
+
/** dark data inverse dataOrchidLight */
|
|
2439
|
+
export var inverseDataOrchidLight = 'var(--inverse-data-orchid-light, #F4E3FF)';
|
|
2440
|
+
/** dark data inverse dataFuchsia */
|
|
2441
|
+
export var inverseDataFuchsia = 'var(--inverse-data-fuchsia, #F155D7)';
|
|
2442
|
+
/** dark data inverse dataFuchsiaMinorHover */
|
|
2443
|
+
export var inverseDataFuchsiaMinorHover = 'var(--inverse-data-fuchsia-minor-hover, #F288E0FF)';
|
|
2444
|
+
/** dark data inverse dataFuchsiaMinorActive */
|
|
2445
|
+
export var inverseDataFuchsiaMinorActive = 'var(--inverse-data-fuchsia-minor-active, #F17EDEFF)';
|
|
2446
|
+
/** dark data inverse dataFuchsiaMinor */
|
|
2447
|
+
export var inverseDataFuchsiaMinor = 'var(--inverse-data-fuchsia-minor, #F391E2)';
|
|
2448
|
+
/** dark data inverse dataFuchsiaLightHover */
|
|
2449
|
+
export var inverseDataFuchsiaLightHover = 'var(--inverse-data-fuchsia-light-hover, #FCD9F5FF)';
|
|
2450
|
+
/** dark data inverse dataFuchsiaLightActive */
|
|
2451
|
+
export var inverseDataFuchsiaLightActive = 'var(--inverse-data-fuchsia-light-active, #FCD4F4FF)';
|
|
2452
|
+
/** dark data inverse dataFuchsiaLight */
|
|
2453
|
+
export var inverseDataFuchsiaLight = 'var(--inverse-data-fuchsia-light, #FDE3F8)';
|
|
2454
|
+
/** dark data inverse dataArctic */
|
|
2455
|
+
export var inverseDataArctic = 'var(--inverse-data-arctic, #00AC7B)';
|
|
2456
|
+
/** dark data inverse dataArcticLight */
|
|
2457
|
+
export var inverseDataArcticLight = 'var(--inverse-data-arctic-light, #DBFFF5)';
|
|
2458
|
+
/** dark data inverse dataArcticLightHover */
|
|
2459
|
+
export var inverseDataArcticLightHover = 'var(--inverse-data-arctic-light-hover, #D1FFF2FF)';
|
|
2460
|
+
/** dark data inverse dataArcticLightActive */
|
|
2461
|
+
export var inverseDataArcticLightActive = 'var(--inverse-data-arctic-light-active, #CCFFF1FF)';
|
|
2462
|
+
/** dark text default textAccentGradientHover */
|
|
2463
|
+
export var textAccentGradientHover = 'var(--text-accent-gradient-hover, #858585FF)';
|
|
2464
|
+
/** dark text default textAccentGradientActive */
|
|
2465
|
+
export var textAccentGradientActive = 'var(--text-accent-gradient-active, #666666FF)';
|
|
2466
|
+
/** dark text default textGradientPrimaryHover */
|
|
2467
|
+
export var textGradientPrimaryHover = 'var(--text-gradient-primary-hover, #858585FF)';
|
|
2468
|
+
/** dark text default textGradientPrimaryActive */
|
|
2469
|
+
export var textGradientPrimaryActive = 'var(--text-gradient-primary-active, #666666FF)';
|
|
2470
|
+
/** dark text default textAccentGradientMinorHover */
|
|
2471
|
+
export var textAccentGradientMinorHover = 'var(--text-accent-gradient-minor-hover, #3D3D3DFF)';
|
|
2472
|
+
/** dark text default textAccentGradientMinorActive */
|
|
2473
|
+
export var textAccentGradientMinorActive = 'var(--text-accent-gradient-minor-active, #1F1F1FFF)';
|
|
2474
|
+
/** dark text default textAccentGradient */
|
|
2475
|
+
export var textAccentGradient = 'var(--text-accent-gradient, linear-gradient(101.02deg, #3F81FDFF 0%, #00A4D1FF 45.322%, #528EFFFF 100%))';
|
|
2476
|
+
/** dark text default textAccentGradientMinor */
|
|
2477
|
+
export var textAccentGradientMinor = 'var(--text-accent-gradient-minor, linear-gradient(0deg, #FFFFFF33 0%, #FFFFFF33 100%),linear-gradient(109.38deg, #199AF0FF 0%, #12C2F3FF 45.322%, #528EFFFF 100%),#FFFFFF00)';
|
|
2478
|
+
/** dark text onDark textAccentGradientHover */
|
|
2479
|
+
export var onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #858585FF)';
|
|
2480
|
+
/** dark text onDark textAccentGradientActive */
|
|
2481
|
+
export var onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #666666FF)';
|
|
2482
|
+
/** dark text onDark textGradientPrimaryHover */
|
|
2483
|
+
export var onDarkTextGradientPrimaryHover = 'var(--on-dark-text-gradient-primary-hover, #858585FF)';
|
|
2484
|
+
/** dark text onDark textGradientPrimaryActive */
|
|
2485
|
+
export var onDarkTextGradientPrimaryActive = 'var(--on-dark-text-gradient-primary-active, #666666FF)';
|
|
2486
|
+
/** dark text onDark textAccentGradientMinorHover */
|
|
2487
|
+
export var onDarkTextAccentGradientMinorHover = 'var(--on-dark-text-accent-gradient-minor-hover, #3D3D3DFF)';
|
|
2488
|
+
/** dark text onDark textAccentGradientMinorActive */
|
|
2489
|
+
export var onDarkTextAccentGradientMinorActive = 'var(--on-dark-text-accent-gradient-minor-active, #1F1F1FFF)';
|
|
2490
|
+
/** dark text onDark textAccentGradient */
|
|
2491
|
+
export var onDarkTextAccentGradient = 'var(--on-dark-text-accent-gradient, linear-gradient(101.02deg, #3F81FDFF 0%, #00A4D1FF 45.322%, #528EFFFF 100%))';
|
|
2492
|
+
/** dark text onDark textAccentGradientMinor */
|
|
2493
|
+
export var onDarkTextAccentGradientMinor = 'var(--on-dark-text-accent-gradient-minor, linear-gradient(0deg, #FFFFFF33 0%, #FFFFFF33 100%),linear-gradient(109.38deg, #199AF0FF 0%, #12C2F3FF 45.322%, #528EFFFF 100%),#FFFFFF00)';
|
|
2494
|
+
/** dark text onLight textAccentGradientHover */
|
|
2495
|
+
export var onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)';
|
|
2496
|
+
/** dark text onLight textAccentGradientActive */
|
|
2497
|
+
export var onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)';
|
|
2498
|
+
/** dark text onLight textGradientPrimaryHover */
|
|
2499
|
+
export var onLightTextGradientPrimaryHover = 'var(--on-light-text-gradient-primary-hover, #CCCCCCFF)';
|
|
2500
|
+
/** dark text onLight textGradientPrimaryActive */
|
|
2501
|
+
export var onLightTextGradientPrimaryActive = 'var(--on-light-text-gradient-primary-active, #E6E6E6FF)';
|
|
2502
|
+
/** dark text onLight textAccentGradientMinorHover */
|
|
2503
|
+
export var onLightTextAccentGradientMinorHover = 'var(--on-light-text-accent-gradient-minor-hover, #8F8F8FFF)';
|
|
2504
|
+
/** dark text onLight textAccentGradientMinorActive */
|
|
2505
|
+
export var onLightTextAccentGradientMinorActive = 'var(--on-light-text-accent-gradient-minor-active, #000000FF)';
|
|
2506
|
+
/** dark text onLight textAccentGradient */
|
|
2507
|
+
export var onLightTextAccentGradient = 'var(--on-light-text-accent-gradient, linear-gradient(101.02deg, #199AF0FF 0%, #12C2F3FF 45.322%, #528EFFFF 100%))';
|
|
2508
|
+
/** dark text onLight textAccentGradientMinor */
|
|
2509
|
+
export var onLightTextAccentGradientMinor = 'var(--on-light-text-accent-gradient-minor, linear-gradient(0deg, #501A7433 0%, #501A7433 100%),linear-gradient(101.02deg, #199AF0FF 0%, #12C2F3FF 45.322%, #528EFFFF 100%),#FFFFFF00)';
|
|
2510
|
+
/** dark text inverse textAccentGradientHover */
|
|
2511
|
+
export var inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)';
|
|
2512
|
+
/** dark text inverse textAccentGradientActive */
|
|
2513
|
+
export var inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)';
|
|
2514
|
+
/** dark text inverse textGradientPrimaryHover */
|
|
2515
|
+
export var inverseTextGradientPrimaryHover = 'var(--inverse-text-gradient-primary-hover, #CCCCCCFF)';
|
|
2516
|
+
/** dark text inverse textGradientPrimaryActive */
|
|
2517
|
+
export var inverseTextGradientPrimaryActive = 'var(--inverse-text-gradient-primary-active, #E6E6E6FF)';
|
|
2518
|
+
/** dark text inverse textAccentGradientMinorHover */
|
|
2519
|
+
export var inverseTextAccentGradientMinorHover = 'var(--inverse-text-accent-gradient-minor-hover, #8F8F8FFF)';
|
|
2520
|
+
/** dark text inverse textAccentGradientMinorActive */
|
|
2521
|
+
export var inverseTextAccentGradientMinorActive = 'var(--inverse-text-accent-gradient-minor-active, #000000FF)';
|
|
2522
|
+
/** dark text inverse textAccentGradient */
|
|
2523
|
+
export var inverseTextAccentGradient = 'var(--inverse-text-accent-gradient, linear-gradient(101.02deg, #199AF0FF 0%, #12C2F3FF 45.322%, #528EFFFF 100%))';
|
|
2524
|
+
/** dark text inverse textAccentGradientMinor */
|
|
2525
|
+
export var inverseTextAccentGradientMinor = 'var(--inverse-text-accent-gradient-minor, linear-gradient(0deg, #501A7433 0%, #501A7433 100%),linear-gradient(101.02deg, #199AF0FF 0%, #12C2F3FF 45.322%, #528EFFFF 100%),#FFFFFF00)';
|
|
2526
|
+
/** Акцентный фон поверхности/контрола с градиентом */
|
|
2527
|
+
export var surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)';
|
|
2528
|
+
/** Акцентный фон поверхности/контрола с градиентом */
|
|
2529
|
+
export var surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)';
|
|
2530
|
+
/** Акцентный фон поверхности/контрола с градиентом */
|
|
2531
|
+
export var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(128.65deg, #04C6C999 0%, #199AF099 52.311%, #528EFF99 100%))';
|
|
2270
2532
|
/** Фон для скелетона */
|
|
2271
2533
|
export var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))';
|
|
2272
2534
|
/** Фон для скелетона */
|
|
@@ -2279,6 +2541,12 @@ export var surfaceSkeletonDeepGradient = 'var(--surface-skeleton-deep-gradient,
|
|
|
2279
2541
|
export var surfaceSkeletonDeepGradientHover = 'var(--surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
|
|
2280
2542
|
/** Яркий фон для скелетона */
|
|
2281
2543
|
export var surfaceSkeletonDeepGradientActive = 'var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)';
|
|
2544
|
+
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
2545
|
+
export var onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
2546
|
+
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
2547
|
+
export var onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)';
|
|
2548
|
+
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
2549
|
+
export var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(128.65deg, #04C6C999 0%, #199AF099 52.311%, #528EFF99 100%))';
|
|
2282
2550
|
/** Фон для скелетона */
|
|
2283
2551
|
export var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%))';
|
|
2284
2552
|
/** Фон для скелетона */
|
|
@@ -2291,6 +2559,12 @@ export var onDarkSurfaceSkeletonDeepGradient = 'var(--on-dark-surface-skeleton-d
|
|
|
2291
2559
|
export var onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
|
|
2292
2560
|
/** Яркий фон для скелетона */
|
|
2293
2561
|
export var onDarkSurfaceSkeletonDeepGradientActive = 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
|
|
2562
|
+
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
2563
|
+
export var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
2564
|
+
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
2565
|
+
export var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)';
|
|
2566
|
+
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
2567
|
+
export var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(128.65deg, #18EFF266 0%, #52BAFF66 52.311%, #8BB2FC66 100%))';
|
|
2294
2568
|
/** Фон для скелетона */
|
|
2295
2569
|
export var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))';
|
|
2296
2570
|
/** Фон для скелетона */
|
|
@@ -2303,6 +2577,12 @@ export var onLightSurfaceSkeletonDeepGradient = 'var(--on-light-surface-skeleton
|
|
|
2303
2577
|
export var onLightSurfaceSkeletonDeepGradientHover = 'var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
|
|
2304
2578
|
/** Яркий фон для скелетона */
|
|
2305
2579
|
export var onLightSurfaceSkeletonDeepGradientActive = 'var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
|
|
2580
|
+
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
2581
|
+
export var inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
2582
|
+
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
2583
|
+
export var inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)';
|
|
2584
|
+
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
2585
|
+
export var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(128.65deg, #18EFF266 0%, #52BAFF66 52.311%, #8BB2FC66 100%))';
|
|
2306
2586
|
/** Фон для скелетона */
|
|
2307
2587
|
export var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%))';
|
|
2308
2588
|
/** Фон для скелетона */
|
|
@@ -2315,6 +2595,30 @@ export var inverseSurfaceSkeletonDeepGradient = 'var(--inverse-surface-skeleton-
|
|
|
2315
2595
|
export var inverseSurfaceSkeletonDeepGradientHover = 'var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)';
|
|
2316
2596
|
/** Яркий фон для скелетона */
|
|
2317
2597
|
export var inverseSurfaceSkeletonDeepGradientActive = 'var(--inverse-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
|
|
2598
|
+
/** Акцентный цвет обводки с градиентом */
|
|
2599
|
+
export var outlineAccentGradientHover = 'var(--outline-accent-gradient-hover, #858585FF)';
|
|
2600
|
+
/** Акцентный цвет обводки с градиентом */
|
|
2601
|
+
export var outlineAccentGradientActive = 'var(--outline-accent-gradient-active, #666666FF)';
|
|
2602
|
+
/** Акцентный цвет обводки с градиентом */
|
|
2603
|
+
export var outlineAccentGradient = 'var(--outline-accent-gradient, linear-gradient(136.09deg, #118CDFFF 0%, #0D5382FF 47.461%, #1549ABFF 94.287%))';
|
|
2604
|
+
/** Акцентный цвет обводки с градиентом на темном фоне */
|
|
2605
|
+
export var onDarkOutlineAccentGradientHover = 'var(--on-dark-outline-accent-gradient-hover, #858585FF)';
|
|
2606
|
+
/** Акцентный цвет обводки с градиентом на темном фоне */
|
|
2607
|
+
export var onDarkOutlineAccentGradientActive = 'var(--on-dark-outline-accent-gradient-active, #666666FF)';
|
|
2608
|
+
/** Акцентный цвет обводки с градиентом на темном фоне */
|
|
2609
|
+
export var onDarkOutlineAccentGradient = 'var(--on-dark-outline-accent-gradient, linear-gradient(136.09deg, #118CDFFF 0%, #0D5382FF 47.461%, #1549ABFF 94.287%))';
|
|
2610
|
+
/** Акцентный цвет обводки с градиентом на светлом фоне */
|
|
2611
|
+
export var onLightOutlineAccentGradientHover = 'var(--on-light-outline-accent-gradient-hover, #CCCCCCFF)';
|
|
2612
|
+
/** Акцентный цвет обводки с градиентом на светлом фоне */
|
|
2613
|
+
export var onLightOutlineAccentGradientActive = 'var(--on-light-outline-accent-gradient-active, #E6E6E6FF)';
|
|
2614
|
+
/** Акцентный цвет обводки с градиентом на светлом фоне */
|
|
2615
|
+
export var onLightOutlineAccentGradient = 'var(--on-light-outline-accent-gradient, linear-gradient(136.09deg, #8AE6FFFF 0%, #CFECFFFF 44.605%, #A9C7FEFF 92.953%))';
|
|
2616
|
+
/** Инвертированный акцентный цвет обводки с градиентом */
|
|
2617
|
+
export var inverseOutlineAccentGradientHover = 'var(--inverse-outline-accent-gradient-hover, #CCCCCCFF)';
|
|
2618
|
+
/** Инвертированный акцентный цвет обводки с градиентом */
|
|
2619
|
+
export var inverseOutlineAccentGradientActive = 'var(--inverse-outline-accent-gradient-active, #E6E6E6FF)';
|
|
2620
|
+
/** Инвертированный акцентный цвет обводки с градиентом */
|
|
2621
|
+
export var inverseOutlineAccentGradient = 'var(--inverse-outline-accent-gradient, linear-gradient(136.09deg, #8AE6FFFF 0%, #CFECFFFF 44.605%, #A9C7FEFF 92.953%))';
|
|
2318
2622
|
/** Цвет успеха с градиентом */
|
|
2319
2623
|
export var dataPositiveGradient = 'var(--data-positive-gradient, radial-gradient(74.00% 74.00% at 50% 50%, #1A9E32FF 0.302%, #00AC7BAD 30.285%, #007D8052 54.577%, #060A0C00 74.407%))';
|
|
2320
2624
|
/** Цвет успеха с градиентом */
|
|
@@ -2412,29 +2716,33 @@ export var inverseDataInfoGradientHover = 'var(--inverse-data-info-gradient-hove
|
|
|
2412
2716
|
/** Цвет информации с градиентом */
|
|
2413
2717
|
export var inverseDataInfoGradientActive = 'var(--inverse-data-info-gradient-active, #FFFFFFFF)';
|
|
2414
2718
|
/** shadow down soft s */
|
|
2415
|
-
export var shadowDownSoftS = 'var(--shadow-down-soft-s,
|
|
2719
|
+
export var shadowDownSoftS = 'var(--shadow-down-soft-s, 0rem 0.25rem 0.875rem -0.25rem #08080814,0rem 0.0625rem 0.25rem -0.0625rem #0000000A)';
|
|
2416
2720
|
/** shadow down soft m */
|
|
2417
|
-
export var shadowDownSoftM = 'var(--shadow-down-soft-m,
|
|
2721
|
+
export var shadowDownSoftM = 'var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)';
|
|
2418
2722
|
/** shadow down soft l */
|
|
2419
|
-
export var shadowDownSoftL = 'var(--shadow-down-soft-l,
|
|
2723
|
+
export var shadowDownSoftL = 'var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)';
|
|
2420
2724
|
/** shadow down hard s */
|
|
2421
|
-
export var shadowDownHardS = 'var(--shadow-down-hard-s,
|
|
2725
|
+
export var shadowDownHardS = 'var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)';
|
|
2422
2726
|
/** shadow down hard m */
|
|
2423
|
-
export var shadowDownHardM = 'var(--shadow-down-hard-m,
|
|
2727
|
+
export var shadowDownHardM = 'var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)';
|
|
2424
2728
|
/** shadow down hard l */
|
|
2425
|
-
export var shadowDownHardL = 'var(--shadow-down-hard-l,
|
|
2729
|
+
export var shadowDownHardL = 'var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)';
|
|
2426
2730
|
/** shadow up soft s */
|
|
2427
|
-
export var shadowUpSoftS = 'var(--shadow-up-soft-s,
|
|
2731
|
+
export var shadowUpSoftS = 'var(--shadow-up-soft-s, 0rem -0.25rem 0.875rem -0.25rem #08080814,0rem -0.0625rem 0.25rem -0.0625rem #00000008)';
|
|
2428
2732
|
/** shadow up soft m */
|
|
2429
|
-
export var shadowUpSoftM = 'var(--shadow-up-soft-m,
|
|
2733
|
+
export var shadowUpSoftM = 'var(--shadow-up-soft-m, 0rem -1.5rem 3rem -0.5rem #00000014)';
|
|
2430
2734
|
/** shadow up soft l */
|
|
2431
|
-
export var shadowUpSoftL = 'var(--shadow-up-soft-l,
|
|
2735
|
+
export var shadowUpSoftL = 'var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)';
|
|
2432
2736
|
/** shadow up hard s */
|
|
2433
|
-
export var shadowUpHardS = 'var(--shadow-up-hard-s,
|
|
2737
|
+
export var shadowUpHardS = 'var(--shadow-up-hard-s, 0rem -0.25rem 0.75rem -0.1875rem #08080833,0rem -0.0625rem 0.25rem -0.0625rem #00000008)';
|
|
2434
2738
|
/** shadow up hard m */
|
|
2435
|
-
export var shadowUpHardM = 'var(--shadow-up-hard-m,
|
|
2739
|
+
export var shadowUpHardM = 'var(--shadow-up-hard-m, 0rem -1rem 2rem -0.5rem #0000003D)';
|
|
2436
2740
|
/** shadow up hard l */
|
|
2437
|
-
export var shadowUpHardL = 'var(--shadow-up-hard-l,
|
|
2741
|
+
export var shadowUpHardL = 'var(--shadow-up-hard-l, 0rem -3.75rem 7rem -0.5rem #00000066)';
|
|
2742
|
+
/** shadow gradient light */
|
|
2743
|
+
export var shadowGradientLight = 'var(--shadow-gradient-light, 0.1875rem 0.25rem 0.75rem 0rem #8BB2FC7A,-0.125rem -0.1875rem 1.3125rem -0.1875rem #4AD6FC7A)';
|
|
2744
|
+
/** shadow gradient dark */
|
|
2745
|
+
export var shadowGradientDark = 'var(--shadow-gradient-dark, 0.1689rem 0.2252rem 0.6756rem 0rem #2969E399,-0.1126rem -0.1689rem 1.1823rem -0.1689rem #12C2F399)';
|
|
2438
2746
|
/** borderRadius xxs */
|
|
2439
2747
|
export var borderRadiusXxs = 'var(--border-radius-xxs, 4px)';
|
|
2440
2748
|
/** borderRadius xs */
|
|
@@ -2966,7 +3274,7 @@ export var textXSMedium = {
|
|
|
2966
3274
|
lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)',
|
|
2967
3275
|
};
|
|
2968
3276
|
export var viewContainer = {
|
|
2969
|
-
dark: "\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\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-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\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-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-positive: var(--on-dark-text-positive);\n --text-warning: var(--on-dark-text-warning);\n --text-negative: var(--on-dark-text-negative);\n --text-info: var(--on-dark-text-info);\n --text-positive-minor: var(--on-dark-text-positive-minor);\n --text-warning-minor: var(--on-dark-text-warning-minor);\n --text-negative-minor: var(--on-dark-text-negative-minor);\n --text-info-minor: var(--on-dark-text-info-minor);\n --text-secondary: var(--on-dark-text-secondary);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-accent: var(--on-dark-text-accent);\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-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-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\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-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\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-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-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n --inverse-text-info-minor: var(--on-light-text-info-minor);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative: var(--on-light-text-negative);\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-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\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-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\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-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-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\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-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\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-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\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-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\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-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative: var(--on-dark-surface-negative);\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-positive: var(--on-dark-surface-transparent-positive);\n --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-transparent-info: var(--on-dark-surface-transparent-info);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-info: var(--on-dark-surface-info);\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-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-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-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-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-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-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-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-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-clear: var(--on-light-surface-clear);\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-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\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-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\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-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-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: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\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-transparent-card: var(--on-light-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative: var(--on-light-surface-negative);\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-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-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-info: var(--on-light-surface-info);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --background-primary: var(--dark-background-primary);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --overlay-hard: var(--on-dark-overlay-hard);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-blur: var(--on-dark-overlay-blur);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\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-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-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\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-default-hover: var(--on-dark-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\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-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-secondary: var(--on-light-outline-solid-secondary);\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-positive: var(--on-light-outline-positive);\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-positive: var(--on-light-outline-transparent-positive);\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-solid-default: var(--on-light-outline-solid-default);\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-warning: var(--on-light-outline-warning);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\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-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n --data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n --data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n --data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n --data-green: var(--on-dark-data-green);\n --data-yellow-light: var(--on-dark-data-yellow-light);\n --data-blue-light: var(--on-dark-data-blue-light);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-orange: var(--on-dark-data-orange);\n --data-orange-minor: var(--on-dark-data-orange-minor);\n --data-orange-light: var(--on-dark-data-orange-light);\n --data-red: var(--on-dark-data-red);\n --data-red-minor: var(--on-dark-data-red-minor);\n --data-red-light: var(--on-dark-data-red-light);\n --data-arctic: var(--on-dark-data-arctic);\n --data-green-minor: var(--on-dark-data-green-minor);\n --data-green-light: var(--on-dark-data-green-light);\n --data-spring: var(--on-dark-data-spring);\n --data-blue: var(--on-dark-data-blue);\n --data-blue-mild: var(--on-dark-data-blue-mild);\n --data-blue-minor: var(--on-dark-data-blue-minor);\n --data-malachite: var(--on-dark-data-malachite);\n --data-malachite-minor: var(--on-dark-data-malachite-minor);\n --data-electric-blue: var(--on-dark-data-electric-blue);\n --data-fuchsia: var(--on-dark-data-fuchsia);\n --data-pink: var(--on-dark-data-pink);\n --data-gray: var(--on-dark-data-gray);\n --data-gray-minor: var(--on-dark-data-gray-minor);\n --data-red-transparent: var(--on-dark-data-red-transparent);\n --data-orange-transparent: var(--on-dark-data-orange-transparent);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-green-transparent: var(--on-dark-data-green-transparent);\n --data-blue-transparent: var(--on-dark-data-blue-transparent);\n --data-green-hover: var(--on-dark-data-green-hover);\n --data-green-active: var(--on-dark-data-green-active);\n --data-blue-light-hover: var(--on-dark-data-blue-light-hover);\n --data-blue-light-active: var(--on-dark-data-blue-light-active);\n --data-orchid-hover: var(--on-dark-data-orchid-hover);\n --data-orchid-active: var(--on-dark-data-orchid-active);\n --data-orchid-minor-hover: var(--on-dark-data-orchid-minor-hover);\n --data-orchid-minor-active: var(--on-dark-data-orchid-minor-active);\n --data-orange-hover: var(--on-dark-data-orange-hover);\n --data-orange-active: var(--on-dark-data-orange-active);\n --data-orange-minor-hover: var(--on-dark-data-orange-minor-hover);\n --data-orange-minor-active: var(--on-dark-data-orange-minor-active);\n --data-orange-light-hover: var(--on-dark-data-orange-light-hover);\n --data-orange-light-active: var(--on-dark-data-orange-light-active);\n --data-red-hover: var(--on-dark-data-red-hover);\n --data-red-active: var(--on-dark-data-red-active);\n --data-red-minor-hover: var(--on-dark-data-red-minor-hover);\n --data-red-minor-active: var(--on-dark-data-red-minor-active);\n --data-red-light-hover: var(--on-dark-data-red-light-hover);\n --data-red-light-active: var(--on-dark-data-red-light-active);\n --data-arctic-hover: var(--on-dark-data-arctic-hover);\n --data-arctic-active: var(--on-dark-data-arctic-active);\n --data-green-minor-hover: var(--on-dark-data-green-minor-hover);\n --data-green-minor-active: var(--on-dark-data-green-minor-active);\n --data-green-light-hover: var(--on-dark-data-green-light-hover);\n --data-green-light-active: var(--on-dark-data-green-light-active);\n --data-spring-hover: var(--on-dark-data-spring-hover);\n --data-spring-active: var(--on-dark-data-spring-active);\n --data-blue-hover: var(--on-dark-data-blue-hover);\n --data-blue-active: var(--on-dark-data-blue-active);\n --data-blue-mild-hover: var(--on-dark-data-blue-mild-hover);\n --data-blue-mild-active: var(--on-dark-data-blue-mild-active);\n --data-blue-minor-hover: var(--on-dark-data-blue-minor-hover);\n --data-blue-minor-active: var(--on-dark-data-blue-minor-active);\n --data-malachite-hover: var(--on-dark-data-malachite-hover);\n --data-malachite-active: var(--on-dark-data-malachite-active);\n --data-malachite-minor-hover: var(--on-dark-data-malachite-minor-hover);\n --data-malachite-minor-active: var(--on-dark-data-malachite-minor-active);\n --data-electric-blue-hover: var(--on-dark-data-electric-blue-hover);\n --data-electric-blue-active: var(--on-dark-data-electric-blue-active);\n --data-fuchsia-hover: var(--on-dark-data-fuchsia-hover);\n --data-fuchsia-active: var(--on-dark-data-fuchsia-active);\n --data-pink-hover: var(--on-dark-data-pink-hover);\n --data-pink-active: var(--on-dark-data-pink-active);\n --data-gray-hover: var(--on-dark-data-gray-hover);\n --data-gray-active: var(--on-dark-data-gray-active);\n --data-gray-minor-hover: var(--on-dark-data-gray-minor-hover);\n --data-gray-minor-active: var(--on-dark-data-gray-minor-active);\n --data-red-transparent-hover: var(--on-dark-data-red-transparent-hover);\n --data-red-transparent-active: var(--on-dark-data-red-transparent-active);\n --data-orange-transparent-hover: var(--on-dark-data-orange-transparent-hover);\n --data-orange-transparent-active: var(--on-dark-data-orange-transparent-active);\n --data-green-transparent-hover: var(--on-dark-data-green-transparent-hover);\n --data-green-transparent-active: var(--on-dark-data-green-transparent-active);\n --data-blue-transparent-hover: var(--on-dark-data-blue-transparent-hover);\n --data-blue-transparent-active: var(--on-dark-data-blue-transparent-active);\n --data-orchid: var(--on-dark-data-orchid);\n --data-orchid-minor: var(--on-dark-data-orchid-minor);\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-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow-light: var(--on-light-data-yellow-light);\n --inverse-data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n --inverse-data-yellow-light-active: var(--on-light-data-yellow-light-active);\n --inverse-data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n --inverse-data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n --inverse-data-orange: var(--on-light-data-orange);\n --inverse-data-orange-minor: var(--on-light-data-orange-minor);\n --inverse-data-orange-light: var(--on-light-data-orange-light);\n --inverse-data-red: var(--on-light-data-red);\n --inverse-data-red-minor: var(--on-light-data-red-minor);\n --inverse-data-red-light: var(--on-light-data-red-light);\n --inverse-data-arctic: var(--on-light-data-arctic);\n --inverse-data-green: var(--on-light-data-green);\n --inverse-data-green-minor: var(--on-light-data-green-minor);\n --inverse-data-green-light: var(--on-light-data-green-light);\n --inverse-data-spring: var(--on-light-data-spring);\n --inverse-data-blue: var(--on-light-data-blue);\n --inverse-data-blue-mild: var(--on-light-data-blue-mild);\n --inverse-data-malachite: var(--on-light-data-malachite);\n --inverse-data-malachite-minor: var(--on-light-data-malachite-minor);\n --inverse-data-electric-blue: var(--on-light-data-electric-blue);\n --inverse-data-fuchsia: var(--on-light-data-fuchsia);\n --inverse-data-pink: var(--on-light-data-pink);\n --inverse-data-gray: var(--on-light-data-gray);\n --inverse-data-gray-minor: var(--on-light-data-gray-minor);\n --inverse-data-orange-transparent: var(--on-light-data-orange-transparent);\n --inverse-data-green-transparent: var(--on-light-data-green-transparent);\n --inverse-data-blue-transparent: var(--on-light-data-blue-transparent);\n --inverse-data-red-transparent: var(--on-light-data-red-transparent);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-blue-minor-hover: var(--on-light-data-blue-minor-hover);\n --inverse-data-blue-minor-active: var(--on-light-data-blue-minor-active);\n --inverse-data-orchid-hover: var(--on-light-data-orchid-hover);\n --inverse-data-orchid-active: var(--on-light-data-orchid-active);\n --inverse-data-orchid-minor-hover: var(--on-light-data-orchid-minor-hover);\n --inverse-data-orchid-minor-active: var(--on-light-data-orchid-minor-active);\n --inverse-data-orange-hover: var(--on-light-data-orange-hover);\n --inverse-data-orange-active: var(--on-light-data-orange-active);\n --inverse-data-orange-minor-hover: var(--on-light-data-orange-minor-hover);\n --inverse-data-orange-minor-active: var(--on-light-data-orange-minor-active);\n --inverse-data-orange-light-hover: var(--on-light-data-orange-light-hover);\n --inverse-data-orange-light-active: var(--on-light-data-orange-light-active);\n --inverse-data-red-hover: var(--on-light-data-red-hover);\n --inverse-data-red-active: var(--on-light-data-red-active);\n --inverse-data-red-minor-hover: var(--on-light-data-red-minor-hover);\n --inverse-data-red-minor-active: var(--on-light-data-red-minor-active);\n --inverse-data-red-light-hover: var(--on-light-data-red-light-hover);\n --inverse-data-red-light-active: var(--on-light-data-red-light-active);\n --inverse-data-arctic-hover: var(--on-light-data-arctic-hover);\n --inverse-data-arctic-active: var(--on-light-data-arctic-active);\n --inverse-data-green-hover: var(--on-light-data-green-hover);\n --inverse-data-green-active: var(--on-light-data-green-active);\n --inverse-data-green-minor-hover: var(--on-light-data-green-minor-hover);\n --inverse-data-green-minor-active: var(--on-light-data-green-minor-active);\n --inverse-data-green-light-hover: var(--on-light-data-green-light-hover);\n --inverse-data-green-light-active: var(--on-light-data-green-light-active);\n --inverse-data-spring-hover: var(--on-light-data-spring-hover);\n --inverse-data-spring-active: var(--on-light-data-spring-active);\n --inverse-data-blue-hover: var(--on-light-data-blue-hover);\n --inverse-data-blue-active: var(--on-light-data-blue-active);\n --inverse-data-blue-mild-hover: var(--on-light-data-blue-mild-hover);\n --inverse-data-blue-mild-active: var(--on-light-data-blue-mild-active);\n --inverse-data-malachite-hover: var(--on-light-data-malachite-hover);\n --inverse-data-malachite-active: var(--on-light-data-malachite-active);\n --inverse-data-malachite-minor-hover: var(--on-light-data-malachite-minor-hover);\n --inverse-data-malachite-minor-active: var(--on-light-data-malachite-minor-active);\n --inverse-data-electric-blue-hover: var(--on-light-data-electric-blue-hover);\n --inverse-data-electric-blue-active: var(--on-light-data-electric-blue-active);\n --inverse-data-fuchsia-hover: var(--on-light-data-fuchsia-hover);\n --inverse-data-fuchsia-active: var(--on-light-data-fuchsia-active);\n --inverse-data-pink-hover: var(--on-light-data-pink-hover);\n --inverse-data-pink-active: var(--on-light-data-pink-active);\n --inverse-data-gray-hover: var(--on-light-data-gray-hover);\n --inverse-data-gray-active: var(--on-light-data-gray-active);\n --inverse-data-gray-minor-hover: var(--on-light-data-gray-minor-hover);\n --inverse-data-gray-minor-active: var(--on-light-data-gray-minor-active);\n --inverse-data-orange-transparent-hover: var(--on-light-data-orange-transparent-hover);\n --inverse-data-orange-transparent-active: var(--on-light-data-orange-transparent-active);\n --inverse-data-green-transparent-hover: var(--on-light-data-green-transparent-hover);\n --inverse-data-green-transparent-active: var(--on-light-data-green-transparent-active);\n --inverse-data-blue-transparent-hover: var(--on-light-data-blue-transparent-hover);\n --inverse-data-blue-transparent-active: var(--on-light-data-blue-transparent-active);\n --inverse-data-red-transparent-hover: var(--on-light-data-red-transparent-hover);\n --inverse-data-red-transparent-active: var(--on-light-data-red-transparent-active);\n --inverse-data-orchid-minor: var(--on-light-data-orchid-minor);\n --inverse-data-orchid: var(--on-light-data-orchid);\n --inverse-data-blue-light-hover: var(--on-light-data-blue-light-hover);\n --inverse-data-blue-light-active: var(--on-light-data-blue-light-active);\n --inverse-data-blue-light: var(--on-light-data-blue-light);\n --inverse-data-blue-minor: var(--on-light-data-blue-minor);\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-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 --data-positive-gradient: var(--on-dark-data-positive-gradient);\n --data-positive-gradient-hover: var(--on-dark-data-positive-gradient-hover);\n --data-positive-gradient-active: var(--on-dark-data-positive-gradient-active);\n --data-warning-gradient: var(--on-dark-data-warning-gradient);\n --data-warning-gradient-hover: var(--on-dark-data-warning-gradient-hover);\n --data-warning-gradient-active: var(--on-dark-data-warning-gradient-active);\n --data-negative-gradient: var(--on-dark-data-negative-gradient);\n --data-negative-gradient-hover: var(--on-dark-data-negative-gradient-hover);\n --data-negative-gradient-active: var(--on-dark-data-negative-gradient-active);\n --data-info-gradient: var(--on-dark-data-info-gradient);\n --data-info-gradient-hover: var(--on-dark-data-info-gradient-hover);\n --data-info-gradient-active: var(--on-dark-data-info-gradient-active);\n --inverse-data-positive-gradient: var(--on-light-data-positive-gradient);\n --inverse-data-positive-gradient-hover: var(--on-light-data-positive-gradient-hover);\n --inverse-data-positive-gradient-active: var(--on-light-data-positive-gradient-active);\n --inverse-data-warning-gradient: var(--on-light-data-warning-gradient);\n --inverse-data-warning-gradient-hover: var(--on-light-data-warning-gradient-hover);\n --inverse-data-warning-gradient-active: var(--on-light-data-warning-gradient-active);\n --inverse-data-negative-gradient: var(--on-light-data-negative-gradient);\n --inverse-data-negative-gradient-hover: var(--on-light-data-negative-gradient-hover);\n --inverse-data-negative-gradient-active: var(--on-light-data-negative-gradient-active);\n --inverse-data-info-gradient: var(--on-light-data-info-gradient);\n --inverse-data-info-gradient-hover: var(--on-light-data-info-gradient-hover);\n --inverse-data-info-gradient-active: var(--on-light-data-info-gradient-active);\n ",
|
|
2970
|
-
light: "\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\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-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-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-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-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\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-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-accent: var(--on-light-text-accent);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-positive: var(--on-light-text-positive);\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-secondary: var(--on-light-text-secondary);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-warning: var(--on-light-text-warning);\n --text-negative: var(--on-light-text-negative);\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-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\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-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\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-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-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\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-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-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative: var(--on-dark-text-negative);\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-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\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-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-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\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-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\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-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\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-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\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-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\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: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-default: var(--on-light-surface-solid-default);\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: var(--on-light-surface-clear);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-positive: var(--on-light-surface-positive);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative: var(--on-light-surface-negative);\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-positive: var(--on-light-surface-transparent-positive);\n --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-transparent-info: var(--on-light-surface-transparent-info);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-accent: var(--on-light-surface-accent);\n --surface-info: var(--on-light-surface-info);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-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-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-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-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-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-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-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-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-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-clear: var(--on-dark-surface-clear);\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-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\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-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\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-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-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\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-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative: var(--on-dark-surface-negative);\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-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-info: var(--on-dark-surface-info);\n --background-primary: var(--light-background-primary);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--dark-background-primary);\n --overlay-hard: var(--on-light-overlay-hard);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-blur: var(--on-light-overlay-blur);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\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-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-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --outline-accent: var(--on-light-outline-accent);\n --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --outline-accent-minor: var(--on-light-outline-accent-minor);\n --outline-positive: var(--on-light-outline-positive);\n --outline-info: var(--on-light-outline-info);\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-positive: var(--on-light-outline-transparent-positive);\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-warning: var(--on-light-outline-warning);\n --outline-negative: var(--on-light-outline-negative);\n --outline-solid-default: var(--on-light-outline-solid-default);\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 --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-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-solid-primary: var(--on-dark-outline-solid-primary);\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-accent: var(--on-dark-outline-accent);\n --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-info: var(--on-dark-outline-info);\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-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-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-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-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --data-yellow-light: var(--on-light-data-yellow-light);\n --data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n --data-yellow-light-active: var(--on-light-data-yellow-light-active);\n --data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n --data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n --data-orchid: var(--on-light-data-orchid);\n --data-blue-minor: var(--on-light-data-blue-minor);\n --data-blue-light: var(--on-light-data-blue-light);\n --data-arctic: var(--on-light-data-arctic);\n --data-green: var(--on-light-data-green);\n --data-green-minor: var(--on-light-data-green-minor);\n --data-green-light: var(--on-light-data-green-light);\n --data-spring: var(--on-light-data-spring);\n --data-orange: var(--on-light-data-orange);\n --data-orange-minor: var(--on-light-data-orange-minor);\n --data-orange-light: var(--on-light-data-orange-light);\n --data-red: var(--on-light-data-red);\n --data-red-minor: var(--on-light-data-red-minor);\n --data-red-light: var(--on-light-data-red-light);\n --data-blue: var(--on-light-data-blue);\n --data-blue-mild: var(--on-light-data-blue-mild);\n --data-malachite: var(--on-light-data-malachite);\n --data-malachite-minor: var(--on-light-data-malachite-minor);\n --data-electric-blue: var(--on-light-data-electric-blue);\n --data-fuchsia: var(--on-light-data-fuchsia);\n --data-pink: var(--on-light-data-pink);\n --data-gray: var(--on-light-data-gray);\n --data-gray-minor: var(--on-light-data-gray-minor);\n --data-red-transparent: var(--on-light-data-red-transparent);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-blue-transparent: var(--on-light-data-blue-transparent);\n --data-green-transparent: var(--on-light-data-green-transparent);\n --data-orange-transparent: var(--on-light-data-orange-transparent);\n --data-orchid-hover: var(--on-light-data-orchid-hover);\n --data-orchid-active: var(--on-light-data-orchid-active);\n --data-blue-minor-hover: var(--on-light-data-blue-minor-hover);\n --data-blue-minor-active: var(--on-light-data-blue-minor-active);\n --data-orchid-minor-hover: var(--on-light-data-orchid-minor-hover);\n --data-orchid-minor-active: var(--on-light-data-orchid-minor-active);\n --data-blue-light-hover: var(--on-light-data-blue-light-hover);\n --data-blue-light-active: var(--on-light-data-blue-light-active);\n --data-arctic-hover: var(--on-light-data-arctic-hover);\n --data-arctic-active: var(--on-light-data-arctic-active);\n --data-green-hover: var(--on-light-data-green-hover);\n --data-green-active: var(--on-light-data-green-active);\n --data-green-minor-hover: var(--on-light-data-green-minor-hover);\n --data-green-minor-active: var(--on-light-data-green-minor-active);\n --data-green-light-hover: var(--on-light-data-green-light-hover);\n --data-green-light-active: var(--on-light-data-green-light-active);\n --data-spring-hover: var(--on-light-data-spring-hover);\n --data-spring-active: var(--on-light-data-spring-active);\n --data-orange-hover: var(--on-light-data-orange-hover);\n --data-orange-active: var(--on-light-data-orange-active);\n --data-orange-minor-hover: var(--on-light-data-orange-minor-hover);\n --data-orange-minor-active: var(--on-light-data-orange-minor-active);\n --data-orange-light-hover: var(--on-light-data-orange-light-hover);\n --data-orange-light-active: var(--on-light-data-orange-light-active);\n --data-red-hover: var(--on-light-data-red-hover);\n --data-red-active: var(--on-light-data-red-active);\n --data-red-minor-hover: var(--on-light-data-red-minor-hover);\n --data-red-minor-active: var(--on-light-data-red-minor-active);\n --data-red-light-hover: var(--on-light-data-red-light-hover);\n --data-red-light-active: var(--on-light-data-red-light-active);\n --data-blue-hover: var(--on-light-data-blue-hover);\n --data-blue-active: var(--on-light-data-blue-active);\n --data-blue-mild-hover: var(--on-light-data-blue-mild-hover);\n --data-blue-mild-active: var(--on-light-data-blue-mild-active);\n --data-malachite-hover: var(--on-light-data-malachite-hover);\n --data-malachite-active: var(--on-light-data-malachite-active);\n --data-malachite-minor-hover: var(--on-light-data-malachite-minor-hover);\n --data-malachite-minor-active: var(--on-light-data-malachite-minor-active);\n --data-electric-blue-hover: var(--on-light-data-electric-blue-hover);\n --data-electric-blue-active: var(--on-light-data-electric-blue-active);\n --data-fuchsia-hover: var(--on-light-data-fuchsia-hover);\n --data-fuchsia-active: var(--on-light-data-fuchsia-active);\n --data-pink-hover: var(--on-light-data-pink-hover);\n --data-pink-active: var(--on-light-data-pink-active);\n --data-gray-hover: var(--on-light-data-gray-hover);\n --data-gray-active: var(--on-light-data-gray-active);\n --data-gray-minor-hover: var(--on-light-data-gray-minor-hover);\n --data-gray-minor-active: var(--on-light-data-gray-minor-active);\n --data-red-transparent-hover: var(--on-light-data-red-transparent-hover);\n --data-red-transparent-active: var(--on-light-data-red-transparent-active);\n --data-blue-transparent-hover: var(--on-light-data-blue-transparent-hover);\n --data-blue-transparent-active: var(--on-light-data-blue-transparent-active);\n --data-green-transparent-hover: var(--on-light-data-green-transparent-hover);\n --data-green-transparent-active: var(--on-light-data-green-transparent-active);\n --data-orange-transparent-hover: var(--on-light-data-orange-transparent-hover);\n --data-orange-transparent-active: var(--on-light-data-orange-transparent-active);\n --data-orchid-minor: var(--on-light-data-orchid-minor);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n --inverse-data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n --inverse-data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n --inverse-data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n --inverse-data-blue-minor: var(--on-dark-data-blue-minor);\n --inverse-data-yellow-light: var(--on-dark-data-yellow-light);\n --inverse-data-orchid: var(--on-dark-data-orchid);\n --inverse-data-orange: var(--on-dark-data-orange);\n --inverse-data-orange-minor: var(--on-dark-data-orange-minor);\n --inverse-data-orange-light: var(--on-dark-data-orange-light);\n --inverse-data-red: var(--on-dark-data-red);\n --inverse-data-red-minor: var(--on-dark-data-red-minor);\n --inverse-data-red-light: var(--on-dark-data-red-light);\n --inverse-data-arctic: var(--on-dark-data-arctic);\n --inverse-data-green: var(--on-dark-data-green);\n --inverse-data-green-minor: var(--on-dark-data-green-minor);\n --inverse-data-green-light: var(--on-dark-data-green-light);\n --inverse-data-spring: var(--on-dark-data-spring);\n --inverse-data-blue: var(--on-dark-data-blue);\n --inverse-data-blue-mild: var(--on-dark-data-blue-mild);\n --inverse-data-malachite: var(--on-dark-data-malachite);\n --inverse-data-malachite-minor: var(--on-dark-data-malachite-minor);\n --inverse-data-electric-blue: var(--on-dark-data-electric-blue);\n --inverse-data-fuchsia: var(--on-dark-data-fuchsia);\n --inverse-data-pink: var(--on-dark-data-pink);\n --inverse-data-gray: var(--on-dark-data-gray);\n --inverse-data-gray-minor: var(--on-dark-data-gray-minor);\n --inverse-data-red-transparent: var(--on-dark-data-red-transparent);\n --inverse-data-orange-transparent: var(--on-dark-data-orange-transparent);\n --inverse-data-green-transparent: var(--on-dark-data-green-transparent);\n --inverse-data-blue-transparent: var(--on-dark-data-blue-transparent);\n --inverse-data-blue-minor-hover: var(--on-dark-data-blue-minor-hover);\n --inverse-data-blue-minor-active: var(--on-dark-data-blue-minor-active);\n --inverse-data-orchid-hover: var(--on-dark-data-orchid-hover);\n --inverse-data-orchid-active: var(--on-dark-data-orchid-active);\n --inverse-data-orchid-minor-hover: var(--on-dark-data-orchid-minor-hover);\n --inverse-data-orchid-minor-active: var(--on-dark-data-orchid-minor-active);\n --inverse-data-orange-hover: var(--on-dark-data-orange-hover);\n --inverse-data-orange-active: var(--on-dark-data-orange-active);\n --inverse-data-orange-minor-hover: var(--on-dark-data-orange-minor-hover);\n --inverse-data-orange-minor-active: var(--on-dark-data-orange-minor-active);\n --inverse-data-orange-light-hover: var(--on-dark-data-orange-light-hover);\n --inverse-data-orange-light-active: var(--on-dark-data-orange-light-active);\n --inverse-data-red-hover: var(--on-dark-data-red-hover);\n --inverse-data-red-active: var(--on-dark-data-red-active);\n --inverse-data-red-minor-hover: var(--on-dark-data-red-minor-hover);\n --inverse-data-red-minor-active: var(--on-dark-data-red-minor-active);\n --inverse-data-red-light-hover: var(--on-dark-data-red-light-hover);\n --inverse-data-red-light-active: var(--on-dark-data-red-light-active);\n --inverse-data-arctic-hover: var(--on-dark-data-arctic-hover);\n --inverse-data-arctic-active: var(--on-dark-data-arctic-active);\n --inverse-data-green-hover: var(--on-dark-data-green-hover);\n --inverse-data-green-active: var(--on-dark-data-green-active);\n --inverse-data-green-minor-hover: var(--on-dark-data-green-minor-hover);\n --inverse-data-green-minor-active: var(--on-dark-data-green-minor-active);\n --inverse-data-green-light-hover: var(--on-dark-data-green-light-hover);\n --inverse-data-green-light-active: var(--on-dark-data-green-light-active);\n --inverse-data-spring-hover: var(--on-dark-data-spring-hover);\n --inverse-data-spring-active: var(--on-dark-data-spring-active);\n --inverse-data-blue-hover: var(--on-dark-data-blue-hover);\n --inverse-data-blue-active: var(--on-dark-data-blue-active);\n --inverse-data-blue-mild-hover: var(--on-dark-data-blue-mild-hover);\n --inverse-data-blue-mild-active: var(--on-dark-data-blue-mild-active);\n --inverse-data-malachite-hover: var(--on-dark-data-malachite-hover);\n --inverse-data-malachite-active: var(--on-dark-data-malachite-active);\n --inverse-data-malachite-minor-hover: var(--on-dark-data-malachite-minor-hover);\n --inverse-data-malachite-minor-active: var(--on-dark-data-malachite-minor-active);\n --inverse-data-electric-blue-hover: var(--on-dark-data-electric-blue-hover);\n --inverse-data-electric-blue-active: var(--on-dark-data-electric-blue-active);\n --inverse-data-fuchsia-hover: var(--on-dark-data-fuchsia-hover);\n --inverse-data-fuchsia-active: var(--on-dark-data-fuchsia-active);\n --inverse-data-pink-hover: var(--on-dark-data-pink-hover);\n --inverse-data-pink-active: var(--on-dark-data-pink-active);\n --inverse-data-gray-hover: var(--on-dark-data-gray-hover);\n --inverse-data-gray-active: var(--on-dark-data-gray-active);\n --inverse-data-gray-minor-hover: var(--on-dark-data-gray-minor-hover);\n --inverse-data-gray-minor-active: var(--on-dark-data-gray-minor-active);\n --inverse-data-red-transparent-hover: var(--on-dark-data-red-transparent-hover);\n --inverse-data-red-transparent-active: var(--on-dark-data-red-transparent-active);\n --inverse-data-orange-transparent-hover: var(--on-dark-data-orange-transparent-hover);\n --inverse-data-orange-transparent-active: var(--on-dark-data-orange-transparent-active);\n --inverse-data-green-transparent-hover: var(--on-dark-data-green-transparent-hover);\n --inverse-data-green-transparent-active: var(--on-dark-data-green-transparent-active);\n --inverse-data-blue-transparent-hover: var(--on-dark-data-blue-transparent-hover);\n --inverse-data-blue-transparent-active: var(--on-dark-data-blue-transparent-active);\n --inverse-data-orchid-minor: var(--on-dark-data-orchid-minor);\n --inverse-data-blue-light: var(--on-dark-data-blue-light);\n --inverse-data-blue-light-hover: var(--on-dark-data-blue-light-hover);\n --inverse-data-blue-light-active: var(--on-dark-data-blue-light-active);\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-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 --data-positive-gradient: var(--on-light-data-positive-gradient);\n --data-positive-gradient-hover: var(--on-light-data-positive-gradient-hover);\n --data-positive-gradient-active: var(--on-light-data-positive-gradient-active);\n --data-warning-gradient: var(--on-light-data-warning-gradient);\n --data-warning-gradient-hover: var(--on-light-data-warning-gradient-hover);\n --data-warning-gradient-active: var(--on-light-data-warning-gradient-active);\n --data-negative-gradient: var(--on-light-data-negative-gradient);\n --data-negative-gradient-hover: var(--on-light-data-negative-gradient-hover);\n --data-negative-gradient-active: var(--on-light-data-negative-gradient-active);\n --data-info-gradient: var(--on-light-data-info-gradient);\n --data-info-gradient-hover: var(--on-light-data-info-gradient-hover);\n --data-info-gradient-active: var(--on-light-data-info-gradient-active);\n --inverse-data-positive-gradient: var(--on-dark-data-positive-gradient);\n --inverse-data-positive-gradient-hover: var(--on-dark-data-positive-gradient-hover);\n --inverse-data-positive-gradient-active: var(--on-dark-data-positive-gradient-active);\n --inverse-data-warning-gradient: var(--on-dark-data-warning-gradient);\n --inverse-data-warning-gradient-hover: var(--on-dark-data-warning-gradient-hover);\n --inverse-data-warning-gradient-active: var(--on-dark-data-warning-gradient-active);\n --inverse-data-negative-gradient: var(--on-dark-data-negative-gradient);\n --inverse-data-negative-gradient-hover: var(--on-dark-data-negative-gradient-hover);\n --inverse-data-negative-gradient-active: var(--on-dark-data-negative-gradient-active);\n --inverse-data-info-gradient: var(--on-dark-data-info-gradient);\n --inverse-data-info-gradient-hover: var(--on-dark-data-info-gradient-hover);\n --inverse-data-info-gradient-active: var(--on-dark-data-info-gradient-active);\n ",
|
|
3277
|
+
dark: "\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\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-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\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-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-positive: var(--on-dark-text-positive);\n --text-warning: var(--on-dark-text-warning);\n --text-negative: var(--on-dark-text-negative);\n --text-info: var(--on-dark-text-info);\n --text-positive-minor: var(--on-dark-text-positive-minor);\n --text-warning-minor: var(--on-dark-text-warning-minor);\n --text-negative-minor: var(--on-dark-text-negative-minor);\n --text-info-minor: var(--on-dark-text-info-minor);\n --text-secondary: var(--on-dark-text-secondary);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-accent: var(--on-dark-text-accent);\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-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-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\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-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\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-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-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-positive-minor: var(--on-light-text-positive-minor);\n --inverse-text-warning-minor: var(--on-light-text-warning-minor);\n --inverse-text-negative-minor: var(--on-light-text-negative-minor);\n --inverse-text-info-minor: var(--on-light-text-info-minor);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative: var(--on-light-text-negative);\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-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\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-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\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-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-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\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-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\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-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\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-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\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-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative: var(--on-dark-surface-negative);\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-positive: var(--on-dark-surface-transparent-positive);\n --surface-transparent-warning: var(--on-dark-surface-transparent-warning);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-transparent-info: var(--on-dark-surface-transparent-info);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-info: var(--on-dark-surface-info);\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-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-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-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-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-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-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-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-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-clear: var(--on-light-surface-clear);\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-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\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-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\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-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-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: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\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-transparent-card: var(--on-light-surface-transparent-card);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative: var(--on-light-surface-negative);\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-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-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-info: var(--on-light-surface-info);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --background-primary: var(--dark-background-primary);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --overlay-hard: var(--on-dark-overlay-hard);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-blur: var(--on-dark-overlay-blur);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\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-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-solid-secondary: var(--on-dark-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-dark-outline-solid-tertiary);\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-default-hover: var(--on-dark-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-dark-outline-solid-default-active);\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-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-secondary: var(--on-light-outline-solid-secondary);\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-positive: var(--on-light-outline-positive);\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-positive: var(--on-light-outline-transparent-positive);\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-solid-default: var(--on-light-outline-solid-default);\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-warning: var(--on-light-outline-warning);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\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-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n --data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n --data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n --data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n --data-yellow-light: var(--on-dark-data-yellow-light);\n --data-blue-light: var(--on-dark-data-blue-light);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-orange-minor: var(--on-dark-data-orange-minor);\n --data-orange-light: var(--on-dark-data-orange-light);\n --data-red: var(--on-dark-data-red);\n --data-red-minor: var(--on-dark-data-red-minor);\n --data-red-light: var(--on-dark-data-red-light);\n --data-arctic: var(--on-dark-data-arctic);\n --data-green-minor: var(--on-dark-data-green-minor);\n --data-spring: var(--on-dark-data-spring);\n --data-blue-mild: var(--on-dark-data-blue-mild);\n --data-blue-minor: var(--on-dark-data-blue-minor);\n --data-malachite: var(--on-dark-data-malachite);\n --data-malachite-minor: var(--on-dark-data-malachite-minor);\n --data-electric-blue: var(--on-dark-data-electric-blue);\n --data-pink: var(--on-dark-data-pink);\n --data-gray: var(--on-dark-data-gray);\n --data-gray-minor: var(--on-dark-data-gray-minor);\n --data-red-transparent: var(--on-dark-data-red-transparent);\n --data-orange-transparent: var(--on-dark-data-orange-transparent);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-green-transparent: var(--on-dark-data-green-transparent);\n --data-blue-transparent: var(--on-dark-data-blue-transparent);\n --data-green-hover: var(--on-dark-data-green-hover);\n --data-green-active: var(--on-dark-data-green-active);\n --data-blue-light-hover: var(--on-dark-data-blue-light-hover);\n --data-blue-light-active: var(--on-dark-data-blue-light-active);\n --data-orchid-hover: var(--on-dark-data-orchid-hover);\n --data-orchid-active: var(--on-dark-data-orchid-active);\n --data-orchid-minor-hover: var(--on-dark-data-orchid-minor-hover);\n --data-orchid-minor-active: var(--on-dark-data-orchid-minor-active);\n --data-orange-hover: var(--on-dark-data-orange-hover);\n --data-orange-active: var(--on-dark-data-orange-active);\n --data-orange-minor-hover: var(--on-dark-data-orange-minor-hover);\n --data-orange-minor-active: var(--on-dark-data-orange-minor-active);\n --data-orange-light-hover: var(--on-dark-data-orange-light-hover);\n --data-orange-light-active: var(--on-dark-data-orange-light-active);\n --data-red-hover: var(--on-dark-data-red-hover);\n --data-red-active: var(--on-dark-data-red-active);\n --data-red-minor-hover: var(--on-dark-data-red-minor-hover);\n --data-red-minor-active: var(--on-dark-data-red-minor-active);\n --data-red-light-hover: var(--on-dark-data-red-light-hover);\n --data-red-light-active: var(--on-dark-data-red-light-active);\n --data-arctic-hover: var(--on-dark-data-arctic-hover);\n --data-arctic-active: var(--on-dark-data-arctic-active);\n --data-green-minor-hover: var(--on-dark-data-green-minor-hover);\n --data-green-minor-active: var(--on-dark-data-green-minor-active);\n --data-green-light-hover: var(--on-dark-data-green-light-hover);\n --data-green-light-active: var(--on-dark-data-green-light-active);\n --data-spring-hover: var(--on-dark-data-spring-hover);\n --data-spring-active: var(--on-dark-data-spring-active);\n --data-blue-hover: var(--on-dark-data-blue-hover);\n --data-blue-active: var(--on-dark-data-blue-active);\n --data-blue-mild-hover: var(--on-dark-data-blue-mild-hover);\n --data-blue-mild-active: var(--on-dark-data-blue-mild-active);\n --data-blue-minor-hover: var(--on-dark-data-blue-minor-hover);\n --data-blue-minor-active: var(--on-dark-data-blue-minor-active);\n --data-malachite-hover: var(--on-dark-data-malachite-hover);\n --data-malachite-active: var(--on-dark-data-malachite-active);\n --data-malachite-minor-hover: var(--on-dark-data-malachite-minor-hover);\n --data-malachite-minor-active: var(--on-dark-data-malachite-minor-active);\n --data-electric-blue-hover: var(--on-dark-data-electric-blue-hover);\n --data-electric-blue-active: var(--on-dark-data-electric-blue-active);\n --data-fuchsia-hover: var(--on-dark-data-fuchsia-hover);\n --data-fuchsia-active: var(--on-dark-data-fuchsia-active);\n --data-pink-hover: var(--on-dark-data-pink-hover);\n --data-pink-active: var(--on-dark-data-pink-active);\n --data-gray-hover: var(--on-dark-data-gray-hover);\n --data-gray-active: var(--on-dark-data-gray-active);\n --data-gray-minor-hover: var(--on-dark-data-gray-minor-hover);\n --data-gray-minor-active: var(--on-dark-data-gray-minor-active);\n --data-red-transparent-hover: var(--on-dark-data-red-transparent-hover);\n --data-red-transparent-active: var(--on-dark-data-red-transparent-active);\n --data-orange-transparent-hover: var(--on-dark-data-orange-transparent-hover);\n --data-orange-transparent-active: var(--on-dark-data-orange-transparent-active);\n --data-green-transparent-hover: var(--on-dark-data-green-transparent-hover);\n --data-green-transparent-active: var(--on-dark-data-green-transparent-active);\n --data-blue-transparent-hover: var(--on-dark-data-blue-transparent-hover);\n --data-blue-transparent-active: var(--on-dark-data-blue-transparent-active);\n --data-orchid-minor: var(--on-dark-data-orchid-minor);\n --data-electric-blue-minor-hover: var(--on-dark-data-electric-blue-minor-hover);\n --data-electric-blue-minor-active: var(--on-dark-data-electric-blue-minor-active);\n --data-electric-blue-minor: var(--on-dark-data-electric-blue-minor);\n --data-electric-blue-light-hover: var(--on-dark-data-electric-blue-light-hover);\n --data-electric-blue-light-active: var(--on-dark-data-electric-blue-light-active);\n --data-electric-blue-light: var(--on-dark-data-electric-blue-light);\n --data-gray-light-hover: var(--on-dark-data-gray-light-hover);\n --data-gray-light-active: var(--on-dark-data-gray-light-active);\n --data-gray-light: var(--on-dark-data-gray-light);\n --data-green: var(--on-dark-data-green);\n --data-green-light: var(--on-dark-data-green-light);\n --data-yellow-dark: var(--on-dark-data-yellow-dark);\n --data-yellow-dark-hover: var(--on-dark-data-yellow-dark-hover);\n --data-yellow-dark-active: var(--on-dark-data-yellow-dark-active);\n --data-orange: var(--on-dark-data-orange);\n --data-blue: var(--on-dark-data-blue);\n --data-orchid: var(--on-dark-data-orchid);\n --data-orchid-light-hover: var(--on-dark-data-orchid-light-hover);\n --data-orchid-light-active: var(--on-dark-data-orchid-light-active);\n --data-orchid-light: var(--on-dark-data-orchid-light);\n --data-fuchsia: var(--on-dark-data-fuchsia);\n --data-fuchsia-minor-hover: var(--on-dark-data-fuchsia-minor-hover);\n --data-fuchsia-minor-active: var(--on-dark-data-fuchsia-minor-active);\n --data-fuchsia-minor: var(--on-dark-data-fuchsia-minor);\n --data-fuchsia-light-hover: var(--on-dark-data-fuchsia-light-hover);\n --data-fuchsia-light-active: var(--on-dark-data-fuchsia-light-active);\n --data-fuchsia-light: var(--on-dark-data-fuchsia-light);\n --data-arctic-light: var(--on-dark-data-arctic-light);\n --data-arctic-light-hover: var(--on-dark-data-arctic-light-hover);\n --data-arctic-light-active: var(--on-dark-data-arctic-light-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-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow-light: var(--on-light-data-yellow-light);\n --inverse-data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n --inverse-data-yellow-light-active: var(--on-light-data-yellow-light-active);\n --inverse-data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n --inverse-data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n --inverse-data-orange-minor: var(--on-light-data-orange-minor);\n --inverse-data-orange-light: var(--on-light-data-orange-light);\n --inverse-data-red: var(--on-light-data-red);\n --inverse-data-red-minor: var(--on-light-data-red-minor);\n --inverse-data-red-light: var(--on-light-data-red-light);\n --inverse-data-green-minor: var(--on-light-data-green-minor);\n --inverse-data-spring: var(--on-light-data-spring);\n --inverse-data-blue-mild: var(--on-light-data-blue-mild);\n --inverse-data-malachite: var(--on-light-data-malachite);\n --inverse-data-malachite-minor: var(--on-light-data-malachite-minor);\n --inverse-data-electric-blue: var(--on-light-data-electric-blue);\n --inverse-data-pink: var(--on-light-data-pink);\n --inverse-data-gray: var(--on-light-data-gray);\n --inverse-data-gray-minor: var(--on-light-data-gray-minor);\n --inverse-data-orange-transparent: var(--on-light-data-orange-transparent);\n --inverse-data-green-transparent: var(--on-light-data-green-transparent);\n --inverse-data-blue-transparent: var(--on-light-data-blue-transparent);\n --inverse-data-red-transparent: var(--on-light-data-red-transparent);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-blue-minor-hover: var(--on-light-data-blue-minor-hover);\n --inverse-data-blue-minor-active: var(--on-light-data-blue-minor-active);\n --inverse-data-orchid-hover: var(--on-light-data-orchid-hover);\n --inverse-data-orchid-active: var(--on-light-data-orchid-active);\n --inverse-data-orchid-minor-hover: var(--on-light-data-orchid-minor-hover);\n --inverse-data-orchid-minor-active: var(--on-light-data-orchid-minor-active);\n --inverse-data-orange-hover: var(--on-light-data-orange-hover);\n --inverse-data-orange-active: var(--on-light-data-orange-active);\n --inverse-data-orange-minor-hover: var(--on-light-data-orange-minor-hover);\n --inverse-data-orange-minor-active: var(--on-light-data-orange-minor-active);\n --inverse-data-orange-light-hover: var(--on-light-data-orange-light-hover);\n --inverse-data-orange-light-active: var(--on-light-data-orange-light-active);\n --inverse-data-red-hover: var(--on-light-data-red-hover);\n --inverse-data-red-active: var(--on-light-data-red-active);\n --inverse-data-red-minor-hover: var(--on-light-data-red-minor-hover);\n --inverse-data-red-minor-active: var(--on-light-data-red-minor-active);\n --inverse-data-red-light-hover: var(--on-light-data-red-light-hover);\n --inverse-data-red-light-active: var(--on-light-data-red-light-active);\n --inverse-data-arctic-hover: var(--on-light-data-arctic-hover);\n --inverse-data-arctic-active: var(--on-light-data-arctic-active);\n --inverse-data-green-hover: var(--on-light-data-green-hover);\n --inverse-data-green-active: var(--on-light-data-green-active);\n --inverse-data-green-minor-hover: var(--on-light-data-green-minor-hover);\n --inverse-data-green-minor-active: var(--on-light-data-green-minor-active);\n --inverse-data-green-light-hover: var(--on-light-data-green-light-hover);\n --inverse-data-green-light-active: var(--on-light-data-green-light-active);\n --inverse-data-spring-hover: var(--on-light-data-spring-hover);\n --inverse-data-spring-active: var(--on-light-data-spring-active);\n --inverse-data-blue-hover: var(--on-light-data-blue-hover);\n --inverse-data-blue-active: var(--on-light-data-blue-active);\n --inverse-data-blue-mild-hover: var(--on-light-data-blue-mild-hover);\n --inverse-data-blue-mild-active: var(--on-light-data-blue-mild-active);\n --inverse-data-malachite-hover: var(--on-light-data-malachite-hover);\n --inverse-data-malachite-active: var(--on-light-data-malachite-active);\n --inverse-data-malachite-minor-hover: var(--on-light-data-malachite-minor-hover);\n --inverse-data-malachite-minor-active: var(--on-light-data-malachite-minor-active);\n --inverse-data-electric-blue-hover: var(--on-light-data-electric-blue-hover);\n --inverse-data-electric-blue-active: var(--on-light-data-electric-blue-active);\n --inverse-data-fuchsia-hover: var(--on-light-data-fuchsia-hover);\n --inverse-data-fuchsia-active: var(--on-light-data-fuchsia-active);\n --inverse-data-pink-hover: var(--on-light-data-pink-hover);\n --inverse-data-pink-active: var(--on-light-data-pink-active);\n --inverse-data-gray-hover: var(--on-light-data-gray-hover);\n --inverse-data-gray-active: var(--on-light-data-gray-active);\n --inverse-data-gray-minor-hover: var(--on-light-data-gray-minor-hover);\n --inverse-data-gray-minor-active: var(--on-light-data-gray-minor-active);\n --inverse-data-orange-transparent-hover: var(--on-light-data-orange-transparent-hover);\n --inverse-data-orange-transparent-active: var(--on-light-data-orange-transparent-active);\n --inverse-data-green-transparent-hover: var(--on-light-data-green-transparent-hover);\n --inverse-data-green-transparent-active: var(--on-light-data-green-transparent-active);\n --inverse-data-blue-transparent-hover: var(--on-light-data-blue-transparent-hover);\n --inverse-data-blue-transparent-active: var(--on-light-data-blue-transparent-active);\n --inverse-data-red-transparent-hover: var(--on-light-data-red-transparent-hover);\n --inverse-data-red-transparent-active: var(--on-light-data-red-transparent-active);\n --inverse-data-orchid-minor: var(--on-light-data-orchid-minor);\n --inverse-data-blue-light-hover: var(--on-light-data-blue-light-hover);\n --inverse-data-blue-light-active: var(--on-light-data-blue-light-active);\n --inverse-data-blue-light: var(--on-light-data-blue-light);\n --inverse-data-blue-minor: var(--on-light-data-blue-minor);\n --inverse-data-electric-blue-minor-hover: var(--on-light-data-electric-blue-minor-hover);\n --inverse-data-electric-blue-minor-active: var(--on-light-data-electric-blue-minor-active);\n --inverse-data-electric-blue-minor: var(--on-light-data-electric-blue-minor);\n --inverse-data-electric-blue-light-hover: var(--on-light-data-electric-blue-light-hover);\n --inverse-data-electric-blue-light-active: var(--on-light-data-electric-blue-light-active);\n --inverse-data-electric-blue-light: var(--on-light-data-electric-blue-light);\n --inverse-data-gray-light-hover: var(--on-light-data-gray-light-hover);\n --inverse-data-gray-light-active: var(--on-light-data-gray-light-active);\n --inverse-data-gray-light: var(--on-light-data-gray-light);\n --inverse-data-green: var(--on-light-data-green);\n --inverse-data-green-light: var(--on-light-data-green-light);\n --inverse-data-yellow-dark: var(--on-light-data-yellow-dark);\n --inverse-data-yellow-dark-hover: var(--on-light-data-yellow-dark-hover);\n --inverse-data-yellow-dark-active: var(--on-light-data-yellow-dark-active);\n --inverse-data-orange: var(--on-light-data-orange);\n --inverse-data-blue: var(--on-light-data-blue);\n --inverse-data-orchid: var(--on-light-data-orchid);\n --inverse-data-orchid-light-hover: var(--on-light-data-orchid-light-hover);\n --inverse-data-orchid-light-active: var(--on-light-data-orchid-light-active);\n --inverse-data-orchid-light: var(--on-light-data-orchid-light);\n --inverse-data-fuchsia: var(--on-light-data-fuchsia);\n --inverse-data-fuchsia-minor-hover: var(--on-light-data-fuchsia-minor-hover);\n --inverse-data-fuchsia-minor-active: var(--on-light-data-fuchsia-minor-active);\n --inverse-data-fuchsia-minor: var(--on-light-data-fuchsia-minor);\n --inverse-data-fuchsia-light-hover: var(--on-light-data-fuchsia-light-hover);\n --inverse-data-fuchsia-light-active: var(--on-light-data-fuchsia-light-active);\n --inverse-data-fuchsia-light: var(--on-light-data-fuchsia-light);\n --inverse-data-arctic: var(--on-light-data-arctic);\n --inverse-data-arctic-light: var(--on-light-data-arctic-light);\n --inverse-data-arctic-light-hover: var(--on-light-data-arctic-light-hover);\n --inverse-data-arctic-light-active: var(--on-light-data-arctic-light-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-gradient-primary-hover: var(--on-dark-text-gradient-primary-hover);\n --text-gradient-primary-active: var(--on-dark-text-gradient-primary-active);\n --text-accent-gradient-minor-hover: var(--on-dark-text-accent-gradient-minor-hover);\n --text-accent-gradient-minor-active: var(--on-dark-text-accent-gradient-minor-active);\n --text-accent-gradient: var(--on-dark-text-accent-gradient);\n --text-accent-gradient-minor: var(--on-dark-text-accent-gradient-minor);\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-gradient-primary-hover: var(--on-light-text-gradient-primary-hover);\n --inverse-text-gradient-primary-active: var(--on-light-text-gradient-primary-active);\n --inverse-text-accent-gradient-minor-hover: var(--on-light-text-accent-gradient-minor-hover);\n --inverse-text-accent-gradient-minor-active: var(--on-light-text-accent-gradient-minor-active);\n --inverse-text-accent-gradient: var(--on-light-text-accent-gradient);\n --inverse-text-accent-gradient-minor: var(--on-light-text-accent-gradient-minor);\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 --data-positive-gradient: var(--on-dark-data-positive-gradient);\n --data-positive-gradient-hover: var(--on-dark-data-positive-gradient-hover);\n --data-positive-gradient-active: var(--on-dark-data-positive-gradient-active);\n --data-warning-gradient: var(--on-dark-data-warning-gradient);\n --data-warning-gradient-hover: var(--on-dark-data-warning-gradient-hover);\n --data-warning-gradient-active: var(--on-dark-data-warning-gradient-active);\n --data-negative-gradient: var(--on-dark-data-negative-gradient);\n --data-negative-gradient-hover: var(--on-dark-data-negative-gradient-hover);\n --data-negative-gradient-active: var(--on-dark-data-negative-gradient-active);\n --data-info-gradient: var(--on-dark-data-info-gradient);\n --data-info-gradient-hover: var(--on-dark-data-info-gradient-hover);\n --data-info-gradient-active: var(--on-dark-data-info-gradient-active);\n --inverse-data-positive-gradient: var(--on-light-data-positive-gradient);\n --inverse-data-positive-gradient-hover: var(--on-light-data-positive-gradient-hover);\n --inverse-data-positive-gradient-active: var(--on-light-data-positive-gradient-active);\n --inverse-data-warning-gradient: var(--on-light-data-warning-gradient);\n --inverse-data-warning-gradient-hover: var(--on-light-data-warning-gradient-hover);\n --inverse-data-warning-gradient-active: var(--on-light-data-warning-gradient-active);\n --inverse-data-negative-gradient: var(--on-light-data-negative-gradient);\n --inverse-data-negative-gradient-hover: var(--on-light-data-negative-gradient-hover);\n --inverse-data-negative-gradient-active: var(--on-light-data-negative-gradient-active);\n --inverse-data-info-gradient: var(--on-light-data-info-gradient);\n --inverse-data-info-gradient-hover: var(--on-light-data-info-gradient-hover);\n --inverse-data-info-gradient-active: var(--on-light-data-info-gradient-active);\n ",
|
|
3278
|
+
light: "\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\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-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-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-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-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\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-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-accent: var(--on-light-text-accent);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-positive: var(--on-light-text-positive);\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-secondary: var(--on-light-text-secondary);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-warning: var(--on-light-text-warning);\n --text-negative: var(--on-light-text-negative);\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-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\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-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\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-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-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\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-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-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative: var(--on-dark-text-negative);\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-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\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-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-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\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-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\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-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\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-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\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-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\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: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-default: var(--on-light-surface-solid-default);\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: var(--on-light-surface-clear);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-positive: var(--on-light-surface-positive);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative: var(--on-light-surface-negative);\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-positive: var(--on-light-surface-transparent-positive);\n --surface-transparent-warning: var(--on-light-surface-transparent-warning);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-transparent-info: var(--on-light-surface-transparent-info);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-accent: var(--on-light-surface-accent);\n --surface-info: var(--on-light-surface-info);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-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-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-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-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-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-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-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-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-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-clear: var(--on-dark-surface-clear);\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-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\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-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\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-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-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\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-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative: var(--on-dark-surface-negative);\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-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-info: var(--on-dark-surface-info);\n --background-primary: var(--light-background-primary);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--dark-background-primary);\n --overlay-hard: var(--on-light-overlay-hard);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-blur: var(--on-light-overlay-blur);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\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-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-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-solid-tertiary: var(--on-light-outline-solid-tertiary);\n --outline-accent: var(--on-light-outline-accent);\n --outline-transparent-accent: var(--on-light-outline-transparent-accent);\n --outline-accent-minor: var(--on-light-outline-accent-minor);\n --outline-positive: var(--on-light-outline-positive);\n --outline-info: var(--on-light-outline-info);\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-positive: var(--on-light-outline-transparent-positive);\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-warning: var(--on-light-outline-warning);\n --outline-negative: var(--on-light-outline-negative);\n --outline-solid-default: var(--on-light-outline-solid-default);\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 --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-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-solid-primary: var(--on-dark-outline-solid-primary);\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-accent: var(--on-dark-outline-accent);\n --inverse-outline-accent-minor: var(--on-dark-outline-accent-minor);\n --inverse-outline-transparent-accent: var(--on-dark-outline-transparent-accent);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-info: var(--on-dark-outline-info);\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-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-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-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-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --data-yellow-light: var(--on-light-data-yellow-light);\n --data-yellow-light-hover: var(--on-light-data-yellow-light-hover);\n --data-yellow-light-active: var(--on-light-data-yellow-light-active);\n --data-sky-blue-light-hover: var(--on-light-data-sky-blue-light-hover);\n --data-sky-blue-light-active: var(--on-light-data-sky-blue-light-active);\n --data-blue-minor: var(--on-light-data-blue-minor);\n --data-blue-light: var(--on-light-data-blue-light);\n --data-green-minor: var(--on-light-data-green-minor);\n --data-spring: var(--on-light-data-spring);\n --data-orange-minor: var(--on-light-data-orange-minor);\n --data-orange-light: var(--on-light-data-orange-light);\n --data-red: var(--on-light-data-red);\n --data-red-minor: var(--on-light-data-red-minor);\n --data-red-light: var(--on-light-data-red-light);\n --data-blue-mild: var(--on-light-data-blue-mild);\n --data-malachite: var(--on-light-data-malachite);\n --data-malachite-minor: var(--on-light-data-malachite-minor);\n --data-pink: var(--on-light-data-pink);\n --data-gray: var(--on-light-data-gray);\n --data-gray-minor: var(--on-light-data-gray-minor);\n --data-red-transparent: var(--on-light-data-red-transparent);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-blue-transparent: var(--on-light-data-blue-transparent);\n --data-green-transparent: var(--on-light-data-green-transparent);\n --data-orange-transparent: var(--on-light-data-orange-transparent);\n --data-orchid-hover: var(--on-light-data-orchid-hover);\n --data-orchid-active: var(--on-light-data-orchid-active);\n --data-blue-minor-hover: var(--on-light-data-blue-minor-hover);\n --data-blue-minor-active: var(--on-light-data-blue-minor-active);\n --data-orchid-minor-hover: var(--on-light-data-orchid-minor-hover);\n --data-orchid-minor-active: var(--on-light-data-orchid-minor-active);\n --data-blue-light-hover: var(--on-light-data-blue-light-hover);\n --data-blue-light-active: var(--on-light-data-blue-light-active);\n --data-arctic-hover: var(--on-light-data-arctic-hover);\n --data-arctic-active: var(--on-light-data-arctic-active);\n --data-green-hover: var(--on-light-data-green-hover);\n --data-green-active: var(--on-light-data-green-active);\n --data-green-minor-hover: var(--on-light-data-green-minor-hover);\n --data-green-minor-active: var(--on-light-data-green-minor-active);\n --data-green-light-hover: var(--on-light-data-green-light-hover);\n --data-green-light-active: var(--on-light-data-green-light-active);\n --data-spring-hover: var(--on-light-data-spring-hover);\n --data-spring-active: var(--on-light-data-spring-active);\n --data-orange-hover: var(--on-light-data-orange-hover);\n --data-orange-active: var(--on-light-data-orange-active);\n --data-orange-minor-hover: var(--on-light-data-orange-minor-hover);\n --data-orange-minor-active: var(--on-light-data-orange-minor-active);\n --data-orange-light-hover: var(--on-light-data-orange-light-hover);\n --data-orange-light-active: var(--on-light-data-orange-light-active);\n --data-red-hover: var(--on-light-data-red-hover);\n --data-red-active: var(--on-light-data-red-active);\n --data-red-minor-hover: var(--on-light-data-red-minor-hover);\n --data-red-minor-active: var(--on-light-data-red-minor-active);\n --data-red-light-hover: var(--on-light-data-red-light-hover);\n --data-red-light-active: var(--on-light-data-red-light-active);\n --data-blue-hover: var(--on-light-data-blue-hover);\n --data-blue-active: var(--on-light-data-blue-active);\n --data-blue-mild-hover: var(--on-light-data-blue-mild-hover);\n --data-blue-mild-active: var(--on-light-data-blue-mild-active);\n --data-malachite-hover: var(--on-light-data-malachite-hover);\n --data-malachite-active: var(--on-light-data-malachite-active);\n --data-malachite-minor-hover: var(--on-light-data-malachite-minor-hover);\n --data-malachite-minor-active: var(--on-light-data-malachite-minor-active);\n --data-electric-blue-hover: var(--on-light-data-electric-blue-hover);\n --data-electric-blue-active: var(--on-light-data-electric-blue-active);\n --data-fuchsia-hover: var(--on-light-data-fuchsia-hover);\n --data-fuchsia-active: var(--on-light-data-fuchsia-active);\n --data-pink-hover: var(--on-light-data-pink-hover);\n --data-pink-active: var(--on-light-data-pink-active);\n --data-gray-hover: var(--on-light-data-gray-hover);\n --data-gray-active: var(--on-light-data-gray-active);\n --data-gray-minor-hover: var(--on-light-data-gray-minor-hover);\n --data-gray-minor-active: var(--on-light-data-gray-minor-active);\n --data-red-transparent-hover: var(--on-light-data-red-transparent-hover);\n --data-red-transparent-active: var(--on-light-data-red-transparent-active);\n --data-blue-transparent-hover: var(--on-light-data-blue-transparent-hover);\n --data-blue-transparent-active: var(--on-light-data-blue-transparent-active);\n --data-green-transparent-hover: var(--on-light-data-green-transparent-hover);\n --data-green-transparent-active: var(--on-light-data-green-transparent-active);\n --data-orange-transparent-hover: var(--on-light-data-orange-transparent-hover);\n --data-orange-transparent-active: var(--on-light-data-orange-transparent-active);\n --data-orchid-minor: var(--on-light-data-orchid-minor);\n --data-electric-blue: var(--on-light-data-electric-blue);\n --data-electric-blue-minor: var(--on-light-data-electric-blue-minor);\n --data-electric-blue-minor-hover: var(--on-light-data-electric-blue-minor-hover);\n --data-electric-blue-minor-active: var(--on-light-data-electric-blue-minor-active);\n --data-electric-blue-light: var(--on-light-data-electric-blue-light);\n --data-electric-blue-light-hover: var(--on-light-data-electric-blue-light-hover);\n --data-electric-blue-light-active: var(--on-light-data-electric-blue-light-active);\n --data-gray-light: var(--on-light-data-gray-light);\n --data-gray-light-hover: var(--on-light-data-gray-light-hover);\n --data-gray-light-active: var(--on-light-data-gray-light-active);\n --data-green: var(--on-light-data-green);\n --data-green-light: var(--on-light-data-green-light);\n --data-yellow-dark-hover: var(--on-light-data-yellow-dark-hover);\n --data-yellow-dark-active: var(--on-light-data-yellow-dark-active);\n --data-yellow-dark: var(--on-light-data-yellow-dark);\n --data-orange: var(--on-light-data-orange);\n --data-blue: var(--on-light-data-blue);\n --data-orchid: var(--on-light-data-orchid);\n --data-orchid-light: var(--on-light-data-orchid-light);\n --data-orchid-light-hover: var(--on-light-data-orchid-light-hover);\n --data-orchid-light-active: var(--on-light-data-orchid-light-active);\n --data-fuchsia: var(--on-light-data-fuchsia);\n --data-fuchsia-minor: var(--on-light-data-fuchsia-minor);\n --data-fuchsia-minor-hover: var(--on-light-data-fuchsia-minor-hover);\n --data-fuchsia-minor-active: var(--on-light-data-fuchsia-minor-active);\n --data-fuchsia-light: var(--on-light-data-fuchsia-light);\n --data-fuchsia-light-hover: var(--on-light-data-fuchsia-light-hover);\n --data-fuchsia-light-active: var(--on-light-data-fuchsia-light-active);\n --data-arctic: var(--on-light-data-arctic);\n --data-arctic-light-hover: var(--on-light-data-arctic-light-hover);\n --data-arctic-light-active: var(--on-light-data-arctic-light-active);\n --data-arctic-light: var(--on-light-data-arctic-light);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-yellow-light-hover: var(--on-dark-data-yellow-light-hover);\n --inverse-data-yellow-light-active: var(--on-dark-data-yellow-light-active);\n --inverse-data-sky-blue-light-hover: var(--on-dark-data-sky-blue-light-hover);\n --inverse-data-sky-blue-light-active: var(--on-dark-data-sky-blue-light-active);\n --inverse-data-blue-minor: var(--on-dark-data-blue-minor);\n --inverse-data-yellow-light: var(--on-dark-data-yellow-light);\n --inverse-data-orange-minor: var(--on-dark-data-orange-minor);\n --inverse-data-orange-light: var(--on-dark-data-orange-light);\n --inverse-data-red: var(--on-dark-data-red);\n --inverse-data-red-minor: var(--on-dark-data-red-minor);\n --inverse-data-red-light: var(--on-dark-data-red-light);\n --inverse-data-green-minor: var(--on-dark-data-green-minor);\n --inverse-data-spring: var(--on-dark-data-spring);\n --inverse-data-blue-mild: var(--on-dark-data-blue-mild);\n --inverse-data-malachite: var(--on-dark-data-malachite);\n --inverse-data-malachite-minor: var(--on-dark-data-malachite-minor);\n --inverse-data-pink: var(--on-dark-data-pink);\n --inverse-data-gray: var(--on-dark-data-gray);\n --inverse-data-gray-minor: var(--on-dark-data-gray-minor);\n --inverse-data-red-transparent: var(--on-dark-data-red-transparent);\n --inverse-data-orange-transparent: var(--on-dark-data-orange-transparent);\n --inverse-data-green-transparent: var(--on-dark-data-green-transparent);\n --inverse-data-blue-transparent: var(--on-dark-data-blue-transparent);\n --inverse-data-blue-minor-hover: var(--on-dark-data-blue-minor-hover);\n --inverse-data-blue-minor-active: var(--on-dark-data-blue-minor-active);\n --inverse-data-orchid-hover: var(--on-dark-data-orchid-hover);\n --inverse-data-orchid-active: var(--on-dark-data-orchid-active);\n --inverse-data-orchid-minor-hover: var(--on-dark-data-orchid-minor-hover);\n --inverse-data-orchid-minor-active: var(--on-dark-data-orchid-minor-active);\n --inverse-data-orange-hover: var(--on-dark-data-orange-hover);\n --inverse-data-orange-active: var(--on-dark-data-orange-active);\n --inverse-data-orange-minor-hover: var(--on-dark-data-orange-minor-hover);\n --inverse-data-orange-minor-active: var(--on-dark-data-orange-minor-active);\n --inverse-data-orange-light-hover: var(--on-dark-data-orange-light-hover);\n --inverse-data-orange-light-active: var(--on-dark-data-orange-light-active);\n --inverse-data-red-hover: var(--on-dark-data-red-hover);\n --inverse-data-red-active: var(--on-dark-data-red-active);\n --inverse-data-red-minor-hover: var(--on-dark-data-red-minor-hover);\n --inverse-data-red-minor-active: var(--on-dark-data-red-minor-active);\n --inverse-data-red-light-hover: var(--on-dark-data-red-light-hover);\n --inverse-data-red-light-active: var(--on-dark-data-red-light-active);\n --inverse-data-arctic-hover: var(--on-dark-data-arctic-hover);\n --inverse-data-arctic-active: var(--on-dark-data-arctic-active);\n --inverse-data-green-hover: var(--on-dark-data-green-hover);\n --inverse-data-green-active: var(--on-dark-data-green-active);\n --inverse-data-green-minor-hover: var(--on-dark-data-green-minor-hover);\n --inverse-data-green-minor-active: var(--on-dark-data-green-minor-active);\n --inverse-data-green-light-hover: var(--on-dark-data-green-light-hover);\n --inverse-data-green-light-active: var(--on-dark-data-green-light-active);\n --inverse-data-spring-hover: var(--on-dark-data-spring-hover);\n --inverse-data-spring-active: var(--on-dark-data-spring-active);\n --inverse-data-blue-hover: var(--on-dark-data-blue-hover);\n --inverse-data-blue-active: var(--on-dark-data-blue-active);\n --inverse-data-blue-mild-hover: var(--on-dark-data-blue-mild-hover);\n --inverse-data-blue-mild-active: var(--on-dark-data-blue-mild-active);\n --inverse-data-malachite-hover: var(--on-dark-data-malachite-hover);\n --inverse-data-malachite-active: var(--on-dark-data-malachite-active);\n --inverse-data-malachite-minor-hover: var(--on-dark-data-malachite-minor-hover);\n --inverse-data-malachite-minor-active: var(--on-dark-data-malachite-minor-active);\n --inverse-data-electric-blue-hover: var(--on-dark-data-electric-blue-hover);\n --inverse-data-electric-blue-active: var(--on-dark-data-electric-blue-active);\n --inverse-data-fuchsia-hover: var(--on-dark-data-fuchsia-hover);\n --inverse-data-fuchsia-active: var(--on-dark-data-fuchsia-active);\n --inverse-data-pink-hover: var(--on-dark-data-pink-hover);\n --inverse-data-pink-active: var(--on-dark-data-pink-active);\n --inverse-data-gray-hover: var(--on-dark-data-gray-hover);\n --inverse-data-gray-active: var(--on-dark-data-gray-active);\n --inverse-data-gray-minor-hover: var(--on-dark-data-gray-minor-hover);\n --inverse-data-gray-minor-active: var(--on-dark-data-gray-minor-active);\n --inverse-data-red-transparent-hover: var(--on-dark-data-red-transparent-hover);\n --inverse-data-red-transparent-active: var(--on-dark-data-red-transparent-active);\n --inverse-data-orange-transparent-hover: var(--on-dark-data-orange-transparent-hover);\n --inverse-data-orange-transparent-active: var(--on-dark-data-orange-transparent-active);\n --inverse-data-green-transparent-hover: var(--on-dark-data-green-transparent-hover);\n --inverse-data-green-transparent-active: var(--on-dark-data-green-transparent-active);\n --inverse-data-blue-transparent-hover: var(--on-dark-data-blue-transparent-hover);\n --inverse-data-blue-transparent-active: var(--on-dark-data-blue-transparent-active);\n --inverse-data-orchid-minor: var(--on-dark-data-orchid-minor);\n --inverse-data-blue-light: var(--on-dark-data-blue-light);\n --inverse-data-blue-light-hover: var(--on-dark-data-blue-light-hover);\n --inverse-data-blue-light-active: var(--on-dark-data-blue-light-active);\n --inverse-data-electric-blue: var(--on-dark-data-electric-blue);\n --inverse-data-electric-blue-minor: var(--on-dark-data-electric-blue-minor);\n --inverse-data-electric-blue-minor-hover: var(--on-dark-data-electric-blue-minor-hover);\n --inverse-data-electric-blue-minor-active: var(--on-dark-data-electric-blue-minor-active);\n --inverse-data-electric-blue-light: var(--on-dark-data-electric-blue-light);\n --inverse-data-electric-blue-light-hover: var(--on-dark-data-electric-blue-light-hover);\n --inverse-data-electric-blue-light-active: var(--on-dark-data-electric-blue-light-active);\n --inverse-data-gray-light: var(--on-dark-data-gray-light);\n --inverse-data-gray-light-hover: var(--on-dark-data-gray-light-hover);\n --inverse-data-gray-light-active: var(--on-dark-data-gray-light-active);\n --inverse-data-green: var(--on-dark-data-green);\n --inverse-data-green-light: var(--on-dark-data-green-light);\n --inverse-data-yellow-dark-hover: var(--on-dark-data-yellow-dark-hover);\n --inverse-data-yellow-dark-active: var(--on-dark-data-yellow-dark-active);\n --inverse-data-yellow-dark: var(--on-dark-data-yellow-dark);\n --inverse-data-orange: var(--on-dark-data-orange);\n --inverse-data-blue: var(--on-dark-data-blue);\n --inverse-data-orchid: var(--on-dark-data-orchid);\n --inverse-data-orchid-light: var(--on-dark-data-orchid-light);\n --inverse-data-orchid-light-hover: var(--on-dark-data-orchid-light-hover);\n --inverse-data-orchid-light-active: var(--on-dark-data-orchid-light-active);\n --inverse-data-fuchsia: var(--on-dark-data-fuchsia);\n --inverse-data-fuchsia-minor: var(--on-dark-data-fuchsia-minor);\n --inverse-data-fuchsia-minor-hover: var(--on-dark-data-fuchsia-minor-hover);\n --inverse-data-fuchsia-minor-active: var(--on-dark-data-fuchsia-minor-active);\n --inverse-data-fuchsia-light: var(--on-dark-data-fuchsia-light);\n --inverse-data-fuchsia-light-hover: var(--on-dark-data-fuchsia-light-hover);\n --inverse-data-fuchsia-light-active: var(--on-dark-data-fuchsia-light-active);\n --inverse-data-arctic: var(--on-dark-data-arctic);\n --inverse-data-arctic-light-hover: var(--on-dark-data-arctic-light-hover);\n --inverse-data-arctic-light-active: var(--on-dark-data-arctic-light-active);\n --inverse-data-arctic-light: var(--on-dark-data-arctic-light);\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-gradient-primary-hover: var(--on-light-text-gradient-primary-hover);\n --text-gradient-primary-active: var(--on-light-text-gradient-primary-active);\n --text-accent-gradient-minor-hover: var(--on-light-text-accent-gradient-minor-hover);\n --text-accent-gradient-minor-active: var(--on-light-text-accent-gradient-minor-active);\n --text-accent-gradient: var(--on-light-text-accent-gradient);\n --text-accent-gradient-minor: var(--on-light-text-accent-gradient-minor);\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-gradient-primary-hover: var(--on-dark-text-gradient-primary-hover);\n --inverse-text-gradient-primary-active: var(--on-dark-text-gradient-primary-active);\n --inverse-text-accent-gradient-minor-hover: var(--on-dark-text-accent-gradient-minor-hover);\n --inverse-text-accent-gradient-minor-active: var(--on-dark-text-accent-gradient-minor-active);\n --inverse-text-accent-gradient: var(--on-dark-text-accent-gradient);\n --inverse-text-accent-gradient-minor: var(--on-dark-text-accent-gradient-minor);\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 --data-positive-gradient: var(--on-light-data-positive-gradient);\n --data-positive-gradient-hover: var(--on-light-data-positive-gradient-hover);\n --data-positive-gradient-active: var(--on-light-data-positive-gradient-active);\n --data-warning-gradient: var(--on-light-data-warning-gradient);\n --data-warning-gradient-hover: var(--on-light-data-warning-gradient-hover);\n --data-warning-gradient-active: var(--on-light-data-warning-gradient-active);\n --data-negative-gradient: var(--on-light-data-negative-gradient);\n --data-negative-gradient-hover: var(--on-light-data-negative-gradient-hover);\n --data-negative-gradient-active: var(--on-light-data-negative-gradient-active);\n --data-info-gradient: var(--on-light-data-info-gradient);\n --data-info-gradient-hover: var(--on-light-data-info-gradient-hover);\n --data-info-gradient-active: var(--on-light-data-info-gradient-active);\n --inverse-data-positive-gradient: var(--on-dark-data-positive-gradient);\n --inverse-data-positive-gradient-hover: var(--on-dark-data-positive-gradient-hover);\n --inverse-data-positive-gradient-active: var(--on-dark-data-positive-gradient-active);\n --inverse-data-warning-gradient: var(--on-dark-data-warning-gradient);\n --inverse-data-warning-gradient-hover: var(--on-dark-data-warning-gradient-hover);\n --inverse-data-warning-gradient-active: var(--on-dark-data-warning-gradient-active);\n --inverse-data-negative-gradient: var(--on-dark-data-negative-gradient);\n --inverse-data-negative-gradient-hover: var(--on-dark-data-negative-gradient-hover);\n --inverse-data-negative-gradient-active: var(--on-dark-data-negative-gradient-active);\n --inverse-data-info-gradient: var(--on-dark-data-info-gradient);\n --inverse-data-info-gradient-hover: var(--on-dark-data-info-gradient-hover);\n --inverse-data-info-gradient-active: var(--on-dark-data-info-gradient-active);\n ",
|
|
2971
3279
|
};
|
|
2972
3280
|
//# sourceMappingURL=index.js.map
|