@salutejs/sdds-themes 0.45.0-dev.0 → 0.46.0-canary.2162.17096430421.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/css/sdds_cs.module.css +24 -24
  2. package/css/sdds_cs__light.css +24 -24
  3. package/es/themes/sdds_cs__light.js +1 -1
  4. package/es/tokens/sdds_cs/index.js +1 -1
  5. package/package.json +2 -2
  6. package/themes/sdds_cs__light.js +1 -1
  7. package/tokens/sdds_cs/index.js +1 -1
package/css/sdds_cs.module.css CHANGED
@@ -548,10 +548,10 @@
548
548
  --on-light-text-info: #199AF0;
549
549
  --inverse-text-primary-hover: #000000FF;
550
550
  --inverse-text-primary-active: #B4C7D9FF;
551
- --inverse-text-secondary-hover: #000000FF;
552
- --inverse-text-secondary-active: #636D74FF;
551
+ --inverse-text-secondary-hover: #FFFFFFFF;
552
+ --inverse-text-secondary-active: #90A3B2FF;
553
553
  --inverse-text-tertiary-hover: #FFFFFFFF;
554
- --inverse-text-tertiary-active: #596269FF;
554
+ --inverse-text-tertiary-active: #636D74FF;
555
555
  --inverse-text-accent-hover: #19D719FF;
556
556
  --inverse-text-accent-active: #118D11FF;
557
557
  --inverse-text-accent-minor-hover: #09AA09FF;
@@ -564,17 +564,17 @@
564
564
  --inverse-text-negative-active: #FF001AFF;
565
565
  --inverse-text-primary: #F7F9FB;
566
566
  --inverse-text-primary-brightness: #F7F9FBFF;
567
- --inverse-text-secondary: #7B868E;
568
567
  --inverse-text-accent: #15B015;
569
568
  --inverse-text-positive: #15B015;
570
569
  --inverse-text-negative: #FF293E;
571
570
  --inverse-text-accent-minor: #055C05;
572
- --inverse-text-tertiary: #707C84;
573
571
  --inverse-text-warning: #F3A912;
574
- --surface-solid-primary-hover: #F5F8F9FF;
575
- --surface-solid-primary-active: #E2E9EEFF;
576
- --surface-solid-secondary-hover: #F8FAFBFF;
577
- --surface-solid-secondary-active: #EBF0F4FF;
572
+ --inverse-text-secondary: #C0CBD3;
573
+ --inverse-text-tertiary: #7B868E;
574
+ --surface-solid-primary-hover: #F8FAFBFF;
575
+ --surface-solid-primary-active: #EBF0F4FF;
576
+ --surface-solid-secondary-hover: #F5F8F9FF;
577
+ --surface-solid-secondary-active: #E2E9EEFF;
578
578
  --surface-solid-tertiary-hover: #E2E9EEFF;
579
579
  --surface-solid-tertiary-active: #C9D5DEFF;
580
580
  --surface-solid-card-hover: #FFFFFFFF;
@@ -601,7 +601,7 @@
601
601
  --surface-info-minor-active: #E0F3FFFF;
602
602
  --surface-transparent-negative-hover: #FFFFFFFF;
603
603
  --surface-transparent-negative-active: #FFEBEDFF;
604
- --surface-solid-primary-brightness: #FCFDFDFF;
604
+ --surface-solid-primary-brightness: #FFFFFFFF;
605
605
  --surface-solid-card: #FFFFFFFF;
606
606
  --surface-solid-card-brightness: #FFFFFFFF;
607
607
  --surface-solid-default: #657179;
@@ -615,9 +615,9 @@
615
615
  --surface-info-minor: #EDF8FF;
616
616
  --surface-info: #199AF0;
617
617
  --surface-transparent-negative: #FFF5F6;
618
- --surface-solid-secondary: #F2F5F8;
619
618
  --surface-solid-tertiary: #D5DFE6;
620
- --surface-solid-primary: #E8EEF2;
619
+ --surface-solid-primary: #F2F5F8;
620
+ --surface-solid-secondary: #E8EEF2;
621
621
  --on-dark-surface-solid-primary-hover: #394147FF;
622
622
  --on-dark-surface-solid-primary-active: #272C30FF;
623
623
  --on-dark-surface-solid-secondary-hover: #5A656CFF;
@@ -668,10 +668,10 @@
668
668
  --on-dark-surface-solid-secondary: #485056;
669
669
  --on-dark-surface-solid-tertiary: #657179;
670
670
  --on-dark-surface-solid-primary: #30373C;
671
- --on-light-surface-solid-primary-hover: #F5F8F9FF;
672
- --on-light-surface-solid-primary-active: #E2E9EEFF;
673
- --on-light-surface-solid-secondary-hover: #F8FAFBFF;
674
- --on-light-surface-solid-secondary-active: #EBF0F4FF;
671
+ --on-light-surface-solid-primary-hover: #F8FAFBFF;
672
+ --on-light-surface-solid-primary-active: #EBF0F4FF;
673
+ --on-light-surface-solid-secondary-hover: #F5F8F9FF;
674
+ --on-light-surface-solid-secondary-active: #E2E9EEFF;
675
675
  --on-light-surface-solid-tertiary-hover: #E2E9EEFF;
676
676
  --on-light-surface-solid-tertiary-active: #C9D5DEFF;
677
677
  --on-light-surface-solid-card-hover: #FFFFFFFF;
@@ -698,7 +698,7 @@
698
698
  --on-light-surface-info-minor-active: #E0F3FFFF;
699
699
  --on-light-surface-transparent-negative-hover: #FFFFFFFF;
700
700
  --on-light-surface-transparent-negative-active: #FFEBEDFF;
701
- --on-light-surface-solid-primary-brightness: #FCFDFDFF;
701
+ --on-light-surface-solid-primary-brightness: #FFFFFFFF;
702
702
  --on-light-surface-solid-card: #FFFFFFFF;
703
703
  --on-light-surface-solid-card-brightness: #FFFFFFFF;
704
704
  --on-light-surface-solid-default: #657179;
@@ -713,8 +713,8 @@
713
713
  --on-light-surface-info: #199AF0;
714
714
  --on-light-surface-transparent-negative: #FFF5F6;
715
715
  --on-light-surface-solid-tertiary: #D5DFE6;
716
- --on-light-surface-solid-primary: #E8EEF2;
717
- --on-light-surface-solid-secondary: #F2F5F8;
716
+ --on-light-surface-solid-primary: #F2F5F8;
717
+ --on-light-surface-solid-secondary: #E8EEF2;
718
718
  --inverse-surface-solid-primary-hover: #394147FF;
719
719
  --inverse-surface-solid-primary-active: #272C30FF;
720
720
  --inverse-surface-solid-secondary-hover: #5A656CFF;
@@ -763,9 +763,9 @@
763
763
  --inverse-surface-solid-secondary: #485056;
764
764
  --inverse-surface-solid-tertiary: #657179;
765
765
  --background-primary-brightness: #F3F6F8FF;
766
- --background-primary: #E8EEF2;
766
+ --background-primary: #F2F5F8;
767
767
  --dark-background-primary: #060A0C;
768
- --light-background-primary: #E8EEF2;
768
+ --light-background-primary: #F2F5F8;
769
769
  --inverse-background-primary: #060A0C;
770
770
  --inverse-background-primary-brightness: #15191BFF;
771
771
  --outline-solid-primary-hover: #E2E9EEFF;
@@ -833,8 +833,8 @@
833
833
  --on-light-outline-info: #0C72B6;
834
834
  --inverse-outline-solid-primary-hover: #394147FF;
835
835
  --inverse-outline-solid-primary-active: #272C30FF;
836
- --inverse-outline-solid-secondary-hover: #20282DFF;
837
- --inverse-outline-solid-secondary-active: #0B0D0FFF;
836
+ --inverse-outline-solid-secondary-hover: #FFFFFFFF;
837
+ --inverse-outline-solid-secondary-active: #515B61FF;
838
838
  --inverse-outline-clear-hover: #FFFFFFFF;
839
839
  --inverse-outline-clear-active: #FFFFFFFF;
840
840
  --inverse-outline-accent-hover: #0DAF0DFF;
@@ -849,9 +849,9 @@
849
849
  --inverse-outline-negative: #FF293E;
850
850
  --inverse-outline-positive: #0C9C0C;
851
851
  --inverse-outline-solid-primary: #30373C;
852
- --inverse-outline-solid-secondary: #13181B;
853
852
  --inverse-outline-clear: #FFFFFF00;
854
853
  --inverse-outline-info: #118CDF;
854
+ --inverse-outline-solid-secondary: #657179;
855
855
  --data-yellow: #F3A912;
856
856
  --data-yellow-hover: #F5B638FF;
857
857
  --data-yellow-active: #E49C0CFF;
package/css/sdds_cs__light.css CHANGED
@@ -87,10 +87,10 @@
87
87
  --on-light-text-info: #199AF0;
88
88
  --inverse-text-primary-hover: #000000FF;
89
89
  --inverse-text-primary-active: #B4C7D9FF;
90
- --inverse-text-secondary-hover: #000000FF;
91
- --inverse-text-secondary-active: #636D74FF;
90
+ --inverse-text-secondary-hover: #FFFFFFFF;
91
+ --inverse-text-secondary-active: #90A3B2FF;
92
92
  --inverse-text-tertiary-hover: #FFFFFFFF;
93
- --inverse-text-tertiary-active: #596269FF;
93
+ --inverse-text-tertiary-active: #636D74FF;
94
94
  --inverse-text-accent-hover: #19D719FF;
95
95
  --inverse-text-accent-active: #118D11FF;
96
96
  --inverse-text-accent-minor-hover: #09AA09FF;
@@ -103,17 +103,17 @@
103
103
  --inverse-text-negative-active: #FF001AFF;
104
104
  --inverse-text-primary: #F7F9FB;
105
105
  --inverse-text-primary-brightness: #F7F9FBFF;
106
- --inverse-text-secondary: #7B868E;
107
106
  --inverse-text-accent: #15B015;
108
107
  --inverse-text-positive: #15B015;
109
108
  --inverse-text-negative: #FF293E;
110
109
  --inverse-text-accent-minor: #055C05;
111
- --inverse-text-tertiary: #707C84;
112
110
  --inverse-text-warning: #F3A912;
113
- --surface-solid-primary-hover: #F5F8F9FF;
114
- --surface-solid-primary-active: #E2E9EEFF;
115
- --surface-solid-secondary-hover: #F8FAFBFF;
116
- --surface-solid-secondary-active: #EBF0F4FF;
111
+ --inverse-text-secondary: #C0CBD3;
112
+ --inverse-text-tertiary: #7B868E;
113
+ --surface-solid-primary-hover: #F8FAFBFF;
114
+ --surface-solid-primary-active: #EBF0F4FF;
115
+ --surface-solid-secondary-hover: #F5F8F9FF;
116
+ --surface-solid-secondary-active: #E2E9EEFF;
117
117
  --surface-solid-tertiary-hover: #E2E9EEFF;
118
118
  --surface-solid-tertiary-active: #C9D5DEFF;
119
119
  --surface-solid-card-hover: #FFFFFFFF;
@@ -140,7 +140,7 @@
140
140
  --surface-info-minor-active: #E0F3FFFF;
141
141
  --surface-transparent-negative-hover: #FFFFFFFF;
142
142
  --surface-transparent-negative-active: #FFEBEDFF;
143
- --surface-solid-primary-brightness: #FCFDFDFF;
143
+ --surface-solid-primary-brightness: #FFFFFFFF;
144
144
  --surface-solid-card: #FFFFFFFF;
145
145
  --surface-solid-card-brightness: #FFFFFFFF;
146
146
  --surface-solid-default: #657179;
@@ -154,9 +154,9 @@
154
154
  --surface-info-minor: #EDF8FF;
155
155
  --surface-info: #199AF0;
156
156
  --surface-transparent-negative: #FFF5F6;
157
- --surface-solid-secondary: #F2F5F8;
158
157
  --surface-solid-tertiary: #D5DFE6;
159
- --surface-solid-primary: #E8EEF2;
158
+ --surface-solid-primary: #F2F5F8;
159
+ --surface-solid-secondary: #E8EEF2;
160
160
  --on-dark-surface-solid-primary-hover: #394147FF;
161
161
  --on-dark-surface-solid-primary-active: #272C30FF;
162
162
  --on-dark-surface-solid-secondary-hover: #5A656CFF;
@@ -207,10 +207,10 @@
207
207
  --on-dark-surface-solid-secondary: #485056;
208
208
  --on-dark-surface-solid-tertiary: #657179;
209
209
  --on-dark-surface-solid-primary: #30373C;
210
- --on-light-surface-solid-primary-hover: #F5F8F9FF;
211
- --on-light-surface-solid-primary-active: #E2E9EEFF;
212
- --on-light-surface-solid-secondary-hover: #F8FAFBFF;
213
- --on-light-surface-solid-secondary-active: #EBF0F4FF;
210
+ --on-light-surface-solid-primary-hover: #F8FAFBFF;
211
+ --on-light-surface-solid-primary-active: #EBF0F4FF;
212
+ --on-light-surface-solid-secondary-hover: #F5F8F9FF;
213
+ --on-light-surface-solid-secondary-active: #E2E9EEFF;
214
214
  --on-light-surface-solid-tertiary-hover: #E2E9EEFF;
215
215
  --on-light-surface-solid-tertiary-active: #C9D5DEFF;
216
216
  --on-light-surface-solid-card-hover: #FFFFFFFF;
@@ -237,7 +237,7 @@
237
237
  --on-light-surface-info-minor-active: #E0F3FFFF;
238
238
  --on-light-surface-transparent-negative-hover: #FFFFFFFF;
239
239
  --on-light-surface-transparent-negative-active: #FFEBEDFF;
240
- --on-light-surface-solid-primary-brightness: #FCFDFDFF;
240
+ --on-light-surface-solid-primary-brightness: #FFFFFFFF;
241
241
  --on-light-surface-solid-card: #FFFFFFFF;
242
242
  --on-light-surface-solid-card-brightness: #FFFFFFFF;
243
243
  --on-light-surface-solid-default: #657179;
@@ -252,8 +252,8 @@
252
252
  --on-light-surface-info: #199AF0;
253
253
  --on-light-surface-transparent-negative: #FFF5F6;
254
254
  --on-light-surface-solid-tertiary: #D5DFE6;
255
- --on-light-surface-solid-primary: #E8EEF2;
256
- --on-light-surface-solid-secondary: #F2F5F8;
255
+ --on-light-surface-solid-primary: #F2F5F8;
256
+ --on-light-surface-solid-secondary: #E8EEF2;
257
257
  --inverse-surface-solid-primary-hover: #394147FF;
258
258
  --inverse-surface-solid-primary-active: #272C30FF;
259
259
  --inverse-surface-solid-secondary-hover: #5A656CFF;
@@ -302,9 +302,9 @@
302
302
  --inverse-surface-solid-secondary: #485056;
303
303
  --inverse-surface-solid-tertiary: #657179;
304
304
  --background-primary-brightness: #F3F6F8FF;
305
- --background-primary: #E8EEF2;
305
+ --background-primary: #F2F5F8;
306
306
  --dark-background-primary: #060A0C;
307
- --light-background-primary: #E8EEF2;
307
+ --light-background-primary: #F2F5F8;
308
308
  --inverse-background-primary: #060A0C;
309
309
  --inverse-background-primary-brightness: #15191BFF;
310
310
  --outline-solid-primary-hover: #E2E9EEFF;
@@ -372,8 +372,8 @@
372
372
  --on-light-outline-info: #0C72B6;
373
373
  --inverse-outline-solid-primary-hover: #394147FF;
374
374
  --inverse-outline-solid-primary-active: #272C30FF;
375
- --inverse-outline-solid-secondary-hover: #20282DFF;
376
- --inverse-outline-solid-secondary-active: #0B0D0FFF;
375
+ --inverse-outline-solid-secondary-hover: #FFFFFFFF;
376
+ --inverse-outline-solid-secondary-active: #515B61FF;
377
377
  --inverse-outline-clear-hover: #FFFFFFFF;
378
378
  --inverse-outline-clear-active: #FFFFFFFF;
379
379
  --inverse-outline-accent-hover: #0DAF0DFF;
@@ -388,9 +388,9 @@
388
388
  --inverse-outline-negative: #FF293E;
389
389
  --inverse-outline-positive: #0C9C0C;
390
390
  --inverse-outline-solid-primary: #30373C;
391
- --inverse-outline-solid-secondary: #13181B;
392
391
  --inverse-outline-clear: #FFFFFF00;
393
392
  --inverse-outline-info: #118CDF;
393
+ --inverse-outline-solid-secondary: #657179;
394
394
  --data-yellow: #F3A912;
395
395
  --data-yellow-hover: #F5B638FF;
396
396
  --data-yellow-active: #E49C0CFF;
package/es/themes/sdds_cs__light.js CHANGED
@@ -1,3 +1,3 @@
1
1
  // Generated by robots, do not change this manually!
