@salutejs-ds/sdds_sbcom 0.1.9 → 0.1.10

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.
@@ -138,9 +138,6 @@ var outlineDefaultActive = 'var(--outline-default-active, #666666FF)';
138
138
  /** null */
139
139
  var onDarkOutlinePrimaryHover = 'var(--on-dark-outline-primary-hover, #6B6461FF)';
140
140
 
141
- /** Минорный цвет обводки успех на темном фоне */
142
- var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #074A14FF)';
143
-
144
141
  /** null */
145
142
  var onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #2B2827FF)';
146
143
 
@@ -187,10 +184,10 @@ var onDarkPersonasOliveTextAccentHover = 'var(--on-dark-personas-olive-text-acce
187
184
  var onDarkPersonasOliveTextAccentActive = 'var(--on-dark-personas-olive-text-accent-active, #7DC07CFF)';
188
185
 
189
186
  /** null */
190
- var inverseSurfaceTransparentNaviHover = 'var(--inverse-surface-transparent-navi-hover, #FFFFFFFF)';
187
+ var inverseSurfaceTransparentNaviHover = 'var(--inverse-surface-transparent-navi-hover, #FFFFFFA8)';
191
188
 
192
189
  /** null */
193
- var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFFF)';
190
+ var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFAD)';
194
191
 
195
192
  /** null */
196
193
  var onLightPersonasOliveTextAccentHover = 'var(--on-light-personas-olive-text-accent-hover, #1DB71AFF)';
@@ -207,9 +204,6 @@ var onLightPersonasVioletTextAccentActive = 'var(--on-light-personas-violet-text
207
204
  /** null */
208
205
  var onLightPersonasOchreTextAccentHover = 'var(--on-light-personas-ochre-text-accent-hover, #ED6C1DFF)';
209
206
 
210
- /** Цвет для readOnly */
211
- var onLightOutlineReadOnlyHover = 'var(--on-light-outline-read-only-hover, #C7C7C7FF)';
212
-
213
207
  /** null */
214
208
  var onLightPersonasOchreTextAccentActive = 'var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)';
215
209
 
@@ -271,13 +265,13 @@ var onDarkPersonasVioletTextAccentActive = 'var(--on-dark-personas-violet-text-a
271
265
  var onLightOutlinePrimary = 'var(--on-light-outline-primary, #DDD9D7)';
272
266
 
273
267
  /** null */
274
- var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFFF)';
268
+ var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFA8)';
275
269
 
276
270
  /** null */
277
271
  var inverseOutlineDefault = 'var(--inverse-outline-default, #FFFFFF)';
278
272
 
279
273
  /** null */
280
- var onLightSurfaceTransparentNaviActive = 'var(--on-light-surface-transparent-navi-active, #FFFFFFFF)';
274
+ var onLightSurfaceTransparentNaviActive = 'var(--on-light-surface-transparent-navi-active, #FFFFFFAD)';
281
275
 
282
276
  /** null */
283
277
  var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
@@ -468,12 +462,6 @@ var onLightSurfaceSolidPrimaryBrightnessHover = 'var(--on-light-surface-solid-pr
468
462
  /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
469
463
  var onLightSurfaceSolidPrimaryBrightnessActive = 'var(--on-light-surface-solid-primary-brightness-active, #FFFFFFFF)';
470
464
 
471
- /** Прозрачный цвет обводки предупреждение */
472
- var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #F36876FF)';
473
-
474
- /** Прозрачный цвет обводки предупреждение на темном фоне */
475
- var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #B34100FF)';
476
-
477
465
  /** null */
478
466
  var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
479
467
 
@@ -483,9 +471,6 @@ var inversePersonasIndigoTextAccent = 'var(--inverse-personas-indigo-text-accent
483
471
  /** null */
484
472
  var inversePersonasPinkTextAccent = 'var(--inverse-personas-pink-text-accent, #F7A4A4)';
485
473
 
486
- /** Минорный цвет предупреждения на темном фоне */
487
- var onDarkTextWarningMinorHover = 'var(--on-dark-text-warning-minor-hover, #BB4F11FF)';
488
-
489
474
  /** Цвет обводки успех на светлом фоне */
490
475
  var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #20801EFF)';
491
476
 
@@ -501,12 +486,6 @@ var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #424242FF
501
486
  /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
502
487
  var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #FFFFFFFF)';
503
488
 
504
- /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
505
- var onLightSurfaceWarningMinorActive = 'var(--on-light-surface-warning-minor-active, #FED9C3FF)';
506
-
507
- /** Прозрачный желтый цвет для данных на светлом фоне */
508
- var onLightDataYellowTransparentHover = 'var(--on-light-data-yellow-transparent-hover, #F5B638FF)';
509
-
510
489
  /** null */
511
490
  var onDarkPersonasOliveTextAccent = 'var(--on-dark-personas-olive-text-accent, #93CB92)';
512
491
 
@@ -528,9 +507,6 @@ var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FF
528
507
  /** null */
529
508
  var onLightPersonasOliveTextAccent = 'var(--on-light-personas-olive-text-accent, #127210)';
530
509
 
531
- /** Инвертированный минорный цвет фона поверхности/контрола успех */
532
- var inverseSurfacePositiveMinorActive = 'var(--inverse-surface-positive-minor-active, #8BF99FFF)';
533
-
534
510
  /** Прозрачный фон для карточек на светлом фоне */
535
511
  var onLightSurfaceTransparentCardBrightnessActive = 'var(--on-light-surface-transparent-card-brightness-active, #FFFFFFFF)';
536
512
 
@@ -549,21 +525,9 @@ var inverseSurfaceSolidPrimaryBrightnessActive = 'var(--inverse-surface-solid-pr
549
525
  /** Инвертированный прозрачный фон для карточек */
550
526
  var inverseSurfaceTransparentCardBrightnessHover = 'var(--inverse-surface-transparent-card-brightness-hover, #FFFFFFFF)';
551
527
 
552
- /** Третичный непрозрачный цвет обводки на светлом фоне */
553
- var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #A3A3A3FF)';
554
-
555
528
  /** Цвет обводки предупреждение на светлом фоне */
556
529
  var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #A3420AFF)';
557
530
 
558
- /** Инвертированный вторичный прозрачный цвет обводки */
559
- var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #080808FF)';
560
-
561
- /** Прозрачный инвертированный цвет обводки предупреждение */
562
- var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #5D2809FF)';
563
-
564
- /** Инвертированный минорный желтый цвет для данных */
565
- var inverseDataYellowMinorHover = 'var(--inverse-data-yellow-minor-hover, #FFCF70FF)';
566
-
567
531
  /** null */
568
532
  var onLightPersonasVioletTextAccent = 'var(--on-light-personas-violet-text-accent, #9E32AF)';
569
533
 
@@ -603,27 +567,15 @@ var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #D0F2E9)';
603
567
  /** Инвертированный прозрачный фон для карточек */
604
568
  var inverseSurfaceTransparentCardBrightnessActive = 'var(--inverse-surface-transparent-card-brightness-active, #FFFFFFFF)';
605
569
 
606
- /** Третичный прозрачный цвет обводки на темном фоне */
607
- var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #616161FF)';
608
-
609
570
  /** Инвертированный основной фон для карточек */
610
571
  var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
611
572
 
612
- /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
613
- var onDarkSurfaceTransparentWarningActive = 'var(--on-dark-surface-transparent-warning-active, #C74900FF)';
614
-
615
573
  /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
616
574
  var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #C7F0E5FF)';
617
575
 
618
576
  /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
619
577
  var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D0F2E9)';
620
578
 
621
- /** Прозрачный цвет обводки успех */
622
- var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #13BE32FF)';
623
-
624
- /** Третичный непрозрачный цвет обводки */
625
- var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
626
-
627
579
  /** Инвертированный основной фон для карточек */
628
580
  var inverseSurfaceSolidCardBrightnessActive = 'var(--inverse-surface-solid-card-brightness-active, #FFFFFFFF)';
629
581
 
@@ -660,24 +612,12 @@ var personasOchreTextAccent = 'var(--personas-ochre-text-accent, #F4B49B)';
660
612
  /** null */
661
613
  var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-accent-minor, #0BA68647)';
662
614
 
663
- /** Инвертированный минорный цвет обводки предупреждение */
664
- var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC8240FF)';
665
-
666
615
  /** Цвет предупреждения на светлом фоне */
667
616
  var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
668
617
 
669
618
  /** null */
670
619
  var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
671
620
 
672
- /** Минорный цвет информации */
673
- var textInfoMinorActive = 'var(--text-info-minor-active, #10659EFF)';
674
-
675
- /** Инвертированный минорный цвет предупреждения */
676
- var inverseTextWarningMinorHover = 'var(--inverse-text-warning-minor-hover, #FDB790FF)';
677
-
678
- /** Минорный цвет обводки предупреждение на темном фоне */
679
- var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #70300AFF)';
680
-
681
621
  /** null */
682
622
  var personasVioletTextAccent = 'var(--personas-violet-text-accent, #9E32AF)';
683
623
 
@@ -750,27 +690,6 @@ var textInfoHover = 'var(--text-info-hover, #BCDBFAFF)';
750
690
  /** Цвет информации */
751
691
  var textInfoActive = 'var(--text-info-active, #53A3F3FF)';
752
692
 
753
- /** Минорный цвет успеха */
754
- var textPositiveMinorHover = 'var(--text-positive-minor-hover, #0F9527FF)';
755
-
756
- /** Минорный цвет успеха */
757
- var textPositiveMinorActive = 'var(--text-positive-minor-active, #0C7920FF)';
758
-
759
- /** Минорный цвет предупреждения */
760
- var textWarningMinorHover = 'var(--text-warning-minor-hover, #BB4F11FF)';
761
-
762
- /** Минорный цвет предупреждения */
763
- var textWarningMinorActive = 'var(--text-warning-minor-active, #9F440FFF)';
764
-
765
- /** Минорный цвет ошибки */
766
- var textNegativeMinorHover = 'var(--text-negative-minor-hover, #B91828FF)';
767
-
768
- /** Минорный цвет ошибки */
769
- var textNegativeMinorActive = 'var(--text-negative-minor-active, #83111CFF)';
770
-
771
- /** Минорный цвет информации */
772
- var textInfoMinorHover = 'var(--text-info-minor-hover, #1277BAFF)';
773
-
774
693
  /** Вторичный цвет текста */
775
694
  var textSecondaryHover = 'var(--text-secondary-hover, #F5F1EFFF)';
776
695
 
@@ -855,12 +774,6 @@ var onDarkTextInfoHover = 'var(--on-dark-text-info-hover, #BCDBFAFF)';
855
774
  /** Цвет информации на темном фоне */
856
775
  var onDarkTextInfoActive = 'var(--on-dark-text-info-active, #53A3F3FF)';
857
776
 
858
- /** Минорный цвет успеха на темном фоне */
859
- var onDarkTextPositiveMinorHover = 'var(--on-dark-text-positive-minor-hover, #0F9527FF)';
860
-
861
- /** Минорный цвет успеха на темном фоне */
862
- var onDarkTextPositiveMinorActive = 'var(--on-dark-text-positive-minor-active, #0C7920FF)';
863
-
864
777
  /** Основной цвет текста на темном фоне */
865
778
  var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #FFFFFFCA)';
866
779
 
@@ -888,9 +801,6 @@ var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #F5F1EFC4)
888
801
  /** Основной цвет текста на темном фоне */
889
802
  var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF97)';
890
803
 
891
- /** Минорный цвет ошибки на темном фоне */
892
- var onDarkTextNegativeMinorActive = 'var(--on-dark-text-negative-minor-active, #83111CFF)';
893
-
894
804
  /** Основной цвет текста на светлом фоне */
895
805
  var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #15110F97)';
896
806
 
@@ -960,36 +870,9 @@ var onLightTextWarning = 'var(--on-light-text-warning, #973C09)';
960
870
  /** Цвет предупреждения на светлом фоне */
961
871
  var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #BC4C0BFF)';
962
872
 
963
- /** Минорный цвет информации на темном фоне */
964
- var onDarkTextInfoMinorHover = 'var(--on-dark-text-info-minor-hover, #1277BAFF)';
965
-
966
- /** Минорный цвет информации на темном фоне */
967
- var onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #10659EFF)';
968
-
969
873
  /** Основной цвет текста на светлом фоне */
970
874
  var onLightTextPrimary = 'var(--on-light-text-primary, #15110FFC)';
971
875
 
972
- /** Минорный цвет ошибки на темном фоне */
973
- var onDarkTextNegativeMinorHover = 'var(--on-dark-text-negative-minor-hover, #B91828FF)';
974
-
975
- /** Минорный цвет предупреждения на светлом фоне */
976
- var onLightTextWarningMinorHover = 'var(--on-light-text-warning-minor-hover, #FDB790FF)';
977
-
978
- /** Минорный цвет предупреждения на светлом фоне */
979
- var onLightTextWarningMinorActive = 'var(--on-light-text-warning-minor-active, #FC8240FF)';
980
-
981
- /** Минорный цвет ошибки на светлом фоне */
982
- var onLightTextNegativeMinorHover = 'var(--on-light-text-negative-minor-hover, #FFB8BFFF)';
983
-
984
- /** Минорный цвет ошибки на светлом фоне */
985
- var onLightTextNegativeMinorActive = 'var(--on-light-text-negative-minor-active, #FF6675FF)';
986
-
987
- /** Минорный цвет информации на светлом фоне */
988
- var onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #7ACAFFFF)';
989
-
990
- /** Минорный цвет информации на светлом фоне */
991
- var onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #29A9FFFF)';
992
-
993
876
  /** Инвертированный основной цвет текста */
994
877
  var inverseTextPrimary = 'var(--inverse-text-primary, #15110FFC)';
995
878
 
@@ -1062,12 +945,6 @@ var onLightTextInfoHover = 'var(--on-light-text-info-hover, #000000FF)';
1062
945
  /** Цвет информации на светлом фоне */
1063
946
  var onLightTextInfoActive = 'var(--on-light-text-info-active, #194B85FF)';
1064
947
 
1065
- /** Минорный цвет успеха на светлом фоне */
1066
- var onLightTextPositiveMinorHover = 'var(--on-light-text-positive-minor-hover, #47DC62FF)';
1067
-
1068
- /** Минорный цвет успеха на светлом фоне */
1069
- var onLightTextPositiveMinorActive = 'var(--on-light-text-positive-minor-active, #21B03CFF)';
1070
-
1071
948
  /** Цвет ошибки на светлом фоне */
1072
949
  var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #E3353BFF)';
1073
950
 
@@ -1092,27 +969,6 @@ var inverseTextInfoHover = 'var(--inverse-text-info-hover, #000000FF)';
1092
969
  /** Инвертированный цвет информации */
1093
970
  var inverseTextInfoActive = 'var(--inverse-text-info-active, #194B85FF)';
1094
971
 
1095
- /** Инвертированный минорный цвет успеха */
1096
- var inverseTextPositiveMinorHover = 'var(--inverse-text-positive-minor-hover, #47DC62FF)';
1097
-
1098
- /** Инвертированный минорный цвет успеха */
1099
- var inverseTextPositiveMinorActive = 'var(--inverse-text-positive-minor-active, #21B03CFF)';
1100
-
1101
- /** Инвертированный минорный цвет предупреждения */
1102
- var inverseTextWarningMinorActive = 'var(--inverse-text-warning-minor-active, #FC8240FF)';
1103
-
1104
- /** Инвертированный минорный цвет ошибки */
1105
- var inverseTextNegativeMinorHover = 'var(--inverse-text-negative-minor-hover, #FFB8BFFF)';
1106
-
1107
- /** Инвертированный минорный цвет ошибки */
1108
- var inverseTextNegativeMinorActive = 'var(--inverse-text-negative-minor-active, #FF6675FF)';
1109
-
1110
- /** Инвертированный минорный цвет информации */
1111
- var inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #7ACAFFFF)';
1112
-
1113
- /** Инвертированный минорный цвет информации */
1114
- var inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #29A9FFFF)';
1115
-
1116
972
  /** Основной непрозрачный фон поверхности/контрола */
1117
973
  var surfaceSolidPrimary = 'var(--surface-solid-primary, #232323)';
1118
974
 
@@ -1156,25 +1012,25 @@ var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #BC4C0BFF)';
1156
1012
  var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #185E17FF)';
1157
1013
 
1158
1014
  /** Основной прозрачный фон поверхности/контрола */
1159
- var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFFFF)';
1015
+ var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0F)';
1160
1016
 
1161
1017
  /** Вторичный прозрачный фон поверхности/контрола */
1162
1018
  var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF29)';
1163
1019
 
1164
1020
  /** Вторичный прозрачный фон поверхности/контрола */
1165
- var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFFFF)';
1021
+ var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF47)';
1166
1022
 
1167
1023
  /** Вторичный прозрачный фон поверхности/контрола */
1168
- var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFFFF)';
1024
+ var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF1A)';
1169
1025
 
1170
1026
  /** Третичный прозрачный фон поверхности/контрола */
1171
1027
  var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #FFFFFF3D)';
1172
1028
 
1173
1029
  /** Третичный прозрачный фон поверхности/контрола */
1174
- var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFFFF)';
1030
+ var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF5C)';
1175
1031
 
1176
1032
  /** Третичный прозрачный фон поверхности/контрола */
1177
- var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFFFF)';
1033
+ var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF2E)';
1178
1034
 
1179
1035
  /** Глубокий прозрачный фон поверхности/контрола */
1180
1036
  var surfaceTransparentDeep = 'var(--surface-transparent-deep, #373737B8)';
@@ -1201,10 +1057,10 @@ var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightnes
1201
1057
  var surfaceClear = 'var(--surface-clear, #FFFFFF00)';
1202
1058
 
1203
1059
  /** Фон поверхности/контрола без заливки */
1204
- var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFFFF)';
1060
+ var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFF00)';
1205
1061
 
1206
1062
  /** Фон поверхности/контрола без заливки */
1207
- var surfaceClearActive = 'var(--surface-clear-active, #FFFFFFFF)';
1063
+ var surfaceClearActive = 'var(--surface-clear-active, #FFFFFF00)';
1208
1064
 
1209
1065
  /** Акцентный фон поверхности/контрола */
1210
1066
  var surfaceAccent = 'var(--surface-accent, #0BA686)';
@@ -1249,7 +1105,7 @@ var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #F9F7F5FF)';
1249
1105
  var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
1250
1106
 
1251
1107
  /** Основной прозрачный фон поверхности/контрола */
1252
- var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFFFF)';
1108
+ var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #FFFFFF24)';
1253
1109
 
1254
1110
  /** Непрозрачный фон поверхности/контрола по умолчанию */
1255
1111
  var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F2ECE9FF)';
@@ -1287,44 +1143,20 @@ var surfaceInfoHover = 'var(--surface-info-hover, #AED4F9FF)';
1287
1143
  /** Цвет фона поверхности/контрола информация */
1288
1144
  var surfaceInfoActive = 'var(--surface-info-active, #91C4F7FF)';
1289
1145
 
1290
- /** Минорный цвет фона поверхности/контрола успех */
1291
- var surfacePositiveMinorHover = 'var(--surface-positive-minor-hover, #0E3A16FF)';
1292
-
1293
- /** Минорный цвет фона поверхности/контрола успех */
1294
- var surfacePositiveMinorActive = 'var(--surface-positive-minor-active, #08210CFF)';
1295
-
1296
1146
  /** Цвет фона поверхности/контрола успех */
1297
1147
  var surfacePositive = 'var(--surface-positive, #A6D2A2)';
1298
1148
 
1299
1149
  /** Цвет фона поверхности/контрола успех */
1300
1150
  var surfacePositiveHover = 'var(--surface-positive-hover, #B3D9B0FF)';
1301
1151
 
1302
- /** Прозрачный цвет фона поверхности/контрола предупреждение */
1303
- var surfaceTransparentWarningHover = 'var(--surface-transparent-warning-hover, #E65400FF)';
1304
-
1305
- /** Прозрачный цвет фона поверхности/контрола предупреждение */
1306
- var surfaceTransparentWarningActive = 'var(--surface-transparent-warning-active, #C74900FF)';
1307
-
1308
- /** Прозрачный цвет фона поверхности/контрола предупреждение */
1309
- var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #ED1D31FF)';
1310
-
1311
- /** Прозрачный цвет фона поверхности/контрола предупреждение */
1312
- var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #D91226FF)';
1313
-
1314
- /** Прозрачный цвет фона поверхности/контрола информация */
1315
- var surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #0D7EC9FF)';
1316
-
1317
- /** Прозрачный цвет фона поверхности/контрола информация */
1318
- var surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #0B6CADFF)';
1319
-
1320
1152
  /** Цвет для readOnly */
1321
1153
  var surfaceReadOnly = 'var(--surface-read-only, #F9F9F905)';
1322
1154
 
1323
1155
  /** Цвет для readOnly */
1324
- var surfaceReadOnlyHover = 'var(--surface-read-only-hover, #FFFFFFFF)';
1156
+ var surfaceReadOnlyHover = 'var(--surface-read-only-hover, #FAFAFA0F)';
1325
1157
 
1326
1158
  /** Цвет для readOnly */
1327
- var surfaceReadOnlyActive = 'var(--surface-read-only-active, #F5F5F5FF)';
1159
+ var surfaceReadOnlyActive = 'var(--surface-read-only-active, #FAFAFA00)';
1328
1160
 
1329
1161
  /** Основной непрозрачный фон поверхности/контрола на темном фоне */
1330
1162
  var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #232323)';
@@ -1353,50 +1185,26 @@ var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #474747)
1353
1185
  /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
1354
1186
  var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #525252FF)';
1355
1187
 
1356
- /** Минорный цвет фона поверхности/контрола предупреждение */
1357
- var surfaceWarningMinorActive = 'var(--surface-warning-minor-active, #351909FF)';
1358
-
1359
- /** Минорный цвет фона поверхности/контрола предупреждение */
1360
- var surfaceWarningMinorHover = 'var(--surface-warning-minor-hover, #4F250DFF)';
1361
-
1362
- /** Минорный цвет фона поверхности/контрола ошибка */
1363
- var surfaceNegativeMinorActive = 'var(--surface-negative-minor-active, #410B11FF)';
1364
-
1365
- /** Минорный цвет фона поверхности/контрола ошибка */
1366
- var surfaceNegativeMinorHover = 'var(--surface-negative-minor-hover, #5B1018FF)';
1367
-
1368
- /** Минорный цвет фона поверхности/контрола информация */
1369
- var surfaceInfoMinorActive = 'var(--surface-info-minor-active, #0A2333FF)';
1370
-
1371
- /** Прозрачный цвет фона поверхности/контрола успех */
1372
- var surfaceTransparentPositiveHover = 'var(--surface-transparent-positive-hover, #0F9928FF)';
1373
-
1374
- /** Минорный цвет фона поверхности/контрола информация */
1375
- var surfaceInfoMinorHover = 'var(--surface-info-minor-hover, #10344CFF)';
1376
-
1377
- /** Прозрачный цвет фона поверхности/контрола успех */
1378
- var surfaceTransparentPositiveActive = 'var(--surface-transparent-positive-active, #0C7D21FF)';
1379
-
1380
1188
  /** Основной прозрачный фон поверхности/контрола на темном фоне */
1381
- var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFFFF)';
1189
+ var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0F)';
1382
1190
 
1383
1191
  /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
1384
1192
  var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
1385
1193
 
1386
1194
  /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
1387
- var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFFFF)';
1195
+ var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF47)';
1388
1196
 
1389
1197
  /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
1390
- var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFFFF)';
1198
+ var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF1A)';
1391
1199
 
1392
1200
  /** Третичный прозрачный фон поверхности/контрола на темном фоне */
1393
1201
  var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF3D)';
1394
1202
 
1395
1203
  /** Третичный прозрачный фон поверхности/контрола на темном фоне */
1396
- var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFFFF)';
1204
+ var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF5C)';
1397
1205
 
1398
1206
  /** Третичный прозрачный фон поверхности/контрола на темном фоне */
1399
- var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFFFF)';
1207
+ var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF2E)';
1400
1208
 
1401
1209
  /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
1402
1210
  var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #373737B8)';
@@ -1459,7 +1267,7 @@ var onDarkSurfaceSolidDefaultActive = 'var(--on-dark-surface-solid-default-activ
1459
1267
  var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, #FFFFFF14)';
1460
1268
 
1461
1269
  /** Основной прозрачный фон поверхности/контрола на темном фоне */
1462
- var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFFFF)';
1270
+ var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transparent-primary-hover, #FFFFFF24)';
1463
1271
 
1464
1272
  /** Основной фон для карточек на темном фоне */
1465
1273
  var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #2E2E2EFF)';
@@ -1500,18 +1308,6 @@ var onDarkSurfaceInfoHover = 'var(--on-dark-surface-info-hover, #AED4F9FF)';
1500
1308
  /** Цвет фона поверхности/контрола информация на темном фоне */
1501
1309
  var onDarkSurfaceInfoActive = 'var(--on-dark-surface-info-active, #91C4F7FF)';
1502
1310
 
1503
- /** Минорный цвет фона поверхности/контрола успех на темном фоне */
1504
- var onDarkSurfacePositiveMinorHover = 'var(--on-dark-surface-positive-minor-hover, #0E3A16FF)';
1505
-
1506
- /** Минорный цвет фона поверхности/контрола успех на темном фоне */
1507
- var onDarkSurfacePositiveMinorActive = 'var(--on-dark-surface-positive-minor-active, #08210CFF)';
1508
-
1509
- /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
1510
- var onDarkSurfaceWarningMinorHover = 'var(--on-dark-surface-warning-minor-hover, #4F250DFF)';
1511
-
1512
- /** Минорный цвет фона поверхности/контрола предупреждение на темном фоне */
1513
- var onDarkSurfaceWarningMinorActive = 'var(--on-dark-surface-warning-minor-active, #351909FF)';
1514
-
1515
1311
  /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
1516
1312
  var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #0BA88824)';
1517
1313
 
@@ -1521,29 +1317,14 @@ var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent,
1521
1317
  /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
1522
1318
  var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #0BA88852)';
1523
1319
 
1524
- /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
1525
- var onDarkSurfaceTransparentWarningHover = 'var(--on-dark-surface-transparent-warning-hover, #E65400FF)';
1526
-
1527
- /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
1528
- var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #ED1D31FF)';
1529
-
1530
- /** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
1531
- var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #D91226FF)';
1532
-
1533
- /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
1534
- var onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #0D7EC9FF)';
1535
-
1536
- /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
1537
- var onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #0B6CADFF)';
1538
-
1539
1320
  /** Цвет для readOnly */
1540
1321
  var onDarkSurfaceReadOnly = 'var(--on-dark-surface-read-only, #F9F9F905)';
1541
1322
 
1542
1323
  /** Цвет для readOnly */
1543
- var onDarkSurfaceReadOnlyHover = 'var(--on-dark-surface-read-only-hover, #FFFFFFFF)';
1324
+ var onDarkSurfaceReadOnlyHover = 'var(--on-dark-surface-read-only-hover, #FAFAFA0F)';
1544
1325
 
1545
1326
  /** Цвет для readOnly */
1546
- var onDarkSurfaceReadOnlyActive = 'var(--on-dark-surface-read-only-active, #F5F5F5FF)';
1327
+ var onDarkSurfaceReadOnlyActive = 'var(--on-dark-surface-read-only-active, #FAFAFA00)';
1547
1328
 
1548
1329
  /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
1549
1330
  var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #FFFFFF)';
@@ -1572,24 +1353,6 @@ var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #FFFFF
1572
1353
  /** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
1573
1354
  var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #FFFFFFFF)';
1574
1355
 
1575
- /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
1576
- var onDarkSurfaceNegativeMinorHover = 'var(--on-dark-surface-negative-minor-hover, #5B1018FF)';
1577
-
1578
- /** Минорный цвет фона поверхности/контрола информация на темном фоне */
1579
- var onDarkSurfaceInfoMinorHover = 'var(--on-dark-surface-info-minor-hover, #10344CFF)';
1580
-
1581
- /** Минорный цвет фона поверхности/контрола информация на темном фоне */
1582
- var onDarkSurfaceInfoMinorActive = 'var(--on-dark-surface-info-minor-active, #0A2333FF)';
1583
-
1584
- /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
1585
- var onDarkSurfaceTransparentPositiveActive = 'var(--on-dark-surface-transparent-positive-active, #0C7D21FF)';
1586
-
1587
- /** Прозрачный цвет фона поверхности/контрола успех на темном фоне */
1588
- var onDarkSurfaceTransparentPositiveHover = 'var(--on-dark-surface-transparent-positive-hover, #0F9928FF)';
1589
-
1590
- /** Минорный цвет фона поверхности/контрола ошибка на темном фоне */
1591
- var onDarkSurfaceNegativeMinorActive = 'var(--on-dark-surface-negative-minor-active, #410B11FF)';
1592
-
1593
1356
  /** Основной прозрачный фон поверхности/контрола на светлом фоне */