2
- export var sdds_cs__light = ["\n:root {\n --text-primary-hover: #6A7E8AFF;\n --text-primary-active: #47545CFF;\n --text-secondary-hover: #000000FF;\n --text-secondary-active: #636D74FF;\n --text-tertiary-hover: #FFFFFFFF;\n --text-tertiary-active: #515B61FF;\n --text-accent-hover: #19CC19FF;\n --text-accent-active: #15A815FF;\n --text-accent-minor-hover: #2CE82CFF;\n --text-accent-minor-active: #13AE13FF;\n --text-positive-hover: #19CC19FF;\n --text-positive-active: #15A815FF;\n --text-warning-hover: #F5B638FF;\n --text-warning-active: #D08F0BFF;\n --text-negative-hover: #EE2F43FF;\n --text-negative-active: #BD0F21FF;\n --text-info-hover: #3FABF3FF;\n --text-info-active: #0D84D3FF;\n --text-primary: #23292D;\n --text-primary-brightness: #30363AFF;\n --text-secondary: #7B868E;\n --text-accent: #108210;\n --text-negative: #E31227;\n --text-positive: #108210;\n --text-accent-minor: #17D317;\n --text-tertiary: #657179;\n --text-warning: #F3A912;\n --text-info: #199AF0;\n --on-dark-text-primary-hover: #000000FF;\n --on-dark-text-primary-active: #B4C7D9FF;\n --on-dark-text-secondary-hover: #000000FF;\n --on-dark-text-secondary-active: #636D74FF;\n --on-dark-text-tertiary-hover: #FFFFFFFF;\n --on-dark-text-tertiary-active: #596269FF;\n --on-dark-text-accent-hover: #19D719FF;\n --on-dark-text-accent-active: #118D11FF;\n --on-dark-text-accent-minor-hover: #09AA09FF;\n --on-dark-text-accent-minor-active: #078307FF;\n --on-dark-text-positive-hover: #19D719FF;\n --on-dark-text-positive-active: #118D11FF;\n --on-dark-text-warning-hover: #F5B638FF;\n --on-dark-text-warning-active: #D08F0BFF;\n --on-dark-text-negative-hover: #FF5263FF;\n --on-dark-text-negative-active: #FF001AFF;\n --on-dark-text-info-hover: #3FABF3FF;\n --on-dark-text-info-active: #0D84D3FF;\n --on-dark-text-primary: #F7F9FB;\n --on-dark-text-primary-brightness: #F7F9FBFF;\n --on-dark-text-secondary: #7B868E;\n --on-dark-text-accent: #15B015;\n --on-dark-text-negative: #FF293E;\n --on-dark-text-positive: #15B015;\n --on-dark-text-accent-minor: #055C05;\n --on-dark-text-tertiary: #707C84;\n --on-dark-text-warning: #F3A912;\n --on-dark-text-info: #199AF0;\n --on-light-text-primary-hover: #6A7E8AFF;\n --on-light-text-primary-active: #47545CFF;\n --on-light-text-secondary-hover: #000000FF;\n --on-light-text-secondary-active: #636D74FF;\n --on-light-text-tertiary-hover: #FFFFFFFF;\n --on-light-text-tertiary-active: #515B61FF;\n --on-light-text-accent-hover: #19CC19FF;\n --on-light-text-accent-active: #15A815FF;\n --on-light-text-accent-minor-hover: #2CE82CFF;\n --on-light-text-accent-minor-active: #13AE13FF;\n --on-light-text-positive-hover: #19CC19FF;\n --on-light-text-positive-active: #15A815FF;\n --on-light-text-warning-hover: #F5B638FF;\n --on-light-text-warning-active: #D08F0BFF;\n --on-light-text-negative-hover: #EE2F43FF;\n --on-light-text-negative-active: #BD0F21FF;\n --on-light-text-info-hover: #3FABF3FF;\n --on-light-text-info-active: #0D84D3FF;\n --on-light-text-primary: #23292D;\n --on-light-text-primary-brightness: #30363AFF;\n --on-light-text-secondary: #7B868E;\n --on-light-text-accent: #108210;\n --on-light-text-positive: #108210;\n --on-light-text-negative: #E31227;\n --on-light-text-accent-minor: #17D317;\n --on-light-text-tertiary: #657179;\n --on-light-text-warning: #F3A912;\n --on-light-text-info: #199AF0;\n --inverse-text-primary-hover: #000000FF;\n --inverse-text-primary-active: #B4C7D9FF;\n --inverse-text-secondary-hover: #000000FF;\n --inverse-text-secondary-active: #636D74FF;\n --inverse-text-tertiary-hover: #FFFFFFFF;\n --inverse-text-tertiary-active: #596269FF;\n --inverse-text-accent-hover: #19D719FF;\n --inverse-text-accent-active: #118D11FF;\n --inverse-text-accent-minor-hover: #09AA09FF;\n --inverse-text-accent-minor-active: #078307FF;\n --inverse-text-positive-hover: #19D719FF;\n --inverse-text-positive-active: #118D11FF;\n --inverse-text-warning-hover: #F5B638FF;\n --inverse-text-warning-active: #D08F0BFF;\n --inverse-text-negative-hover: #FF5263FF;\n --inverse-text-negative-active: #FF001AFF;\n --inverse-text-primary: #F7F9FB;\n --inverse-text-primary-brightness: #F7F9FBFF;\n --inverse-text-secondary: #7B868E;\n --inverse-text-accent: #15B015;\n --inverse-text-positive: #15B015;\n --inverse-text-negative: #FF293E;\n --inverse-text-accent-minor: #055C05;\n --inverse-text-tertiary: #707C84;\n --inverse-text-warning: #F3A912;\n --surface-solid-primary-hover: #F5F8F9FF;\n --surface-solid-primary-active: #E2E9EEFF;\n --surface-solid-secondary-hover: #F8FAFBFF;\n --surface-solid-secondary-active: #EBF0F4FF;\n --surface-solid-tertiary-hover: #E2E9EEFF;\n --surface-solid-tertiary-active: #C9D5DEFF;\n --surface-solid-card-hover: #FFFFFFFF;\n --surface-solid-card-active: #FFFFFFFF;\n --surface-solid-default-hover: #7A8790FF;\n --surface-solid-default-active: #5D686FFF;\n --surface-clear-hover: #FFFFFF00;\n --surface-clear-active: #FFFFFF00;\n --surface-accent-hover: #0DA00DFF;\n --surface-accent-active: #0A7B0AFF;\n --surface-transparent-accent-hover: #0B8E0B0A;\n --surface-transparent-accent-active: #0B8E0B29;\n --surface-positive-hover: #0DA00DFF;\n --surface-positive-active: #0A7B0AFF;\n --surface-warning-hover: #F5B638FF;\n --surface-warning-active: #E49C0CFF;\n --surface-negative-hover: #F54254FF;\n --surface-negative-active: #ED0C23FF;\n --surface-info-hover: #36A7F2FF;\n --surface-info-active: #0F90E6FF;\n --surface-warning-minor-hover: #FFFAF0FF;\n --surface-warning-minor-active: #FFF3DBFF;\n --surface-info-minor-hover: #F5FBFFFF;\n --surface-info-minor-active: #E0F3FFFF;\n --surface-transparent-negative-hover: #FFFFFFFF;\n --surface-transparent-negative-active: #FFEBEDFF;\n --surface-solid-primary-brightness: #FCFDFDFF;\n --surface-solid-card: #FFFFFFFF;\n --surface-solid-card-brightness: #FFFFFFFF;\n --surface-solid-default: #657179;\n --surface-accent: #0B8C0B;\n --surface-positive: #0B8C0B;\n --surface-negative: #F31B31;\n --surface-transparent-accent: #0B8C0B1F;\n --surface-clear: #FFFFFF00;\n --surface-warning: #F3A912;\n --surface-warning-minor: #FFF6E5;\n --surface-info-minor: #EDF8FF;\n --surface-info: #199AF0;\n --surface-transparent-negative: #FFF5F6;\n --surface-solid-secondary: #F2F5F8;\n --surface-solid-tertiary: #D5DFE6;\n --surface-solid-primary: #E8EEF2;\n --on-dark-surface-solid-primary-hover: #394147FF;\n --on-dark-surface-solid-primary-active: #272C30FF;\n --on-dark-surface-solid-secondary-hover: #5A656CFF;\n --on-dark-surface-solid-secondary-active: #3F464BFF;\n --on-dark-surface-solid-tertiary-hover: #7A8790FF;\n --on-dark-surface-solid-tertiary-active: #5D686FFF;\n --on-dark-surface-solid-card-hover: #20282DFF;\n --on-dark-surface-solid-card-active: #0B0D0FFF;\n --on-dark-surface-solid-default-hover: #FFFFFFFF;\n --on-dark-surface-solid-default-active: #F1F5F8FF;\n --on-dark-surface-clear-hover: #FFFFFF00;\n --on-dark-surface-clear-active: #FFFFFF00;\n --on-dark-surface-accent-hover: #0DAF0DFF;\n --on-dark-surface-accent-active: #0A8A0AFF;\n --on-dark-surface-transparent-accent-hover: #0C9D0C1F;\n --on-dark-surface-transparent-accent-active: #0C9D0C3D;\n --on-dark-surface-promo-hover: #FFFFFFFF;\n --on-dark-surface-promo-active: #FFFFFFFF;\n --on-dark-surface-positive-hover: #0DAF0DFF;\n --on-dark-surface-positive-active: #0A8A0AFF;\n --on-dark-surface-warning-hover: #F5B638FF;\n --on-dark-surface-warning-active: #E49C0CFF;\n --on-dark-surface-negative-hover: #FF5263FF;\n --on-dark-surface-negative-active: #FF142CFF;\n --on-dark-surface-info-hover: #36A7F2FF;\n --on-dark-surface-info-active: #0F90E6FF;\n --on-dark-surface-warning-minor-hover: #32250BFF;\n --on-dark-surface-warning-minor-active: #110C04FF;\n --on-dark-surface-info-minor-hover: #0E2434FF;\n --on-dark-surface-info-minor-active: #050E14FF;\n --on-dark-surface-transparent-negative-hover: #400D12FF;\n --on-dark-surface-transparent-negative-active: #1E0608FF;\n --on-dark-surface-solid-primary-brightness: #3D464CFF;\n --on-dark-surface-solid-card: #13181B;\n --on-dark-surface-solid-card-brightness: #212629FF;\n --on-dark-surface-accent: #0C9C0C;\n --on-dark-surface-positive: #0C9C0C;\n --on-dark-surface-negative: #FF293E;\n --on-dark-surface-transparent-accent: #0C9C0C33;\n --on-dark-surface-solid-default: #F7F9FB;\n --on-dark-surface-promo: #FFFFFFFF;\n --on-dark-surface-clear: #FFFFFF00;\n --on-dark-surface-warning: #F3A912;\n --on-dark-surface-warning-minor: #211807;\n --on-dark-surface-info-minor: #0A1924;\n --on-dark-surface-info: #199AF0;\n --on-dark-surface-transparent-negative: #2E090D;\n --on-dark-surface-solid-secondary: #485056;\n --on-dark-surface-solid-tertiary: #657179;\n --on-dark-surface-solid-primary: #30373C;\n --on-light-surface-solid-primary-hover: #F5F8F9FF;\n --on-light-surface-solid-primary-active: #E2E9EEFF;\n --on-light-surface-solid-secondary-hover: #F8FAFBFF;\n --on-light-surface-solid-secondary-active: #EBF0F4FF;\n --on-light-surface-solid-tertiary-hover: #E2E9EEFF;\n --on-light-surface-solid-tertiary-active: #C9D5DEFF;\n --on-light-surface-solid-card-hover: #FFFFFFFF;\n --on-light-surface-solid-card-active: #FFFFFFFF;\n --on-light-surface-solid-default-hover: #7A8790FF;\n --on-light-surface-solid-default-active: #5D686FFF;\n --on-light-surface-clear-hover: #FFFFFF00;\n --on-light-surface-clear-active: #FFFFFF00;\n --on-light-surface-accent-hover: #0DA00DFF;\n --on-light-surface-accent-active: #0A7B0AFF;\n --on-light-surface-transparent-accent-hover: #0B8E0B0A;\n --on-light-surface-transparent-accent-active: #0B8E0B29;\n --on-light-surface-positive-hover: #0DA00DFF;\n --on-light-surface-positive-active: #0A7B0AFF;\n --on-light-surface-warning-hover: #F5B638FF;\n --on-light-surface-warning-active: #E49C0CFF;\n --on-light-surface-negative-hover: #F54254FF;\n --on-light-surface-negative-active: #ED0C23FF;\n --on-light-surface-info-hover: #36A7F2FF;\n --on-light-surface-info-active: #0F90E6FF;\n --on-light-surface-warning-minor-hover: #FFFAF0FF;\n --on-light-surface-warning-minor-active: #FFF3DBFF;\n --on-light-surface-info-minor-hover: #F5FBFFFF;\n --on-light-surface-info-minor-active: #E0F3FFFF;\n --on-light-surface-transparent-negative-hover: #FFFFFFFF;\n --on-light-surface-transparent-negative-active: #FFEBEDFF;\n --on-light-surface-solid-primary-brightness: #FCFDFDFF;\n --on-light-surface-solid-card: #FFFFFFFF;\n --on-light-surface-solid-card-brightness: #FFFFFFFF;\n --on-light-surface-solid-default: #657179;\n --on-light-surface-accent: #0B8C0B;\n --on-light-surface-positive: #0B8C0B;\n --on-light-surface-negative: #F31B31;\n --on-light-surface-transparent-accent: #0B8C0B1F;\n --on-light-surface-clear: #FFFFFF00;\n --on-light-surface-warning: #F3A912;\n --on-light-surface-warning-minor: #FFF6E5;\n --on-light-surface-info-minor: #EDF8FF;\n --on-light-surface-info: #199AF0;\n --on-light-surface-transparent-negative: #FFF5F6;\n --on-light-surface-solid-tertiary: #D5DFE6;\n --on-light-surface-solid-primary: #E8EEF2;\n --on-light-surface-solid-secondary: #F2F5F8;\n --inverse-surface-solid-primary-hover: #394147FF;\n --inverse-surface-solid-primary-active: #272C30FF;\n --inverse-surface-solid-secondary-hover: #5A656CFF;\n --inverse-surface-solid-secondary-active: #3F464BFF;\n --inverse-surface-solid-tertiary-hover: #7A8790FF;\n --inverse-surface-solid-tertiary-active: #5D686FFF;\n --inverse-surface-solid-card-hover: #20282DFF;\n --inverse-surface-solid-card-active: #0B0D0FFF;\n --inverse-surface-solid-default-hover: #FFFFFFFF;\n --inverse-surface-solid-default-active: #F1F5F8FF;\n --inverse-surface-clear-hover: #FFFFFF00;\n --inverse-surface-clear-active: #FFFFFF00;\n --inverse-surface-accent-hover: #0DAF0DFF;\n --inverse-surface-accent-active: #0A8A0AFF;\n --inverse-surface-transparent-accent-hover: #0C9D0C1F;\n --inverse-surface-transparent-accent-active: #0C9D0C3D;\n --inverse-surface-positive-hover: #0DAF0DFF;\n --inverse-surface-positive-active: #0A8A0AFF;\n --inverse-surface-warning-hover: #F5B638FF;\n --inverse-surface-warning-active: #E49C0CFF;\n --inverse-surface-negative-hover: #FF5263FF;\n --inverse-surface-negative-active: #FF142CFF;\n --inverse-surface-info-hover: #36A7F2FF;\n --inverse-surface-info-active: #0F90E6FF;\n --inverse-surface-warning-minor-hover: #32250BFF;\n --inverse-surface-warning-minor-active: #110C04FF;\n --inverse-surface-negative-minor-hover: #400D12FF;\n --inverse-surface-negative-minor-active: #1E0608FF;\n --inverse-surface-info-minor-hover: #0E2434FF;\n --inverse-surface-info-minor-active: #050E14FF;\n --inverse-surface-solid-primary-brightness: #3D464CFF;\n --inverse-surface-solid-card: #13181B;\n --inverse-surface-solid-card-brightness: #212629FF;\n --inverse-surface-accent: #0C9C0C;\n --inverse-surface-positive: #0C9C0C;\n --inverse-surface-negative: #FF293E;\n --inverse-surface-transparent-accent: #0C9C0C33;\n --inverse-surface-solid-default: #F7F9FB;\n --inverse-surface-clear: #FFFFFF00;\n --inverse-surface-warning: #F3A912;\n --inverse-surface-warning-minor: #211807;\n --inverse-surface-info-minor: #0A1924;\n --inverse-surface-info: #199AF0;\n --inverse-surface-negative-minor: #2E090D;\n --inverse-surface-solid-primary: #30373C;\n --inverse-surface-solid-secondary: #485056;\n --inverse-surface-solid-tertiary: #657179;\n --background-primary-brightness: #F3F6F8FF;\n --background-primary: #E8EEF2;\n --dark-background-primary: #060A0C;\n --light-background-primary: #E8EEF2;\n --inverse-background-primary: #060A0C;\n --inverse-background-primary-brightness: #15191BFF;\n --outline-solid-primary-hover: #E2E9EEFF;\n --outline-solid-primary-active: #C9D5DEFF;\n --outline-solid-secondary-hover: #F5F8F9FF;\n --outline-solid-secondary-active: #E2E9EEFF;\n --outline-clear-hover: #FFFFFFFF;\n --outline-clear-active: #FFFFFFFF;\n --outline-accent-hover: #149F14FF;\n --outline-accent-active: #0E710EFF;\n --outline-positive-hover: #149F14FF;\n --outline-positive-active: #0E710EFF;\n --outline-negative-hover: #ED1D31FF;\n --outline-negative-active: #D01124FF;\n --outline-info-hover: #0D7EC9FF;\n --outline-info-active: #0A66A3FF;\n --outline-positive: #108210;\n --outline-accent: #108210;\n --outline-negative: #E31227;\n --outline-solid-primary: #D5DFE6;\n --outline-solid-secondary: #E8EEF2;\n --outline-clear: #FFFFFF00;\n --outline-info: #0C72B6;\n --on-dark-outline-solid-primary-hover: #394147FF;\n --on-dark-outline-solid-primary-active: #272C30FF;\n --on-dark-outline-solid-secondary-hover: #20282DFF;\n --on-dark-outline-solid-secondary-active: #0B0D0FFF;\n --on-dark-outline-clear-hover: #FFFFFFFF;\n --on-dark-outline-clear-active: #FFFFFFFF;\n --on-dark-outline-accent-hover: #0DAF0DFF;\n --on-dark-outline-accent-active: #0A8A0AFF;\n --on-dark-outline-positive-hover: #0DAF0DFF;\n --on-dark-outline-positive-active: #0A8A0AFF;\n --on-dark-outline-negative-hover: #FF5263FF;\n --on-dark-outline-negative-active: #FF142CFF;\n --on-dark-outline-info-hover: #1798EEFF;\n --on-dark-outline-info-active: #0F81CCFF;\n --on-dark-outline-accent: #0C9C0C;\n --on-dark-outline-positive: #0C9C0C;\n --on-dark-outline-negative: #FF293E;\n --on-dark-outline-solid-primary: #30373C;\n --on-dark-outline-solid-secondary: #13181B;\n --on-dark-outline-clear: #FFFFFF00;\n --on-dark-outline-info: #118CDF;\n --on-light-outline-solid-primary-hover: #E2E9EEFF;\n --on-light-outline-solid-primary-active: #C9D5DEFF;\n --on-light-outline-solid-secondary-hover: #F5F8F9FF;\n --on-light-outline-solid-secondary-active: #E2E9EEFF;\n --on-light-outline-clear-hover: #FFFFFFFF;\n --on-light-outline-clear-active: #FFFFFFFF;\n --on-light-outline-accent-hover: #149F14FF;\n --on-light-outline-accent-active: #0E710EFF;\n --on-light-outline-positive-hover: #0F9928FF;\n --on-light-outline-positive-active: #0B741FFF;\n --on-light-outline-negative-hover: #ED1D31FF;\n --on-light-outline-negative-active: #D01124FF;\n --on-light-outline-info-hover: #0D7EC9FF;\n --on-light-outline-info-active: #0A66A3FF;\n --on-light-outline-accent: #108210;\n --on-light-outline-positive: #0D8523;\n --on-light-outline-negative: #E31227;\n --on-light-outline-solid-primary: #D5DFE6;\n --on-light-outline-solid-secondary: #E8EEF2;\n --on-light-outline-clear: #FFFFFF00;\n --on-light-outline-info: #0C72B6;\n --inverse-outline-solid-primary-hover: #394147FF;\n --inverse-outline-solid-primary-active: #272C30FF;\n --inverse-outline-solid-secondary-hover: #20282DFF;\n --inverse-outline-solid-secondary-active: #0B0D0FFF;\n --inverse-outline-clear-hover: #FFFFFFFF;\n --inverse-outline-clear-active: #FFFFFFFF;\n --inverse-outline-accent-hover: #0DAF0DFF;\n --inverse-outline-accent-active: #0A8A0AFF;\n --inverse-outline-positive-hover: #0DAF0DFF;\n --inverse-outline-positive-active: #0A8A0AFF;\n --inverse-outline-negative-hover: #FF5263FF;\n --inverse-outline-negative-active: #FF142CFF;\n --inverse-outline-info-hover: #1798EEFF;\n --inverse-outline-info-active: #0F81CCFF;\n --inverse-outline-accent: #0C9C0C;\n --inverse-outline-negative: #FF293E;\n --inverse-outline-positive: #0C9C0C;\n --inverse-outline-solid-primary: #30373C;\n --inverse-outline-solid-secondary: #13181B;\n --inverse-outline-clear: #FFFFFF00;\n --inverse-outline-info: #118CDF;\n --data-yellow: #F3A912;\n --data-yellow-hover: #F5B638FF;\n --data-yellow-active: #E49C0CFF;\n --data-yellow-minor: #FFD37A;\n --data-yellow-minor-hover: #FFDA8FFF;\n --data-yellow-minor-active: #FFCC66FF;\n --data-yellow-transparent: #F3A9128F;\n --data-yellow-transparent-hover: #F3A8127A;\n --data-yellow-transparent-active: #F3A81299;\n --on-dark-data-yellow: #F3A912;\n --on-dark-data-yellow-hover: #F5B638FF;\n --on-dark-data-yellow-active: #E49C0CFF;\n --on-dark-data-yellow-minor: #A16B00;\n --on-dark-data-yellow-minor-hover: #B87A00FF;\n --on-dark-data-yellow-minor-active: #8F5F00FF;\n --on-dark-data-yellow-transparent: #F3A9128F;\n --on-dark-data-yellow-transparent-hover: #F3A8127A;\n --on-dark-data-yellow-transparent-active: #F3A81299;\n --on-light-data-yellow: #F3A912;\n --on-light-data-yellow-hover: #F5B638FF;\n --on-light-data-yellow-active: #E49C0CFF;\n --on-light-data-yellow-minor: #FFD37A;\n --on-light-data-yellow-minor-hover: #FFDA8FFF;\n --on-light-data-yellow-minor-active: #FFCC66FF;\n --on-light-data-yellow-transparent: #F3A9128F;\n --on-light-data-yellow-transparent-hover: #F3A8127A;\n --on-light-data-yellow-transparent-active: #F3A81299;\n --inverse-data-yellow: #F3A912;\n --inverse-data-yellow-hover: #F5B638FF;\n --inverse-data-yellow-active: #E49C0CFF;\n --inverse-data-yellow-minor: #A16B00;\n --inverse-data-yellow-minor-hover: #B87A00FF;\n --inverse-data-yellow-minor-active: #8F5F00FF;\n --inverse-data-yellow-transparent: #F3A9128F;\n --inverse-data-yellow-transparent-hover: #F3A8127A;\n --inverse-data-yellow-transparent-active: #F3A81299;\n color: var(--text-primary);\n background-color: var(--background-primary);\n}\n\n:root {\n --inverse-text-promo-minor-gradient-hover: #3FABF3FF;\n --inverse-text-promo-minor-gradient-active: #0D84D3FF;\n/** \u0418\u043D\u0432\u0435\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u043C\u0438\u043D\u043E\u0440\u043D\u044B\u0439 \u043F\u0440\u043E\u043C\u043E \u0446\u0432\u0435\u0442 \u0441 \u0433\u0440\u0430\u0434\u0438\u0435\u043D\u0442\u043E\u043C */\nexport const inverseTextPromoMinorGradient = 'var(--inverse-text-promo-minor-gradient)';\n\n --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);\n --surface-skeleton-gradient-hover: #FFFFFFFF;\n --surface-skeleton-gradient-active: #FFFFFFFF;\n --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);\n --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);\n --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;\n --on-light-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);\n --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;\n --inverse-surface-skeleton-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n}\n\n:root {\n --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A;\n --shadow-down-soft-m: 0px 24px 48px -8px #00000014;\n --shadow-down-soft-l: 0px 60px 112px -8px #00000014;\n --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014;\n --shadow-down-hard-m: 0px 16px 32px -8px #0000003D;\n --shadow-down-hard-l: 0px 60px 112px -8px #00000066;\n --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008;\n --shadow-up-soft-m: 0px -24px 48px -8px #00000014;\n --shadow-up-soft-l: 0px -60px 112px -8px #00000014;\n --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008;\n --shadow-up-hard-m: 0px -16px 32px -8px #0000003D;\n --shadow-up-hard-l: 0px -60px 112px -8px #00000066;\n}\n\n:root {\n --border-radius-xxs: 4px;\n --border-radius-xs: 8px;\n --border-radius-s: 12px;\n --border-radius-m: 16px;\n --border-radius-l: 20px;\n --border-radius-xl: 24px;\n --border-radius-xxl: 32px;\n}\n\n:root {\n --spacing-0x: 0px;\n --spacing-1x: 2px;\n --spacing-2x: 4px;\n --spacing-3x: 6px;\n --spacing-4x: 8px;\n --spacing-6x: 12px;\n --spacing-8x: 16px;\n --spacing-10x: 20px;\n --spacing-12x: 24px;\n --spacing-16x: 32px;\n --spacing-20x: 40px;\n --spacing-24x: 48px;\n --spacing-32x: 64px;\n --spacing-40x: 80px;\n --spacing-60x: 120px;\n}\n\n:root {\n font-size: 16px;\n --plasma-typo-overflow-wrap: break-word;\n --plasma-typo-hyphens: auto;\n --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-text-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-letter-spacing: normal;\n --plasma-typo-dspl-l-font-style: normal;\n --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-bold-letter-spacing: normal;\n --plasma-typo-dspl-l-bold-font-style: normal;\n --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-letter-spacing: normal;\n --plasma-typo-dspl-m-font-style: normal;\n --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-bold-letter-spacing: normal;\n --plasma-typo-dspl-m-bold-font-style: normal;\n --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-letter-spacing: normal;\n --plasma-typo-dspl-s-font-style: normal;\n --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-bold-letter-spacing: normal;\n --plasma-typo-dspl-s-bold-font-style: normal;\n --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-letter-spacing: normal;\n --plasma-typo-h1-font-style: normal;\n --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-bold-letter-spacing: normal;\n --plasma-typo-h1-bold-font-style: normal;\n --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-letter-spacing: normal;\n --plasma-typo-h2-font-style: normal;\n --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-bold-letter-spacing: normal;\n --plasma-typo-h2-bold-font-style: normal;\n --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-letter-spacing: normal;\n --plasma-typo-h3-font-style: normal;\n --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-bold-letter-spacing: normal;\n --plasma-typo-h3-bold-font-style: normal;\n --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-letter-spacing: normal;\n --plasma-typo-h4-font-style: normal;\n --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-bold-letter-spacing: normal;\n --plasma-typo-h4-bold-font-style: normal;\n --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-letter-spacing: normal;\n --plasma-typo-h5-font-style: normal;\n --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-bold-letter-spacing: normal;\n --plasma-typo-h5-bold-font-style: normal;\n --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-letter-spacing: -0.02em;\n --plasma-typo-body-l-font-style: normal;\n --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-bold-letter-spacing: -0.02em;\n --plasma-typo-body-l-bold-font-style: normal;\n --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-letter-spacing: -0.02em;\n --plasma-typo-body-m-font-style: normal;\n --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-bold-letter-spacing: -0.02em;\n --plasma-typo-body-m-bold-font-style: normal;\n --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-letter-spacing: -0.02em;\n --plasma-typo-body-s-font-style: normal;\n --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-bold-letter-spacing: -0.02em;\n --plasma-typo-body-s-bold-font-style: normal;\n --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-letter-spacing: -0.02em;\n --plasma-typo-body-xs-font-style: normal;\n --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xs-bold-font-style: normal;\n --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-font-style: normal;\n --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-bold-font-style: normal;\n --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-letter-spacing: -0.02em;\n --plasma-typo-text-l-font-style: normal;\n --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-bold-letter-spacing: -0.02em;\n --plasma-typo-text-l-bold-font-style: normal;\n --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-letter-spacing: -0.02em;\n --plasma-typo-text-m-font-style: normal;\n --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-bold-letter-spacing: -0.02em;\n --plasma-typo-text-m-bold-font-style: normal;\n --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-letter-spacing: -0.02em;\n --plasma-typo-text-s-font-style: normal;\n --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-bold-letter-spacing: -0.02em;\n --plasma-typo-text-s-bold-font-style: normal;\n --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-letter-spacing: -0.02em;\n --plasma-typo-text-xs-font-style: normal;\n --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-text-xs-bold-font-style: normal;\n --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-medium-letter-spacing: normal;\n --plasma-typo-dspl-l-medium-font-style: normal;\n --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-medium-letter-spacing: normal;\n --plasma-typo-dspl-m-medium-font-style: normal;\n --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-medium-letter-spacing: normal;\n --plasma-typo-dspl-s-medium-font-style: normal;\n --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-medium-letter-spacing: normal;\n --plasma-typo-h1-medium-font-style: normal;\n --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-medium-letter-spacing: normal;\n --plasma-typo-h2-medium-font-style: normal;\n --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-medium-letter-spacing: normal;\n --plasma-typo-h3-medium-font-style: normal;\n --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-medium-letter-spacing: normal;\n --plasma-typo-h4-medium-font-style: normal;\n --plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-medium-letter-spacing: normal;\n --plasma-typo-h5-medium-font-style: normal;\n --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-medium-letter-spacing: -0.02em;\n --plasma-typo-body-l-medium-font-style: normal;\n --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-medium-letter-spacing: -0.02em;\n --plasma-typo-body-m-medium-font-style: normal;\n --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-medium-letter-spacing: -0.02em;\n --plasma-typo-body-s-medium-font-style: normal;\n --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xs-medium-font-style: normal;\n --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-medium-font-style: normal;\n --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-medium-letter-spacing: -0.02em;\n --plasma-typo-text-l-medium-font-style: normal;\n --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-medium-letter-spacing: -0.02em;\n --plasma-typo-text-m-medium-font-style: normal;\n --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-medium-letter-spacing: -0.02em;\n --plasma-typo-text-s-medium-font-style: normal;\n --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-text-xs-medium-font-style: normal;\n}\n\n@media (max-width: 559px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}\n\n@media (min-width: 560px) and (max-width: 959px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}\n\n@media (min-width: 960px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}"];
2
+ export var sdds_cs__light = ["\n:root {\n --text-primary-hover: #6A7E8AFF;\n --text-primary-active: #47545CFF;\n --text-secondary-hover: #000000FF;\n --text-secondary-active: #636D74FF;\n --text-tertiary-hover: #FFFFFFFF;\n --text-tertiary-active: #515B61FF;\n --text-accent-hover: #19CC19FF;\n --text-accent-active: #15A815FF;\n --text-accent-minor-hover: #2CE82CFF;\n --text-accent-minor-active: #13AE13FF;\n --text-positive-hover: #19CC19FF;\n --text-positive-active: #15A815FF;\n --text-warning-hover: #F5B638FF;\n --text-warning-active: #D08F0BFF;\n --text-negative-hover: #EE2F43FF;\n --text-negative-active: #BD0F21FF;\n --text-info-hover: #3FABF3FF;\n --text-info-active: #0D84D3FF;\n --text-primary: #23292D;\n --text-primary-brightness: #30363AFF;\n --text-secondary: #7B868E;\n --text-accent: #108210;\n --text-negative: #E31227;\n --text-positive: #108210;\n --text-accent-minor: #17D317;\n --text-tertiary: #657179;\n --text-warning: #F3A912;\n --text-info: #199AF0;\n --on-dark-text-primary-hover: #000000FF;\n --on-dark-text-primary-active: #B4C7D9FF;\n --on-dark-text-secondary-hover: #000000FF;\n --on-dark-text-secondary-active: #636D74FF;\n --on-dark-text-tertiary-hover: #FFFFFFFF;\n --on-dark-text-tertiary-active: #596269FF;\n --on-dark-text-accent-hover: #19D719FF;\n --on-dark-text-accent-active: #118D11FF;\n --on-dark-text-accent-minor-hover: #09AA09FF;\n --on-dark-text-accent-minor-active: #078307FF;\n --on-dark-text-positive-hover: #19D719FF;\n --on-dark-text-positive-active: #118D11FF;\n --on-dark-text-warning-hover: #F5B638FF;\n --on-dark-text-warning-active: #D08F0BFF;\n --on-dark-text-negative-hover: #FF5263FF;\n --on-dark-text-negative-active: #FF001AFF;\n --on-dark-text-info-hover: #3FABF3FF;\n --on-dark-text-info-active: #0D84D3FF;\n --on-dark-text-primary: #F7F9FB;\n --on-dark-text-primary-brightness: #F7F9FBFF;\n --on-dark-text-secondary: #7B868E;\n --on-dark-text-accent: #15B015;\n --on-dark-text-negative: #FF293E;\n --on-dark-text-positive: #15B015;\n --on-dark-text-accent-minor: #055C05;\n --on-dark-text-tertiary: #707C84;\n --on-dark-text-warning: #F3A912;\n --on-dark-text-info: #199AF0;\n --on-light-text-primary-hover: #6A7E8AFF;\n --on-light-text-primary-active: #47545CFF;\n --on-light-text-secondary-hover: #000000FF;\n --on-light-text-secondary-active: #636D74FF;\n --on-light-text-tertiary-hover: #FFFFFFFF;\n --on-light-text-tertiary-active: #515B61FF;\n --on-light-text-accent-hover: #19CC19FF;\n --on-light-text-accent-active: #15A815FF;\n --on-light-text-accent-minor-hover: #2CE82CFF;\n --on-light-text-accent-minor-active: #13AE13FF;\n --on-light-text-positive-hover: #19CC19FF;\n --on-light-text-positive-active: #15A815FF;\n --on-light-text-warning-hover: #F5B638FF;\n --on-light-text-warning-active: #D08F0BFF;\n --on-light-text-negative-hover: #EE2F43FF;\n --on-light-text-negative-active: #BD0F21FF;\n --on-light-text-info-hover: #3FABF3FF;\n --on-light-text-info-active: #0D84D3FF;\n --on-light-text-primary: #23292D;\n --on-light-text-primary-brightness: #30363AFF;\n --on-light-text-secondary: #7B868E;\n --on-light-text-accent: #108210;\n --on-light-text-positive: #108210;\n --on-light-text-negative: #E31227;\n --on-light-text-accent-minor: #17D317;\n --on-light-text-tertiary: #657179;\n --on-light-text-warning: #F3A912;\n --on-light-text-info: #199AF0;\n --inverse-text-primary-hover: #000000FF;\n --inverse-text-primary-active: #B4C7D9FF;\n --inverse-text-secondary-hover: #FFFFFFFF;\n --inverse-text-secondary-active: #90A3B2FF;\n --inverse-text-tertiary-hover: #FFFFFFFF;\n --inverse-text-tertiary-active: #636D74FF;\n --inverse-text-accent-hover: #19D719FF;\n --inverse-text-accent-active: #118D11FF;\n --inverse-text-accent-minor-hover: #09AA09FF;\n --inverse-text-accent-minor-active: #078307FF;\n --inverse-text-positive-hover: #19D719FF;\n --inverse-text-positive-active: #118D11FF;\n --inverse-text-warning-hover: #F5B638FF;\n --inverse-text-warning-active: #D08F0BFF;\n --inverse-text-negative-hover: #FF5263FF;\n --inverse-text-negative-active: #FF001AFF;\n --inverse-text-primary: #F7F9FB;\n --inverse-text-primary-brightness: #F7F9FBFF;\n --inverse-text-accent: #15B015;\n --inverse-text-positive: #15B015;\n --inverse-text-negative: #FF293E;\n --inverse-text-accent-minor: #055C05;\n --inverse-text-warning: #F3A912;\n --inverse-text-secondary: #C0CBD3;\n --inverse-text-tertiary: #7B868E;\n --surface-solid-primary-hover: #F8FAFBFF;\n --surface-solid-primary-active: #EBF0F4FF;\n --surface-solid-secondary-hover: #F5F8F9FF;\n --surface-solid-secondary-active: #E2E9EEFF;\n --surface-solid-tertiary-hover: #E2E9EEFF;\n --surface-solid-tertiary-active: #C9D5DEFF;\n --surface-solid-card-hover: #FFFFFFFF;\n --surface-solid-card-active: #FFFFFFFF;\n --surface-solid-default-hover: #7A8790FF;\n --surface-solid-default-active: #5D686FFF;\n --surface-clear-hover: #FFFFFF00;\n --surface-clear-active: #FFFFFF00;\n --surface-accent-hover: #0DA00DFF;\n --surface-accent-active: #0A7B0AFF;\n --surface-transparent-accent-hover: #0B8E0B0A;\n --surface-transparent-accent-active: #0B8E0B29;\n --surface-positive-hover: #0DA00DFF;\n --surface-positive-active: #0A7B0AFF;\n --surface-warning-hover: #F5B638FF;\n --surface-warning-active: #E49C0CFF;\n --surface-negative-hover: #F54254FF;\n --surface-negative-active: #ED0C23FF;\n --surface-info-hover: #36A7F2FF;\n --surface-info-active: #0F90E6FF;\n --surface-warning-minor-hover: #FFFAF0FF;\n --surface-warning-minor-active: #FFF3DBFF;\n --surface-info-minor-hover: #F5FBFFFF;\n --surface-info-minor-active: #E0F3FFFF;\n --surface-transparent-negative-hover: #FFFFFFFF;\n --surface-transparent-negative-active: #FFEBEDFF;\n --surface-solid-primary-brightness: #FFFFFFFF;\n --surface-solid-card: #FFFFFFFF;\n --surface-solid-card-brightness: #FFFFFFFF;\n --surface-solid-default: #657179;\n --surface-accent: #0B8C0B;\n --surface-positive: #0B8C0B;\n --surface-negative: #F31B31;\n --surface-transparent-accent: #0B8C0B1F;\n --surface-clear: #FFFFFF00;\n --surface-warning: #F3A912;\n --surface-warning-minor: #FFF6E5;\n --surface-info-minor: #EDF8FF;\n --surface-info: #199AF0;\n --surface-transparent-negative: #FFF5F6;\n --surface-solid-tertiary: #D5DFE6;\n --surface-solid-primary: #F2F5F8;\n --surface-solid-secondary: #E8EEF2;\n --on-dark-surface-solid-primary-hover: #394147FF;\n --on-dark-surface-solid-primary-active: #272C30FF;\n --on-dark-surface-solid-secondary-hover: #5A656CFF;\n --on-dark-surface-solid-secondary-active: #3F464BFF;\n --on-dark-surface-solid-tertiary-hover: #7A8790FF;\n --on-dark-surface-solid-tertiary-active: #5D686FFF;\n --on-dark-surface-solid-card-hover: #20282DFF;\n --on-dark-surface-solid-card-active: #0B0D0FFF;\n --on-dark-surface-solid-default-hover: #FFFFFFFF;\n --on-dark-surface-solid-default-active: #F1F5F8FF;\n --on-dark-surface-clear-hover: #FFFFFF00;\n --on-dark-surface-clear-active: #FFFFFF00;\n --on-dark-surface-accent-hover: #0DAF0DFF;\n --on-dark-surface-accent-active: #0A8A0AFF;\n --on-dark-surface-transparent-accent-hover: #0C9D0C1F;\n --on-dark-surface-transparent-accent-active: #0C9D0C3D;\n --on-dark-surface-promo-hover: #FFFFFFFF;\n --on-dark-surface-promo-active: #FFFFFFFF;\n --on-dark-surface-positive-hover: #0DAF0DFF;\n --on-dark-surface-positive-active: #0A8A0AFF;\n --on-dark-surface-warning-hover: #F5B638FF;\n --on-dark-surface-warning-active: #E49C0CFF;\n --on-dark-surface-negative-hover: #FF5263FF;\n --on-dark-surface-negative-active: #FF142CFF;\n --on-dark-surface-info-hover: #36A7F2FF;\n --on-dark-surface-info-active: #0F90E6FF;\n --on-dark-surface-warning-minor-hover: #32250BFF;\n --on-dark-surface-warning-minor-active: #110C04FF;\n --on-dark-surface-info-minor-hover: #0E2434FF;\n --on-dark-surface-info-minor-active: #050E14FF;\n --on-dark-surface-transparent-negative-hover: #400D12FF;\n --on-dark-surface-transparent-negative-active: #1E0608FF;\n --on-dark-surface-solid-primary-brightness: #3D464CFF;\n --on-dark-surface-solid-card: #13181B;\n --on-dark-surface-solid-card-brightness: #212629FF;\n --on-dark-surface-accent: #0C9C0C;\n --on-dark-surface-positive: #0C9C0C;\n --on-dark-surface-negative: #FF293E;\n --on-dark-surface-transparent-accent: #0C9C0C33;\n --on-dark-surface-solid-default: #F7F9FB;\n --on-dark-surface-promo: #FFFFFFFF;\n --on-dark-surface-clear: #FFFFFF00;\n --on-dark-surface-warning: #F3A912;\n --on-dark-surface-warning-minor: #211807;\n --on-dark-surface-info-minor: #0A1924;\n --on-dark-surface-info: #199AF0;\n --on-dark-surface-transparent-negative: #2E090D;\n --on-dark-surface-solid-secondary: #485056;\n --on-dark-surface-solid-tertiary: #657179;\n --on-dark-surface-solid-primary: #30373C;\n --on-light-surface-solid-primary-hover: #F8FAFBFF;\n --on-light-surface-solid-primary-active: #EBF0F4FF;\n --on-light-surface-solid-secondary-hover: #F5F8F9FF;\n --on-light-surface-solid-secondary-active: #E2E9EEFF;\n --on-light-surface-solid-tertiary-hover: #E2E9EEFF;\n --on-light-surface-solid-tertiary-active: #C9D5DEFF;\n --on-light-surface-solid-card-hover: #FFFFFFFF;\n --on-light-surface-solid-card-active: #FFFFFFFF;\n --on-light-surface-solid-default-hover: #7A8790FF;\n --on-light-surface-solid-default-active: #5D686FFF;\n --on-light-surface-clear-hover: #FFFFFF00;\n --on-light-surface-clear-active: #FFFFFF00;\n --on-light-surface-accent-hover: #0DA00DFF;\n --on-light-surface-accent-active: #0A7B0AFF;\n --on-light-surface-transparent-accent-hover: #0B8E0B0A;\n --on-light-surface-transparent-accent-active: #0B8E0B29;\n --on-light-surface-positive-hover: #0DA00DFF;\n --on-light-surface-positive-active: #0A7B0AFF;\n --on-light-surface-warning-hover: #F5B638FF;\n --on-light-surface-warning-active: #E49C0CFF;\n --on-light-surface-negative-hover: #F54254FF;\n --on-light-surface-negative-active: #ED0C23FF;\n --on-light-surface-info-hover: #36A7F2FF;\n --on-light-surface-info-active: #0F90E6FF;\n --on-light-surface-warning-minor-hover: #FFFAF0FF;\n --on-light-surface-warning-minor-active: #FFF3DBFF;\n --on-light-surface-info-minor-hover: #F5FBFFFF;\n --on-light-surface-info-minor-active: #E0F3FFFF;\n --on-light-surface-transparent-negative-hover: #FFFFFFFF;\n --on-light-surface-transparent-negative-active: #FFEBEDFF;\n --on-light-surface-solid-primary-brightness: #FFFFFFFF;\n --on-light-surface-solid-card: #FFFFFFFF;\n --on-light-surface-solid-card-brightness: #FFFFFFFF;\n --on-light-surface-solid-default: #657179;\n --on-light-surface-accent: #0B8C0B;\n --on-light-surface-positive: #0B8C0B;\n --on-light-surface-negative: #F31B31;\n --on-light-surface-transparent-accent: #0B8C0B1F;\n --on-light-surface-clear: #FFFFFF00;\n --on-light-surface-warning: #F3A912;\n --on-light-surface-warning-minor: #FFF6E5;\n --on-light-surface-info-minor: #EDF8FF;\n --on-light-surface-info: #199AF0;\n --on-light-surface-transparent-negative: #FFF5F6;\n --on-light-surface-solid-tertiary: #D5DFE6;\n --on-light-surface-solid-primary: #F2F5F8;\n --on-light-surface-solid-secondary: #E8EEF2;\n --inverse-surface-solid-primary-hover: #394147FF;\n --inverse-surface-solid-primary-active: #272C30FF;\n --inverse-surface-solid-secondary-hover: #5A656CFF;\n --inverse-surface-solid-secondary-active: #3F464BFF;\n --inverse-surface-solid-tertiary-hover: #7A8790FF;\n --inverse-surface-solid-tertiary-active: #5D686FFF;\n --inverse-surface-solid-card-hover: #20282DFF;\n --inverse-surface-solid-card-active: #0B0D0FFF;\n --inverse-surface-solid-default-hover: #FFFFFFFF;\n --inverse-surface-solid-default-active: #F1F5F8FF;\n --inverse-surface-clear-hover: #FFFFFF00;\n --inverse-surface-clear-active: #FFFFFF00;\n --inverse-surface-accent-hover: #0DAF0DFF;\n --inverse-surface-accent-active: #0A8A0AFF;\n --inverse-surface-transparent-accent-hover: #0C9D0C1F;\n --inverse-surface-transparent-accent-active: #0C9D0C3D;\n --inverse-surface-positive-hover: #0DAF0DFF;\n --inverse-surface-positive-active: #0A8A0AFF;\n --inverse-surface-warning-hover: #F5B638FF;\n --inverse-surface-warning-active: #E49C0CFF;\n --inverse-surface-negative-hover: #FF5263FF;\n --inverse-surface-negative-active: #FF142CFF;\n --inverse-surface-info-hover: #36A7F2FF;\n --inverse-surface-info-active: #0F90E6FF;\n --inverse-surface-warning-minor-hover: #32250BFF;\n --inverse-surface-warning-minor-active: #110C04FF;\n --inverse-surface-negative-minor-hover: #400D12FF;\n --inverse-surface-negative-minor-active: #1E0608FF;\n --inverse-surface-info-minor-hover: #0E2434FF;\n --inverse-surface-info-minor-active: #050E14FF;\n --inverse-surface-solid-primary-brightness: #3D464CFF;\n --inverse-surface-solid-card: #13181B;\n --inverse-surface-solid-card-brightness: #212629FF;\n --inverse-surface-accent: #0C9C0C;\n --inverse-surface-positive: #0C9C0C;\n --inverse-surface-negative: #FF293E;\n --inverse-surface-transparent-accent: #0C9C0C33;\n --inverse-surface-solid-default: #F7F9FB;\n --inverse-surface-clear: #FFFFFF00;\n --inverse-surface-warning: #F3A912;\n --inverse-surface-warning-minor: #211807;\n --inverse-surface-info-minor: #0A1924;\n --inverse-surface-info: #199AF0;\n --inverse-surface-negative-minor: #2E090D;\n --inverse-surface-solid-primary: #30373C;\n --inverse-surface-solid-secondary: #485056;\n --inverse-surface-solid-tertiary: #657179;\n --background-primary-brightness: #F3F6F8FF;\n --background-primary: #F2F5F8;\n --dark-background-primary: #060A0C;\n --light-background-primary: #F2F5F8;\n --inverse-background-primary: #060A0C;\n --inverse-background-primary-brightness: #15191BFF;\n --outline-solid-primary-hover: #E2E9EEFF;\n --outline-solid-primary-active: #C9D5DEFF;\n --outline-solid-secondary-hover: #F5F8F9FF;\n --outline-solid-secondary-active: #E2E9EEFF;\n --outline-clear-hover: #FFFFFFFF;\n --outline-clear-active: #FFFFFFFF;\n --outline-accent-hover: #149F14FF;\n --outline-accent-active: #0E710EFF;\n --outline-positive-hover: #149F14FF;\n --outline-positive-active: #0E710EFF;\n --outline-negative-hover: #ED1D31FF;\n --outline-negative-active: #D01124FF;\n --outline-info-hover: #0D7EC9FF;\n --outline-info-active: #0A66A3FF;\n --outline-positive: #108210;\n --outline-accent: #108210;\n --outline-negative: #E31227;\n --outline-solid-primary: #D5DFE6;\n --outline-solid-secondary: #E8EEF2;\n --outline-clear: #FFFFFF00;\n --outline-info: #0C72B6;\n --on-dark-outline-solid-primary-hover: #394147FF;\n --on-dark-outline-solid-primary-active: #272C30FF;\n --on-dark-outline-solid-secondary-hover: #20282DFF;\n --on-dark-outline-solid-secondary-active: #0B0D0FFF;\n --on-dark-outline-clear-hover: #FFFFFFFF;\n --on-dark-outline-clear-active: #FFFFFFFF;\n --on-dark-outline-accent-hover: #0DAF0DFF;\n --on-dark-outline-accent-active: #0A8A0AFF;\n --on-dark-outline-positive-hover: #0DAF0DFF;\n --on-dark-outline-positive-active: #0A8A0AFF;\n --on-dark-outline-negative-hover: #FF5263FF;\n --on-dark-outline-negative-active: #FF142CFF;\n --on-dark-outline-info-hover: #1798EEFF;\n --on-dark-outline-info-active: #0F81CCFF;\n --on-dark-outline-accent: #0C9C0C;\n --on-dark-outline-positive: #0C9C0C;\n --on-dark-outline-negative: #FF293E;\n --on-dark-outline-solid-primary: #30373C;\n --on-dark-outline-solid-secondary: #13181B;\n --on-dark-outline-clear: #FFFFFF00;\n --on-dark-outline-info: #118CDF;\n --on-light-outline-solid-primary-hover: #E2E9EEFF;\n --on-light-outline-solid-primary-active: #C9D5DEFF;\n --on-light-outline-solid-secondary-hover: #F5F8F9FF;\n --on-light-outline-solid-secondary-active: #E2E9EEFF;\n --on-light-outline-clear-hover: #FFFFFFFF;\n --on-light-outline-clear-active: #FFFFFFFF;\n --on-light-outline-accent-hover: #149F14FF;\n --on-light-outline-accent-active: #0E710EFF;\n --on-light-outline-positive-hover: #0F9928FF;\n --on-light-outline-positive-active: #0B741FFF;\n --on-light-outline-negative-hover: #ED1D31FF;\n --on-light-outline-negative-active: #D01124FF;\n --on-light-outline-info-hover: #0D7EC9FF;\n --on-light-outline-info-active: #0A66A3FF;\n --on-light-outline-accent: #108210;\n --on-light-outline-positive: #0D8523;\n --on-light-outline-negative: #E31227;\n --on-light-outline-solid-primary: #D5DFE6;\n --on-light-outline-solid-secondary: #E8EEF2;\n --on-light-outline-clear: #FFFFFF00;\n --on-light-outline-info: #0C72B6;\n --inverse-outline-solid-primary-hover: #394147FF;\n --inverse-outline-solid-primary-active: #272C30FF;\n --inverse-outline-solid-secondary-hover: #FFFFFFFF;\n --inverse-outline-solid-secondary-active: #515B61FF;\n --inverse-outline-clear-hover: #FFFFFFFF;\n --inverse-outline-clear-active: #FFFFFFFF;\n --inverse-outline-accent-hover: #0DAF0DFF;\n --inverse-outline-accent-active: #0A8A0AFF;\n --inverse-outline-positive-hover: #0DAF0DFF;\n --inverse-outline-positive-active: #0A8A0AFF;\n --inverse-outline-negative-hover: #FF5263FF;\n --inverse-outline-negative-active: #FF142CFF;\n --inverse-outline-info-hover: #1798EEFF;\n --inverse-outline-info-active: #0F81CCFF;\n --inverse-outline-accent: #0C9C0C;\n --inverse-outline-negative: #FF293E;\n --inverse-outline-positive: #0C9C0C;\n --inverse-outline-solid-primary: #30373C;\n --inverse-outline-clear: #FFFFFF00;\n --inverse-outline-info: #118CDF;\n --inverse-outline-solid-secondary: #657179;\n --data-yellow: #F3A912;\n --data-yellow-hover: #F5B638FF;\n --data-yellow-active: #E49C0CFF;\n --data-yellow-minor: #FFD37A;\n --data-yellow-minor-hover: #FFDA8FFF;\n --data-yellow-minor-active: #FFCC66FF;\n --data-yellow-transparent: #F3A9128F;\n --data-yellow-transparent-hover: #F3A8127A;\n --data-yellow-transparent-active: #F3A81299;\n --on-dark-data-yellow: #F3A912;\n --on-dark-data-yellow-hover: #F5B638FF;\n --on-dark-data-yellow-active: #E49C0CFF;\n --on-dark-data-yellow-minor: #A16B00;\n --on-dark-data-yellow-minor-hover: #B87A00FF;\n --on-dark-data-yellow-minor-active: #8F5F00FF;\n --on-dark-data-yellow-transparent: #F3A9128F;\n --on-dark-data-yellow-transparent-hover: #F3A8127A;\n --on-dark-data-yellow-transparent-active: #F3A81299;\n --on-light-data-yellow: #F3A912;\n --on-light-data-yellow-hover: #F5B638FF;\n --on-light-data-yellow-active: #E49C0CFF;\n --on-light-data-yellow-minor: #FFD37A;\n --on-light-data-yellow-minor-hover: #FFDA8FFF;\n --on-light-data-yellow-minor-active: #FFCC66FF;\n --on-light-data-yellow-transparent: #F3A9128F;\n --on-light-data-yellow-transparent-hover: #F3A8127A;\n --on-light-data-yellow-transparent-active: #F3A81299;\n --inverse-data-yellow: #F3A912;\n --inverse-data-yellow-hover: #F5B638FF;\n --inverse-data-yellow-active: #E49C0CFF;\n --inverse-data-yellow-minor: #A16B00;\n --inverse-data-yellow-minor-hover: #B87A00FF;\n --inverse-data-yellow-minor-active: #8F5F00FF;\n --inverse-data-yellow-transparent: #F3A9128F;\n --inverse-data-yellow-transparent-hover: #F3A8127A;\n --inverse-data-yellow-transparent-active: #F3A81299;\n color: var(--text-primary);\n background-color: var(--background-primary);\n}\n\n:root {\n --inverse-text-promo-minor-gradient-hover: #3FABF3FF;\n --inverse-text-promo-minor-gradient-active: #0D84D3FF;\n/** \u0418\u043D\u0432\u0435\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u043C\u0438\u043D\u043E\u0440\u043D\u044B\u0439 \u043F\u0440\u043E\u043C\u043E \u0446\u0432\u0435\u0442 \u0441 \u0433\u0440\u0430\u0434\u0438\u0435\u043D\u0442\u043E\u043C */\nexport const inverseTextPromoMinorGradient = 'var(--inverse-text-promo-minor-gradient)';\n\n --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);\n --surface-skeleton-gradient-hover: #FFFFFFFF;\n --surface-skeleton-gradient-active: #FFFFFFFF;\n --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);\n --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);\n --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;\n --on-light-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);\n --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;\n --inverse-surface-skeleton-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n}\n\n:root {\n --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A;\n --shadow-down-soft-m: 0px 24px 48px -8px #00000014;\n --shadow-down-soft-l: 0px 60px 112px -8px #00000014;\n --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014;\n --shadow-down-hard-m: 0px 16px 32px -8px #0000003D;\n --shadow-down-hard-l: 0px 60px 112px -8px #00000066;\n --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008;\n --shadow-up-soft-m: 0px -24px 48px -8px #00000014;\n --shadow-up-soft-l: 0px -60px 112px -8px #00000014;\n --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008;\n --shadow-up-hard-m: 0px -16px 32px -8px #0000003D;\n --shadow-up-hard-l: 0px -60px 112px -8px #00000066;\n}\n\n:root {\n --border-radius-xxs: 4px;\n --border-radius-xs: 8px;\n --border-radius-s: 12px;\n --border-radius-m: 16px;\n --border-radius-l: 20px;\n --border-radius-xl: 24px;\n --border-radius-xxl: 32px;\n}\n\n:root {\n --spacing-0x: 0px;\n --spacing-1x: 2px;\n --spacing-2x: 4px;\n --spacing-3x: 6px;\n --spacing-4x: 8px;\n --spacing-6x: 12px;\n --spacing-8x: 16px;\n --spacing-10x: 20px;\n --spacing-12x: 24px;\n --spacing-16x: 32px;\n --spacing-20x: 40px;\n --spacing-24x: 48px;\n --spacing-32x: 64px;\n --spacing-40x: 80px;\n --spacing-60x: 120px;\n}\n\n:root {\n font-size: 16px;\n --plasma-typo-overflow-wrap: break-word;\n --plasma-typo-hyphens: auto;\n --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-text-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-letter-spacing: normal;\n --plasma-typo-dspl-l-font-style: normal;\n --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-bold-letter-spacing: normal;\n --plasma-typo-dspl-l-bold-font-style: normal;\n --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-letter-spacing: normal;\n --plasma-typo-dspl-m-font-style: normal;\n --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-bold-letter-spacing: normal;\n --plasma-typo-dspl-m-bold-font-style: normal;\n --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-letter-spacing: normal;\n --plasma-typo-dspl-s-font-style: normal;\n --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-bold-letter-spacing: normal;\n --plasma-typo-dspl-s-bold-font-style: normal;\n --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-letter-spacing: normal;\n --plasma-typo-h1-font-style: normal;\n --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-bold-letter-spacing: normal;\n --plasma-typo-h1-bold-font-style: normal;\n --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-letter-spacing: normal;\n --plasma-typo-h2-font-style: normal;\n --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-bold-letter-spacing: normal;\n --plasma-typo-h2-bold-font-style: normal;\n --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-letter-spacing: normal;\n --plasma-typo-h3-font-style: normal;\n --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-bold-letter-spacing: normal;\n --plasma-typo-h3-bold-font-style: normal;\n --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-letter-spacing: normal;\n --plasma-typo-h4-font-style: normal;\n --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-bold-letter-spacing: normal;\n --plasma-typo-h4-bold-font-style: normal;\n --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-letter-spacing: normal;\n --plasma-typo-h5-font-style: normal;\n --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-bold-letter-spacing: normal;\n --plasma-typo-h5-bold-font-style: normal;\n --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-letter-spacing: -0.02em;\n --plasma-typo-body-l-font-style: normal;\n --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-bold-letter-spacing: -0.02em;\n --plasma-typo-body-l-bold-font-style: normal;\n --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-letter-spacing: -0.02em;\n --plasma-typo-body-m-font-style: normal;\n --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-bold-letter-spacing: -0.02em;\n --plasma-typo-body-m-bold-font-style: normal;\n --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-letter-spacing: -0.02em;\n --plasma-typo-body-s-font-style: normal;\n --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-bold-letter-spacing: -0.02em;\n --plasma-typo-body-s-bold-font-style: normal;\n --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-letter-spacing: -0.02em;\n --plasma-typo-body-xs-font-style: normal;\n --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xs-bold-font-style: normal;\n --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-font-style: normal;\n --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-bold-font-style: normal;\n --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-letter-spacing: -0.02em;\n --plasma-typo-text-l-font-style: normal;\n --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-bold-letter-spacing: -0.02em;\n --plasma-typo-text-l-bold-font-style: normal;\n --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-letter-spacing: -0.02em;\n --plasma-typo-text-m-font-style: normal;\n --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-bold-letter-spacing: -0.02em;\n --plasma-typo-text-m-bold-font-style: normal;\n --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-letter-spacing: -0.02em;\n --plasma-typo-text-s-font-style: normal;\n --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-bold-letter-spacing: -0.02em;\n --plasma-typo-text-s-bold-font-style: normal;\n --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-letter-spacing: -0.02em;\n --plasma-typo-text-xs-font-style: normal;\n --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-text-xs-bold-font-style: normal;\n --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-medium-letter-spacing: normal;\n --plasma-typo-dspl-l-medium-font-style: normal;\n --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-medium-letter-spacing: normal;\n --plasma-typo-dspl-m-medium-font-style: normal;\n --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-medium-letter-spacing: normal;\n --plasma-typo-dspl-s-medium-font-style: normal;\n --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-medium-letter-spacing: normal;\n --plasma-typo-h1-medium-font-style: normal;\n --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-medium-letter-spacing: normal;\n --plasma-typo-h2-medium-font-style: normal;\n --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-medium-letter-spacing: normal;\n --plasma-typo-h3-medium-font-style: normal;\n --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-medium-letter-spacing: normal;\n --plasma-typo-h4-medium-font-style: normal;\n --plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-medium-letter-spacing: normal;\n --plasma-typo-h5-medium-font-style: normal;\n --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-medium-letter-spacing: -0.02em;\n --plasma-typo-body-l-medium-font-style: normal;\n --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-medium-letter-spacing: -0.02em;\n --plasma-typo-body-m-medium-font-style: normal;\n --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-medium-letter-spacing: -0.02em;\n --plasma-typo-body-s-medium-font-style: normal;\n --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xs-medium-font-style: normal;\n --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-medium-font-style: normal;\n --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-medium-letter-spacing: -0.02em;\n --plasma-typo-text-l-medium-font-style: normal;\n --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-medium-letter-spacing: -0.02em;\n --plasma-typo-text-m-medium-font-style: normal;\n --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-medium-letter-spacing: -0.02em;\n --plasma-typo-text-s-medium-font-style: normal;\n --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-text-xs-medium-font-style: normal;\n}\n\n@media (max-width: 559px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}\n\n@media (min-width: 560px) and (max-width: 959px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}\n\n@media (min-width: 960px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}"];
3
3
  //# sourceMappingURL=sdds_cs__light.js.map