1594
1357
  var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #15110F0F)';
1595
1358
 
@@ -1615,19 +1378,19 @@ var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparen
1615
1378
  var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #FFFFFFB3)';
1616
1379
 
1617
1380
  /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
1618
- var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #FFFFFFFF)';
1381
+ var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #FFFFFFC2)';
1619
1382
 
1620
1383
  /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
1621
- var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #FFFFFFFF)';
1384
+ var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #FFFFFFC7)';
1622
1385
 
1623
1386
  /** Прозрачный фон для карточек на светлом фоне */
1624
1387
  var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, #FFFFFF85)';
1625
1388
 
1626
1389
  /** Прозрачный фон для карточек на светлом фоне */
1627
- var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)';
1390
+ var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFF94)';
1628
1391
 
1629
1392
  /** Прозрачный фон для карточек на светлом фоне */
1630
- var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFFFF)';
1393
+ var onLightSurfaceTransparentCardActive = 'var(--on-light-surface-transparent-card-active, #FFFFFF99)';
1631
1394
 
1632
1395
  /** Прозрачный фон для карточек на светлом фоне */
1633
1396
  var onLightSurfaceTransparentCardBrightness = 'var(--on-light-surface-transparent-card-brightness, #FFFFFFFF)';
@@ -1713,15 +1476,6 @@ var onLightSurfaceInfoHover = 'var(--on-light-surface-info-hover, #4180C8FF)';
1713
1476
  /** Цвет фона поверхности/контрола информация на светлом фоне */
1714
1477
  var onLightSurfaceInfoActive = 'var(--on-light-surface-info-active, #326CAEFF)';
1715
1478
 
1716
- /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
1717
- var onLightSurfacePositiveMinorHover = 'var(--on-light-surface-positive-minor-hover, #94F9A7FF)';
1718
-
1719
- /** Минорный цвет фона поверхности/контрола успех на светлом фоне */
1720
- var onLightSurfacePositiveMinorActive = 'var(--on-light-surface-positive-minor-active, #8BF99FFF)';
1721
-
1722
- /** Минорный цвет фона поверхности/контрола предупреждение на светлом фоне */
1723
- var onLightSurfaceWarningMinorHover = 'var(--on-light-surface-warning-minor-hover, #FEDCC8FF)';
1724
-
1725
1479
  /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
1726
1480
  var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #0BA88833)';
1727
1481
 
@@ -1731,32 +1485,14 @@ var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent
1731
1485
  /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
1732
1486
  var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #0BA8882E)';
1733
1487
 
1734
- /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
1735
- var onLightSurfaceTransparentWarningHover = 'var(--on-light-surface-transparent-warning-hover, #E65400FF)';
1736
-
1737
- /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
1738
- var onLightSurfaceTransparentWarningActive = 'var(--on-light-surface-transparent-warning-active, #BD4500FF)';
1739
-
1740
- /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
1741
- var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #ED1D31FF)';
1742
-
1743
- /** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
1744
- var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #D01124FF)';
1745
-
1746
- /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
1747
- var onLightSurfaceTransparentInfoHover = 'var(--on-light-surface-transparent-info-hover, #0D84D3FF)';
1748
-
1749
- /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
1750
- var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transparent-info-active, #0A66A3FF)';
1751
-
1752
1488
  /** Цвет для readOnly */
1753
1489
  var onLightSurfaceReadOnly = 'var(--on-light-surface-read-only, #F9F9F903)';
1754
1490
 
1755
1491
  /** Цвет для readOnly */
1756
- var onLightSurfaceReadOnlyHover = 'var(--on-light-surface-read-only-hover, #F7F7F7FF)';
1492
+ var onLightSurfaceReadOnlyHover = 'var(--on-light-surface-read-only-hover, #FAFAFA05)';
1757
1493
 
1758
1494
  /** Цвет для readOnly */
1759
- var onLightSurfaceReadOnlyActive = 'var(--on-light-surface-read-only-active, #F5F5F5FF)';
1495
+ var onLightSurfaceReadOnlyActive = 'var(--on-light-surface-read-only-active, #FAFAFA08)';
1760
1496
 
1761
1497
  /** Инвертированный основной непрозрачный фон поверхности/контрола */
1762
1498
  var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #FFFFFF)';
@@ -1779,21 +1515,6 @@ var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-h
1779
1515
  /** Инвертированный вторичный непрозрачный фон поверхности/контрола */
1780
1516
  var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
1781
1517
 
1782
- /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
1783
- var onLightSurfaceInfoMinorHover = 'var(--on-light-surface-info-minor-hover, #C7E9FFFF)';
1784
-
1785
- /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
1786
- var onLightSurfaceInfoMinorActive = 'var(--on-light-surface-info-minor-active, #C2E7FFFF)';
1787
-
1788
- /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
1789
- var onLightSurfaceTransparentPositiveHover = 'var(--on-light-surface-transparent-positive-hover, #0F9928FF)';
1790
-
1791
- /** Прозрачный цвет фона поверхности/контрола успех на светлом фоне */
1792
- var onLightSurfaceTransparentPositiveActive = 'var(--on-light-surface-transparent-positive-active, #0B741FFF)';
1793
-
1794
- /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
1795
- var onLightSurfaceNegativeMinorActive = 'var(--on-light-surface-negative-minor-active, #FFD1D6FF)';
1796
-
1797
1518
  /** Инвертированный основной прозрачный фон поверхности/контрола */
1798
1519
  var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #15110F0D)';
1799
1520
 
@@ -1822,19 +1543,19 @@ var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent
1822
1543
  var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #FFFFFFB3)';
1823
1544
 
1824
1545
  /** Инвертированный глубокий прозрачный фон поверхности/контрола */
1825
- var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #FFFFFFFF)';
1546
+ var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #FFFFFFC2)';
1826
1547
 
1827
1548
  /** Инвертированный глубокий прозрачный фон поверхности/контрола */
1828
- var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #FFFFFFFF)';
1549
+ var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #FFFFFFC7)';
1829
1550
 
1830
1551
  /** Инвертированный прозрачный фон для карточек */
1831
1552
  var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, #FFFFFF85)';
1832
1553
 
1833
1554
  /** Инвертированный прозрачный фон для карточек */
1834
- var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFFF)';
1555
+ var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFF94)';
1835
1556
 
1836
1557
  /** Инвертированный прозрачный фон для карточек */
1837
- var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFFFF)';
1558
+ var inverseSurfaceTransparentCardActive = 'var(--inverse-surface-transparent-card-active, #FFFFFF99)';
1838
1559
 
1839
1560
  /** Инвертированный прозрачный фон для карточек */
1840
1561
  var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)';
@@ -1917,9 +1638,6 @@ var inverseSurfaceInfoHover = 'var(--inverse-surface-info-hover, #4180C8FF)';
1917
1638
  /** Инвертированный цвет фона поверхности/контрола информация */
1918
1639
  var inverseSurfaceInfoActive = 'var(--inverse-surface-info-active, #326CAEFF)';
1919
1640
 
1920
- /** Инвертированный минорный цвет фона поверхности/контрола успех */
1921
- var inverseSurfacePositiveMinorHover = 'var(--inverse-surface-positive-minor-hover, #94F9A7FF)';
1922
-
1923
1641
  /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
1924
1642
  var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #BFEDE1FF)';
1925
1643
 
@@ -1938,38 +1656,14 @@ var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-a
1938
1656
  /** Инвертированный акцентный фон поверхности/контрола */
1939
1657
  var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #099579FF)';
1940
1658
 
1941
- /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
1942
- var inverseSurfaceTransparentPositiveHover = 'var(--inverse-surface-transparent-positive-hover, #0F9928FF)';
1943
-
1944
- /** Прозрачный инвертированный цвет фона поверхности/контрола успех */
1945
- var inverseSurfaceTransparentPositiveActive = 'var(--inverse-surface-transparent-positive-active, #0B741FFF)';
1946
-
1947
- /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
1948
- var inverseSurfaceTransparentWarningHover = 'var(--inverse-surface-transparent-warning-hover, #E65400FF)';
1949
-
1950
- /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
1951
- var inverseSurfaceTransparentWarningActive = 'var(--inverse-surface-transparent-warning-active, #BD4500FF)';
1952
-
1953
- /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
1954
- var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #ED1D31FF)';
1955
-
1956
- /** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
1957
- var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #D01124FF)';
1958
-
1959
- /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
1960
- var inverseSurfaceTransparentInfoHover = 'var(--inverse-surface-transparent-info-hover, #0D84D3FF)';
1961
-
1962
- /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
1963
- var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transparent-info-active, #0A66A3FF)';
1964
-
1965
1659
  /** Цвет для readOnly */
1966
1660
  var inverseSurfaceReadOnly = 'var(--inverse-surface-read-only, #F9F9F903)';
1967
1661
 
1968
1662
  /** Цвет для readOnly */
1969
- var inverseSurfaceReadOnlyHover = 'var(--inverse-surface-read-only-hover, #F7F7F7FF)';
1663
+ var inverseSurfaceReadOnlyHover = 'var(--inverse-surface-read-only-hover, #FAFAFA05)';
1970
1664
 
1971
1665
  /** Цвет для readOnly */
1972
- var inverseSurfaceReadOnlyActive = 'var(--inverse-surface-read-only-active, #F5F5F5FF)';
1666
+ var inverseSurfaceReadOnlyActive = 'var(--inverse-surface-read-only-active, #FAFAFA08)';
1973
1667
 
1974
1668
  /** Основной фон */
1975
1669
  var backgroundPrimary = 'var(--background-primary, #141413)';
@@ -1992,24 +1686,6 @@ var darkBackgroundTertiary = 'var(--dark-background-tertiary, #141413)';
1992
1686
  /** Основной фон на светлом фоне */
1993
1687
  var lightBackgroundPrimary = 'var(--light-background-primary, #EBE7E5)';
1994
1688
 
1995
- /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
1996
- var inverseSurfaceWarningMinorHover = 'var(--inverse-surface-warning-minor-hover, #FEDCC8FF)';
1997
-
1998
- /** Инвертированный минорный цвет фона поверхности/контрола ошибка */
1999
- var inverseSurfaceNegativeMinorHover = 'var(--inverse-surface-negative-minor-hover, #FFD6DAFF)';
2000
-
2001
- /** Инвертированный минорный цвет фона поверхности/контрола ошибка */
2002
- var inverseSurfaceNegativeMinorActive = 'var(--inverse-surface-negative-minor-active, #FFD1D6FF)';
2003
-
2004
- /** Инвертированный минорный цвет фона поверхности/контрола информация */
2005
- var inverseSurfaceInfoMinorHover = 'var(--inverse-surface-info-minor-hover, #C7E9FFFF)';
2006
-
2007
- /** Инвертированный минорный цвет фона поверхности/контрола информация */
2008
- var inverseSurfaceInfoMinorActive = 'var(--inverse-surface-info-minor-active, #C2E7FFFF)';
2009
-
2010
- /** Инвертированный минорный цвет фона поверхности/контрола предупреждение */
2011
- var inverseSurfaceWarningMinorActive = 'var(--inverse-surface-warning-minor-active, #FED9C3FF)';
2012
-
2013
1689
  /** Цвет фона паранжи светлый на светлом фоне */
2014
1690
  var onLightOverlaySoft = 'var(--on-light-overlay-soft, #0000003D)';
2015
1691
 
@@ -2022,47 +1698,14 @@ var inverseOverlaySoft = 'var(--inverse-overlay-soft, #0000003D)';
2022
1698
  /** Инвертированный цвет фона паранжи темный */
2023
1699
  var inverseOverlayHard = 'var(--inverse-overlay-hard, #00000052)';
2024
1700
 
2025
- /** Основной непрозрачный цвет обводки */
2026
- var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #545454FF)';
2027
-
2028
- /** Основной непрозрачный цвет обводки */
2029
- var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #171717FF)';
2030
-
2031
- /** Вторичный непрозрачный цвет обводки */
2032
- var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #ABABABFF)';
2033
-
2034
- /** Вторичный непрозрачный цвет обводки */
2035
- var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #363636FF)';
2036
-
2037
- /** Третичный непрозрачный цвет обводки */
2038
- var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #525252FF)';
2039
-
2040
- /** Непрозрачный цвет обводки по умолчанию */
2041
- var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #808080FF)';
2042
-
2043
- /** Непрозрачный цвет обводки по умолчанию */
2044
- var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #616161FF)';
2045
-
2046
1701
  /** Основной прозрачный цвет обводки */
2047
1702
  var outlineTransparentPrimary = 'var(--outline-transparent-primary, #FFFFFF1F)';
2048
1703
 
2049
1704
  /** Основной прозрачный цвет обводки */
2050
- var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #858585FF)';
1705
+ var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FFFFFF4D)';
2051
1706
 
2052
1707
  /** Основной прозрачный цвет обводки */
2053
- var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #666666FF)';
2054
-
2055
- /** Вторичный прозрачный цвет обводки */
2056
- var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #808080FF)';
2057
-
2058
- /** Вторичный прозрачный цвет обводки */
2059
- var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #616161FF)';
2060
-
2061
- /** Третичный прозрачный цвет обводки */
2062
- var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #808080FF)';
2063
-
2064
- /** Третичный прозрачный цвет обводки */
2065
- var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #616161FF)';
1708
+ var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF12)';
2066
1709
 
2067
1710
  /** Бесцветная обводка */
2068
1711
  var outlineClear = 'var(--outline-clear, #FFFFFF00)';
@@ -2127,125 +1770,20 @@ var outlineInfoHover = 'var(--outline-info-hover, #E7F2FDFF)';
2127
1770
  /** Цвет обводки информация */
2128
1771
  var outlineInfoActive = 'var(--outline-info-active, #7EBAF6FF)';
2129
1772
 