package/es/tokens/sdds_cs/index.js CHANGED
@@ -1434,6 +1434,6 @@ export var textXSMedium = {
1434
1434
  };
1435
1435
  export var viewContainer = {
1436
1436
  dark: "\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary: var(--on-dark-text-secondary);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\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-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 --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-secondary: 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-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-positive: var(--on-light-text-positive);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-negative: 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 --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-secondary: 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 --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-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-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-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-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-positive: var(--on-dark-surface-positive);\n --surface-positive-hover: var(--on-dark-surface-positive-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-warning-minor: var(--on-dark-surface-warning-minor);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-info-minor: var(--on-dark-surface-info-minor);\n --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\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 --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-secondary: 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-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\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-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-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\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-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-warning-minor: var(--on-light-surface-warning-minor);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\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: var(--on-light-surface-info-minor);\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 --background-primary: var(--dark-background-primary);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\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: var(--on-dark-outline-solid-secondary);\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-clear: var(--on-dark-outline-clear);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\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-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 --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\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-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: var(--on-light-outline-accent);\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-positive: var(--on-light-outline-positive);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-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 --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-text-promo-minor-gradient: var(--on-light-text-promo-minor-gradient);\n --inverse-text-promo-minor-gradient-hover: var(--on-light-text-promo-minor-gradient-hover);\n --inverse-text-promo-minor-gradient-active: var(--on-light-text-promo-minor-gradient-active);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n ",
1437
- light: "\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary: var(--on-light-text-secondary);\n --text-accent: var(--on-light-text-accent);\n --text-negative: var(--on-light-text-negative);\n --text-positive: var(--on-light-text-positive);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-warning: var(--on-light-text-warning);\n --text-info: var(--on-light-text-info);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-warning: var(--on-dark-text-warning);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\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-accent: var(--on-light-surface-accent);\n --surface-positive: var(--on-light-surface-positive);\n --surface-negative: var(--on-light-surface-negative);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-clear: var(--on-light-surface-clear);\n --surface-warning: var(--on-light-surface-warning);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-info: var(--on-light-surface-info);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-primary: var(--on-light-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-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --background-primary: var(--light-background-primary);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\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-clear-hover: var(--on-light-outline-clear-hover);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive: var(--on-light-outline-positive);\n --outline-accent: var(--on-light-outline-accent);\n --outline-negative: var(--on-light-outline-negative);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-clear: var(--on-light-outline-clear);\n --outline-info: var(--on-light-outline-info);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-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-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --inverse-outline-clear: var(--on-dark-outline-clear);\n --inverse-outline-info: var(--on-dark-outline-info);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-text-promo-minor-gradient-hover: var(--on-dark-text-promo-minor-gradient-hover);\n --inverse-text-promo-minor-gradient-active: var(--on-dark-text-promo-minor-gradient-active);\n --inverse-text-promo-minor-gradient: var(--on-dark-text-promo-minor-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
1437
+ light: "\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary: var(--on-light-text-secondary);\n --text-accent: var(--on-light-text-accent);\n --text-negative: var(--on-light-text-negative);\n --text-positive: var(--on-light-text-positive);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-warning: var(--on-light-text-warning);\n --text-info: var(--on-light-text-info);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\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-accent: var(--on-light-surface-accent);\n --surface-positive: var(--on-light-surface-positive);\n --surface-negative: var(--on-light-surface-negative);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-clear: var(--on-light-surface-clear);\n --surface-warning: var(--on-light-surface-warning);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-info: var(--on-light-surface-info);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --background-primary: var(--light-background-primary);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\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-clear-hover: var(--on-light-outline-clear-hover);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive: var(--on-light-outline-positive);\n --outline-accent: var(--on-light-outline-accent);\n --outline-negative: var(--on-light-outline-negative);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-clear: var(--on-light-outline-clear);\n --outline-info: var(--on-light-outline-info);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-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-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-clear: var(--on-dark-outline-clear);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-text-promo-minor-gradient-hover: var(--on-dark-text-promo-minor-gradient-hover);\n --inverse-text-promo-minor-gradient-active: var(--on-dark-text-promo-minor-gradient-active);\n --inverse-text-promo-minor-gradient: var(--on-dark-text-promo-minor-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
1438
1438
  };