2130
- /** Минорный цвет обводки успех */
2131
- var outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0F9527FF)';
2132
-
2133
- /** Минорный цвет обводки успех */
2134
- var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #074A14FF)';
2135
-
2136
- /** Минорный цвет обводки предупреждение */
2137
- var outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #BB4F11FF)';
2138
-
2139
- /** Минорный цвет обводки предупреждение */
2140
- var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #70300AFF)';
2141
-
2142
- /** Минорный цвет обводки ошибка */
2143
- var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #D41C2EFF)';
2144
-
2145
- /** Минорный цвет обводки ошибка */
2146
- var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #8C121EFF)';
2147
-
2148
- /** Минорный цвет обводки информация */
2149
- var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1277BAFF)';
2150
-
2151
- /** Минорный цвет обводки информация */
2152
- var outlineInfoMinorActive = 'var(--outline-info-minor-active, #0B476FFF)';
2153
-
2154
1773
  /** Бесцветная обводка */
2155
1774
  var outlineClearActive = 'var(--outline-clear-active, #FFFFFF00)';
2156
1775
 
2157
1776
  /** Бесцветная обводка */
2158
1777
  var outlineClearHover = 'var(--outline-clear-hover, #FFFFFF00)';
2159
1778
 
2160
- /** Акцентный цвет обводки */
2161
- var outlineAccentActive = 'var(--outline-accent-active, #0B741FFF)';
2162
-
2163
- /** Акцентный цвет обводки */
2164
- var outlineAccentHover = 'var(--outline-accent-hover, #13BE32FF)';
2165
-
2166
- /** Прозрачный акцентный цвет обводки */
2167
- var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #13BE32FF)';
2168
-
2169
- /** Акцентный минорный непрозрачный цвет обводки */
2170
- var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #0F9527FF)';
2171
-
2172
- /** Акцентный минорный непрозрачный цвет обводки */
2173
- var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #074A14FF)';
2174
-
2175
- /** Прозрачный акцентный цвет обводки */
2176
- var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #0B741FFF)';
2177
-
2178
- /** Цвет для readOnly */
2179
- var outlineReadOnlyHover = 'var(--outline-read-only-hover, #808080FF)';
2180
-
2181
- /** Цвет для readOnly */
2182
- var outlineReadOnlyActive = 'var(--outline-read-only-active, #616161FF)';
2183
-
2184
- /** Основной непрозрачный цвет обводки на темном фоне */
2185
- var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #545454FF)';
2186
-
2187
- /** Основной непрозрачный цвет обводки на темном фоне */
2188
- var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #171717FF)';
2189
-
2190
- /** Вторичный непрозрачный цвет обводки на темном фоне */
2191
- var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #ABABABFF)';
2192
-
2193
- /** Вторичный непрозрачный цвет обводки на темном фоне */
2194
- var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #363636FF)';
2195
-
2196
- /** Третичный непрозрачный цвет обводки на темном фоне */
2197
- var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
2198
-
2199
- /** Третичный непрозрачный цвет обводки на темном фоне */
2200
- var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #525252FF)';
2201
-
2202
- /** Непрозрачный цвет обводки по умолчанию на темном фоне */
2203
- var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #808080FF)';
2204
-
2205
- /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
2206
- var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #616161FF)';
2207
-
2208
1779
  /** Основной прозрачный цвет обводки на темном фоне */
2209
1780
  var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #FFFFFF1F)';
2210
1781
 
2211
1782
  /** Основной прозрачный цвет обводки на темном фоне */
2212
- var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #858585FF)';
1783
+ var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #FFFFFF4D)';
2213
1784
 
2214
1785
  /** Основной прозрачный цвет обводки на темном фоне */
2215
- var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #666666FF)';
2216
-
2217
- /** Вторичный прозрачный цвет обводки на темном фоне */
2218
- var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #808080FF)';
2219
-
2220
- /** Вторичный прозрачный цвет обводки на темном фоне */
2221
- var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #616161FF)';
2222
-
2223
- /** Третичный прозрачный цвет обводки на темном фоне */
2224
- var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #808080FF)';
2225
-
2226
- /** Прозрачный цвет обводки предупреждение */
2227
- var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FF8138FF)';
2228
-
2229
- /** Прозрачный цвет обводки успех */
2230
- var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #0B741FFF)';
2231
-
2232
- /** Прозрачный цвет обводки предупреждение */
2233
- var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #B34100FF)';
2234
-
2235
- /** Прозрачный цвет обводки предупреждение */
2236
- var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #C61022FF)';
2237
-
2238
- /** Прозрачный цвет обводки информация */
2239
- var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #0F96F0FF)';
2240
-
2241
- /** Прозрачный цвет обводки информация */
2242
- var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #0A66A3FF)';
2243
-
2244
- /** Прозрачный акцентный цвет обводки на темном фоне */
2245
- var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #13BE32FF)';
2246
-
2247
- /** Прозрачный акцентный цвет обводки на темном фоне */
2248
- var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #0B741FFF)';
1786
+ var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF12)';
2249
1787
 
2250
1788
  /** Цвет обводки успех на темном фоне */
2251
1789
  var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #A6D2A2)';
@@ -2283,93 +1821,15 @@ var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #E7F2FDFF)';
2283
1821
  /** Цвет обводки информация на темном фоне */
2284
1822
  var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #7EBAF6FF)';
2285
1823
 
2286
- /** Минорный цвет обводки успех на темном фоне */
2287
- var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0F9527FF)';
2288
-
2289
- /** Минорный цвет обводки предупреждение на темном фоне */
2290
- var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #BB4F11FF)';
2291
-
2292
1824
  /** Бесцветная обводка на темном фоне */
2293
1825
  var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFF00)';
2294
1826
 
2295
1827
  /** Бесцветная обводка на темном фоне */
2296
1828
  var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
2297
1829
 
2298
- /** Акцентный цвет обводки на темном фоне */
2299
- var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #13BE32FF)';
2300
-
2301
- /** Акцентный цвет обводки на темном фоне */
2302
- var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #0B741FFF)';
2303
-
2304
- /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
2305
- var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #0F9527FF)';
2306
-
2307
- /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
2308
- var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #074A14FF)';
2309
-
2310
1830
  /** Бесцветная обводка на темном фоне */
2311
1831
  var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFF00)';
2312
1832
 
2313
- /** Прозрачный цвет обводки предупреждение на темном фоне */
2314
- var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FF8138FF)';
2315
-
2316
- /** Прозрачный цвет обводки предупреждение на темном фоне */
2317
- var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #F36876FF)';
2318
-
2319
- /** Прозрачный цвет обводки предупреждение на темном фоне */
2320
- var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #C61022FF)';
2321
-
2322
- /** Прозрачный цвет обводки информация на темном фоне */
2323
- var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #0F96F0FF)';
2324
-
2325
- /** Прозрачный цвет обводки информация на темном фоне */
2326
- var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #0A66A3FF)';
2327
-
2328
- /** Цвет для readOnly */
2329
- var onDarkOutlineReadOnlyHover = 'var(--on-dark-outline-read-only-hover, #808080FF)';
2330
-
2331
- /** Цвет для readOnly */
2332
- var onDarkOutlineReadOnlyActive = 'var(--on-dark-outline-read-only-active, #616161FF)';
2333
-
2334
- /** Основной непрозрачный цвет обводки на светлом фоне */
2335
- var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #ABABABFF)';
2336
-
2337
- /** Основной непрозрачный цвет обводки на светлом фоне */
2338
- var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #C4C4C4FF)';
2339
-
2340
- /** Вторичный непрозрачный цвет обводки на светлом фоне */
2341
- var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #DBDBDBFF)';
2342
-
2343
- /** Вторичный непрозрачный цвет обводки на светлом фоне */
2344
- var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #8F8F8FFF)';
2345
-
2346
- /** Минорный цвет обводки ошибка на темном фоне */
2347
- var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #8C121EFF)';
2348
-
2349
- /** Минорный цвет обводки информация на темном фоне */
2350
- var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1277BAFF)';
2351
-
2352
- /** Минорный цвет обводки информация на темном фоне */
2353
- var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #0B476FFF)';
2354
-
2355
- /** Прозрачный цвет обводки успех на темном фоне */
2356
- var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #13BE32FF)';
2357
-
2358
- /** Прозрачный цвет обводки успех на темном фоне */
2359
- var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #0B741FFF)';
2360
-
2361
- /** Минорный цвет обводки ошибка на темном фоне */
2362
- var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #D41C2EFF)';
2363
-
2364
- /** Вторичный прозрачный цвет обводки на светлом фоне */
2365
- var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #080808FF)';
2366
-
2367
- /** Третичный прозрачный цвет обводки на светлом фоне */
2368
- var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #969696FF)';
2369
-
2370
- /** Третичный прозрачный цвет обводки на светлом фоне */
2371
- var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #080808FF)';
2372
-
2373
1833
  /** Бесцветная обводка на светлом фоне */
2374
1834
  var onLightOutlineClear = 'var(--on-light-outline-clear, #FFFFFF00)';
2375
1835
 
@@ -2379,99 +1839,21 @@ var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFFFF00)';
2379
1839
  /** Бесцветная обводка на светлом фоне */
2380
1840
  var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFF00)';
2381
1841
 
2382
- /** Акцентный цвет обводки на светлом фоне */
2383
- var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #0F9527FF)';
2384
-
2385
- /** Акцентный цвет обводки на светлом фоне */
2386
- var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #074A14FF)';
2387
-
2388
- /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
2389
- var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #7AE68EFF)';
2390
-
2391
- /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
2392
- var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #23B83EFF)';
2393
-
2394
- /** Прозрачный акцентный цвет обводки на светлом фоне */
2395
- var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #0F9527FF)';
2396
-
2397
- /** Прозрачный акцентный цвет обводки на светлом фоне */
2398
- var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #074A14FF)';
2399
-
2400
1842
  /** Цвет обводки успех на светлом фоне */
2401
1843
  var onLightOutlinePositive = 'var(--on-light-outline-positive, #239322)';
2402
1844
 
2403
1845
  /** Цвет обводки успех на светлом фоне */
2404
1846
  var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #32CA2FFF)';
2405
1847
 
2406
- /** Непрозрачный цвет обводки по умолчанию на светлом фоне */
2407
- var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #969696FF)';
2408
-
2409
- /** Третичный непрозрачный цвет обводки на светлом фоне */
2410
- var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #5C5C5CFF)';
2411
-
2412
- /** Непрозрачный цвет обводки по умолчанию на светлом фоне */
2413
- var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #080808FF)';
2414
-
2415
1848
  /** Основной прозрачный цвет обводки на светлом фоне */
2416
1849
  var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #15110F3D)';
2417
1850
 
2418
1851
  /** Основной прозрачный цвет обводки на светлом фоне */
2419
1852
  var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #15110F25)';
2420
1853
 
2421
- /** Вторичный прозрачный цвет обводки на светлом фоне */
2422
- var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #969696FF)';
2423
-
2424
1854
  /** Основной прозрачный цвет обводки на светлом фоне */
2425
1855
  var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #15110F62)';
2426
1856
 
2427
- /** Минорный цвет обводки успех на светлом фоне */
2428
- var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #7AE68EFF)';
2429
-
2430
- /** Минорный цвет обводки успех на светлом фоне */
2431
- var onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #23B83EFF)';
2432
-
2433
- /** Минорный цвет обводки предупреждение на светлом фоне */
2434
- var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDB790FF)';
2435
-
2436
- /** Минорный цвет обводки предупреждение на светлом фоне */
2437
- var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FC8240FF)';
2438
-
2439
- /** Минорный цвет обводки ошибка на светлом фоне */
2440
- var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFB8BFFF)';
2441
-
2442
- /** Минорный цвет обводки ошибка на светлом фоне */
2443
- var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF6675FF)';
2444
-
2445
- /** Минорный цвет обводки информация на светлом фоне */
2446
- var onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #A3DAFFFF)';
2447
-
2448
- /** Минорный цвет обводки информация на светлом фоне */
2449
- var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #29A9FFFF)';
2450
-
2451
- /** Прозрачный цвет обводки успех на светлом фоне */
2452
- var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #0F9527FF)';
2453
-
2454
- /** Прозрачный цвет обводки успех на светлом фоне */
2455
- var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #074A14FF)';
2456
-
2457
- /** Прозрачный цвет обводки предупреждение на светлом фоне */
2458
- var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #B14B10FF)';
2459
-
2460
- /** Прозрачный цвет обводки предупреждение на светлом фоне */
2461
- var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #5D2809FF)';
2462
-
2463
- /** Прозрачный цвет обводки предупреждение на светлом фоне */
2464
- var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #DD1D30FF)';
2465
-
2466
- /** Прозрачный цвет обводки предупреждение на светлом фоне */
2467
- var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #8C121EFF)';
2468
-
2469
- /** Прозрачный цвет обводки информация на светлом фоне */
2470
- var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #137DC3FF)';
2471
-
2472
- /** Прозрачный цвет обводки информация на светлом фоне */
2473
- var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #093B5DFF)';
2474
-
2475
1857
  /** Цвет обводки ошибка на светлом фоне */
2476
1858
  var onLightOutlineNegative = 'var(--on-light-outline-negative, #E83439)';
2477
1859
 
@@ -2496,18 +1878,6 @@ var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #81AADAFF)';
2496
1878
  /** Цвет обводки предупреждение на светлом фоне */
2497
1879
  var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #F3813FFF)';
2498
1880
 
2499
- /** Инвертированный основной непрозрачный цвет обводки */
2500
- var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #ABABABFF)';
2501
-
2502
- /** Инвертированный третичный непрозрачный цвет обводки */
2503
- var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #5C5C5CFF)';
2504
-
2505
- /** Инвертированный непрозрачный цвет обводки по умолчанию */
2506
- var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #969696FF)';
2507
-
2508
- /** Инвертированный непрозрачный цвет обводки по умолчанию */
2509
- var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #080808FF)';
2510
-
2511
1881
  /** Инвертированный основной прозрачный цвет обводки */
2512
1882
  var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, #15110F3D)';
2513
1883
 
@@ -2517,15 +1887,6 @@ var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-p
2517
1887
  /** Инвертированный основной прозрачный цвет обводки */
2518
1888
  var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #15110F62)';
2519
1889
 
2520
- /** Инвертированный вторичный прозрачный цвет обводки */
2521
- var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #969696FF)';
2522
-
2523
- /** Инвертированный третичный прозрачный цвет обводки */
2524
- var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #969696FF)';
2525
-
2526
- /** Инвертированный третичный прозрачный цвет обводки */
2527
- var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #080808FF)';
2528
-
2529
1890
  /** Инвертированная бесцветная обводка */