1439
1439
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-themes",
3
- "version": "0.45.0-dev.0",
3
+ "version": "0.46.0-canary.2162.17096430421.0",
4
4
  "description": "Sdds-themes package",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -41,5 +41,5 @@
41
41
  "Vasiliy Loginevskiy"
42
42
  ],
43
43
  "sideEffects": false,
44
- "gitHead": "e1396b0bef4ae773c438eff6f1d00d3203422a0e"
44
+ "gitHead": "98a6314bdd682e7d172b607d7e62ef5d39c7d58b"
45
45
  }
package/themes/sdds_cs__light.js CHANGED
@@ -2,5 +2,5 @@
2
2
  // Generated by robots, do not change this manually!
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  exports.sdds_cs__light = void 0;
5
- exports.sdds_cs__light = ["\n:root {\n --text-primary-hover: #6A7E8AFF;\n --text-primary-active: #47545CFF;\n --text-secondary-hover: #000000FF;\n --text-secondary-active: #636D74FF;\n --text-tertiary-hover: #FFFFFFFF;\n --text-tertiary-active: #515B61FF;\n --text-accent-hover: #19CC19FF;\n --text-accent-active: #15A815FF;\n --text-accent-minor-hover: #2CE82CFF;\n --text-accent-minor-active: #13AE13FF;\n --text-positive-hover: #19CC19FF;\n --text-positive-active: #15A815FF;\n --text-warning-hover: #F5B638FF;\n --text-warning-active: #D08F0BFF;\n --text-negative-hover: #EE2F43FF;\n --text-negative-active: #BD0F21FF;\n --text-info-hover: #3FABF3FF;\n --text-info-active: #0D84D3FF;\n --text-primary: #23292D;\n --text-primary-brightness: #30363AFF;\n --text-secondary: #7B868E;\n --text-accent: #108210;\n --text-negative: #E31227;\n --text-positive: #108210;\n --text-accent-minor: #17D317;\n --text-tertiary: #657179;\n --text-warning: #F3A912;\n --text-info: #199AF0;\n --on-dark-text-primary-hover: #000000FF;\n --on-dark-text-primary-active: #B4C7D9FF;\n --on-dark-text-secondary-hover: #000000FF;\n --on-dark-text-secondary-active: #636D74FF;\n --on-dark-text-tertiary-hover: #FFFFFFFF;\n --on-dark-text-tertiary-active: #596269FF;\n --on-dark-text-accent-hover: #19D719FF;\n --on-dark-text-accent-active: #118D11FF;\n --on-dark-text-accent-minor-hover: #09AA09FF;\n --on-dark-text-accent-minor-active: #078307FF;\n --on-dark-text-positive-hover: #19D719FF;\n --on-dark-text-positive-active: #118D11FF;\n --on-dark-text-warning-hover: #F5B638FF;\n --on-dark-text-warning-active: #D08F0BFF;\n --on-dark-text-negative-hover: #FF5263FF;\n --on-dark-text-negative-active: #FF001AFF;\n --on-dark-text-info-hover: #3FABF3FF;\n --on-dark-text-info-active: #0D84D3FF;\n --on-dark-text-primary: #F7F9FB;\n --on-dark-text-primary-brightness: #F7F9FBFF;\n --on-dark-text-secondary: #7B868E;\n --on-dark-text-accent: #15B015;\n --on-dark-text-negative: #FF293E;\n --on-dark-text-positive: #15B015;\n --on-dark-text-accent-minor: #055C05;\n --on-dark-text-tertiary: #707C84;\n --on-dark-text-warning: #F3A912;\n --on-dark-text-info: #199AF0;\n --on-light-text-primary-hover: #6A7E8AFF;\n --on-light-text-primary-active: #47545CFF;\n --on-light-text-secondary-hover: #000000FF;\n --on-light-text-secondary-active: #636D74FF;\n --on-light-text-tertiary-hover: #FFFFFFFF;\n --on-light-text-tertiary-active: #515B61FF;\n --on-light-text-accent-hover: #19CC19FF;\n --on-light-text-accent-active: #15A815FF;\n --on-light-text-accent-minor-hover: #2CE82CFF;\n --on-light-text-accent-minor-active: #13AE13FF;\n --on-light-text-positive-hover: #19CC19FF;\n --on-light-text-positive-active: #15A815FF;\n --on-light-text-warning-hover: #F5B638FF;\n --on-light-text-warning-active: #D08F0BFF;\n --on-light-text-negative-hover: #EE2F43FF;\n --on-light-text-negative-active: #BD0F21FF;\n --on-light-text-info-hover: #3FABF3FF;\n --on-light-text-info-active: #0D84D3FF;\n --on-light-text-primary: #23292D;\n --on-light-text-primary-brightness: #30363AFF;\n --on-light-text-secondary: #7B868E;\n --on-light-text-accent: #108210;\n --on-light-text-positive: #108210;\n --on-light-text-negative: #E31227;\n --on-light-text-accent-minor: #17D317;\n --on-light-text-tertiary: #657179;\n --on-light-text-warning: #F3A912;\n --on-light-text-info: #199AF0;\n --inverse-text-primary-hover: #000000FF;\n --inverse-text-primary-active: #B4C7D9FF;\n --inverse-text-secondary-hover: #000000FF;\n --inverse-text-secondary-active: #636D74FF;\n --inverse-text-tertiary-hover: #FFFFFFFF;\n --inverse-text-tertiary-active: #596269FF;\n --inverse-text-accent-hover: #19D719FF;\n --inverse-text-accent-active: #118D11FF;\n --inverse-text-accent-minor-hover: #09AA09FF;\n --inverse-text-accent-minor-active: #078307FF;\n --inverse-text-positive-hover: #19D719FF;\n --inverse-text-positive-active: #118D11FF;\n --inverse-text-warning-hover: #F5B638FF;\n --inverse-text-warning-active: #D08F0BFF;\n --inverse-text-negative-hover: #FF5263FF;\n --inverse-text-negative-active: #FF001AFF;\n --inverse-text-primary: #F7F9FB;\n --inverse-text-primary-brightness: #F7F9FBFF;\n --inverse-text-secondary: #7B868E;\n --inverse-text-accent: #15B015;\n --inverse-text-positive: #15B015;\n --inverse-text-negative: #FF293E;\n --inverse-text-accent-minor: #055C05;\n --inverse-text-tertiary: #707C84;\n --inverse-text-warning: #F3A912;\n --surface-solid-primary-hover: #F5F8F9FF;\n --surface-solid-primary-active: #E2E9EEFF;\n --surface-solid-secondary-hover: #F8FAFBFF;\n --surface-solid-secondary-active: #EBF0F4FF;\n --surface-solid-tertiary-hover: #E2E9EEFF;\n --surface-solid-tertiary-active: #C9D5DEFF;\n --surface-solid-card-hover: #FFFFFFFF;\n --surface-solid-card-active: #FFFFFFFF;\n --surface-solid-default-hover: #7A8790FF;\n --surface-solid-default-active: #5D686FFF;\n --surface-clear-hover: #FFFFFF00;\n --surface-clear-active: #FFFFFF00;\n --surface-accent-hover: #0DA00DFF;\n --surface-accent-active: #0A7B0AFF;\n --surface-transparent-accent-hover: #0B8E0B0A;\n --surface-transparent-accent-active: #0B8E0B29;\n --surface-positive-hover: #0DA00DFF;\n --surface-positive-active: #0A7B0AFF;\n --surface-warning-hover: #F5B638FF;\n --surface-warning-active: #E49C0CFF;\n --surface-negative-hover: #F54254FF;\n --surface-negative-active: #ED0C23FF;\n --surface-info-hover: #36A7F2FF;\n --surface-info-active: #0F90E6FF;\n --surface-warning-minor-hover: #FFFAF0FF;\n --surface-warning-minor-active: #FFF3DBFF;\n --surface-info-minor-hover: #F5FBFFFF;\n --surface-info-minor-active: #E0F3FFFF;\n --surface-transparent-negative-hover: #FFFFFFFF;\n --surface-transparent-negative-active: #FFEBEDFF;\n --surface-solid-primary-brightness: #FCFDFDFF;\n --surface-solid-card: #FFFFFFFF;\n --surface-solid-card-brightness: #FFFFFFFF;\n --surface-solid-default: #657179;\n --surface-accent: #0B8C0B;\n --surface-positive: #0B8C0B;\n --surface-negative: #F31B31;\n --surface-transparent-accent: #0B8C0B1F;\n --surface-clear: #FFFFFF00;\n --surface-warning: #F3A912;\n --surface-warning-minor: #FFF6E5;\n --surface-info-minor: #EDF8FF;\n --surface-info: #199AF0;\n --surface-transparent-negative: #FFF5F6;\n --surface-solid-secondary: #F2F5F8;\n --surface-solid-tertiary: #D5DFE6;\n --surface-solid-primary: #E8EEF2;\n --on-dark-surface-solid-primary-hover: #394147FF;\n --on-dark-surface-solid-primary-active: #272C30FF;\n --on-dark-surface-solid-secondary-hover: #5A656CFF;\n --on-dark-surface-solid-secondary-active: #3F464BFF;\n --on-dark-surface-solid-tertiary-hover: #7A8790FF;\n --on-dark-surface-solid-tertiary-active: #5D686FFF;\n --on-dark-surface-solid-card-hover: #20282DFF;\n --on-dark-surface-solid-card-active: #0B0D0FFF;\n --on-dark-surface-solid-default-hover: #FFFFFFFF;\n --on-dark-surface-solid-default-active: #F1F5F8FF;\n --on-dark-surface-clear-hover: #FFFFFF00;\n --on-dark-surface-clear-active: #FFFFFF00;\n --on-dark-surface-accent-hover: #0DAF0DFF;\n --on-dark-surface-accent-active: #0A8A0AFF;\n --on-dark-surface-transparent-accent-hover: #0C9D0C1F;\n --on-dark-surface-transparent-accent-active: #0C9D0C3D;\n --on-dark-surface-promo-hover: #FFFFFFFF;\n --on-dark-surface-promo-active: #FFFFFFFF;\n --on-dark-surface-positive-hover: #0DAF0DFF;\n --on-dark-surface-positive-active: #0A8A0AFF;\n --on-dark-surface-warning-hover: #F5B638FF;\n --on-dark-surface-warning-active: #E49C0CFF;\n --on-dark-surface-negative-hover: #FF5263FF;\n --on-dark-surface-negative-active: #FF142CFF;\n --on-dark-surface-info-hover: #36A7F2FF;\n --on-dark-surface-info-active: #0F90E6FF;\n --on-dark-surface-warning-minor-hover: #32250BFF;\n --on-dark-surface-warning-minor-active: #110C04FF;\n --on-dark-surface-info-minor-hover: #0E2434FF;\n --on-dark-surface-info-minor-active: #050E14FF;\n --on-dark-surface-transparent-negative-hover: #400D12FF;\n --on-dark-surface-transparent-negative-active: #1E0608FF;\n --on-dark-surface-solid-primary-brightness: #3D464CFF;\n --on-dark-surface-solid-card: #13181B;\n --on-dark-surface-solid-card-brightness: #212629FF;\n --on-dark-surface-accent: #0C9C0C;\n --on-dark-surface-positive: #0C9C0C;\n --on-dark-surface-negative: #FF293E;\n --on-dark-surface-transparent-accent: #0C9C0C33;\n --on-dark-surface-solid-default: #F7F9FB;\n --on-dark-surface-promo: #FFFFFFFF;\n --on-dark-surface-clear: #FFFFFF00;\n --on-dark-surface-warning: #F3A912;\n --on-dark-surface-warning-minor: #211807;\n --on-dark-surface-info-minor: #0A1924;\n --on-dark-surface-info: #199AF0;\n --on-dark-surface-transparent-negative: #2E090D;\n --on-dark-surface-solid-secondary: #485056;\n --on-dark-surface-solid-tertiary: #657179;\n --on-dark-surface-solid-primary: #30373C;\n --on-light-surface-solid-primary-hover: #F5F8F9FF;\n --on-light-surface-solid-primary-active: #E2E9EEFF;\n --on-light-surface-solid-secondary-hover: #F8FAFBFF;\n --on-light-surface-solid-secondary-active: #EBF0F4FF;\n --on-light-surface-solid-tertiary-hover: #E2E9EEFF;\n --on-light-surface-solid-tertiary-active: #C9D5DEFF;\n --on-light-surface-solid-card-hover: #FFFFFFFF;\n --on-light-surface-solid-card-active: #FFFFFFFF;\n --on-light-surface-solid-default-hover: #7A8790FF;\n --on-light-surface-solid-default-active: #5D686FFF;\n --on-light-surface-clear-hover: #FFFFFF00;\n --on-light-surface-clear-active: #FFFFFF00;\n --on-light-surface-accent-hover: #0DA00DFF;\n --on-light-surface-accent-active: #0A7B0AFF;\n --on-light-surface-transparent-accent-hover: #0B8E0B0A;\n --on-light-surface-transparent-accent-active: #0B8E0B29;\n --on-light-surface-positive-hover: #0DA00DFF;\n --on-light-surface-positive-active: #0A7B0AFF;\n --on-light-surface-warning-hover: #F5B638FF;\n --on-light-surface-warning-active: #E49C0CFF;\n --on-light-surface-negative-hover: #F54254FF;\n --on-light-surface-negative-active: #ED0C23FF;\n --on-light-surface-info-hover: #36A7F2FF;\n --on-light-surface-info-active: #0F90E6FF;\n --on-light-surface-warning-minor-hover: #FFFAF0FF;\n --on-light-surface-warning-minor-active: #FFF3DBFF;\n --on-light-surface-info-minor-hover: #F5FBFFFF;\n --on-light-surface-info-minor-active: #E0F3FFFF;\n --on-light-surface-transparent-negative-hover: #FFFFFFFF;\n --on-light-surface-transparent-negative-active: #FFEBEDFF;\n --on-light-surface-solid-primary-brightness: #FCFDFDFF;\n --on-light-surface-solid-card: #FFFFFFFF;\n --on-light-surface-solid-card-brightness: #FFFFFFFF;\n --on-light-surface-solid-default: #657179;\n --on-light-surface-accent: #0B8C0B;\n --on-light-surface-positive: #0B8C0B;\n --on-light-surface-negative: #F31B31;\n --on-light-surface-transparent-accent: #0B8C0B1F;\n --on-light-surface-clear: #FFFFFF00;\n --on-light-surface-warning: #F3A912;\n --on-light-surface-warning-minor: #FFF6E5;\n --on-light-surface-info-minor: #EDF8FF;\n --on-light-surface-info: #199AF0;\n --on-light-surface-transparent-negative: #FFF5F6;\n --on-light-surface-solid-tertiary: #D5DFE6;\n --on-light-surface-solid-primary: #E8EEF2;\n --on-light-surface-solid-secondary: #F2F5F8;\n --inverse-surface-solid-primary-hover: #394147FF;\n --inverse-surface-solid-primary-active: #272C30FF;\n --inverse-surface-solid-secondary-hover: #5A656CFF;\n --inverse-surface-solid-secondary-active: #3F464BFF;\n --inverse-surface-solid-tertiary-hover: #7A8790FF;\n --inverse-surface-solid-tertiary-active: #5D686FFF;\n --inverse-surface-solid-card-hover: #20282DFF;\n --inverse-surface-solid-card-active: #0B0D0FFF;\n --inverse-surface-solid-default-hover: #FFFFFFFF;\n --inverse-surface-solid-default-active: #F1F5F8FF;\n --inverse-surface-clear-hover: #FFFFFF00;\n --inverse-surface-clear-active: #FFFFFF00;\n --inverse-surface-accent-hover: #0DAF0DFF;\n --inverse-surface-accent-active: #0A8A0AFF;\n --inverse-surface-transparent-accent-hover: #0C9D0C1F;\n --inverse-surface-transparent-accent-active: #0C9D0C3D;\n --inverse-surface-positive-hover: #0DAF0DFF;\n --inverse-surface-positive-active: #0A8A0AFF;\n --inverse-surface-warning-hover: #F5B638FF;\n --inverse-surface-warning-active: #E49C0CFF;\n --inverse-surface-negative-hover: #FF5263FF;\n --inverse-surface-negative-active: #FF142CFF;\n --inverse-surface-info-hover: #36A7F2FF;\n --inverse-surface-info-active: #0F90E6FF;\n --inverse-surface-warning-minor-hover: #32250BFF;\n --inverse-surface-warning-minor-active: #110C04FF;\n --inverse-surface-negative-minor-hover: #400D12FF;\n --inverse-surface-negative-minor-active: #1E0608FF;\n --inverse-surface-info-minor-hover: #0E2434FF;\n --inverse-surface-info-minor-active: #050E14FF;\n --inverse-surface-solid-primary-brightness: #3D464CFF;\n --inverse-surface-solid-card: #13181B;\n --inverse-surface-solid-card-brightness: #212629FF;\n --inverse-surface-accent: #0C9C0C;\n --inverse-surface-positive: #0C9C0C;\n --inverse-surface-negative: #FF293E;\n --inverse-surface-transparent-accent: #0C9C0C33;\n --inverse-surface-solid-default: #F7F9FB;\n --inverse-surface-clear: #FFFFFF00;\n --inverse-surface-warning: #F3A912;\n --inverse-surface-warning-minor: #211807;\n --inverse-surface-info-minor: #0A1924;\n --inverse-surface-info: #199AF0;\n --inverse-surface-negative-minor: #2E090D;\n --inverse-surface-solid-primary: #30373C;\n --inverse-surface-solid-secondary: #485056;\n --inverse-surface-solid-tertiary: #657179;\n --background-primary-brightness: #F3F6F8FF;\n --background-primary: #E8EEF2;\n --dark-background-primary: #060A0C;\n --light-background-primary: #E8EEF2;\n --inverse-background-primary: #060A0C;\n --inverse-background-primary-brightness: #15191BFF;\n --outline-solid-primary-hover: #E2E9EEFF;\n --outline-solid-primary-active: #C9D5DEFF;\n --outline-solid-secondary-hover: #F5F8F9FF;\n --outline-solid-secondary-active: #E2E9EEFF;\n --outline-clear-hover: #FFFFFFFF;\n --outline-clear-active: #FFFFFFFF;\n --outline-accent-hover: #149F14FF;\n --outline-accent-active: #0E710EFF;\n --outline-positive-hover: #149F14FF;\n --outline-positive-active: #0E710EFF;\n --outline-negative-hover: #ED1D31FF;\n --outline-negative-active: #D01124FF;\n --outline-info-hover: #0D7EC9FF;\n --outline-info-active: #0A66A3FF;\n --outline-positive: #108210;\n --outline-accent: #108210;\n --outline-negative: #E31227;\n --outline-solid-primary: #D5DFE6;\n --outline-solid-secondary: #E8EEF2;\n --outline-clear: #FFFFFF00;\n --outline-info: #0C72B6;\n --on-dark-outline-solid-primary-hover: #394147FF;\n --on-dark-outline-solid-primary-active: #272C30FF;\n --on-dark-outline-solid-secondary-hover: #20282DFF;\n --on-dark-outline-solid-secondary-active: #0B0D0FFF;\n --on-dark-outline-clear-hover: #FFFFFFFF;\n --on-dark-outline-clear-active: #FFFFFFFF;\n --on-dark-outline-accent-hover: #0DAF0DFF;\n --on-dark-outline-accent-active: #0A8A0AFF;\n --on-dark-outline-positive-hover: #0DAF0DFF;\n --on-dark-outline-positive-active: #0A8A0AFF;\n --on-dark-outline-negative-hover: #FF5263FF;\n --on-dark-outline-negative-active: #FF142CFF;\n --on-dark-outline-info-hover: #1798EEFF;\n --on-dark-outline-info-active: #0F81CCFF;\n --on-dark-outline-accent: #0C9C0C;\n --on-dark-outline-positive: #0C9C0C;\n --on-dark-outline-negative: #FF293E;\n --on-dark-outline-solid-primary: #30373C;\n --on-dark-outline-solid-secondary: #13181B;\n --on-dark-outline-clear: #FFFFFF00;\n --on-dark-outline-info: #118CDF;\n --on-light-outline-solid-primary-hover: #E2E9EEFF;\n --on-light-outline-solid-primary-active: #C9D5DEFF;\n --on-light-outline-solid-secondary-hover: #F5F8F9FF;\n --on-light-outline-solid-secondary-active: #E2E9EEFF;\n --on-light-outline-clear-hover: #FFFFFFFF;\n --on-light-outline-clear-active: #FFFFFFFF;\n --on-light-outline-accent-hover: #149F14FF;\n --on-light-outline-accent-active: #0E710EFF;\n --on-light-outline-positive-hover: #0F9928FF;\n --on-light-outline-positive-active: #0B741FFF;\n --on-light-outline-negative-hover: #ED1D31FF;\n --on-light-outline-negative-active: #D01124FF;\n --on-light-outline-info-hover: #0D7EC9FF;\n --on-light-outline-info-active: #0A66A3FF;\n --on-light-outline-accent: #108210;\n --on-light-outline-positive: #0D8523;\n --on-light-outline-negative: #E31227;\n --on-light-outline-solid-primary: #D5DFE6;\n --on-light-outline-solid-secondary: #E8EEF2;\n --on-light-outline-clear: #FFFFFF00;\n --on-light-outline-info: #0C72B6;\n --inverse-outline-solid-primary-hover: #394147FF;\n --inverse-outline-solid-primary-active: #272C30FF;\n --inverse-outline-solid-secondary-hover: #20282DFF;\n --inverse-outline-solid-secondary-active: #0B0D0FFF;\n --inverse-outline-clear-hover: #FFFFFFFF;\n --inverse-outline-clear-active: #FFFFFFFF;\n --inverse-outline-accent-hover: #0DAF0DFF;\n --inverse-outline-accent-active: #0A8A0AFF;\n --inverse-outline-positive-hover: #0DAF0DFF;\n --inverse-outline-positive-active: #0A8A0AFF;\n --inverse-outline-negative-hover: #FF5263FF;\n --inverse-outline-negative-active: #FF142CFF;\n --inverse-outline-info-hover: #1798EEFF;\n --inverse-outline-info-active: #0F81CCFF;\n --inverse-outline-accent: #0C9C0C;\n --inverse-outline-negative: #FF293E;\n --inverse-outline-positive: #0C9C0C;\n --inverse-outline-solid-primary: #30373C;\n --inverse-outline-solid-secondary: #13181B;\n --inverse-outline-clear: #FFFFFF00;\n --inverse-outline-info: #118CDF;\n --data-yellow: #F3A912;\n --data-yellow-hover: #F5B638FF;\n --data-yellow-active: #E49C0CFF;\n --data-yellow-minor: #FFD37A;\n --data-yellow-minor-hover: #FFDA8FFF;\n --data-yellow-minor-active: #FFCC66FF;\n --data-yellow-transparent: #F3A9128F;\n --data-yellow-transparent-hover: #F3A8127A;\n --data-yellow-transparent-active: #F3A81299;\n --on-dark-data-yellow: #F3A912;\n --on-dark-data-yellow-hover: #F5B638FF;\n --on-dark-data-yellow-active: #E49C0CFF;\n --on-dark-data-yellow-minor: #A16B00;\n --on-dark-data-yellow-minor-hover: #B87A00FF;\n --on-dark-data-yellow-minor-active: #8F5F00FF;\n --on-dark-data-yellow-transparent: #F3A9128F;\n --on-dark-data-yellow-transparent-hover: #F3A8127A;\n --on-dark-data-yellow-transparent-active: #F3A81299;\n --on-light-data-yellow: #F3A912;\n --on-light-data-yellow-hover: #F5B638FF;\n --on-light-data-yellow-active: #E49C0CFF;\n --on-light-data-yellow-minor: #FFD37A;\n --on-light-data-yellow-minor-hover: #FFDA8FFF;\n --on-light-data-yellow-minor-active: #FFCC66FF;\n --on-light-data-yellow-transparent: #F3A9128F;\n --on-light-data-yellow-transparent-hover: #F3A8127A;\n --on-light-data-yellow-transparent-active: #F3A81299;\n --inverse-data-yellow: #F3A912;\n --inverse-data-yellow-hover: #F5B638FF;\n --inverse-data-yellow-active: #E49C0CFF;\n --inverse-data-yellow-minor: #A16B00;\n --inverse-data-yellow-minor-hover: #B87A00FF;\n --inverse-data-yellow-minor-active: #8F5F00FF;\n --inverse-data-yellow-transparent: #F3A9128F;\n --inverse-data-yellow-transparent-hover: #F3A8127A;\n --inverse-data-yellow-transparent-active: #F3A81299;\n color: var(--text-primary);\n background-color: var(--background-primary);\n}\n\n:root {\n --inverse-text-promo-minor-gradient-hover: #3FABF3FF;\n --inverse-text-promo-minor-gradient-active: #0D84D3FF;\n/** \u0418\u043D\u0432\u0435\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u043C\u0438\u043D\u043E\u0440\u043D\u044B\u0439 \u043F\u0440\u043E\u043C\u043E \u0446\u0432\u0435\u0442 \u0441 \u0433\u0440\u0430\u0434\u0438\u0435\u043D\u0442\u043E\u043C */\nexport const inverseTextPromoMinorGradient = 'var(--inverse-text-promo-minor-gradient)';\n\n --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);\n --surface-skeleton-gradient-hover: #FFFFFFFF;\n --surface-skeleton-gradient-active: #FFFFFFFF;\n --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);\n --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);\n --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;\n --on-light-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);\n --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;\n --inverse-surface-skeleton-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n}\n\n:root {\n --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A;\n --shadow-down-soft-m: 0px 24px 48px -8px #00000014;\n --shadow-down-soft-l: 0px 60px 112px -8px #00000014;\n --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014;\n --shadow-down-hard-m: 0px 16px 32px -8px #0000003D;\n --shadow-down-hard-l: 0px 60px 112px -8px #00000066;\n --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008;\n --shadow-up-soft-m: 0px -24px 48px -8px #00000014;\n --shadow-up-soft-l: 0px -60px 112px -8px #00000014;\n --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008;\n --shadow-up-hard-m: 0px -16px 32px -8px #0000003D;\n --shadow-up-hard-l: 0px -60px 112px -8px #00000066;\n}\n\n:root {\n --border-radius-xxs: 4px;\n --border-radius-xs: 8px;\n --border-radius-s: 12px;\n --border-radius-m: 16px;\n --border-radius-l: 20px;\n --border-radius-xl: 24px;\n --border-radius-xxl: 32px;\n}\n\n:root {\n --spacing-0x: 0px;\n --spacing-1x: 2px;\n --spacing-2x: 4px;\n --spacing-3x: 6px;\n --spacing-4x: 8px;\n --spacing-6x: 12px;\n --spacing-8x: 16px;\n --spacing-10x: 20px;\n --spacing-12x: 24px;\n --spacing-16x: 32px;\n --spacing-20x: 40px;\n --spacing-24x: 48px;\n --spacing-32x: 64px;\n --spacing-40x: 80px;\n --spacing-60x: 120px;\n}\n\n:root {\n font-size: 16px;\n --plasma-typo-overflow-wrap: break-word;\n --plasma-typo-hyphens: auto;\n --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-text-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-letter-spacing: normal;\n --plasma-typo-dspl-l-font-style: normal;\n --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-bold-letter-spacing: normal;\n --plasma-typo-dspl-l-bold-font-style: normal;\n --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-letter-spacing: normal;\n --plasma-typo-dspl-m-font-style: normal;\n --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-bold-letter-spacing: normal;\n --plasma-typo-dspl-m-bold-font-style: normal;\n --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-letter-spacing: normal;\n --plasma-typo-dspl-s-font-style: normal;\n --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-bold-letter-spacing: normal;\n --plasma-typo-dspl-s-bold-font-style: normal;\n --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-letter-spacing: normal;\n --plasma-typo-h1-font-style: normal;\n --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-bold-letter-spacing: normal;\n --plasma-typo-h1-bold-font-style: normal;\n --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-letter-spacing: normal;\n --plasma-typo-h2-font-style: normal;\n --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-bold-letter-spacing: normal;\n --plasma-typo-h2-bold-font-style: normal;\n --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-letter-spacing: normal;\n --plasma-typo-h3-font-style: normal;\n --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-bold-letter-spacing: normal;\n --plasma-typo-h3-bold-font-style: normal;\n --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-letter-spacing: normal;\n --plasma-typo-h4-font-style: normal;\n --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-bold-letter-spacing: normal;\n --plasma-typo-h4-bold-font-style: normal;\n --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-letter-spacing: normal;\n --plasma-typo-h5-font-style: normal;\n --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-bold-letter-spacing: normal;\n --plasma-typo-h5-bold-font-style: normal;\n --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-letter-spacing: -0.02em;\n --plasma-typo-body-l-font-style: normal;\n --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-bold-letter-spacing: -0.02em;\n --plasma-typo-body-l-bold-font-style: normal;\n --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-letter-spacing: -0.02em;\n --plasma-typo-body-m-font-style: normal;\n --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-bold-letter-spacing: -0.02em;\n --plasma-typo-body-m-bold-font-style: normal;\n --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-letter-spacing: -0.02em;\n --plasma-typo-body-s-font-style: normal;\n --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-bold-letter-spacing: -0.02em;\n --plasma-typo-body-s-bold-font-style: normal;\n --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-letter-spacing: -0.02em;\n --plasma-typo-body-xs-font-style: normal;\n --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xs-bold-font-style: normal;\n --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-font-style: normal;\n --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-bold-font-style: normal;\n --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-letter-spacing: -0.02em;\n --plasma-typo-text-l-font-style: normal;\n --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-bold-letter-spacing: -0.02em;\n --plasma-typo-text-l-bold-font-style: normal;\n --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-letter-spacing: -0.02em;\n --plasma-typo-text-m-font-style: normal;\n --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-bold-letter-spacing: -0.02em;\n --plasma-typo-text-m-bold-font-style: normal;\n --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-letter-spacing: -0.02em;\n --plasma-typo-text-s-font-style: normal;\n --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-bold-letter-spacing: -0.02em;\n --plasma-typo-text-s-bold-font-style: normal;\n --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-letter-spacing: -0.02em;\n --plasma-typo-text-xs-font-style: normal;\n --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-text-xs-bold-font-style: normal;\n --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-medium-letter-spacing: normal;\n --plasma-typo-dspl-l-medium-font-style: normal;\n --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-medium-letter-spacing: normal;\n --plasma-typo-dspl-m-medium-font-style: normal;\n --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-medium-letter-spacing: normal;\n --plasma-typo-dspl-s-medium-font-style: normal;\n --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-medium-letter-spacing: normal;\n --plasma-typo-h1-medium-font-style: normal;\n --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-medium-letter-spacing: normal;\n --plasma-typo-h2-medium-font-style: normal;\n --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-medium-letter-spacing: normal;\n --plasma-typo-h3-medium-font-style: normal;\n --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-medium-letter-spacing: normal;\n --plasma-typo-h4-medium-font-style: normal;\n --plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-medium-letter-spacing: normal;\n --plasma-typo-h5-medium-font-style: normal;\n --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-medium-letter-spacing: -0.02em;\n --plasma-typo-body-l-medium-font-style: normal;\n --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-medium-letter-spacing: -0.02em;\n --plasma-typo-body-m-medium-font-style: normal;\n --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-medium-letter-spacing: -0.02em;\n --plasma-typo-body-s-medium-font-style: normal;\n --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xs-medium-font-style: normal;\n --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-medium-font-style: normal;\n --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-medium-letter-spacing: -0.02em;\n --plasma-typo-text-l-medium-font-style: normal;\n --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-medium-letter-spacing: -0.02em;\n --plasma-typo-text-m-medium-font-style: normal;\n --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-medium-letter-spacing: -0.02em;\n --plasma-typo-text-s-medium-font-style: normal;\n --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-text-xs-medium-font-style: normal;\n}\n\n@media (max-width: 559px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}\n\n@media (min-width: 560px) and (max-width: 959px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}\n\n@media (min-width: 960px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}"];
5
+ exports.sdds_cs__light = ["\n:root {\n --text-primary-hover: #6A7E8AFF;\n --text-primary-active: #47545CFF;\n --text-secondary-hover: #000000FF;\n --text-secondary-active: #636D74FF;\n --text-tertiary-hover: #FFFFFFFF;\n --text-tertiary-active: #515B61FF;\n --text-accent-hover: #19CC19FF;\n --text-accent-active: #15A815FF;\n --text-accent-minor-hover: #2CE82CFF;\n --text-accent-minor-active: #13AE13FF;\n --text-positive-hover: #19CC19FF;\n --text-positive-active: #15A815FF;\n --text-warning-hover: #F5B638FF;\n --text-warning-active: #D08F0BFF;\n --text-negative-hover: #EE2F43FF;\n --text-negative-active: #BD0F21FF;\n --text-info-hover: #3FABF3FF;\n --text-info-active: #0D84D3FF;\n --text-primary: #23292D;\n --text-primary-brightness: #30363AFF;\n --text-secondary: #7B868E;\n --text-accent: #108210;\n --text-negative: #E31227;\n --text-positive: #108210;\n --text-accent-minor: #17D317;\n --text-tertiary: #657179;\n --text-warning: #F3A912;\n --text-info: #199AF0;\n --on-dark-text-primary-hover: #000000FF;\n --on-dark-text-primary-active: #B4C7D9FF;\n --on-dark-text-secondary-hover: #000000FF;\n --on-dark-text-secondary-active: #636D74FF;\n --on-dark-text-tertiary-hover: #FFFFFFFF;\n --on-dark-text-tertiary-active: #596269FF;\n --on-dark-text-accent-hover: #19D719FF;\n --on-dark-text-accent-active: #118D11FF;\n --on-dark-text-accent-minor-hover: #09AA09FF;\n --on-dark-text-accent-minor-active: #078307FF;\n --on-dark-text-positive-hover: #19D719FF;\n --on-dark-text-positive-active: #118D11FF;\n --on-dark-text-warning-hover: #F5B638FF;\n --on-dark-text-warning-active: #D08F0BFF;\n --on-dark-text-negative-hover: #FF5263FF;\n --on-dark-text-negative-active: #FF001AFF;\n --on-dark-text-info-hover: #3FABF3FF;\n --on-dark-text-info-active: #0D84D3FF;\n --on-dark-text-primary: #F7F9FB;\n --on-dark-text-primary-brightness: #F7F9FBFF;\n --on-dark-text-secondary: #7B868E;\n --on-dark-text-accent: #15B015;\n --on-dark-text-negative: #FF293E;\n --on-dark-text-positive: #15B015;\n --on-dark-text-accent-minor: #055C05;\n --on-dark-text-tertiary: #707C84;\n --on-dark-text-warning: #F3A912;\n --on-dark-text-info: #199AF0;\n --on-light-text-primary-hover: #6A7E8AFF;\n --on-light-text-primary-active: #47545CFF;\n --on-light-text-secondary-hover: #000000FF;\n --on-light-text-secondary-active: #636D74FF;\n --on-light-text-tertiary-hover: #FFFFFFFF;\n --on-light-text-tertiary-active: #515B61FF;\n --on-light-text-accent-hover: #19CC19FF;\n --on-light-text-accent-active: #15A815FF;\n --on-light-text-accent-minor-hover: #2CE82CFF;\n --on-light-text-accent-minor-active: #13AE13FF;\n --on-light-text-positive-hover: #19CC19FF;\n --on-light-text-positive-active: #15A815FF;\n --on-light-text-warning-hover: #F5B638FF;\n --on-light-text-warning-active: #D08F0BFF;\n --on-light-text-negative-hover: #EE2F43FF;\n --on-light-text-negative-active: #BD0F21FF;\n --on-light-text-info-hover: #3FABF3FF;\n --on-light-text-info-active: #0D84D3FF;\n --on-light-text-primary: #23292D;\n --on-light-text-primary-brightness: #30363AFF;\n --on-light-text-secondary: #7B868E;\n --on-light-text-accent: #108210;\n --on-light-text-positive: #108210;\n --on-light-text-negative: #E31227;\n --on-light-text-accent-minor: #17D317;\n --on-light-text-tertiary: #657179;\n --on-light-text-warning: #F3A912;\n --on-light-text-info: #199AF0;\n --inverse-text-primary-hover: #000000FF;\n --inverse-text-primary-active: #B4C7D9FF;\n --inverse-text-secondary-hover: #FFFFFFFF;\n --inverse-text-secondary-active: #90A3B2FF;\n --inverse-text-tertiary-hover: #FFFFFFFF;\n --inverse-text-tertiary-active: #636D74FF;\n --inverse-text-accent-hover: #19D719FF;\n --inverse-text-accent-active: #118D11FF;\n --inverse-text-accent-minor-hover: #09AA09FF;\n --inverse-text-accent-minor-active: #078307FF;\n --inverse-text-positive-hover: #19D719FF;\n --inverse-text-positive-active: #118D11FF;\n --inverse-text-warning-hover: #F5B638FF;\n --inverse-text-warning-active: #D08F0BFF;\n --inverse-text-negative-hover: #FF5263FF;\n --inverse-text-negative-active: #FF001AFF;\n --inverse-text-primary: #F7F9FB;\n --inverse-text-primary-brightness: #F7F9FBFF;\n --inverse-text-accent: #15B015;\n --inverse-text-positive: #15B015;\n --inverse-text-negative: #FF293E;\n --inverse-text-accent-minor: #055C05;\n --inverse-text-warning: #F3A912;\n --inverse-text-secondary: #C0CBD3;\n --inverse-text-tertiary: #7B868E;\n --surface-solid-primary-hover: #F8FAFBFF;\n --surface-solid-primary-active: #EBF0F4FF;\n --surface-solid-secondary-hover: #F5F8F9FF;\n --surface-solid-secondary-active: #E2E9EEFF;\n --surface-solid-tertiary-hover: #E2E9EEFF;\n --surface-solid-tertiary-active: #C9D5DEFF;\n --surface-solid-card-hover: #FFFFFFFF;\n --surface-solid-card-active: #FFFFFFFF;\n --surface-solid-default-hover: #7A8790FF;\n --surface-solid-default-active: #5D686FFF;\n --surface-clear-hover: #FFFFFF00;\n --surface-clear-active: #FFFFFF00;\n --surface-accent-hover: #0DA00DFF;\n --surface-accent-active: #0A7B0AFF;\n --surface-transparent-accent-hover: #0B8E0B0A;\n --surface-transparent-accent-active: #0B8E0B29;\n --surface-positive-hover: #0DA00DFF;\n --surface-positive-active: #0A7B0AFF;\n --surface-warning-hover: #F5B638FF;\n --surface-warning-active: #E49C0CFF;\n --surface-negative-hover: #F54254FF;\n --surface-negative-active: #ED0C23FF;\n --surface-info-hover: #36A7F2FF;\n --surface-info-active: #0F90E6FF;\n --surface-warning-minor-hover: #FFFAF0FF;\n --surface-warning-minor-active: #FFF3DBFF;\n --surface-info-minor-hover: #F5FBFFFF;\n --surface-info-minor-active: #E0F3FFFF;\n --surface-transparent-negative-hover: #FFFFFFFF;\n --surface-transparent-negative-active: #FFEBEDFF;\n --surface-solid-primary-brightness: #FFFFFFFF;\n --surface-solid-card: #FFFFFFFF;\n --surface-solid-card-brightness: #FFFFFFFF;\n --surface-solid-default: #657179;\n --surface-accent: #0B8C0B;\n --surface-positive: #0B8C0B;\n --surface-negative: #F31B31;\n --surface-transparent-accent: #0B8C0B1F;\n --surface-clear: #FFFFFF00;\n --surface-warning: #F3A912;\n --surface-warning-minor: #FFF6E5;\n --surface-info-minor: #EDF8FF;\n --surface-info: #199AF0;\n --surface-transparent-negative: #FFF5F6;\n --surface-solid-tertiary: #D5DFE6;\n --surface-solid-primary: #F2F5F8;\n --surface-solid-secondary: #E8EEF2;\n --on-dark-surface-solid-primary-hover: #394147FF;\n --on-dark-surface-solid-primary-active: #272C30FF;\n --on-dark-surface-solid-secondary-hover: #5A656CFF;\n --on-dark-surface-solid-secondary-active: #3F464BFF;\n --on-dark-surface-solid-tertiary-hover: #7A8790FF;\n --on-dark-surface-solid-tertiary-active: #5D686FFF;\n --on-dark-surface-solid-card-hover: #20282DFF;\n --on-dark-surface-solid-card-active: #0B0D0FFF;\n --on-dark-surface-solid-default-hover: #FFFFFFFF;\n --on-dark-surface-solid-default-active: #F1F5F8FF;\n --on-dark-surface-clear-hover: #FFFFFF00;\n --on-dark-surface-clear-active: #FFFFFF00;\n --on-dark-surface-accent-hover: #0DAF0DFF;\n --on-dark-surface-accent-active: #0A8A0AFF;\n --on-dark-surface-transparent-accent-hover: #0C9D0C1F;\n --on-dark-surface-transparent-accent-active: #0C9D0C3D;\n --on-dark-surface-promo-hover: #FFFFFFFF;\n --on-dark-surface-promo-active: #FFFFFFFF;\n --on-dark-surface-positive-hover: #0DAF0DFF;\n --on-dark-surface-positive-active: #0A8A0AFF;\n --on-dark-surface-warning-hover: #F5B638FF;\n --on-dark-surface-warning-active: #E49C0CFF;\n --on-dark-surface-negative-hover: #FF5263FF;\n --on-dark-surface-negative-active: #FF142CFF;\n --on-dark-surface-info-hover: #36A7F2FF;\n --on-dark-surface-info-active: #0F90E6FF;\n --on-dark-surface-warning-minor-hover: #32250BFF;\n --on-dark-surface-warning-minor-active: #110C04FF;\n --on-dark-surface-info-minor-hover: #0E2434FF;\n --on-dark-surface-info-minor-active: #050E14FF;\n --on-dark-surface-transparent-negative-hover: #400D12FF;\n --on-dark-surface-transparent-negative-active: #1E0608FF;\n --on-dark-surface-solid-primary-brightness: #3D464CFF;\n --on-dark-surface-solid-card: #13181B;\n --on-dark-surface-solid-card-brightness: #212629FF;\n --on-dark-surface-accent: #0C9C0C;\n --on-dark-surface-positive: #0C9C0C;\n --on-dark-surface-negative: #FF293E;\n --on-dark-surface-transparent-accent: #0C9C0C33;\n --on-dark-surface-solid-default: #F7F9FB;\n --on-dark-surface-promo: #FFFFFFFF;\n --on-dark-surface-clear: #FFFFFF00;\n --on-dark-surface-warning: #F3A912;\n --on-dark-surface-warning-minor: #211807;\n --on-dark-surface-info-minor: #0A1924;\n --on-dark-surface-info: #199AF0;\n --on-dark-surface-transparent-negative: #2E090D;\n --on-dark-surface-solid-secondary: #485056;\n --on-dark-surface-solid-tertiary: #657179;\n --on-dark-surface-solid-primary: #30373C;\n --on-light-surface-solid-primary-hover: #F8FAFBFF;\n --on-light-surface-solid-primary-active: #EBF0F4FF;\n --on-light-surface-solid-secondary-hover: #F5F8F9FF;\n --on-light-surface-solid-secondary-active: #E2E9EEFF;\n --on-light-surface-solid-tertiary-hover: #E2E9EEFF;\n --on-light-surface-solid-tertiary-active: #C9D5DEFF;\n --on-light-surface-solid-card-hover: #FFFFFFFF;\n --on-light-surface-solid-card-active: #FFFFFFFF;\n --on-light-surface-solid-default-hover: #7A8790FF;\n --on-light-surface-solid-default-active: #5D686FFF;\n --on-light-surface-clear-hover: #FFFFFF00;\n --on-light-surface-clear-active: #FFFFFF00;\n --on-light-surface-accent-hover: #0DA00DFF;\n --on-light-surface-accent-active: #0A7B0AFF;\n --on-light-surface-transparent-accent-hover: #0B8E0B0A;\n --on-light-surface-transparent-accent-active: #0B8E0B29;\n --on-light-surface-positive-hover: #0DA00DFF;\n --on-light-surface-positive-active: #0A7B0AFF;\n --on-light-surface-warning-hover: #F5B638FF;\n --on-light-surface-warning-active: #E49C0CFF;\n --on-light-surface-negative-hover: #F54254FF;\n --on-light-surface-negative-active: #ED0C23FF;\n --on-light-surface-info-hover: #36A7F2FF;\n --on-light-surface-info-active: #0F90E6FF;\n --on-light-surface-warning-minor-hover: #FFFAF0FF;\n --on-light-surface-warning-minor-active: #FFF3DBFF;\n --on-light-surface-info-minor-hover: #F5FBFFFF;\n --on-light-surface-info-minor-active: #E0F3FFFF;\n --on-light-surface-transparent-negative-hover: #FFFFFFFF;\n --on-light-surface-transparent-negative-active: #FFEBEDFF;\n --on-light-surface-solid-primary-brightness: #FFFFFFFF;\n --on-light-surface-solid-card: #FFFFFFFF;\n --on-light-surface-solid-card-brightness: #FFFFFFFF;\n --on-light-surface-solid-default: #657179;\n --on-light-surface-accent: #0B8C0B;\n --on-light-surface-positive: #0B8C0B;\n --on-light-surface-negative: #F31B31;\n --on-light-surface-transparent-accent: #0B8C0B1F;\n --on-light-surface-clear: #FFFFFF00;\n --on-light-surface-warning: #F3A912;\n --on-light-surface-warning-minor: #FFF6E5;\n --on-light-surface-info-minor: #EDF8FF;\n --on-light-surface-info: #199AF0;\n --on-light-surface-transparent-negative: #FFF5F6;\n --on-light-surface-solid-tertiary: #D5DFE6;\n --on-light-surface-solid-primary: #F2F5F8;\n --on-light-surface-solid-secondary: #E8EEF2;\n --inverse-surface-solid-primary-hover: #394147FF;\n --inverse-surface-solid-primary-active: #272C30FF;\n --inverse-surface-solid-secondary-hover: #5A656CFF;\n --inverse-surface-solid-secondary-active: #3F464BFF;\n --inverse-surface-solid-tertiary-hover: #7A8790FF;\n --inverse-surface-solid-tertiary-active: #5D686FFF;\n --inverse-surface-solid-card-hover: #20282DFF;\n --inverse-surface-solid-card-active: #0B0D0FFF;\n --inverse-surface-solid-default-hover: #FFFFFFFF;\n --inverse-surface-solid-default-active: #F1F5F8FF;\n --inverse-surface-clear-hover: #FFFFFF00;\n --inverse-surface-clear-active: #FFFFFF00;\n --inverse-surface-accent-hover: #0DAF0DFF;\n --inverse-surface-accent-active: #0A8A0AFF;\n --inverse-surface-transparent-accent-hover: #0C9D0C1F;\n --inverse-surface-transparent-accent-active: #0C9D0C3D;\n --inverse-surface-positive-hover: #0DAF0DFF;\n --inverse-surface-positive-active: #0A8A0AFF;\n --inverse-surface-warning-hover: #F5B638FF;\n --inverse-surface-warning-active: #E49C0CFF;\n --inverse-surface-negative-hover: #FF5263FF;\n --inverse-surface-negative-active: #FF142CFF;\n --inverse-surface-info-hover: #36A7F2FF;\n --inverse-surface-info-active: #0F90E6FF;\n --inverse-surface-warning-minor-hover: #32250BFF;\n --inverse-surface-warning-minor-active: #110C04FF;\n --inverse-surface-negative-minor-hover: #400D12FF;\n --inverse-surface-negative-minor-active: #1E0608FF;\n --inverse-surface-info-minor-hover: #0E2434FF;\n --inverse-surface-info-minor-active: #050E14FF;\n --inverse-surface-solid-primary-brightness: #3D464CFF;\n --inverse-surface-solid-card: #13181B;\n --inverse-surface-solid-card-brightness: #212629FF;\n --inverse-surface-accent: #0C9C0C;\n --inverse-surface-positive: #0C9C0C;\n --inverse-surface-negative: #FF293E;\n --inverse-surface-transparent-accent: #0C9C0C33;\n --inverse-surface-solid-default: #F7F9FB;\n --inverse-surface-clear: #FFFFFF00;\n --inverse-surface-warning: #F3A912;\n --inverse-surface-warning-minor: #211807;\n --inverse-surface-info-minor: #0A1924;\n --inverse-surface-info: #199AF0;\n --inverse-surface-negative-minor: #2E090D;\n --inverse-surface-solid-primary: #30373C;\n --inverse-surface-solid-secondary: #485056;\n --inverse-surface-solid-tertiary: #657179;\n --background-primary-brightness: #F3F6F8FF;\n --background-primary: #F2F5F8;\n --dark-background-primary: #060A0C;\n --light-background-primary: #F2F5F8;\n --inverse-background-primary: #060A0C;\n --inverse-background-primary-brightness: #15191BFF;\n --outline-solid-primary-hover: #E2E9EEFF;\n --outline-solid-primary-active: #C9D5DEFF;\n --outline-solid-secondary-hover: #F5F8F9FF;\n --outline-solid-secondary-active: #E2E9EEFF;\n --outline-clear-hover: #FFFFFFFF;\n --outline-clear-active: #FFFFFFFF;\n --outline-accent-hover: #149F14FF;\n --outline-accent-active: #0E710EFF;\n --outline-positive-hover: #149F14FF;\n --outline-positive-active: #0E710EFF;\n --outline-negative-hover: #ED1D31FF;\n --outline-negative-active: #D01124FF;\n --outline-info-hover: #0D7EC9FF;\n --outline-info-active: #0A66A3FF;\n --outline-positive: #108210;\n --outline-accent: #108210;\n --outline-negative: #E31227;\n --outline-solid-primary: #D5DFE6;\n --outline-solid-secondary: #E8EEF2;\n --outline-clear: #FFFFFF00;\n --outline-info: #0C72B6;\n --on-dark-outline-solid-primary-hover: #394147FF;\n --on-dark-outline-solid-primary-active: #272C30FF;\n --on-dark-outline-solid-secondary-hover: #20282DFF;\n --on-dark-outline-solid-secondary-active: #0B0D0FFF;\n --on-dark-outline-clear-hover: #FFFFFFFF;\n --on-dark-outline-clear-active: #FFFFFFFF;\n --on-dark-outline-accent-hover: #0DAF0DFF;\n --on-dark-outline-accent-active: #0A8A0AFF;\n --on-dark-outline-positive-hover: #0DAF0DFF;\n --on-dark-outline-positive-active: #0A8A0AFF;\n --on-dark-outline-negative-hover: #FF5263FF;\n --on-dark-outline-negative-active: #FF142CFF;\n --on-dark-outline-info-hover: #1798EEFF;\n --on-dark-outline-info-active: #0F81CCFF;\n --on-dark-outline-accent: #0C9C0C;\n --on-dark-outline-positive: #0C9C0C;\n --on-dark-outline-negative: #FF293E;\n --on-dark-outline-solid-primary: #30373C;\n --on-dark-outline-solid-secondary: #13181B;\n --on-dark-outline-clear: #FFFFFF00;\n --on-dark-outline-info: #118CDF;\n --on-light-outline-solid-primary-hover: #E2E9EEFF;\n --on-light-outline-solid-primary-active: #C9D5DEFF;\n --on-light-outline-solid-secondary-hover: #F5F8F9FF;\n --on-light-outline-solid-secondary-active: #E2E9EEFF;\n --on-light-outline-clear-hover: #FFFFFFFF;\n --on-light-outline-clear-active: #FFFFFFFF;\n --on-light-outline-accent-hover: #149F14FF;\n --on-light-outline-accent-active: #0E710EFF;\n --on-light-outline-positive-hover: #0F9928FF;\n --on-light-outline-positive-active: #0B741FFF;\n --on-light-outline-negative-hover: #ED1D31FF;\n --on-light-outline-negative-active: #D01124FF;\n --on-light-outline-info-hover: #0D7EC9FF;\n --on-light-outline-info-active: #0A66A3FF;\n --on-light-outline-accent: #108210;\n --on-light-outline-positive: #0D8523;\n --on-light-outline-negative: #E31227;\n --on-light-outline-solid-primary: #D5DFE6;\n --on-light-outline-solid-secondary: #E8EEF2;\n --on-light-outline-clear: #FFFFFF00;\n --on-light-outline-info: #0C72B6;\n --inverse-outline-solid-primary-hover: #394147FF;\n --inverse-outline-solid-primary-active: #272C30FF;\n --inverse-outline-solid-secondary-hover: #FFFFFFFF;\n --inverse-outline-solid-secondary-active: #515B61FF;\n --inverse-outline-clear-hover: #FFFFFFFF;\n --inverse-outline-clear-active: #FFFFFFFF;\n --inverse-outline-accent-hover: #0DAF0DFF;\n --inverse-outline-accent-active: #0A8A0AFF;\n --inverse-outline-positive-hover: #0DAF0DFF;\n --inverse-outline-positive-active: #0A8A0AFF;\n --inverse-outline-negative-hover: #FF5263FF;\n --inverse-outline-negative-active: #FF142CFF;\n --inverse-outline-info-hover: #1798EEFF;\n --inverse-outline-info-active: #0F81CCFF;\n --inverse-outline-accent: #0C9C0C;\n --inverse-outline-negative: #FF293E;\n --inverse-outline-positive: #0C9C0C;\n --inverse-outline-solid-primary: #30373C;\n --inverse-outline-clear: #FFFFFF00;\n --inverse-outline-info: #118CDF;\n --inverse-outline-solid-secondary: #657179;\n --data-yellow: #F3A912;\n --data-yellow-hover: #F5B638FF;\n --data-yellow-active: #E49C0CFF;\n --data-yellow-minor: #FFD37A;\n --data-yellow-minor-hover: #FFDA8FFF;\n --data-yellow-minor-active: #FFCC66FF;\n --data-yellow-transparent: #F3A9128F;\n --data-yellow-transparent-hover: #F3A8127A;\n --data-yellow-transparent-active: #F3A81299;\n --on-dark-data-yellow: #F3A912;\n --on-dark-data-yellow-hover: #F5B638FF;\n --on-dark-data-yellow-active: #E49C0CFF;\n --on-dark-data-yellow-minor: #A16B00;\n --on-dark-data-yellow-minor-hover: #B87A00FF;\n --on-dark-data-yellow-minor-active: #8F5F00FF;\n --on-dark-data-yellow-transparent: #F3A9128F;\n --on-dark-data-yellow-transparent-hover: #F3A8127A;\n --on-dark-data-yellow-transparent-active: #F3A81299;\n --on-light-data-yellow: #F3A912;\n --on-light-data-yellow-hover: #F5B638FF;\n --on-light-data-yellow-active: #E49C0CFF;\n --on-light-data-yellow-minor: #FFD37A;\n --on-light-data-yellow-minor-hover: #FFDA8FFF;\n --on-light-data-yellow-minor-active: #FFCC66FF;\n --on-light-data-yellow-transparent: #F3A9128F;\n --on-light-data-yellow-transparent-hover: #F3A8127A;\n --on-light-data-yellow-transparent-active: #F3A81299;\n --inverse-data-yellow: #F3A912;\n --inverse-data-yellow-hover: #F5B638FF;\n --inverse-data-yellow-active: #E49C0CFF;\n --inverse-data-yellow-minor: #A16B00;\n --inverse-data-yellow-minor-hover: #B87A00FF;\n --inverse-data-yellow-minor-active: #8F5F00FF;\n --inverse-data-yellow-transparent: #F3A9128F;\n --inverse-data-yellow-transparent-hover: #F3A8127A;\n --inverse-data-yellow-transparent-active: #F3A81299;\n color: var(--text-primary);\n background-color: var(--background-primary);\n}\n\n:root {\n --inverse-text-promo-minor-gradient-hover: #3FABF3FF;\n --inverse-text-promo-minor-gradient-active: #0D84D3FF;\n/** \u0418\u043D\u0432\u0435\u0440\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u043C\u0438\u043D\u043E\u0440\u043D\u044B\u0439 \u043F\u0440\u043E\u043C\u043E \u0446\u0432\u0435\u0442 \u0441 \u0433\u0440\u0430\u0434\u0438\u0435\u043D\u0442\u043E\u043C */\nexport const inverseTextPromoMinorGradient = 'var(--inverse-text-promo-minor-gradient)';\n\n --surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);\n --surface-skeleton-gradient-hover: #FFFFFFFF;\n --surface-skeleton-gradient-active: #FFFFFFFF;\n --surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-dark-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);\n --on-dark-surface-skeleton-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --on-dark-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-dark-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-gradient: linear-gradient(90deg, #08080817 0%, #08080814 6.25%, #0808080D 12.5%, #08080803 25%, #0808080D 37.5%, #08080814 43.75%, #08080817 50%, #08080814 56.25%, #0808080D 62.5%, #08080803 75%, #0808080D 87.5%, #08080814 93.75%, #08080817 100%);\n --on-light-surface-skeleton-gradient-hover: #FFFFFFFF;\n --on-light-surface-skeleton-gradient-active: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient: linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%);\n --on-light-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --on-light-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-gradient: linear-gradient(90deg, #FFFFFF17 0%, #FFFFFF14 6.25%, #FFFFFF0D 12.5%, #FFFFFF03 25%, #FFFFFF0D 37.5%, #FFFFFF14 43.75%, #FFFFFF17 50%, #FFFFFF14 56.25%, #FFFFFF0D 62.5%, #FFFFFF03 75%, #FFFFFF0D 87.5%, #FFFFFF14 93.75%, #FFFFFF17 100%);\n --inverse-surface-skeleton-gradient-hover: #FFFFFFFF;\n --inverse-surface-skeleton-gradient-active: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient: linear-gradient(90deg, #FFFFFF5C 0%, #FFFFFF52 6.25%, #FFFFFF33 12.5%, #FFFFFF0A 25%, #FFFFFF33 37.5%, #FFFFFF52 43.75%, #FFFFFF5C 50%, #FFFFFF14 56.25%, #FFFFFF33 62.5%, #FFFFFF0A 75%, #FFFFFF33 87.5%, #FFFFFF52 93.75%, #FFFFFF5C 100%);\n --inverse-surface-skeleton-deep-gradient-hover: #FFFFFFFF;\n --inverse-surface-skeleton-deep-gradient-active: #FFFFFFFF;\n}\n\n:root {\n --shadow-down-soft-s: 0px 4px 14px -4px #08080814, 0px 1px 4px -1px #0000000A;\n --shadow-down-soft-m: 0px 24px 48px -8px #00000014;\n --shadow-down-soft-l: 0px 60px 112px -8px #00000014;\n --shadow-down-hard-s: 0px 4px 12px -3px #08080829, 0px 1px 4px -2px #00000014;\n --shadow-down-hard-m: 0px 16px 32px -8px #0000003D;\n --shadow-down-hard-l: 0px 60px 112px -8px #00000066;\n --shadow-up-soft-s: 0px -4px 14px -4px #08080814, 0px -1px 4px -1px #00000008;\n --shadow-up-soft-m: 0px -24px 48px -8px #00000014;\n --shadow-up-soft-l: 0px -60px 112px -8px #00000014;\n --shadow-up-hard-s: 0px -4px 12px -3px #08080833, 0px -1px 4px -1px #00000008;\n --shadow-up-hard-m: 0px -16px 32px -8px #0000003D;\n --shadow-up-hard-l: 0px -60px 112px -8px #00000066;\n}\n\n:root {\n --border-radius-xxs: 4px;\n --border-radius-xs: 8px;\n --border-radius-s: 12px;\n --border-radius-m: 16px;\n --border-radius-l: 20px;\n --border-radius-xl: 24px;\n --border-radius-xxl: 32px;\n}\n\n:root {\n --spacing-0x: 0px;\n --spacing-1x: 2px;\n --spacing-2x: 4px;\n --spacing-3x: 6px;\n --spacing-4x: 8px;\n --spacing-6x: 12px;\n --spacing-8x: 16px;\n --spacing-10x: 20px;\n --spacing-12x: 24px;\n --spacing-16x: 32px;\n --spacing-20x: 40px;\n --spacing-24x: 48px;\n --spacing-32x: 64px;\n --spacing-40x: 80px;\n --spacing-60x: 120px;\n}\n\n:root {\n font-size: 16px;\n --plasma-typo-overflow-wrap: break-word;\n --plasma-typo-hyphens: auto;\n --plasma-typo-display-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-body-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-header-font-family: 'SB Sans Display', sans-serif;\n --plasma-typo-text-font-family: 'SB Sans Text', sans-serif;\n --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-letter-spacing: normal;\n --plasma-typo-dspl-l-font-style: normal;\n --plasma-typo-dspl-l-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-bold-letter-spacing: normal;\n --plasma-typo-dspl-l-bold-font-style: normal;\n --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-letter-spacing: normal;\n --plasma-typo-dspl-m-font-style: normal;\n --plasma-typo-dspl-m-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-bold-letter-spacing: normal;\n --plasma-typo-dspl-m-bold-font-style: normal;\n --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-letter-spacing: normal;\n --plasma-typo-dspl-s-font-style: normal;\n --plasma-typo-dspl-s-bold-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-bold-letter-spacing: normal;\n --plasma-typo-dspl-s-bold-font-style: normal;\n --plasma-typo-h1-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-letter-spacing: normal;\n --plasma-typo-h1-font-style: normal;\n --plasma-typo-h1-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-bold-letter-spacing: normal;\n --plasma-typo-h1-bold-font-style: normal;\n --plasma-typo-h2-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-letter-spacing: normal;\n --plasma-typo-h2-font-style: normal;\n --plasma-typo-h2-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-bold-letter-spacing: normal;\n --plasma-typo-h2-bold-font-style: normal;\n --plasma-typo-h3-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-letter-spacing: normal;\n --plasma-typo-h3-font-style: normal;\n --plasma-typo-h3-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-bold-letter-spacing: normal;\n --plasma-typo-h3-bold-font-style: normal;\n --plasma-typo-h4-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-letter-spacing: normal;\n --plasma-typo-h4-font-style: normal;\n --plasma-typo-h4-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-bold-letter-spacing: normal;\n --plasma-typo-h4-bold-font-style: normal;\n --plasma-typo-h5-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-letter-spacing: normal;\n --plasma-typo-h5-font-style: normal;\n --plasma-typo-h5-bold-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-bold-letter-spacing: normal;\n --plasma-typo-h5-bold-font-style: normal;\n --plasma-typo-body-l-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-letter-spacing: -0.02em;\n --plasma-typo-body-l-font-style: normal;\n --plasma-typo-body-l-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-bold-letter-spacing: -0.02em;\n --plasma-typo-body-l-bold-font-style: normal;\n --plasma-typo-body-m-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-letter-spacing: -0.02em;\n --plasma-typo-body-m-font-style: normal;\n --plasma-typo-body-m-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-bold-letter-spacing: -0.02em;\n --plasma-typo-body-m-bold-font-style: normal;\n --plasma-typo-body-s-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-letter-spacing: -0.02em;\n --plasma-typo-body-s-font-style: normal;\n --plasma-typo-body-s-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-bold-letter-spacing: -0.02em;\n --plasma-typo-body-s-bold-font-style: normal;\n --plasma-typo-body-xs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-letter-spacing: -0.02em;\n --plasma-typo-body-xs-font-style: normal;\n --plasma-typo-body-xs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xs-bold-font-style: normal;\n --plasma-typo-body-xxs-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-font-style: normal;\n --plasma-typo-body-xxs-bold-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-bold-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-bold-font-style: normal;\n --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-letter-spacing: -0.02em;\n --plasma-typo-text-l-font-style: normal;\n --plasma-typo-text-l-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-bold-letter-spacing: -0.02em;\n --plasma-typo-text-l-bold-font-style: normal;\n --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-letter-spacing: -0.02em;\n --plasma-typo-text-m-font-style: normal;\n --plasma-typo-text-m-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-bold-letter-spacing: -0.02em;\n --plasma-typo-text-m-bold-font-style: normal;\n --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-letter-spacing: -0.02em;\n --plasma-typo-text-s-font-style: normal;\n --plasma-typo-text-s-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-bold-letter-spacing: -0.02em;\n --plasma-typo-text-s-bold-font-style: normal;\n --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-letter-spacing: -0.02em;\n --plasma-typo-text-xs-font-style: normal;\n --plasma-typo-text-xs-bold-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-bold-letter-spacing: -0.02em;\n --plasma-typo-text-xs-bold-font-style: normal;\n --plasma-typo-dspl-l-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-l-medium-letter-spacing: normal;\n --plasma-typo-dspl-l-medium-font-style: normal;\n --plasma-typo-dspl-m-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-m-medium-letter-spacing: normal;\n --plasma-typo-dspl-m-medium-font-style: normal;\n --plasma-typo-dspl-s-medium-font-family: var(--plasma-typo-display-font-family);\n --plasma-typo-dspl-s-medium-letter-spacing: normal;\n --plasma-typo-dspl-s-medium-font-style: normal;\n --plasma-typo-h1-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h1-medium-letter-spacing: normal;\n --plasma-typo-h1-medium-font-style: normal;\n --plasma-typo-h2-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h2-medium-letter-spacing: normal;\n --plasma-typo-h2-medium-font-style: normal;\n --plasma-typo-h3-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h3-medium-letter-spacing: normal;\n --plasma-typo-h3-medium-font-style: normal;\n --plasma-typo-h4-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h4-medium-letter-spacing: normal;\n --plasma-typo-h4-medium-font-style: normal;\n --plasma-typo-h5-medium-font-family: var(--plasma-typo-header-font-family);\n --plasma-typo-h5-medium-letter-spacing: normal;\n --plasma-typo-h5-medium-font-style: normal;\n --plasma-typo-body-l-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-l-medium-letter-spacing: -0.02em;\n --plasma-typo-body-l-medium-font-style: normal;\n --plasma-typo-body-m-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-m-medium-letter-spacing: -0.02em;\n --plasma-typo-body-m-medium-font-style: normal;\n --plasma-typo-body-s-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-s-medium-letter-spacing: -0.02em;\n --plasma-typo-body-s-medium-font-style: normal;\n --plasma-typo-body-xs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xs-medium-font-style: normal;\n --plasma-typo-body-xxs-medium-font-family: var(--plasma-typo-body-font-family);\n --plasma-typo-body-xxs-medium-letter-spacing: -0.02em;\n --plasma-typo-body-xxs-medium-font-style: normal;\n --plasma-typo-text-l-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-l-medium-letter-spacing: -0.02em;\n --plasma-typo-text-l-medium-font-style: normal;\n --plasma-typo-text-m-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-m-medium-letter-spacing: -0.02em;\n --plasma-typo-text-m-medium-font-style: normal;\n --plasma-typo-text-s-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-s-medium-letter-spacing: -0.02em;\n --plasma-typo-text-s-medium-font-style: normal;\n --plasma-typo-text-xs-medium-font-family: var(--plasma-typo-text-font-family);\n --plasma-typo-text-xs-medium-letter-spacing: -0.02em;\n --plasma-typo-text-xs-medium-font-style: normal;\n}\n\n@media (max-width: 559px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}\n\n@media (min-width: 560px) and (max-width: 959px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}\n\n@media (min-width: 960px) {\n :root {\n --plasma-typo-dspl-l-font-size: 8rem;\n --plasma-typo-dspl-l-font-weight: 300;\n --plasma-typo-dspl-l-line-height: 8rem;\n --plasma-typo-dspl-l-bold-font-size: 8rem;\n --plasma-typo-dspl-l-bold-font-weight: 600;\n --plasma-typo-dspl-l-bold-line-height: 8rem;\n --plasma-typo-dspl-m-font-size: 5.5rem;\n --plasma-typo-dspl-m-font-weight: 300;\n --plasma-typo-dspl-m-line-height: 6rem;\n --plasma-typo-dspl-m-bold-font-size: 5.5rem;\n --plasma-typo-dspl-m-bold-font-weight: 600;\n --plasma-typo-dspl-m-bold-line-height: 6rem;\n --plasma-typo-dspl-s-font-size: 4rem;\n --plasma-typo-dspl-s-font-weight: 300;\n --plasma-typo-dspl-s-line-height: 4.5rem;\n --plasma-typo-dspl-s-bold-font-size: 4rem;\n --plasma-typo-dspl-s-bold-font-weight: 600;\n --plasma-typo-dspl-s-bold-line-height: 4.5rem;\n --plasma-typo-h1-font-size: 2.5rem;\n --plasma-typo-h1-font-weight: 400;\n --plasma-typo-h1-line-height: 3rem;\n --plasma-typo-h1-bold-font-size: 2.5rem;\n --plasma-typo-h1-bold-font-weight: 600;\n --plasma-typo-h1-bold-line-height: 3rem;\n --plasma-typo-h2-font-size: 2rem;\n --plasma-typo-h2-font-weight: 400;\n --plasma-typo-h2-line-height: 2.625rem;\n --plasma-typo-h2-bold-font-size: 2rem;\n --plasma-typo-h2-bold-font-weight: 600;\n --plasma-typo-h2-bold-line-height: 2.625rem;\n --plasma-typo-h3-font-size: 1.5rem;\n --plasma-typo-h3-font-weight: 400;\n --plasma-typo-h3-line-height: 2.125rem;\n --plasma-typo-h3-bold-font-size: 1.5rem;\n --plasma-typo-h3-bold-font-weight: 600;\n --plasma-typo-h3-bold-line-height: 2.125rem;\n --plasma-typo-h4-font-size: 1.25rem;\n --plasma-typo-h4-font-weight: 400;\n --plasma-typo-h4-line-height: 1.875rem;\n --plasma-typo-h4-bold-font-size: 1.25rem;\n --plasma-typo-h4-bold-font-weight: 600;\n --plasma-typo-h4-bold-line-height: 1.875rem;\n --plasma-typo-h5-font-size: 1.125rem;\n --plasma-typo-h5-font-weight: 400;\n --plasma-typo-h5-line-height: 1.75rem;\n --plasma-typo-h5-bold-font-size: 1.125rem;\n --plasma-typo-h5-bold-font-weight: 600;\n --plasma-typo-h5-bold-line-height: 1.75rem;\n --plasma-typo-body-l-font-size: 1.125rem;\n --plasma-typo-body-l-font-weight: 400;\n --plasma-typo-body-l-line-height: 1.625rem;\n --plasma-typo-body-l-bold-font-size: 1.125rem;\n --plasma-typo-body-l-bold-font-weight: 600;\n --plasma-typo-body-l-bold-line-height: 1.625rem;\n --plasma-typo-body-m-font-size: 1rem;\n --plasma-typo-body-m-font-weight: 400;\n --plasma-typo-body-m-line-height: 1.5rem;\n --plasma-typo-body-m-bold-font-size: 1rem;\n --plasma-typo-body-m-bold-font-weight: 600;\n --plasma-typo-body-m-bold-line-height: 1.5rem;\n --plasma-typo-body-s-font-size: 0.875rem;\n --plasma-typo-body-s-font-weight: 400;\n --plasma-typo-body-s-line-height: 1.25rem;\n --plasma-typo-body-s-bold-font-size: 0.875rem;\n --plasma-typo-body-s-bold-font-weight: 600;\n --plasma-typo-body-s-bold-line-height: 1.25rem;\n --plasma-typo-body-xs-font-size: 0.75rem;\n --plasma-typo-body-xs-font-weight: 400;\n --plasma-typo-body-xs-line-height: 1rem;\n --plasma-typo-body-xs-bold-font-size: 0.75rem;\n --plasma-typo-body-xs-bold-font-weight: 600;\n --plasma-typo-body-xs-bold-line-height: 1rem;\n --plasma-typo-body-xxs-font-size: 0.625rem;\n --plasma-typo-body-xxs-font-weight: 400;\n --plasma-typo-body-xxs-line-height: 0.875rem;\n --plasma-typo-body-xxs-bold-font-size: 0.625rem;\n --plasma-typo-body-xxs-bold-font-weight: 600;\n --plasma-typo-body-xxs-bold-line-height: 0.875rem;\n --plasma-typo-text-l-font-size: 1.5rem;\n --plasma-typo-text-l-font-weight: 400;\n --plasma-typo-text-l-line-height: 2.25rem;\n --plasma-typo-text-l-bold-font-size: 1.5rem;\n --plasma-typo-text-l-bold-font-weight: 600;\n --plasma-typo-text-l-bold-line-height: 2.25rem;\n --plasma-typo-text-m-font-size: 1.125rem;\n --plasma-typo-text-m-font-weight: 400;\n --plasma-typo-text-m-line-height: 1.75rem;\n --plasma-typo-text-m-bold-font-size: 1.125rem;\n --plasma-typo-text-m-bold-font-weight: 600;\n --plasma-typo-text-m-bold-line-height: 1.75rem;\n --plasma-typo-text-s-font-size: 0.875rem;\n --plasma-typo-text-s-font-weight: 400;\n --plasma-typo-text-s-line-height: 1.25rem;\n --plasma-typo-text-s-bold-font-size: 0.875rem;\n --plasma-typo-text-s-bold-font-weight: 600;\n --plasma-typo-text-s-bold-line-height: 1.25rem;\n --plasma-typo-text-xs-font-size: 0.75rem;\n --plasma-typo-text-xs-font-weight: 400;\n --plasma-typo-text-xs-line-height: 1.125rem;\n --plasma-typo-text-xs-bold-font-size: 0.75rem;\n --plasma-typo-text-xs-bold-font-weight: 600;\n --plasma-typo-text-xs-bold-line-height: 1.125rem;\n --plasma-typo-dspl-l-medium-font-size: 8rem;\n --plasma-typo-dspl-l-medium-font-weight: 500;\n --plasma-typo-dspl-l-medium-line-height: 8rem;\n --plasma-typo-dspl-m-medium-font-size: 5.5rem;\n --plasma-typo-dspl-m-medium-font-weight: 500;\n --plasma-typo-dspl-m-medium-line-height: 6rem;\n --plasma-typo-dspl-s-medium-font-size: 4rem;\n --plasma-typo-dspl-s-medium-font-weight: 500;\n --plasma-typo-dspl-s-medium-line-height: 4.5rem;\n --plasma-typo-h1-medium-font-size: 2.5rem;\n --plasma-typo-h1-medium-font-weight: 500;\n --plasma-typo-h1-medium-line-height: 3rem;\n --plasma-typo-h2-medium-font-size: 2rem;\n --plasma-typo-h2-medium-font-weight: 500;\n --plasma-typo-h2-medium-line-height: 2.625rem;\n --plasma-typo-h3-medium-font-size: 1.5rem;\n --plasma-typo-h3-medium-font-weight: 500;\n --plasma-typo-h3-medium-line-height: 2.125rem;\n --plasma-typo-h4-medium-font-size: 1.25rem;\n --plasma-typo-h4-medium-font-weight: 500;\n --plasma-typo-h4-medium-line-height: 1.875rem;\n --plasma-typo-h5-medium-font-size: 1.125rem;\n --plasma-typo-h5-medium-font-weight: 500;\n --plasma-typo-h5-medium-line-height: 1.75rem;\n --plasma-typo-body-l-medium-font-size: 1.125rem;\n --plasma-typo-body-l-medium-font-weight: 500;\n --plasma-typo-body-l-medium-line-height: 1.625rem;\n --plasma-typo-body-m-medium-font-size: 1rem;\n --plasma-typo-body-m-medium-font-weight: 500;\n --plasma-typo-body-m-medium-line-height: 1.5rem;\n --plasma-typo-body-s-medium-font-size: 0.875rem;\n --plasma-typo-body-s-medium-font-weight: 500;\n --plasma-typo-body-s-medium-line-height: 1.25rem;\n --plasma-typo-body-xs-medium-font-size: 0.75rem;\n --plasma-typo-body-xs-medium-font-weight: 500;\n --plasma-typo-body-xs-medium-line-height: 1rem;\n --plasma-typo-body-xxs-medium-font-size: 0.625rem;\n --plasma-typo-body-xxs-medium-font-weight: 500;\n --plasma-typo-body-xxs-medium-line-height: 0.875rem;\n --plasma-typo-text-l-medium-font-size: 1.5rem;\n --plasma-typo-text-l-medium-font-weight: 500;\n --plasma-typo-text-l-medium-line-height: 2.25rem;\n --plasma-typo-text-m-medium-font-size: 1.125rem;\n --plasma-typo-text-m-medium-font-weight: 500;\n --plasma-typo-text-m-medium-line-height: 1.75rem;\n --plasma-typo-text-s-medium-font-size: 0.875rem;\n --plasma-typo-text-s-medium-font-weight: 500;\n --plasma-typo-text-s-medium-line-height: 1.25rem;\n --plasma-typo-text-xs-medium-font-size: 0.75rem;\n --plasma-typo-text-xs-medium-font-weight: 500;\n --plasma-typo-text-xs-medium-line-height: 1.125rem;\n }\n}"];
6
6
  //# sourceMappingURL=sdds_cs__light.js.map