2530
1891
  var inverseOutlineClear = 'var(--inverse-outline-clear, #FFFFFF00)';
2531
1892
 
@@ -2535,33 +1896,6 @@ var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
2535
1896
  /** Инвертированная бесцветная обводка */
2536
1897
  var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
2537
1898
 
2538
- /** Инвертированный акцентный цвет обводки */
2539
- var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #0F9527FF)';
2540
-
2541
- /** Инвертированный акцентный цвет обводки */
2542
- var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #074A14FF)';
2543
-
2544
- /** Инвертированный акцентный минорный непрозрачный цвет обводки */
2545
- var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #7AE68EFF)';
2546
-
2547
- /** Инвертированный акцентный минорный непрозрачный цвет обводки */
2548
- var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #23B83EFF)';
2549
-
2550
- /** Инвертированный основной непрозрачный цвет обводки */
2551
- var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C4C4C4FF)';
2552
-
2553
- /** Цвет для readOnly */
2554
- var onLightOutlineReadOnlyActive = 'var(--on-light-outline-read-only-active, #E0E0E0FF)';
2555
-
2556
- /** Инвертированный вторичный непрозрачный цвет обводки */
2557
- var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #DBDBDBFF)';
2558
-
2559
- /** Инвертированный вторичный непрозрачный цвет обводки */
2560
- var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #8F8F8FFF)';
2561
-
2562
- /** Инвертированный третичный непрозрачный цвет обводки */
2563
- var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #A3A3A3FF)';
2564
-
2565
1899
  /** Инвертированный цвет обводки успех */
2566
1900
  var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #20801EFF)';
2567
1901
 
@@ -2592,147 +1926,21 @@ var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #81AADAFF)';
2592
1926
  /** Инвертированный цвет обводки информация */
2593
1927
  var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #3067A6FF)';
2594
1928
 
2595
- /** Инвертированный минорный цвет обводки успех */
2596
- var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #7AE68EFF)';
2597
-
2598
- /** Инвертированный минорный цвет обводки успех */
2599
- var inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active, #23B83EFF)';
2600
-
2601
- /** Инвертированный минорный цвет обводки предупреждение */
2602
- var inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB790FF)';
2603
-
2604
- /** Инвертированный минорный цвет обводки ошибка */
2605
- var inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFB8BFFF)';
2606
-
2607
- /** Инвертированный минорный цвет обводки ошибка */
2608
- var inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF6675FF)';
2609
-
2610
- /** Инвертированный минорный цвет обводки информация */
2611
- var inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover, #A3DAFFFF)';
2612
-
2613
- /** Инвертированный минорный цвет обводки информация */
2614
- var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #29A9FFFF)';
2615
-
2616
- /** Прозрачный инвертированный цвет обводки успех */
2617
- var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #0F9527FF)';
2618
-
2619
- /** Прозрачный инвертированный цвет обводки успех */
2620
- var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #074A14FF)';
2621
-
2622
- /** Прозрачный инвертированный акцентный цвет обводки */
2623
- var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #074A14FF)';
2624
-
2625
1929
  /** Инвертированный цвет обводки успех */
2626
1930
  var inverseOutlinePositive = 'var(--inverse-outline-positive, #239322)';
2627
1931
 
2628
1932
  /** Инвертированный цвет обводки успех */
2629
1933
  var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #32CA2FFF)';
2630
1934
 
2631
- /** Цвет для readOnly */
2632
- var inverseOutlineReadOnlyActive = 'var(--inverse-outline-read-only-active, #E0E0E0FF)';
2633
-
2634
- /** Желтый цвет для данных */
2635
- var dataYellowHover = 'var(--data-yellow-hover, #F4B22FFF)';
2636
-
2637
- /** Желтый цвет для данных */
2638
- var dataYellowActive = 'var(--data-yellow-active, #EDA20CFF)';
2639
-
2640
- /** Минорный желтый цвет для данных */
2641
- var dataYellowMinorHover = 'var(--data-yellow-minor-hover, #B87A00FF)';
2642
-
2643
- /** Минорный желтый цвет для данных */
2644
- var dataYellowMinorActive = 'var(--data-yellow-minor-active, #996600FF)';
2645
-
2646
- /** Прозрачный желтый цвет для данных */
2647
- var dataYellowTransparentHover = 'var(--data-yellow-transparent-hover, #F4B22FFF)';
2648
-
2649
- /** Прозрачный желтый цвет для данных */
2650
- var dataYellowTransparentActive = 'var(--data-yellow-transparent-active, #EDA20CFF)';
2651
-
2652
- /** Желтый цвет для данных на темном фоне */
2653
- var onDarkDataYellowHover = 'var(--on-dark-data-yellow-hover, #F4B22FFF)';
2654
-
2655
- /** Желтый цвет для данных на темном фоне */
2656
- var onDarkDataYellowActive = 'var(--on-dark-data-yellow-active, #EDA20CFF)';
2657
-
2658
- /** Минорный желтый цвет для данных на темном фоне */
2659
- var onDarkDataYellowMinorHover = 'var(--on-dark-data-yellow-minor-hover, #B87A00FF)';
2660
-
2661
- /** Минорный желтый цвет для данных на темном фоне */
2662
- var onDarkDataYellowMinorActive = 'var(--on-dark-data-yellow-minor-active, #996600FF)';
2663
-
2664
- /** Прозрачный желтый цвет для данных на темном фоне */
2665
- var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transparent-hover, #F4B22FFF)';
2666
-
2667
- /** Прозрачный желтый цвет для данных на темном фоне */
2668
- var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #EDA20CFF)';
2669
-
2670
- /** Желтый цвет для данных на светлом фоне */
2671
- var onLightDataYellowHover = 'var(--on-light-data-yellow-hover, #F5B638FF)';
2672
-
2673
- /** Желтый цвет для данных на светлом фоне */
2674
- var onLightDataYellowActive = 'var(--on-light-data-yellow-active, #E49C0CFF)';
2675
-
2676
- /** Минорный желтый цвет для данных на светлом фоне */
2677
- var onLightDataYellowMinorHover = 'var(--on-light-data-yellow-minor-hover, #FFCF70FF)';
2678
-
2679
- /** Минорный желтый цвет для данных на светлом фоне */
2680
- var onLightDataYellowMinorActive = 'var(--on-light-data-yellow-minor-active, #FFCC66FF)';
2681
-
2682
- /** Прозрачный инвертированный цвет обводки предупреждение */
2683
- var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #DD1D30FF)';
2684
-
2685
- /** Прозрачный инвертированный цвет обводки предупреждение */
2686
- var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #B14B10FF)';
2687
-
2688
- /** Прозрачный инвертированный цвет обводки предупреждение */
2689
- var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #8C121EFF)';
2690
-
2691
- /** Прозрачный инвертированный цвет обводки информация */
2692
- var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #137DC3FF)';
2693
-
2694
- /** Цвет для readOnly */
2695
- var inverseOutlineReadOnlyHover = 'var(--inverse-outline-read-only-hover, #C7C7C7FF)';
2696
-
2697
- /** Прозрачный инвертированный цвет обводки информация */
2698
- var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #093B5DFF)';
2699
-
2700
- /** Инвертированный желтый цвет для данных */
2701
- var inverseDataYellowHover = 'var(--inverse-data-yellow-hover, #F5B638FF)';
2702
-
2703
- /** Инвертированный желтый цвет для данных */
2704
- var inverseDataYellowActive = 'var(--inverse-data-yellow-active, #E49C0CFF)';
2705
-
2706
- /** Инвертированный минорный желтый цвет для данных */
2707
- var inverseDataYellowMinorActive = 'var(--inverse-data-yellow-minor-active, #FFCC66FF)';
2708
-
2709
- /** Прозрачный желтый цвет для данных на светлом фоне */
2710
- var onLightDataYellowTransparentActive = 'var(--on-light-data-yellow-transparent-active, #E49C0CFF)';
2711
-
2712
- /** Инвертированный прозрачный желтый цвет для данных */
2713
- var inverseDataYellowTransparentActive = 'var(--inverse-data-yellow-transparent-active, #E49C0CFF)';
2714
-
2715
- /** Инвертированный прозрачный желтый цвет для данных */
2716
- var inverseDataYellowTransparentHover = 'var(--inverse-data-yellow-transparent-hover, #F5B638FF)';
2717
-
2718
- /** Прозрачный инвертированный акцентный цвет обводки */
2719
- var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #0F9527FF)';
2720
-
2721
1935
  /** Основной цвет текста */
2722
1936
  var textPrimaryHover = 'var(--text-primary-hover, #FFFFFF97)';
2723
1937
 
2724
- /** Минорный цвет предупреждения на темном фоне */
2725
- var onDarkTextWarningMinorActive = 'var(--on-dark-text-warning-minor-active, #9F440FFF)';
2726
-
2727
1938
  /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
2728
1939
  var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F6F2F0)';
2729
1940
 
2730
1941
  /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
2731
1942
  var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #BFEDE1FF)';
2732
1943
 
2733
- /** Минорный цвет фона поверхности/контрола ошибка на светлом фоне */
2734
- var onLightSurfaceNegativeMinorHover = 'var(--on-light-surface-negative-minor-hover, #FFD6DAFF)';
2735
-
2736
1944
  /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
2737
1945
  var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #C7F0E5FF)';
2738
1946
 
@@ -3342,9 +2550,9 @@ var bodyXXSMedium = {
3342
2550
  lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)'
3343
2551
  };