package/tokens/sdds_cs/index.js CHANGED
@@ -1447,6 +1447,6 @@ exports.textXSMedium = {
1447
1447
  };
1448
1448
  exports.viewContainer = {
1449
1449
  dark: "\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary: var(--on-dark-text-secondary);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\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-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 --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-secondary: 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-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-positive: var(--on-light-text-positive);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-negative: 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 --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-secondary: 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 --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-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-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-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-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-positive: var(--on-dark-surface-positive);\n --surface-positive-hover: var(--on-dark-surface-positive-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-warning-minor: var(--on-dark-surface-warning-minor);\n --surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --surface-info-minor: var(--on-dark-surface-info-minor);\n --surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\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 --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-secondary: 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-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\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-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-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\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-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-warning-minor: var(--on-light-surface-warning-minor);\n --inverse-surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --inverse-surface-negative-minor: var(--on-light-surface-negative-minor);\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: var(--on-light-surface-info-minor);\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 --background-primary: var(--dark-background-primary);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --outline-solid-primary: var(--on-dark-outline-solid-primary);\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: var(--on-dark-outline-solid-secondary);\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-clear: var(--on-dark-outline-clear);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-accent: var(--on-dark-outline-accent);\n --outline-accent-hover: var(--on-dark-outline-accent-hover);\n --outline-accent-active: var(--on-dark-outline-accent-active);\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-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 --inverse-outline-solid-primary: var(--on-light-outline-solid-primary);\n --inverse-outline-solid-primary-hover: var(--on-light-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-light-outline-solid-primary-active);\n --inverse-outline-solid-secondary: var(--on-light-outline-solid-secondary);\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-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: var(--on-light-outline-accent);\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-positive: var(--on-light-outline-positive);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-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 --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-text-promo-minor-gradient: var(--on-light-text-promo-minor-gradient);\n --inverse-text-promo-minor-gradient-hover: var(--on-light-text-promo-minor-gradient-hover);\n --inverse-text-promo-minor-gradient-active: var(--on-light-text-promo-minor-gradient-active);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n ",
1450
- light: "\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary: var(--on-light-text-secondary);\n --text-accent: var(--on-light-text-accent);\n --text-negative: var(--on-light-text-negative);\n --text-positive: var(--on-light-text-positive);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-warning: var(--on-light-text-warning);\n --text-info: var(--on-light-text-info);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-warning: var(--on-dark-text-warning);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\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-accent: var(--on-light-surface-accent);\n --surface-positive: var(--on-light-surface-positive);\n --surface-negative: var(--on-light-surface-negative);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-clear: var(--on-light-surface-clear);\n --surface-warning: var(--on-light-surface-warning);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-info: var(--on-light-surface-info);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-primary: var(--on-light-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-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --background-primary: var(--light-background-primary);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\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-clear-hover: var(--on-light-outline-clear-hover);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive: var(--on-light-outline-positive);\n --outline-accent: var(--on-light-outline-accent);\n --outline-negative: var(--on-light-outline-negative);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-clear: var(--on-light-outline-clear);\n --outline-info: var(--on-light-outline-info);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-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-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --inverse-outline-clear: var(--on-dark-outline-clear);\n --inverse-outline-info: var(--on-dark-outline-info);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-text-promo-minor-gradient-hover: var(--on-dark-text-promo-minor-gradient-hover);\n --inverse-text-promo-minor-gradient-active: var(--on-dark-text-promo-minor-gradient-active);\n --inverse-text-promo-minor-gradient: var(--on-dark-text-promo-minor-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
1450
+ light: "\n --text-primary-hover: var(--on-light-text-primary-hover);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary: var(--on-light-text-secondary);\n --text-accent: var(--on-light-text-accent);\n --text-negative: var(--on-light-text-negative);\n --text-positive: var(--on-light-text-positive);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-warning: var(--on-light-text-warning);\n --text-info: var(--on-light-text-info);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-warning-minor-hover: var(--on-light-surface-warning-minor-hover);\n --surface-warning-minor-active: var(--on-light-surface-warning-minor-active);\n --surface-info-minor-hover: var(--on-light-surface-info-minor-hover);\n --surface-info-minor-active: var(--on-light-surface-info-minor-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\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-accent: var(--on-light-surface-accent);\n --surface-positive: var(--on-light-surface-positive);\n --surface-negative: var(--on-light-surface-negative);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-clear: var(--on-light-surface-clear);\n --surface-warning: var(--on-light-surface-warning);\n --surface-warning-minor: var(--on-light-surface-warning-minor);\n --surface-info-minor: var(--on-light-surface-info-minor);\n --surface-info: var(--on-light-surface-info);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-warning-minor-hover: var(--on-dark-surface-warning-minor-hover);\n --inverse-surface-warning-minor-active: var(--on-dark-surface-warning-minor-active);\n --inverse-surface-negative-minor-hover: var(--on-dark-surface-negative-minor-hover);\n --inverse-surface-negative-minor-active: var(--on-dark-surface-negative-minor-active);\n --inverse-surface-info-minor-hover: var(--on-dark-surface-info-minor-hover);\n --inverse-surface-info-minor-active: var(--on-dark-surface-info-minor-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-clear: var(--on-dark-surface-clear);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-warning-minor: var(--on-dark-surface-warning-minor);\n --inverse-surface-info-minor: var(--on-dark-surface-info-minor);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-negative-minor: var(--on-dark-surface-negative-minor);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --background-primary: var(--light-background-primary);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\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-clear-hover: var(--on-light-outline-clear-hover);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-accent-hover: var(--on-light-outline-accent-hover);\n --outline-accent-active: var(--on-light-outline-accent-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-positive: var(--on-light-outline-positive);\n --outline-accent: var(--on-light-outline-accent);\n --outline-negative: var(--on-light-outline-negative);\n --outline-solid-primary: var(--on-light-outline-solid-primary);\n --outline-solid-secondary: var(--on-light-outline-solid-secondary);\n --outline-clear: var(--on-light-outline-clear);\n --outline-info: var(--on-light-outline-info);\n --inverse-outline-solid-primary-hover: var(--on-dark-outline-solid-primary-hover);\n --inverse-outline-solid-primary-active: var(--on-dark-outline-solid-primary-active);\n --inverse-outline-solid-secondary-hover: var(--on-dark-outline-solid-secondary-hover);\n --inverse-outline-solid-secondary-active: var(--on-dark-outline-solid-secondary-active);\n --inverse-outline-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-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-accent: var(--on-dark-outline-accent);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-solid-primary: var(--on-dark-outline-solid-primary);\n --inverse-outline-clear: var(--on-dark-outline-clear);\n --inverse-outline-info: var(--on-dark-outline-info);\n --inverse-outline-solid-secondary: var(--on-dark-outline-solid-secondary);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-text-promo-minor-gradient-hover: var(--on-dark-text-promo-minor-gradient-hover);\n --inverse-text-promo-minor-gradient-active: var(--on-dark-text-promo-minor-gradient-active);\n --inverse-text-promo-minor-gradient: var(--on-dark-text-promo-minor-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n ",
1451
1451
  };
1452
1452
  //# sourceMappingURL=index.js.map