3344
2552
  var viewContainer = {
3345
- dark: "\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-default-active: var(--on-dark-outline-default-active);\n --outline-primary-hover: var(--on-dark-outline-primary-hover);\n --outline-primary-active: var(--on-dark-outline-primary-active);\n --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --inverse-outline-default: var(--on-light-outline-default);\n --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --background-hardline: var(--dark-background-hardline);\n --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-outline-primary: var(--on-light-outline-primary);\n --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --inverse-background-hardline: var(--light-background-hardline);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --outline-default: var(--on-dark-outline-default);\n --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --text-primary: var(--on-dark-text-primary);\n --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --inverse-surface-positive-minor-active: var(--on-light-surface-positive-minor-active);\n --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --inverse-outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --inverse-outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --outline-transparent-positive-hover: var(--on-dark-outline-transparent-positive-hover);\n --outline-solid-tertiary-hover: var(--on-dark-outline-solid-tertiary-hover);\n --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --inverse-outline-warning-minor-active: var(--on-light-outline-warning-minor-active);\n --text-info-minor-active: var(--on-dark-text-info-minor-active);\n --inverse-text-warning-minor-hover: var(--on-light-text-warning-minor-hover);\n --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --text-secondary: var(--on-dark-text-secondary);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor: var(--on-dark-text-accent-minor);\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: var(--on-dark-text-positive);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning: var(--on-dark-text-warning);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative: var(--on-dark-text-negative);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-info: var(--on-dark-text-info);\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-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary: var(--on-light-text-secondary);\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: var(--on-light-text-tertiary);\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: var(--on-light-text-paragraph);\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: var(--on-light-text-accent);\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: var(--on-light-text-accent-minor);\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-warning-active: var(--on-light-text-warning-active);\n --inverse-text-negative: var(--on-light-text-negative);\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: var(--on-light-text-info);\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-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 --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\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: var(--on-dark-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\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: var(--on-dark-surface-transparent-tertiary);\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: var(--on-dark-surface-transparent-deep);\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: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent: var(--on-dark-surface-accent);\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: var(--on-dark-surface-transparent-accent);\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-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info: var(--on-dark-surface-info);\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-positive: var(--on-dark-surface-positive);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\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-read-only: var(--on-dark-surface-read-only);\n --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --surface-read-only-active: var(--on-dark-surface-read-only-active);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --surface-negative-minor-hover: var(--on-dark-surface-negative-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-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-transparent-positive-active: var(--on-dark-surface-transparent-positive-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\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-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: var(--on-light-surface-transparent-secondary);\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: var(--on-light-surface-transparent-tertiary);\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: var(--on-light-surface-transparent-deep);\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: var(--on-light-surface-transparent-card);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\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: var(--on-light-surface-accent);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-positive: var(--on-light-surface-positive);\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: var(--on-light-surface-warning);\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: var(--on-light-surface-negative);\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: var(--on-light-surface-info);\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-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\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-accent-active: var(--on-light-surface-accent-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-read-only: var(--on-light-surface-read-only);\n --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n --background-primary: var(--dark-background-primary);\n --background-secondary: var(--dark-background-secondary);\n --background-tertiary: var(--dark-background-tertiary);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\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-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\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-active: var(--on-dark-outline-solid-tertiary-active);\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-transparent-primary: var(--on-dark-outline-transparent-primary);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --outline-clear: var(--on-dark-outline-clear);\n --inverse-background-secondary: var(--light-background-secondary);\n --inverse-background-tertiary: var(--light-background-tertiary);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --inverse-background-primary: var(--light-background-primary);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info: var(--on-dark-outline-info);\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-clear-active: var(--on-dark-outline-clear-active);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\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-active: var(--on-dark-outline-transparent-accent-active);\n --outline-read-only-hover: var(--on-dark-outline-read-only-hover);\n --outline-read-only-active: var(--on-dark-outline-read-only-active);\n --outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-hover);\n --outline-transparent-positive-active: var(--on-dark-outline-transparent-positive-active);\n --outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\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 --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-light-outline-solid-tertiary-active);\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-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --inverse-outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --inverse-outline-clear: var(--on-light-outline-clear);\n --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-light-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-light-outline-accent-minor-active);\n --inverse-outline-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-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-warning: var(--on-light-outline-warning);\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: var(--on-light-outline-negative);\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: var(--on-light-outline-info);\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-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-accent-active: var(--on-light-outline-transparent-accent-active);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-read-only-active: var(--on-light-outline-read-only-active);\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 --inverse-outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --inverse-outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-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-read-only-hover: var(--on-light-outline-read-only-hover);\n --inverse-outline-transparent-info-active: var(--on-light-outline-transparent-info-active);\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-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --overlay-gradient: var(--on-dark-overlay-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --background-gradient: var(--dark-background-gradient);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-background-gradient: var(--light-background-gradient);\n --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n ",
3346
- light: "\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n --personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-default-active: var(--on-light-outline-default-active);\n --outline-primary-hover: var(--on-light-outline-primary-hover);\n --outline-primary-active: var(--on-light-outline-primary-active);\n --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --inverse-outline-default: var(--on-dark-outline-default);\n --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --background-hardline: var(--light-background-hardline);\n --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --inverse-background-hardline: var(--dark-background-hardline);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --outline-default: var(--on-light-outline-default);\n --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --outline-transparent-negative-hover: var(--on-light-outline-transparent-negative-hover);\n --outline-primary: var(--on-light-outline-primary);\n --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --text-primary: var(--on-light-text-primary);\n --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --inverse-surface-positive-minor-active: var(--on-dark-surface-positive-minor-active);\n --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --inverse-outline-transparent-secondary-active: var(--on-dark-outline-transparent-secondary-active);\n --inverse-outline-transparent-warning-active: var(--on-dark-outline-transparent-warning-active);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --outline-transparent-positive-hover: var(--on-light-outline-transparent-positive-hover);\n --outline-solid-tertiary-hover: var(--on-light-outline-solid-tertiary-hover);\n --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --inverse-outline-warning-minor-active: var(--on-dark-outline-warning-minor-active);\n --text-info-minor-active: var(--on-light-text-info-minor-active);\n --inverse-text-warning-minor-hover: var(--on-dark-text-warning-minor-hover);\n --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --text-secondary: var(--on-light-text-secondary);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-accent: var(--on-light-text-accent);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor: var(--on-light-text-accent-minor);\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: var(--on-light-text-positive);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning: var(--on-light-text-warning);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative: var(--on-light-text-negative);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info: var(--on-light-text-info);\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-secondary-hover: var(--on-light-text-secondary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary: var(--on-dark-text-secondary);\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: var(--on-dark-text-tertiary);\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: var(--on-dark-text-paragraph);\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: var(--on-dark-text-accent);\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: var(--on-dark-text-accent-minor);\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-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative: var(--on-dark-text-negative);\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: var(--on-dark-text-info);\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-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 --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\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: var(--on-light-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\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: var(--on-light-surface-transparent-tertiary);\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: var(--on-light-surface-transparent-deep);\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: var(--on-light-surface-transparent-card);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear: var(--on-light-surface-clear);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent: var(--on-light-surface-accent);\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: var(--on-light-surface-transparent-accent);\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-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning: var(--on-light-surface-warning);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative: var(--on-light-surface-negative);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info: var(--on-light-surface-info);\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-positive: var(--on-light-surface-positive);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\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-read-only: var(--on-light-surface-read-only);\n --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --surface-read-only-active: var(--on-light-surface-read-only-active);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-negative-minor-active: var(--on-light-surface-negative-minor-active);\n --surface-negative-minor-hover: var(--on-light-surface-negative-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-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-transparent-positive-active: var(--on-light-surface-transparent-positive-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\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-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: var(--on-dark-surface-transparent-secondary);\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: var(--on-dark-surface-transparent-tertiary);\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: var(--on-dark-surface-transparent-deep);\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: var(--on-dark-surface-transparent-card);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\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: var(--on-dark-surface-accent);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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-positive: var(--on-dark-surface-positive);\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: var(--on-dark-surface-warning);\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: var(--on-dark-surface-negative);\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: var(--on-dark-surface-info);\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-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\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-accent-active: var(--on-dark-surface-accent-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-read-only: var(--on-dark-surface-read-only);\n --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n --background-primary: var(--light-background-primary);\n --background-secondary: var(--light-background-secondary);\n --background-tertiary: var(--light-background-tertiary);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\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-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\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-active: var(--on-light-outline-solid-tertiary-active);\n --outline-solid-default-hover: var(--on-light-outline-solid-default-hover);\n --outline-solid-default-active: var(--on-light-outline-solid-default-active);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-transparent-secondary-hover: var(--on-light-outline-transparent-secondary-hover);\n --outline-transparent-secondary-active: var(--on-light-outline-transparent-secondary-active);\n --outline-transparent-tertiary-hover: var(--on-light-outline-transparent-tertiary-hover);\n --outline-transparent-tertiary-active: var(--on-light-outline-transparent-tertiary-active);\n --outline-clear: var(--on-light-outline-clear);\n --inverse-background-secondary: var(--dark-background-secondary);\n --inverse-background-tertiary: var(--dark-background-tertiary);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --inverse-background-primary: var(--dark-background-primary);\n --outline-positive: var(--on-light-outline-positive);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning: var(--on-light-outline-warning);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative: var(--on-light-outline-negative);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info: var(--on-light-outline-info);\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-clear-active: var(--on-light-outline-clear-active);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-transparent-accent-hover: var(--on-light-outline-transparent-accent-hover);\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-active: var(--on-light-outline-transparent-accent-active);\n --outline-read-only-hover: var(--on-light-outline-read-only-hover);\n --outline-read-only-active: var(--on-light-outline-read-only-active);\n --outline-transparent-warning-hover: var(--on-light-outline-transparent-warning-hover);\n --outline-transparent-positive-active: var(--on-light-outline-transparent-positive-active);\n --outline-transparent-warning-active: var(--on-light-outline-transparent-warning-active);\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 --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-tertiary-active: var(--on-dark-outline-solid-tertiary-active);\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-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-transparent-secondary-hover: var(--on-dark-outline-transparent-secondary-hover);\n --inverse-outline-transparent-tertiary-hover: var(--on-dark-outline-transparent-tertiary-hover);\n --inverse-outline-transparent-tertiary-active: var(--on-dark-outline-transparent-tertiary-active);\n --inverse-outline-clear: var(--on-dark-outline-clear);\n --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n --inverse-outline-accent-hover: var(--on-dark-outline-accent-hover);\n --inverse-outline-accent-active: var(--on-dark-outline-accent-active);\n --inverse-outline-accent-minor-hover: var(--on-dark-outline-accent-minor-hover);\n --inverse-outline-accent-minor-active: var(--on-dark-outline-accent-minor-active);\n --inverse-outline-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-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-warning: var(--on-dark-outline-warning);\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: var(--on-dark-outline-negative);\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: var(--on-dark-outline-info);\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-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-accent-active: var(--on-dark-outline-transparent-accent-active);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-read-only-active: var(--on-dark-outline-read-only-active);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\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 --inverse-outline-transparent-negative-hover: var(--on-dark-outline-transparent-negative-hover);\n --inverse-outline-transparent-warning-hover: var(--on-dark-outline-transparent-warning-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-read-only-hover: var(--on-dark-outline-read-only-hover);\n --inverse-outline-transparent-info-active: var(--on-dark-outline-transparent-info-active);\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-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-outline-transparent-accent-hover: var(--on-dark-outline-transparent-accent-hover);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --background-gradient: var(--light-background-gradient);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-background-gradient: var(--dark-background-gradient);\n --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n "
2553
+ dark: "\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-default-active: var(--on-dark-outline-default-active);\n --outline-primary-hover: var(--on-dark-outline-primary-hover);\n --outline-primary-active: var(--on-dark-outline-primary-active);\n --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --inverse-outline-default: var(--on-light-outline-default);\n --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --background-hardline: var(--dark-background-hardline);\n --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-outline-primary: var(--on-light-outline-primary);\n --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --inverse-background-hardline: var(--light-background-hardline);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --outline-default: var(--on-dark-outline-default);\n --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --text-primary: var(--on-dark-text-primary);\n --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --text-secondary: var(--on-dark-text-secondary);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor: var(--on-dark-text-accent-minor);\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: var(--on-dark-text-positive);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning: var(--on-dark-text-warning);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative: var(--on-dark-text-negative);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-info: var(--on-dark-text-info);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary: var(--on-light-text-secondary);\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: var(--on-light-text-tertiary);\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: var(--on-light-text-paragraph);\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: var(--on-light-text-accent);\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: var(--on-light-text-accent-minor);\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-warning-active: var(--on-light-text-warning-active);\n --inverse-text-negative: var(--on-light-text-negative);\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: var(--on-light-text-info);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\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: var(--on-dark-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\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: var(--on-dark-surface-transparent-tertiary);\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: var(--on-dark-surface-transparent-deep);\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: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent: var(--on-dark-surface-accent);\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: var(--on-dark-surface-transparent-accent);\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-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info: var(--on-dark-surface-info);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-read-only: var(--on-dark-surface-read-only);\n --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --surface-read-only-active: var(--on-dark-surface-read-only-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\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-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: var(--on-light-surface-transparent-secondary);\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: var(--on-light-surface-transparent-tertiary);\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: var(--on-light-surface-transparent-deep);\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: var(--on-light-surface-transparent-card);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\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: var(--on-light-surface-accent);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-positive: var(--on-light-surface-positive);\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: var(--on-light-surface-warning);\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: var(--on-light-surface-negative);\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: var(--on-light-surface-info);\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-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\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-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-read-only: var(--on-light-surface-read-only);\n --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n --background-primary: var(--dark-background-primary);\n --background-secondary: var(--dark-background-secondary);\n --background-tertiary: var(--dark-background-tertiary);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-clear: var(--on-dark-outline-clear);\n --inverse-background-secondary: var(--light-background-secondary);\n --inverse-background-tertiary: var(--light-background-tertiary);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --inverse-background-primary: var(--light-background-primary);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info: var(--on-dark-outline-info);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-clear: var(--on-light-outline-clear);\n --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-warning: var(--on-light-outline-warning);\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: var(--on-light-outline-negative);\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: var(--on-light-outline-info);\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: var(--on-light-outline-positive);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --overlay-gradient: var(--on-dark-overlay-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --background-gradient: var(--dark-background-gradient);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-background-gradient: var(--light-background-gradient);\n --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n ",
2554
+ light: "\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n --personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-default-active: var(--on-light-outline-default-active);\n --outline-primary-hover: var(--on-light-outline-primary-hover);\n --outline-primary-active: var(--on-light-outline-primary-active);\n --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --inverse-outline-default: var(--on-dark-outline-default);\n --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --background-hardline: var(--light-background-hardline);\n --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --inverse-background-hardline: var(--dark-background-hardline);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --outline-default: var(--on-light-outline-default);\n --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --outline-primary: var(--on-light-outline-primary);\n --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --text-primary: var(--on-light-text-primary);\n --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --text-secondary: var(--on-light-text-secondary);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-accent: var(--on-light-text-accent);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor: var(--on-light-text-accent-minor);\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: var(--on-light-text-positive);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning: var(--on-light-text-warning);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative: var(--on-light-text-negative);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info: var(--on-light-text-info);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary: var(--on-dark-text-secondary);\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: var(--on-dark-text-tertiary);\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: var(--on-dark-text-paragraph);\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: var(--on-dark-text-accent);\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: var(--on-dark-text-accent-minor);\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-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative: var(--on-dark-text-negative);\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: var(--on-dark-text-info);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\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: var(--on-light-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\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: var(--on-light-surface-transparent-tertiary);\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: var(--on-light-surface-transparent-deep);\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: var(--on-light-surface-transparent-card);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear: var(--on-light-surface-clear);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent: var(--on-light-surface-accent);\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: var(--on-light-surface-transparent-accent);\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-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning: var(--on-light-surface-warning);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative: var(--on-light-surface-negative);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info: var(--on-light-surface-info);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-positive: var(--on-light-surface-positive);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-read-only: var(--on-light-surface-read-only);\n --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --surface-read-only-active: var(--on-light-surface-read-only-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\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-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: var(--on-dark-surface-transparent-secondary);\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: var(--on-dark-surface-transparent-tertiary);\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: var(--on-dark-surface-transparent-deep);\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: var(--on-dark-surface-transparent-card);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\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: var(--on-dark-surface-accent);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\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-positive: var(--on-dark-surface-positive);\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: var(--on-dark-surface-warning);\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: var(--on-dark-surface-negative);\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: var(--on-dark-surface-info);\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-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\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-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-read-only: var(--on-dark-surface-read-only);\n --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n --background-primary: var(--light-background-primary);\n --background-secondary: var(--light-background-secondary);\n --background-tertiary: var(--light-background-tertiary);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-clear: var(--on-light-outline-clear);\n --inverse-background-secondary: var(--dark-background-secondary);\n --inverse-background-tertiary: var(--dark-background-tertiary);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --inverse-background-primary: var(--dark-background-primary);\n --outline-positive: var(--on-light-outline-positive);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning: var(--on-light-outline-warning);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative: var(--on-light-outline-negative);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info: var(--on-light-outline-info);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-clear: var(--on-dark-outline-clear);\n --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-warning: var(--on-dark-outline-warning);\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: var(--on-dark-outline-negative);\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: var(--on-dark-outline-info);\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: var(--on-dark-outline-positive);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --background-gradient: var(--light-background-gradient);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-background-gradient: var(--dark-background-gradient);\n --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n "
3347
2555
  };
3348
2556
 
3349
- export { backgroundGradient, backgroundHardline, backgroundPrimary, backgroundSecondary, backgroundTertiary, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundGradient, darkBackgroundHardline, darkBackgroundPrimary, darkBackgroundSecondary, darkBackgroundTertiary, dataYellowActive, dataYellowHover, dataYellowMinorActive, dataYellowMinorHover, dataYellowTransparentActive, dataYellowTransparentHover, dsplS, dsplSBold, dsplSMedium, h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, inverseBackgroundGradient, inverseBackgroundHardline, inverseBackgroundPrimary, inverseBackgroundSecondary, inverseBackgroundTertiary, inverseDataYellowActive, inverseDataYellowHover, inverseDataYellowMinorActive, inverseDataYellowMinorHover, inverseDataYellowTransparentActive, inverseDataYellowTransparentHover, inverseOutlineAccentActive, inverseOutlineAccentHover, inverseOutlineAccentMinorActive, inverseOutlineAccentMinorHover, inverseOutlineClear, inverseOutlineClearActive, inverseOutlineClearHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineInfo, inverseOutlineInfoActive, inverseOutlineInfoHover, inverseOutlineInfoMinorActive, inverseOutlineInfoMinorHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlineNegativeMinorActive, inverseOutlineNegativeMinorHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlinePositiveMinorActive, inverseOutlinePositiveMinorHover, inverseOutlinePrimary, inverseOutlinePrimaryActive, inverseOutlinePrimaryHover, inverseOutlineReadOnlyActive, inverseOutlineReadOnlyHover, inverseOutlineSolidDefaultActive, inverseOutlineSolidDefaultHover, inverseOutlineSolidPrimaryActive, inverseOutlineSolidPrimaryHover, inverseOutlineSolidSecondaryActive, inverseOutlineSolidSecondaryHover, inverseOutlineSolidTertiaryActive, inverseOutlineSolidTertiaryHover, inverseOutlineTransparentAccentActive, inverseOutlineTransparentAccentHover, inverseOutlineTransparentInfoActive, inverseOutlineTransparentInfoHover, inverseOutlineTransparentNegativeActive, inverseOutlineTransparentNegativeHover, inverseOutlineTransparentPositiveActive, inverseOutlineTransparentPositiveHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentSecondaryActive, inverseOutlineTransparentSecondaryHover, inverseOutlineTransparentTertiaryActive, inverseOutlineTransparentTertiaryHover, inverseOutlineTransparentWarningActive, inverseOutlineTransparentWarningHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOutlineWarningMinorActive, inverseOutlineWarningMinorHover, inverseOutlineWhiteGradient, inverseOverlayGradient, inverseOverlayHard, inverseOverlaySoft, inversePersonasBlueSurfaceAccentGradient, inversePersonasBlueTextAccent, inversePersonasBlueTextAccentActive, inversePersonasBlueTextAccentHover, inversePersonasGreenSurfaceAccentGradient, inversePersonasGreenTextAccent, inversePersonasGreenTextAccentActive, inversePersonasGreenTextAccentHover, inversePersonasIndigoSurfaceAccentGradient, inversePersonasIndigoTextAccent, inversePersonasIndigoTextAccentActive, inversePersonasIndigoTextAccentHover, inversePersonasOchreSurfaceAccentGradient, inversePersonasOchreTextAccent, inversePersonasOchreTextAccentActive, inversePersonasOchreTextAccentHover, inversePersonasOliveSurfaceAccentGradient, inversePersonasOliveTextAccent, inversePersonasOliveTextAccentActive, inversePersonasOliveTextAccentHover, inversePersonasPinkSurfaceAccentGradient, inversePersonasPinkTextAccent, inversePersonasPinkTextAccentActive, inversePersonasPinkTextAccentHover, inversePersonasSeaBlueSurfaceAccentGradient, inversePersonasSeaBlueTextAccent, inversePersonasSeaBlueTextAccentActive, inversePersonasSeaBlueTextAccentHover, inversePersonasVioletSurfaceAccentGradient, inversePersonasVioletTextAccent, inversePersonasVioletTextAccentActive, inversePersonasVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientSecondary, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorGradient, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceClear, inverseSurfaceClearActive, inverseSurfaceClearHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceInfoMinorActive, inverseSurfaceInfoMinorHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfaceNegativeMinorActive, inverseSurfaceNegativeMinorHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfacePositiveMinorActive, inverseSurfacePositiveMinorHover, inverseSurfaceReadOnly, inverseSurfaceReadOnlyActive, inverseSurfaceReadOnlyHover, inverseSurfaceSkeletonGradient, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardBrightnessActive, inverseSurfaceSolidCardBrightnessHover, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryBrightnessActive, inverseSurfaceSolidPrimaryBrightnessHover, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardBrightnessActive, inverseSurfaceTransparentCardBrightnessHover, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentInfoActive, inverseSurfaceTransparentInfoHover, inverseSurfaceTransparentNavi, inverseSurfaceTransparentNaviActive, inverseSurfaceTransparentNaviHover, inverseSurfaceTransparentNegativeActive, inverseSurfaceTransparentNegativeHover, inverseSurfaceTransparentPositiveActive, inverseSurfaceTransparentPositiveHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceTransparentWarningActive, inverseSurfaceTransparentWarningHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseSurfaceWarningMinorActive, inverseSurfaceWarningMinorHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAI, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextInfoMinorActive, inverseTextInfoMinorHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextNegativeMinorActive, inverseTextNegativeMinorHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPositiveMinorActive, inverseTextPositiveMinorHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryBrightnessActive, inverseTextPrimaryBrightnessHover, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, inverseTextWarningMinorActive, inverseTextWarningMinorHover, lightBackgroundGradient, lightBackgroundHardline, lightBackgroundPrimary, lightBackgroundSecondary, lightBackgroundTertiary, onDarkDataYellowActive, onDarkDataYellowHover, onDarkDataYellowMinorActive, onDarkDataYellowMinorHover, onDarkDataYellowTransparentActive, onDarkDataYellowTransparentHover, onDarkOutlineAccentActive, onDarkOutlineAccentHover, onDarkOutlineAccentMinorActive, onDarkOutlineAccentMinorHover, onDarkOutlineClear, onDarkOutlineClearActive, onDarkOutlineClearHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineInfo, onDarkOutlineInfoActive, onDarkOutlineInfoHover, onDarkOutlineInfoMinorActive, onDarkOutlineInfoMinorHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlineNegativeMinorActive, onDarkOutlineNegativeMinorHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlinePositiveMinorActive, onDarkOutlinePositiveMinorHover, onDarkOutlinePrimary, onDarkOutlinePrimaryActive, onDarkOutlinePrimaryHover, onDarkOutlineReadOnlyActive, onDarkOutlineReadOnlyHover, onDarkOutlineSolidDefaultActive, onDarkOutlineSolidDefaultHover, onDarkOutlineSolidPrimaryActive, onDarkOutlineSolidPrimaryHover, onDarkOutlineSolidSecondaryActive, onDarkOutlineSolidSecondaryHover, onDarkOutlineSolidTertiaryActive, onDarkOutlineSolidTertiaryHover, onDarkOutlineTransparentAccentActive, onDarkOutlineTransparentAccentHover, onDarkOutlineTransparentInfoActive, onDarkOutlineTransparentInfoHover, onDarkOutlineTransparentNegativeActive, onDarkOutlineTransparentNegativeHover, onDarkOutlineTransparentPositiveActive, onDarkOutlineTransparentPositiveHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentSecondaryActive, onDarkOutlineTransparentSecondaryHover, onDarkOutlineTransparentTertiaryActive, onDarkOutlineTransparentTertiaryHover, onDarkOutlineTransparentWarningActive, onDarkOutlineTransparentWarningHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOutlineWarningMinorActive, onDarkOutlineWarningMinorHover, onDarkOutlineWhiteGradient, onDarkOverlayGradient, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonasBlueSurfaceAccentGradient, onDarkPersonasBlueTextAccent, onDarkPersonasBlueTextAccentActive, onDarkPersonasBlueTextAccentHover, onDarkPersonasGreenSurfaceAccentGradient, onDarkPersonasGreenTextAccent, onDarkPersonasGreenTextAccentActive, onDarkPersonasGreenTextAccentHover, onDarkPersonasIndigoSurfaceAccentGradient, onDarkPersonasIndigoTextAccent, onDarkPersonasIndigoTextAccentActive, onDarkPersonasIndigoTextAccentHover, onDarkPersonasOchreSurfaceAccentGradient, onDarkPersonasOchreTextAccent, onDarkPersonasOchreTextAccentActive, onDarkPersonasOchreTextAccentHover, onDarkPersonasOliveSurfaceAccentGradient, onDarkPersonasOliveTextAccent, onDarkPersonasOliveTextAccentActive, onDarkPersonasOliveTextAccentHover, onDarkPersonasPinkSurfaceAccentGradient, onDarkPersonasPinkTextAccent, onDarkPersonasPinkTextAccentActive, onDarkPersonasPinkTextAccentHover, onDarkPersonasSeaBlueSurfaceAccentGradient, onDarkPersonasSeaBlueTextAccent, onDarkPersonasSeaBlueTextAccentActive, onDarkPersonasSeaBlueTextAccentHover, onDarkPersonasVioletSurfaceAccentGradient, onDarkPersonasVioletTextAccent, onDarkPersonasVioletTextAccentActive, onDarkPersonasVioletTextAccentHover, onDarkSurfaceAccent, onDarkSurfaceAccentActive, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientSecondary, onDarkSurfaceAccentHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorGradient, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceClear, onDarkSurfaceClearActive, onDarkSurfaceClearHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceInfoMinorActive, onDarkSurfaceInfoMinorHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfaceNegativeMinorActive, onDarkSurfaceNegativeMinorHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfacePositiveMinorActive, onDarkSurfacePositiveMinorHover, onDarkSurfaceReadOnly, onDarkSurfaceReadOnlyActive, onDarkSurfaceReadOnlyHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardBrightnessActive, onDarkSurfaceSolidCardBrightnessHover, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryBrightnessActive, onDarkSurfaceSolidPrimaryBrightnessHover, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardBrightnessActive, onDarkSurfaceTransparentCardBrightnessHover, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentInfoActive, onDarkSurfaceTransparentInfoHover, onDarkSurfaceTransparentNavi, onDarkSurfaceTransparentNaviActive, onDarkSurfaceTransparentNaviHover, onDarkSurfaceTransparentNegativeActive, onDarkSurfaceTransparentNegativeHover, onDarkSurfaceTransparentPositiveActive, onDarkSurfaceTransparentPositiveHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceTransparentWarningActive, onDarkSurfaceTransparentWarningHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkSurfaceWarningMinorActive, onDarkSurfaceWarningMinorHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAI, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextInfoActive, onDarkTextInfoHover, onDarkTextInfoMinorActive, onDarkTextInfoMinorHover, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextNegativeMinorActive, onDarkTextNegativeMinorHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPositiveMinorActive, onDarkTextPositiveMinorHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryBrightnessActive, onDarkTextPrimaryBrightnessHover, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onDarkTextWarningMinorActive, onDarkTextWarningMinorHover, onLightDataYellowActive, onLightDataYellowHover, onLightDataYellowMinorActive, onLightDataYellowMinorHover, onLightDataYellowTransparentActive, onLightDataYellowTransparentHover, onLightOutlineAccentActive, onLightOutlineAccentHover, onLightOutlineAccentMinorActive, onLightOutlineAccentMinorHover, onLightOutlineClear, onLightOutlineClearActive, onLightOutlineClearHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineInfo, onLightOutlineInfoActive, onLightOutlineInfoHover, onLightOutlineInfoMinorActive, onLightOutlineInfoMinorHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlineNegativeMinorActive, onLightOutlineNegativeMinorHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlinePositiveMinorActive, onLightOutlinePositiveMinorHover, onLightOutlinePrimary, onLightOutlinePrimaryActive, onLightOutlinePrimaryHover, onLightOutlineReadOnlyActive, onLightOutlineReadOnlyHover, onLightOutlineSolidDefaultActive, onLightOutlineSolidDefaultHover, onLightOutlineSolidPrimaryActive, onLightOutlineSolidPrimaryHover, onLightOutlineSolidSecondaryActive, onLightOutlineSolidSecondaryHover, onLightOutlineSolidTertiaryActive, onLightOutlineSolidTertiaryHover, onLightOutlineTransparentAccentActive, onLightOutlineTransparentAccentHover, onLightOutlineTransparentInfoActive, onLightOutlineTransparentInfoHover, onLightOutlineTransparentNegativeActive, onLightOutlineTransparentNegativeHover, onLightOutlineTransparentPositiveActive, onLightOutlineTransparentPositiveHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentSecondaryActive, onLightOutlineTransparentSecondaryHover, onLightOutlineTransparentTertiaryActive, onLightOutlineTransparentTertiaryHover, onLightOutlineTransparentWarningActive, onLightOutlineTransparentWarningHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOutlineWarningMinorActive, onLightOutlineWarningMinorHover, onLightOutlineWhiteGradient, onLightOverlayGradient, onLightOverlayHard, onLightOverlaySoft, onLightPersonasBlueSurfaceAccentGradient, onLightPersonasBlueTextAccent, onLightPersonasBlueTextAccentActive, onLightPersonasBlueTextAccentHover, onLightPersonasGreenSurfaceAccentGradient, onLightPersonasGreenTextAccent, onLightPersonasGreenTextAccentActive, onLightPersonasGreenTextAccentHover, onLightPersonasIndigoSurfaceAccentGradient, onLightPersonasIndigoTextAccent, onLightPersonasIndigoTextAccentActive, onLightPersonasIndigoTextAccentHover, onLightPersonasOchreSurfaceAccentGradient, onLightPersonasOchreTextAccent, onLightPersonasOchreTextAccentActive, onLightPersonasOchreTextAccentHover, onLightPersonasOliveSurfaceAccentGradient, onLightPersonasOliveTextAccent, onLightPersonasOliveTextAccentActive, onLightPersonasOliveTextAccentHover, onLightPersonasPinkSurfaceAccentGradient, onLightPersonasPinkTextAccent, onLightPersonasPinkTextAccentActive, onLightPersonasPinkTextAccentHover, onLightPersonasSeaBlueSurfaceAccentGradient, onLightPersonasSeaBlueTextAccent, onLightPersonasSeaBlueTextAccentActive, onLightPersonasSeaBlueTextAccentHover, onLightPersonasVioletSurfaceAccentGradient, onLightPersonasVioletTextAccent, onLightPersonasVioletTextAccentActive, onLightPersonasVioletTextAccentHover, onLightSurfaceAccent, onLightSurfaceAccentActive, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientSecondary, onLightSurfaceAccentHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorGradient, onLightSurfaceAccentMinorHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceClear, onLightSurfaceClearActive, onLightSurfaceClearHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceInfoMinorActive, onLightSurfaceInfoMinorHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfaceNegativeMinorActive, onLightSurfaceNegativeMinorHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfacePositiveMinorActive, onLightSurfacePositiveMinorHover, onLightSurfaceReadOnly, onLightSurfaceReadOnlyActive, onLightSurfaceReadOnlyHover, onLightSurfaceSkeletonGradient, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardBrightnessActive, onLightSurfaceSolidCardBrightnessHover, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryBrightnessActive, onLightSurfaceSolidPrimaryBrightnessHover, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardBrightnessActive, onLightSurfaceTransparentCardBrightnessHover, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentInfoActive, onLightSurfaceTransparentInfoHover, onLightSurfaceTransparentNavi, onLightSurfaceTransparentNaviActive, onLightSurfaceTransparentNaviHover, onLightSurfaceTransparentNegativeActive, onLightSurfaceTransparentNegativeHover, onLightSurfaceTransparentPositiveActive, onLightSurfaceTransparentPositiveHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceTransparentWarningActive, onLightSurfaceTransparentWarningHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightSurfaceWarningMinorActive, onLightSurfaceWarningMinorHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAI, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextInfoMinorActive, onLightTextInfoMinorHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextNegativeMinorActive, onLightTextNegativeMinorHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPositiveMinorActive, onLightTextPositiveMinorHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryBrightnessActive, onLightTextPrimaryBrightnessHover, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, onLightTextWarningMinorActive, onLightTextWarningMinorHover, outlineAccentActive, outlineAccentHover, outlineAccentMinorActive, outlineAccentMinorHover, outlineClear, outlineClearActive, outlineClearHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineInfo, outlineInfoActive, outlineInfoHover, outlineInfoMinorActive, outlineInfoMinorHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlineNegativeMinorActive, outlineNegativeMinorHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlinePositiveMinorActive, outlinePositiveMinorHover, outlinePrimary, outlinePrimaryActive, outlinePrimaryHover, outlineReadOnlyActive, outlineReadOnlyHover, outlineSolidDefaultActive, outlineSolidDefaultHover, outlineSolidPrimaryActive, outlineSolidPrimaryHover, outlineSolidSecondaryActive, outlineSolidSecondaryHover, outlineSolidTertiaryActive, outlineSolidTertiaryHover, outlineTransparentAccentActive, outlineTransparentAccentHover, outlineTransparentInfoActive, outlineTransparentInfoHover, outlineTransparentNegativeActive, outlineTransparentNegativeHover, outlineTransparentPositiveActive, outlineTransparentPositiveHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineTransparentSecondaryActive, outlineTransparentSecondaryHover, outlineTransparentTertiaryActive, outlineTransparentTertiaryHover, outlineTransparentWarningActive, outlineTransparentWarningHover, outlineWarning, outlineWarningActive, outlineWarningHover, outlineWarningMinorActive, outlineWarningMinorHover, outlineWhiteGradient, overlayGradient, overlayHard, overlaySoft, personasBlueSurfaceAccentGradient, personasBlueTextAccent, personasBlueTextAccentActive, personasBlueTextAccentHover, personasGreenSurfaceAccentGradient, personasGreenTextAccent, personasGreenTextAccentActive, personasGreenTextAccentHover, personasIndigoSurfaceAccentGradient, personasIndigoTextAccent, personasIndigoTextAccentActive, personasIndigoTextAccentHover, personasOchreSurfaceAccentGradient, personasOchreTextAccent, personasOchreTextAccentActive, personasOchreTextAccentHover, personasOliveSurfaceAccentGradient, personasOliveTextAccent, personasOliveTextAccentActive, personasOliveTextAccentHover, personasPinkSurfaceAccentGradient, personasPinkTextAccent, personasPinkTextAccentActive, personasPinkTextAccentHover, personasSeaBlueSurfaceAccentGradient, personasSeaBlueTextAccent, personasSeaBlueTextAccentActive, personasSeaBlueTextAccentHover, personasVioletSurfaceAccentGradient, personasVioletTextAccent, personasVioletTextAccentActive, personasVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentGradientSecondary, surfaceAccentHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorGradient, surfaceAccentMinorHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceInfoMinorActive, surfaceInfoMinorHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfaceNegativeMinorActive, surfaceNegativeMinorHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfacePositiveMinorActive, surfacePositiveMinorHover, surfaceReadOnly, surfaceReadOnlyActive, surfaceReadOnlyHover, surfaceSkeletonGradient, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardBrightnessActive, surfaceSolidCardBrightnessHover, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryBrightnessActive, surfaceSolidPrimaryBrightnessHover, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardBrightnessActive, surfaceTransparentCardBrightnessHover, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentInfoActive, surfaceTransparentInfoHover, surfaceTransparentNavi, surfaceTransparentNaviActive, surfaceTransparentNaviHover, surfaceTransparentNegativeActive, surfaceTransparentNegativeHover, surfaceTransparentPositiveActive, surfaceTransparentPositiveHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceTransparentWarningActive, surfaceTransparentWarningHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, surfaceWarningMinorActive, surfaceWarningMinorHover, textAccent, textAccentActive, textAccentGradientAI, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textInfoMinorActive, textInfoMinorHover, textNegative, textNegativeActive, textNegativeHover, textNegativeMinorActive, textNegativeMinorHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPositiveMinorActive, textPositiveMinorHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryBrightnessActive, textPrimaryBrightnessHover, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, textWarningMinorActive, textWarningMinorHover, viewContainer };
2557
+ export { backgroundGradient, backgroundHardline, backgroundPrimary, backgroundSecondary, backgroundTertiary, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundGradient, darkBackgroundHardline, darkBackgroundPrimary, darkBackgroundSecondary, darkBackgroundTertiary, dsplS, dsplSBold, dsplSMedium, h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, inverseBackgroundGradient, inverseBackgroundHardline, inverseBackgroundPrimary, inverseBackgroundSecondary, inverseBackgroundTertiary, inverseOutlineClear, inverseOutlineClearActive, inverseOutlineClearHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineInfo, inverseOutlineInfoActive, inverseOutlineInfoHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlinePrimary, inverseOutlinePrimaryActive, inverseOutlinePrimaryHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOutlineWhiteGradient, inverseOverlayGradient, inverseOverlayHard, inverseOverlaySoft, inversePersonasBlueSurfaceAccentGradient, inversePersonasBlueTextAccent, inversePersonasBlueTextAccentActive, inversePersonasBlueTextAccentHover, inversePersonasGreenSurfaceAccentGradient, inversePersonasGreenTextAccent, inversePersonasGreenTextAccentActive, inversePersonasGreenTextAccentHover, inversePersonasIndigoSurfaceAccentGradient, inversePersonasIndigoTextAccent, inversePersonasIndigoTextAccentActive, inversePersonasIndigoTextAccentHover, inversePersonasOchreSurfaceAccentGradient, inversePersonasOchreTextAccent, inversePersonasOchreTextAccentActive, inversePersonasOchreTextAccentHover, inversePersonasOliveSurfaceAccentGradient, inversePersonasOliveTextAccent, inversePersonasOliveTextAccentActive, inversePersonasOliveTextAccentHover, inversePersonasPinkSurfaceAccentGradient, inversePersonasPinkTextAccent, inversePersonasPinkTextAccentActive, inversePersonasPinkTextAccentHover, inversePersonasSeaBlueSurfaceAccentGradient, inversePersonasSeaBlueTextAccent, inversePersonasSeaBlueTextAccentActive, inversePersonasSeaBlueTextAccentHover, inversePersonasVioletSurfaceAccentGradient, inversePersonasVioletTextAccent, inversePersonasVioletTextAccentActive, inversePersonasVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientSecondary, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorGradient, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceClear, inverseSurfaceClearActive, inverseSurfaceClearHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceReadOnly, inverseSurfaceReadOnlyActive, inverseSurfaceReadOnlyHover, inverseSurfaceSkeletonGradient, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardBrightnessActive, inverseSurfaceSolidCardBrightnessHover, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryBrightnessActive, inverseSurfaceSolidPrimaryBrightnessHover, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardBrightnessActive, inverseSurfaceTransparentCardBrightnessHover, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentNavi, inverseSurfaceTransparentNaviActive, inverseSurfaceTransparentNaviHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAI, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryBrightnessActive, inverseTextPrimaryBrightnessHover, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundGradient, lightBackgroundHardline, lightBackgroundPrimary, lightBackgroundSecondary, lightBackgroundTertiary, onDarkOutlineClear, onDarkOutlineClearActive, onDarkOutlineClearHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineInfo, onDarkOutlineInfoActive, onDarkOutlineInfoHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlinePrimary, onDarkOutlinePrimaryActive, onDarkOutlinePrimaryHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOutlineWhiteGradient, onDarkOverlayGradient, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonasBlueSurfaceAccentGradient, onDarkPersonasBlueTextAccent, onDarkPersonasBlueTextAccentActive, onDarkPersonasBlueTextAccentHover, onDarkPersonasGreenSurfaceAccentGradient, onDarkPersonasGreenTextAccent, onDarkPersonasGreenTextAccentActive, onDarkPersonasGreenTextAccentHover, onDarkPersonasIndigoSurfaceAccentGradient, onDarkPersonasIndigoTextAccent, onDarkPersonasIndigoTextAccentActive, onDarkPersonasIndigoTextAccentHover, onDarkPersonasOchreSurfaceAccentGradient, onDarkPersonasOchreTextAccent, onDarkPersonasOchreTextAccentActive, onDarkPersonasOchreTextAccentHover, onDarkPersonasOliveSurfaceAccentGradient, onDarkPersonasOliveTextAccent, onDarkPersonasOliveTextAccentActive, onDarkPersonasOliveTextAccentHover, onDarkPersonasPinkSurfaceAccentGradient, onDarkPersonasPinkTextAccent, onDarkPersonasPinkTextAccentActive, onDarkPersonasPinkTextAccentHover, onDarkPersonasSeaBlueSurfaceAccentGradient, onDarkPersonasSeaBlueTextAccent, onDarkPersonasSeaBlueTextAccentActive, onDarkPersonasSeaBlueTextAccentHover, onDarkPersonasVioletSurfaceAccentGradient, onDarkPersonasVioletTextAccent, onDarkPersonasVioletTextAccentActive, onDarkPersonasVioletTextAccentHover, onDarkSurfaceAccent, onDarkSurfaceAccentActive, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientSecondary, onDarkSurfaceAccentHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorGradient, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceClear, onDarkSurfaceClearActive, onDarkSurfaceClearHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceReadOnly, onDarkSurfaceReadOnlyActive, onDarkSurfaceReadOnlyHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardBrightnessActive, onDarkSurfaceSolidCardBrightnessHover, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryBrightnessActive, onDarkSurfaceSolidPrimaryBrightnessHover, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardBrightnessActive, onDarkSurfaceTransparentCardBrightnessHover, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentNavi, onDarkSurfaceTransparentNaviActive, onDarkSurfaceTransparentNaviHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAI, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextInfoActive, onDarkTextInfoHover, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryBrightnessActive, onDarkTextPrimaryBrightnessHover, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightOutlineClear, onLightOutlineClearActive, onLightOutlineClearHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineInfo, onLightOutlineInfoActive, onLightOutlineInfoHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlinePrimary, onLightOutlinePrimaryActive, onLightOutlinePrimaryHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOutlineWhiteGradient, onLightOverlayGradient, onLightOverlayHard, onLightOverlaySoft, onLightPersonasBlueSurfaceAccentGradient, onLightPersonasBlueTextAccent, onLightPersonasBlueTextAccentActive, onLightPersonasBlueTextAccentHover, onLightPersonasGreenSurfaceAccentGradient, onLightPersonasGreenTextAccent, onLightPersonasGreenTextAccentActive, onLightPersonasGreenTextAccentHover, onLightPersonasIndigoSurfaceAccentGradient, onLightPersonasIndigoTextAccent, onLightPersonasIndigoTextAccentActive, onLightPersonasIndigoTextAccentHover, onLightPersonasOchreSurfaceAccentGradient, onLightPersonasOchreTextAccent, onLightPersonasOchreTextAccentActive, onLightPersonasOchreTextAccentHover, onLightPersonasOliveSurfaceAccentGradient, onLightPersonasOliveTextAccent, onLightPersonasOliveTextAccentActive, onLightPersonasOliveTextAccentHover, onLightPersonasPinkSurfaceAccentGradient, onLightPersonasPinkTextAccent, onLightPersonasPinkTextAccentActive, onLightPersonasPinkTextAccentHover, onLightPersonasSeaBlueSurfaceAccentGradient, onLightPersonasSeaBlueTextAccent, onLightPersonasSeaBlueTextAccentActive, onLightPersonasSeaBlueTextAccentHover, onLightPersonasVioletSurfaceAccentGradient, onLightPersonasVioletTextAccent, onLightPersonasVioletTextAccentActive, onLightPersonasVioletTextAccentHover, onLightSurfaceAccent, onLightSurfaceAccentActive, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientSecondary, onLightSurfaceAccentHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorGradient, onLightSurfaceAccentMinorHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceClear, onLightSurfaceClearActive, onLightSurfaceClearHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceReadOnly, onLightSurfaceReadOnlyActive, onLightSurfaceReadOnlyHover, onLightSurfaceSkeletonGradient, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardBrightnessActive, onLightSurfaceSolidCardBrightnessHover, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryBrightnessActive, onLightSurfaceSolidPrimaryBrightnessHover, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardBrightnessActive, onLightSurfaceTransparentCardBrightnessHover, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentNavi, onLightSurfaceTransparentNaviActive, onLightSurfaceTransparentNaviHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAI, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryBrightnessActive, onLightTextPrimaryBrightnessHover, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineClear, outlineClearActive, outlineClearHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineInfo, outlineInfoActive, outlineInfoHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlinePrimary, outlinePrimaryActive, outlinePrimaryHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineWarning, outlineWarningActive, outlineWarningHover, outlineWhiteGradient, overlayGradient, overlayHard, overlaySoft, personasBlueSurfaceAccentGradient, personasBlueTextAccent, personasBlueTextAccentActive, personasBlueTextAccentHover, personasGreenSurfaceAccentGradient, personasGreenTextAccent, personasGreenTextAccentActive, personasGreenTextAccentHover, personasIndigoSurfaceAccentGradient, personasIndigoTextAccent, personasIndigoTextAccentActive, personasIndigoTextAccentHover, personasOchreSurfaceAccentGradient, personasOchreTextAccent, personasOchreTextAccentActive, personasOchreTextAccentHover, personasOliveSurfaceAccentGradient, personasOliveTextAccent, personasOliveTextAccentActive, personasOliveTextAccentHover, personasPinkSurfaceAccentGradient, personasPinkTextAccent, personasPinkTextAccentActive, personasPinkTextAccentHover, personasSeaBlueSurfaceAccentGradient, personasSeaBlueTextAccent, personasSeaBlueTextAccentActive, personasSeaBlueTextAccentHover, personasVioletSurfaceAccentGradient, personasVioletTextAccent, personasVioletTextAccentActive, personasVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentGradientSecondary, surfaceAccentHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorGradient, surfaceAccentMinorHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceReadOnly, surfaceReadOnlyActive, surfaceReadOnlyHover, surfaceSkeletonGradient, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardBrightnessActive, surfaceSolidCardBrightnessHover, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryBrightnessActive, surfaceSolidPrimaryBrightnessHover, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardBrightnessActive, surfaceTransparentCardBrightnessHover, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentNavi, surfaceTransparentNaviActive, surfaceTransparentNaviHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAI, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryBrightnessActive, textPrimaryBrightnessHover, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, viewContainer };
3350
2558
  //# sourceMappingURL=index.js.map