@ds-autonomie/assets 1.2.0 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/css/dsa-theme.css +144 -44
- package/css/dsa-theme.min.css +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/css/dsa-theme.css
CHANGED
|
@@ -127,6 +127,106 @@
|
|
|
127
127
|
--dsa-color-primitives-cnsa-300: hsl(61, 79%, 77%);
|
|
128
128
|
--dsa-color-primitives-cnsa-200: hsl(61, 92%, 90%);
|
|
129
129
|
--dsa-color-primitives-cnsa-100: hsl(60, 100%, 98%);
|
|
130
|
+
--dsa-color-spinner-neutral-on-base-on-base: hsl(0, 0%, 100%);
|
|
131
|
+
--dsa-color-spinner-neutral-on-base-base: hsl(0, 0%, 40%);
|
|
132
|
+
--dsa-color-spinner-neutral-on-button-on-base: hsl(120, 1%, 15%);
|
|
133
|
+
--dsa-color-spinner-neutral-on-button-base: hsl(0, 0%, 84%);
|
|
134
|
+
--dsa-color-button-on-contrasted-neutral-warning-on-disabled: hsl(
|
|
135
|
+
5,
|
|
136
|
+
96%,
|
|
137
|
+
72%
|
|
138
|
+
);
|
|
139
|
+
--dsa-color-button-on-contrasted-neutral-warning-disabled: hsl(0, 100%, 98%);
|
|
140
|
+
--dsa-color-button-on-contrasted-neutral-warning-on-active: hsl(0, 100%, 16%);
|
|
141
|
+
--dsa-color-button-on-contrasted-neutral-warning-active: hsl(5, 96%, 72%);
|
|
142
|
+
--dsa-color-button-on-contrasted-neutral-warning-on-hover: hsl(0, 100%, 16%);
|
|
143
|
+
--dsa-color-button-on-contrasted-neutral-warning-hover: hsl(7, 100%, 93%);
|
|
144
|
+
--dsa-color-button-on-contrasted-neutral-warning-on-enabled: hsl(4, 93%, 45%);
|
|
145
|
+
--dsa-color-button-on-contrasted-neutral-warning-enabled: hsl(0, 100%, 98%);
|
|
146
|
+
--dsa-color-button-on-contrasted-neutral-navigation-disabled: hsl(
|
|
147
|
+
120,
|
|
148
|
+
1%,
|
|
149
|
+
27%
|
|
150
|
+
);
|
|
151
|
+
--dsa-color-button-on-contrasted-neutral-navigation-active: hsl(0, 0%, 91%);
|
|
152
|
+
--dsa-color-button-on-contrasted-neutral-navigation-hover: hsl(0, 0%, 97%);
|
|
153
|
+
--dsa-color-button-on-contrasted-neutral-navigation-enabled: hsl(0, 0%, 100%);
|
|
154
|
+
--dsa-color-button-on-contrasted-neutral-neutral-on-disabled: hsl(
|
|
155
|
+
120,
|
|
156
|
+
1%,
|
|
157
|
+
55%
|
|
158
|
+
);
|
|
159
|
+
--dsa-color-button-on-contrasted-neutral-neutral-disabled: hsl(0, 0%, 91%);
|
|
160
|
+
--dsa-color-button-on-contrasted-neutral-neutral-on-active: hsl(120, 1%, 27%);
|
|
161
|
+
--dsa-color-button-on-contrasted-neutral-neutral-active: hsl(120, 1%, 55%);
|
|
162
|
+
--dsa-color-button-on-contrasted-neutral-neutral-on-hover: hsl(120, 1%, 27%);
|
|
163
|
+
--dsa-color-button-on-contrasted-neutral-neutral-hover: hsl(0, 0%, 84%);
|
|
164
|
+
--dsa-color-button-on-contrasted-neutral-neutral-on-enabled: hsl(
|
|
165
|
+
120,
|
|
166
|
+
1%,
|
|
167
|
+
27%
|
|
168
|
+
);
|
|
169
|
+
--dsa-color-button-on-contrasted-neutral-neutral-enabled: hsl(0, 0%, 91%);
|
|
170
|
+
--dsa-color-button-on-contrasted-neutral-tertiary-on-disabled: hsl(
|
|
171
|
+
120,
|
|
172
|
+
1%,
|
|
173
|
+
27%
|
|
174
|
+
);
|
|
175
|
+
--dsa-color-button-on-contrasted-neutral-tertiary-disabled: hsl(120, 1%, 21%);
|
|
176
|
+
--dsa-color-button-on-contrasted-neutral-tertiary-on-active: hsl(0, 0%, 91%);
|
|
177
|
+
--dsa-color-button-on-contrasted-neutral-tertiary-active: hsl(0, 0%, 91%);
|
|
178
|
+
--dsa-color-button-on-contrasted-neutral-tertiary-on-hover: hsl(0, 0%, 97%);
|
|
179
|
+
--dsa-color-button-on-contrasted-neutral-tertiary-hover: hsl(0, 0%, 97%);
|
|
180
|
+
--dsa-color-button-on-contrasted-neutral-tertiary-on-enabled: hsl(
|
|
181
|
+
0,
|
|
182
|
+
0%,
|
|
183
|
+
100%
|
|
184
|
+
);
|
|
185
|
+
--dsa-color-button-on-contrasted-neutral-tertiary-enabled: hsl(0, 0%, 100%);
|
|
186
|
+
--dsa-color-button-on-contrasted-neutral-secondary-on-disabled: hsl(
|
|
187
|
+
120,
|
|
188
|
+
1%,
|
|
189
|
+
55%
|
|
190
|
+
);
|
|
191
|
+
--dsa-color-button-on-contrasted-neutral-secondary-disabled: hsl(
|
|
192
|
+
120,
|
|
193
|
+
1%,
|
|
194
|
+
27%
|
|
195
|
+
);
|
|
196
|
+
--dsa-color-button-on-contrasted-neutral-secondary-on-active: hsl(
|
|
197
|
+
240,
|
|
198
|
+
14%,
|
|
199
|
+
99%
|
|
200
|
+
);
|
|
201
|
+
--dsa-color-button-on-contrasted-neutral-secondary-active: hsl(120, 1%, 21%);
|
|
202
|
+
--dsa-color-button-on-contrasted-neutral-secondary-on-hover: hsl(
|
|
203
|
+
240,
|
|
204
|
+
14%,
|
|
205
|
+
99%
|
|
206
|
+
);
|
|
207
|
+
--dsa-color-button-on-contrasted-neutral-secondary-hover: hsl(120, 1%, 27%);
|
|
208
|
+
--dsa-color-button-on-contrasted-neutral-secondary-on-enabled: hsl(
|
|
209
|
+
0,
|
|
210
|
+
0%,
|
|
211
|
+
100%
|
|
212
|
+
);
|
|
213
|
+
--dsa-color-button-on-contrasted-neutral-secondary-enabled: hsl(0, 0%, 40%);
|
|
214
|
+
--dsa-color-button-on-contrasted-neutral-primary-on-disabled: hsl(
|
|
215
|
+
120,
|
|
216
|
+
1%,
|
|
217
|
+
15%
|
|
218
|
+
);
|
|
219
|
+
--dsa-color-button-on-contrasted-neutral-primary-disabled: hsl(120, 1%, 27%);
|
|
220
|
+
--dsa-color-button-on-contrasted-neutral-primary-on-active: hsl(120, 1%, 15%);
|
|
221
|
+
--dsa-color-button-on-contrasted-neutral-primary-active: hsl(0, 0%, 84%);
|
|
222
|
+
--dsa-color-button-on-contrasted-neutral-primary-on-hover: hsl(120, 1%, 15%);
|
|
223
|
+
--dsa-color-button-on-contrasted-neutral-primary-hover: hsl(0, 0%, 91%);
|
|
224
|
+
--dsa-color-button-on-contrasted-neutral-primary-on-enabled: hsl(
|
|
225
|
+
120,
|
|
226
|
+
1%,
|
|
227
|
+
15%
|
|
228
|
+
);
|
|
229
|
+
--dsa-color-button-on-contrasted-neutral-primary-enabled: hsl(0, 0%, 100%);
|
|
130
230
|
--dsa-color-toggle-item-icon: hsl(265, 90%, 39%);
|
|
131
231
|
--dsa-color-toggle-item-readonly: hsl(0, 0%, 84%);
|
|
132
232
|
--dsa-color-input-background-on-layer-active: hsl(0, 0%, 85%);
|
|
@@ -329,6 +429,18 @@
|
|
|
329
429
|
--dsa-color-button-on-floating-menu-warning-enabled: var(
|
|
330
430
|
--dsa-color-primitives-system-error-200
|
|
331
431
|
);
|
|
432
|
+
--dsa-color-button-on-floating-menu-navigation-disabled: var(
|
|
433
|
+
--dsa-color-primitives-green-800
|
|
434
|
+
);
|
|
435
|
+
--dsa-color-button-on-floating-menu-navigation-active: var(
|
|
436
|
+
--dsa-color-primitives-green-400
|
|
437
|
+
);
|
|
438
|
+
--dsa-color-button-on-floating-menu-navigation-hover: var(
|
|
439
|
+
--dsa-color-primitives-green-300
|
|
440
|
+
);
|
|
441
|
+
--dsa-color-button-on-floating-menu-navigation-enabled: var(
|
|
442
|
+
--dsa-color-primitives-neutral-100
|
|
443
|
+
);
|
|
332
444
|
--dsa-color-button-on-floating-menu-neutral-on-disabled: var(
|
|
333
445
|
--dsa-color-primitives-neutral-600
|
|
334
446
|
);
|
|
@@ -425,17 +537,41 @@
|
|
|
425
537
|
--dsa-color-button-on-floating-menu-primary-enabled: var(
|
|
426
538
|
--dsa-color-primitives-neutral-100
|
|
427
539
|
);
|
|
428
|
-
--dsa-color-button-on-
|
|
429
|
-
--dsa-color-primitives-
|
|
540
|
+
--dsa-color-button-on-base-warning-on-disabled: var(
|
|
541
|
+
--dsa-color-primitives-system-error-400
|
|
430
542
|
);
|
|
431
|
-
--dsa-color-button-on-
|
|
432
|
-
--dsa-color-primitives-
|
|
543
|
+
--dsa-color-button-on-base-warning-disabled: var(
|
|
544
|
+
--dsa-color-primitives-system-error-200
|
|
433
545
|
);
|
|
434
|
-
--dsa-color-button-on-
|
|
435
|
-
--dsa-color-primitives-
|
|
546
|
+
--dsa-color-button-on-base-warning-on-active: var(
|
|
547
|
+
--dsa-color-primitives-system-error-900
|
|
436
548
|
);
|
|
437
|
-
--dsa-color-button-on-
|
|
438
|
-
--dsa-color-primitives-
|
|
549
|
+
--dsa-color-button-on-base-warning-active: var(
|
|
550
|
+
--dsa-color-primitives-system-error-400
|
|
551
|
+
);
|
|
552
|
+
--dsa-color-button-on-base-warning-on-hover: var(
|
|
553
|
+
--dsa-color-primitives-system-error-900
|
|
554
|
+
);
|
|
555
|
+
--dsa-color-button-on-base-warning-hover: var(
|
|
556
|
+
--dsa-color-primitives-system-error-300
|
|
557
|
+
);
|
|
558
|
+
--dsa-color-button-on-base-warning-on-enabled: var(
|
|
559
|
+
--dsa-color-primitives-system-error-500
|
|
560
|
+
);
|
|
561
|
+
--dsa-color-button-on-base-warning-enabled: var(
|
|
562
|
+
--dsa-color-primitives-system-error-200
|
|
563
|
+
);
|
|
564
|
+
--dsa-color-button-on-base-navigation-disabled: var(
|
|
565
|
+
--dsa-color-primitives-purple-200
|
|
566
|
+
);
|
|
567
|
+
--dsa-color-button-on-base-navigation-active: var(
|
|
568
|
+
--dsa-color-primitives-neutral-800
|
|
569
|
+
);
|
|
570
|
+
--dsa-color-button-on-base-navigation-hover: var(
|
|
571
|
+
--dsa-color-primitives-neutral-800
|
|
572
|
+
);
|
|
573
|
+
--dsa-color-button-on-base-navigation-enabled: var(
|
|
574
|
+
--dsa-color-primitives-neutral-800
|
|
439
575
|
);
|
|
440
576
|
--dsa-color-button-on-base-neutral-on-disabled: var(
|
|
441
577
|
--dsa-color-primitives-neutral-600
|
|
@@ -461,30 +597,6 @@
|
|
|
461
597
|
--dsa-color-button-on-base-neutral-enabled: var(
|
|
462
598
|
--dsa-color-primitives-neutral-400
|
|
463
599
|
);
|
|
464
|
-
--dsa-color-button-on-base-warning-on-disabled: var(
|
|
465
|
-
--dsa-color-primitives-system-error-400
|
|
466
|
-
);
|
|
467
|
-
--dsa-color-button-on-base-warning-disabled: var(
|
|
468
|
-
--dsa-color-primitives-system-error-200
|
|
469
|
-
);
|
|
470
|
-
--dsa-color-button-on-base-warning-on-active: var(
|
|
471
|
-
--dsa-color-primitives-system-error-900
|
|
472
|
-
);
|
|
473
|
-
--dsa-color-button-on-base-warning-active: var(
|
|
474
|
-
--dsa-color-primitives-system-error-400
|
|
475
|
-
);
|
|
476
|
-
--dsa-color-button-on-base-warning-on-hover: var(
|
|
477
|
-
--dsa-color-primitives-system-error-900
|
|
478
|
-
);
|
|
479
|
-
--dsa-color-button-on-base-warning-hover: var(
|
|
480
|
-
--dsa-color-primitives-system-error-300
|
|
481
|
-
);
|
|
482
|
-
--dsa-color-button-on-base-warning-on-enabled: var(
|
|
483
|
-
--dsa-color-primitives-system-error-500
|
|
484
|
-
);
|
|
485
|
-
--dsa-color-button-on-base-warning-enabled: var(
|
|
486
|
-
--dsa-color-primitives-system-error-200
|
|
487
|
-
);
|
|
488
600
|
--dsa-color-button-on-base-tertiary-on-disabled: var(
|
|
489
601
|
--dsa-color-primitives-purple-300
|
|
490
602
|
);
|
|
@@ -557,18 +669,6 @@
|
|
|
557
669
|
--dsa-color-button-on-base-primary-enabled: var(
|
|
558
670
|
--dsa-color-primitives-purple-500
|
|
559
671
|
);
|
|
560
|
-
--dsa-color-button-on-base-navigation-disabled: var(
|
|
561
|
-
--dsa-color-primitives-purple-200
|
|
562
|
-
);
|
|
563
|
-
--dsa-color-button-on-base-navigation-active: var(
|
|
564
|
-
--dsa-color-primitives-neutral-800
|
|
565
|
-
);
|
|
566
|
-
--dsa-color-button-on-base-navigation-hover: var(
|
|
567
|
-
--dsa-color-primitives-neutral-800
|
|
568
|
-
);
|
|
569
|
-
--dsa-color-button-on-base-navigation-enabled: var(
|
|
570
|
-
--dsa-color-primitives-neutral-800
|
|
571
|
-
);
|
|
572
672
|
--dsa-color-icon-on-base-error: var(--dsa-color-primitives-system-error-500);
|
|
573
673
|
--dsa-color-icon-on-base-disabled: var(--dsa-color-primitives-neutral-600);
|
|
574
674
|
--dsa-color-icon-on-base-default: var(--dsa-color-primitives-neutral-800);
|
package/css/dsa-theme.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--dsa-font-input-mask-large: 400 1.25rem/1.3 "Cabin", sans-serif;--dsa-font-input-mask-medium: 400 .875rem/1.3 "Cabin", sans-serif;--dsa-font-input-mask-small: 400 .75rem/1.3 "Cabin", sans-serif;--dsa-font-button-large: 700 1.25rem/1.2 "Cabin", sans-serif;--dsa-font-button-small: 700 .875rem/1.2 "Cabin", sans-serif;--dsa-font-button-medium: 700 1rem/1.2 "Cabin", sans-serif;--dsa-font-4x-large-bold-underline: 700 4.5rem/1.3 "Montserrat", sans-serif;--dsa-font-4x-large-bold: 700 4.5rem/1.3 "Montserrat", sans-serif;--dsa-font-4x-large-normal-underline: 400 4.5rem/1.3 "Montserrat", sans-serif;--dsa-font-4x-large-normal: 400 4.5rem/1.3 "Montserrat", sans-serif;--dsa-font-3x-large-bold-underline: 700 3rem/1.3 "Montserrat", sans-serif;--dsa-font-3x-large-bold: 700 3rem/1.3 "Montserrat", sans-serif;--dsa-font-3x-large-normal-underline: 400 3rem/1.3 "Montserrat", sans-serif;--dsa-font-3x-large-normal: 400 3rem/1.3 "Montserrat", sans-serif;--dsa-font-2x-large-bold-underline: 700 2.25rem/1.3 "Montserrat", sans-serif;--dsa-font-2x-large-bold: 700 2.25rem/1.3 "Montserrat", sans-serif;--dsa-font-2x-large-normal-underline: 400 2.25rem/1.3 "Montserrat", sans-serif;--dsa-font-2x-large-normal: 400 2.25rem/1.3 "Montserrat", sans-serif;--dsa-font-x-large-bold-underline: 700 1.5rem/1.3 "Montserrat", sans-serif;--dsa-font-x-large-bold: 700 1.5rem/1.3 "Montserrat", sans-serif;--dsa-font-x-large-normal-underline: 400 1.5rem/1.3 "Montserrat", sans-serif;--dsa-font-x-large-normal: 400 1.5rem/1.3 "Montserrat", sans-serif;--dsa-font-large-bold-underline: 700 1.25rem/1.3 "Montserrat", sans-serif;--dsa-font-large-bold: 700 1.25rem/1.3 "Montserrat", sans-serif;--dsa-font-large-normal-underline: 400 1.25rem/1.3 "Montserrat", sans-serif;--dsa-font-large-normal: 400 1.25rem/1.3 "Montserrat", sans-serif;--dsa-font-medium-bold-underline: 700 1rem/1.3 "Cabin", sans-serif;--dsa-font-medium-bold: 700 1rem/1.3 "Cabin", sans-serif;--dsa-font-medium-normal-underline: 400 1rem/1.3 "Cabin", sans-serif;--dsa-font-medium-normal: 400 1rem/1.3 "Cabin", sans-serif;--dsa-font-small-bold-underline: 700 .875rem/1.3 "Cabin", sans-serif;--dsa-font-small-bold: 700 .875rem/1.3 "Cabin", sans-serif;--dsa-font-small-normal-underline: 400 .875rem/1.3 "Cabin", sans-serif;--dsa-font-small-normal: 400 .875rem/1.3 "Cabin", sans-serif;--dsa-font-x-small-bold-underline: 700 .75rem/1.2 "Cabin", sans-serif;--dsa-font-x-small-bold: 700 .75rem/1.3 "Cabin", sans-serif;--dsa-font-x-small-normal-underline: 400 .75rem/1.3 "Cabin", sans-serif;--dsa-font-x-small-normal: 400 .75rem/1.3 "Cabin", sans-serif;--dsa-font-2x-small-normal: 400 .625rem/1.3 "Cabin", sans-serif;--dsa-font-2x-small-bold-underline: 700 .625rem/1.3 "Cabin", sans-serif;--dsa-font-2x-small-bold: 700 .625rem/1.3 "Cabin", sans-serif;--dsa-font-2x-small-normal-underline: 400 .625rem/1.3 "Cabin", sans-serif;--dsa-color-primitives-system-success-900: hsl(151, 100%, 6%);--dsa-color-primitives-system-success-500: hsl(151, 93%, 28%);--dsa-color-primitives-system-success-200: hsl(132, 28%, 93%);--dsa-color-primitives-system-warning-900: hsl(32, 100%, 16%);--dsa-color-primitives-system-warning-500: hsl(40, 100%, 63%);--dsa-color-primitives-system-warning-200: hsl(43, 100%, 94%);--dsa-color-primitives-system-error-900: hsl(0, 100%, 16%);--dsa-color-primitives-system-error-500: hsl(4, 93%, 45%);--dsa-color-primitives-system-error-400: hsl(5, 96%, 72%);--dsa-color-primitives-system-error-300: hsl(7, 100%, 93%);--dsa-color-primitives-system-error-200: hsl(0, 100%, 98%);--dsa-color-primitives-system-focus-500: hsl(209, 100%, 55%);--dsa-color-primitives-neutral-900: hsl(120, 1%, 15%);--dsa-color-primitives-neutral-800: hsl(120, 1%, 21%);--dsa-color-primitives-neutral-700: hsl(120, 1%, 27%);--dsa-color-primitives-neutral-650: hsl(0, 0%, 40%);--dsa-color-primitives-neutral-600: hsl(120, 1%, 55%);--dsa-color-primitives-neutral-500: hsl(0, 0%, 84%);--dsa-color-primitives-neutral-400: hsl(0, 0%, 91%);--dsa-color-primitives-neutral-300: hsl(0, 0%, 97%);--dsa-color-primitives-neutral-200: hsl(240, 14%, 99%);--dsa-color-primitives-neutral-100: hsl(0, 0%, 100%);--dsa-color-primitives-green-900: hsl(141, 33%, 21%);--dsa-color-primitives-green-800: hsl(140, 20%, 35%);--dsa-color-primitives-green-700: hsl(140, 14%, 49%);--dsa-color-primitives-green-600: hsl(139, 18%, 62%);--dsa-color-primitives-green-500: hsl(139, 23%, 74%);--dsa-color-primitives-green-400: hsl(141, 40%, 82%);--dsa-color-primitives-green-300: hsl(140, 35%, 90%);--dsa-color-primitives-green-200: hsl(144, 42%, 95%);--dsa-color-primitives-yellow-900: hsl(31, 23%, 19%);--dsa-color-primitives-yellow-800: hsl(32, 44%, 27%);--dsa-color-primitives-yellow-700: hsl(35, 40%, 43%);--dsa-color-primitives-yellow-600: hsl(38, 52%, 58%);--dsa-color-primitives-yellow-500: hsl(38, 100%, 75%);--dsa-color-primitives-yellow-400: hsl(43, 100%, 81%);--dsa-color-primitives-yellow-300: hsl(43, 100%, 87%);--dsa-color-primitives-yellow-200: hsl(43, 100%, 94%);--dsa-color-primitives-pink-900: hsl(319, 20%, 35%);--dsa-color-primitives-pink-800: hsl(340, 18%, 52%);--dsa-color-primitives-pink-700: hsl(356, 33%, 70%);--dsa-color-primitives-pink-600: hsl(9, 48%, 75%);--dsa-color-primitives-pink-500: hsl(9, 97%, 86%);--dsa-color-primitives-pink-400: hsl(9, 100%, 90%);--dsa-color-primitives-pink-300: hsl(9, 100%, 93%);--dsa-color-primitives-pink-200: hsl(7, 100%, 97%);--dsa-color-primitives-orange-900: hsl(25, 14%, 35%);--dsa-color-primitives-orange-800: hsl(26, 15%, 46%);--dsa-color-primitives-orange-700: hsl(25, 21%, 58%);--dsa-color-primitives-orange-600: hsl(26, 38%, 71%);--dsa-color-primitives-orange-500: hsl(26, 83%, 84%);--dsa-color-primitives-orange-400: hsl(26, 85%, 89%);--dsa-color-primitives-orange-300: hsl(25, 89%, 93%);--dsa-color-primitives-orange-200: hsl(26, 89%, 96%);--dsa-color-primitives-blue-900: hsl(198, 42%, 24%);--dsa-color-primitives-blue-800: hsl(198, 31%, 35%);--dsa-color-primitives-blue-700: hsl(198, 26%, 49%);--dsa-color-primitives-blue-600: hsl(198, 41%, 64%);--dsa-color-primitives-blue-500: hsl(198, 79%, 79%);--dsa-color-primitives-blue-400: hsl(198, 79%, 85%);--dsa-color-primitives-blue-300: hsl(199, 80%, 90%);--dsa-color-primitives-blue-200: hsl(198, 77%, 95%);--dsa-color-primitives-purple-900: hsl(264, 68%, 25%);--dsa-color-primitives-purple-800: hsl(264, 74%, 28%);--dsa-color-primitives-purple-700: hsl(264, 78%, 32%);--dsa-color-primitives-purple-600: hsl(264, 84%, 36%);--dsa-color-primitives-purple-500: hsl(265, 90%, 39%);--dsa-color-primitives-purple-400: hsl(267, 59%, 68%);--dsa-color-primitives-purple-300: hsl(267, 61%, 81%);--dsa-color-primitives-purple-200: hsl(265, 69%, 94%);--dsa-color-primitives-purple-100: hsl(267, 65%, 97%);--dsa-color-primitives-cnsa-900: hsl(72, 100%, 11%);--dsa-color-primitives-cnsa-800: hsl(65, 94%, 19%);--dsa-color-primitives-cnsa-700: hsl(62, 100%, 29%);--dsa-color-primitives-cnsa-600: hsl(61, 94%, 38%);--dsa-color-primitives-cnsa-500: hsl(61, 88%, 45%);--dsa-color-primitives-cnsa-400: hsl(61, 79%, 58%);--dsa-color-primitives-cnsa-300: hsl(61, 79%, 77%);--dsa-color-primitives-cnsa-200: hsl(61, 92%, 90%);--dsa-color-primitives-cnsa-100: hsl(60, 100%, 98%);--dsa-color-toggle-item-icon: hsl(265, 90%, 39%);--dsa-color-toggle-item-readonly: hsl(0, 0%, 84%);--dsa-color-input-background-on-layer-active: hsl(0, 0%, 85%);--dsa-color-input-background-on-layer-hover: hsl(0, 0%, 85%);--dsa-color-input-background-on-base-active: hsl(0, 0%, 85%);--dsa-color-input-background-on-base-selected: hsl(0, 0%, 84%);--dsa-radius-32: 32px;--dsa-radius-8: 8px;--dsa-radius-4: 4px;--dsa-radius-0: 0px;--dsa-spacing-64: 64px;--dsa-spacing-48: 48px;--dsa-spacing-40: 40px;--dsa-spacing-32: 32px;--dsa-spacing-24: 24px;--dsa-spacing-16: 16px;--dsa-spacing-12: 12px;--dsa-spacing-8: 8px;--dsa-spacing-4: 4px;--dsa-spacing-2: 2px;--dsa-color-link-floating-menu-visited: var(--dsa-color-primitives-orange-600);--dsa-color-link-floating-menu-active: var(--dsa-color-primitives-blue-400);--dsa-color-link-floating-menu-hover: var(--dsa-color-primitives-blue-300);--dsa-color-link-floating-menu-default: var(--dsa-color-primitives-blue-500);--dsa-color-link-on-contrasted-visited: var(--dsa-color-primitives-orange-600);--dsa-color-link-on-contrasted-active: var(--dsa-color-primitives-blue-400);--dsa-color-link-on-contrasted-hover: var(--dsa-color-primitives-blue-300);--dsa-color-link-on-contrasted-default: var(--dsa-color-primitives-blue-500);--dsa-color-link-on-layer-visited: var(--dsa-color-primitives-orange-800);--dsa-color-link-on-layer-active: var(--dsa-color-primitives-purple-900);--dsa-color-link-on-layer-hover: var(--dsa-color-primitives-purple-700);--dsa-color-link-on-layer-default: var(--dsa-color-primitives-purple-500);--dsa-color-link-on-base-visited: var(--dsa-color-primitives-orange-800);--dsa-color-link-on-base-active: var(--dsa-color-primitives-purple-900);--dsa-color-link-on-base-hover: var(--dsa-color-primitives-purple-700);--dsa-color-link-on-base-default: var(--dsa-color-primitives-purple-500);--dsa-color-stepper-progress-complete: var(--dsa-color-primitives-green-500);--dsa-color-stepper-progress-default: var(--dsa-color-primitives-neutral-500);--dsa-color-stepper-date-on-base: var(--dsa-color-primitives-neutral-800);--dsa-color-stepper-date-base: var(--dsa-color-primitives-neutral-300);--dsa-color-tag-clickable-active: var(--dsa-color-primitives-purple-300);--dsa-color-tag-clickable-on-active: var(--dsa-color-primitives-purple-900);--dsa-color-tag-clickable-on-hover: var(--dsa-color-primitives-purple-500);--dsa-color-tag-clickable-hover: var(--dsa-color-primitives-purple-200);--dsa-color-tag-clickable-on-default: var(--dsa-color-primitives-neutral-700);--dsa-color-tag-clickable-default: var(--dsa-color-primitives-neutral-400);--dsa-color-tag-stepper-blocked-on-base: var(--dsa-color-primitives-neutral-650);--dsa-color-tag-stepper-blocked-base: var(--dsa-color-primitives-neutral-400);--dsa-color-tag-stepper-error-on-base: var(--dsa-color-primitives-yellow-900);--dsa-color-tag-stepper-error-base: var(--dsa-color-primitives-yellow-500);--dsa-color-tag-stepper-in-progress-on-base: var(--dsa-color-primitives-blue-300);--dsa-color-tag-stepper-in-progress-base: var(--dsa-color-primitives-blue-800);--dsa-color-tag-stepper-complete-on-base: var(--dsa-color-primitives-green-900);--dsa-color-tag-stepper-complete-base: var(--dsa-color-primitives-green-300);--dsa-color-tag-select-error-border: var(--dsa-color-primitives-system-error-500);--dsa-color-tag-select-error-on-base: var(--dsa-color-primitives-system-error-500);--dsa-color-tag-select-default-border: var(--dsa-color-primitives-neutral-600);--dsa-color-tag-select-default-on-base: var(--dsa-color-primitives-neutral-700);--dsa-color-tag-green-7-on-base: var(--dsa-color-primitives-green-200);--dsa-color-tag-green-7-base: var(--dsa-color-primitives-green-800);--dsa-color-tag-green-6-on-base: var(--dsa-color-primitives-green-200);--dsa-color-tag-green-6-base: var(--dsa-color-primitives-green-700);--dsa-color-tag-green-5-on-base: var(--dsa-color-primitives-green-900);--dsa-color-tag-green-5-base: var(--dsa-color-primitives-green-600);--dsa-color-tag-green-4-on-base: var(--dsa-color-primitives-green-900);--dsa-color-tag-green-4-base: var(--dsa-color-primitives-green-500);--dsa-color-tag-green-3-on-base: var(--dsa-color-primitives-green-900);--dsa-color-tag-green-3-base: var(--dsa-color-primitives-green-400);--dsa-color-tag-green-2-on-base: var(--dsa-color-primitives-green-900);--dsa-color-tag-green-2-base: var(--dsa-color-primitives-green-300);--dsa-color-tag-green-1-on-base: var(--dsa-color-primitives-green-900);--dsa-color-tag-green-1-base: var(--dsa-color-primitives-green-200);--dsa-color-tag-yellow-7-on-base: var(--dsa-color-primitives-yellow-200);--dsa-color-tag-yellow-7-base: var(--dsa-color-primitives-yellow-800);--dsa-color-tag-yellow-6-on-base: var(--dsa-color-primitives-yellow-200);--dsa-color-tag-yellow-6-base: var(--dsa-color-primitives-yellow-700);--dsa-color-tag-yellow-5-on-base: var(--dsa-color-primitives-yellow-900);--dsa-color-tag-yellow-5-base: var(--dsa-color-primitives-yellow-600);--dsa-color-tag-yellow-4-on-base: var(--dsa-color-primitives-yellow-900);--dsa-color-tag-yellow-4-base: var(--dsa-color-primitives-yellow-500);--dsa-color-tag-yellow-3-on-base: var(--dsa-color-primitives-yellow-900);--dsa-color-tag-yellow-3-base: var(--dsa-color-primitives-yellow-400);--dsa-color-tag-yellow-2-on-base: var(--dsa-color-primitives-yellow-900);--dsa-color-tag-yellow-2-base: var(--dsa-color-primitives-yellow-300);--dsa-color-tag-yellow-1-on-base: var(--dsa-color-primitives-yellow-900);--dsa-color-tag-yellow-1-base: var(--dsa-color-primitives-yellow-200);--dsa-color-tag-pink-5-on-base: var(--dsa-color-primitives-pink-200);--dsa-color-tag-pink-5-base: var(--dsa-color-primitives-pink-800);--dsa-color-tag-pink-4-on-base: var(--dsa-color-primitives-pink-900);--dsa-color-tag-pink-4-base: var(--dsa-color-primitives-pink-500);--dsa-color-tag-pink-3-on-base: var(--dsa-color-primitives-pink-900);--dsa-color-tag-pink-3-base: var(--dsa-color-primitives-pink-400);--dsa-color-tag-pink-2-on-base: var(--dsa-color-primitives-pink-900);--dsa-color-tag-pink-2-base: var(--dsa-color-primitives-pink-300);--dsa-color-tag-pink-1-on-base: var(--dsa-color-primitives-pink-900);--dsa-color-tag-pink-1-base: var(--dsa-color-primitives-pink-200);--dsa-color-tag-orange-6-on-base: var(--dsa-color-primitives-orange-200);--dsa-color-tag-orange-6-base: var(--dsa-color-primitives-orange-900);--dsa-color-tag-orange-5-on-base: var(--dsa-color-primitives-orange-200);--dsa-color-tag-orange-5-base: var(--dsa-color-primitives-orange-800);--dsa-color-tag-orange-4-on-base: var(--dsa-color-primitives-orange-900);--dsa-color-tag-orange-4-base: var(--dsa-color-primitives-orange-500);--dsa-color-tag-orange-3-on-base: var(--dsa-color-primitives-orange-900);--dsa-color-tag-orange-3-base: var(--dsa-color-primitives-orange-400);--dsa-color-tag-orange-2-on-base: var(--dsa-color-primitives-orange-900);--dsa-color-tag-orange-2-base: var(--dsa-color-primitives-orange-300);--dsa-color-tag-orange-1-on-base: var(--dsa-color-primitives-orange-900);--dsa-color-tag-orange-1-base: var(--dsa-color-primitives-orange-200);--dsa-color-tag-blue-6-on-base: var(--dsa-color-primitives-blue-200);--dsa-color-tag-blue-6-base: var(--dsa-color-primitives-blue-800);--dsa-color-tag-blue-5-on-base: var(--dsa-color-primitives-blue-900);--dsa-color-tag-blue-5-base: var(--dsa-color-primitives-blue-600);--dsa-color-tag-blue-4-on-base: var(--dsa-color-primitives-blue-900);--dsa-color-tag-blue-4-base: var(--dsa-color-primitives-blue-500);--dsa-color-tag-blue-3-on-base: var(--dsa-color-primitives-blue-900);--dsa-color-tag-blue-3-base: var(--dsa-color-primitives-blue-400);--dsa-color-tag-blue-2-on-base: var(--dsa-color-primitives-blue-900);--dsa-color-tag-blue-2-base: var(--dsa-color-primitives-blue-300);--dsa-color-tag-blue-1-on-base: var(--dsa-color-primitives-blue-900);--dsa-color-tag-blue-1-base: var(--dsa-color-primitives-blue-200);--dsa-color-tag-purple-5-on-base: var(--dsa-color-primitives-purple-200);--dsa-color-tag-purple-5-base: var(--dsa-color-primitives-purple-900);--dsa-color-tag-purple-4-on-base: var(--dsa-color-primitives-purple-200);--dsa-color-tag-purple-4-base: var(--dsa-color-primitives-purple-700);--dsa-color-tag-purple-3-on-base: var(--dsa-color-primitives-purple-900);--dsa-color-tag-purple-3-base: var(--dsa-color-primitives-purple-400);--dsa-color-tag-purple-2-on-base: var(--dsa-color-primitives-purple-900);--dsa-color-tag-purple-2-base: var(--dsa-color-primitives-purple-300);--dsa-color-tag-purple-1-on-base: var(--dsa-color-primitives-purple-900);--dsa-color-tag-purple-1-base: var(--dsa-color-primitives-purple-200);--dsa-color-spinner-green-on-base-on-base: var(--dsa-color-primitives-neutral-100);--dsa-color-spinner-green-on-base-base: var(--dsa-color-primitives-green-700);--dsa-color-spinner-green-on-button-base: var(--dsa-color-primitives-green-500);--dsa-color-spinner-green-on-button-on-base: var(--dsa-color-primitives-green-900);--dsa-color-spinner-danger-on-base: var(--dsa-color-primitives-system-error-500);--dsa-color-spinner-danger-base: var(--dsa-color-primitives-system-error-300);--dsa-color-spinner-neutral-on-base: var(--dsa-color-primitives-neutral-700);--dsa-color-spinner-neutral-base: var(--dsa-color-primitives-neutral-100);--dsa-color-spinner-purple-on-base-on-base: var(--dsa-color-primitives-purple-500);--dsa-color-spinner-purple-on-base-base: var(--dsa-color-primitives-purple-300);--dsa-color-spinner-purple-on-button-on-base: var(--dsa-color-primitives-purple-500);--dsa-color-spinner-purple-on-button-base: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-floating-menu-warning-on-disabled: var(--dsa-color-primitives-system-error-400);--dsa-color-button-on-floating-menu-warning-disabled: var(--dsa-color-primitives-system-error-200);--dsa-color-button-on-floating-menu-warning-on-active: var(--dsa-color-primitives-system-error-900);--dsa-color-button-on-floating-menu-warning-active: var(--dsa-color-primitives-system-error-400);--dsa-color-button-on-floating-menu-warning-on-hover: var(--dsa-color-primitives-system-error-900);--dsa-color-button-on-floating-menu-warning-hover: var(--dsa-color-primitives-system-error-300);--dsa-color-button-on-floating-menu-warning-on-enabled: var(--dsa-color-primitives-system-error-500);--dsa-color-button-on-floating-menu-warning-enabled: var(--dsa-color-primitives-system-error-200);--dsa-color-button-on-floating-menu-neutral-on-disabled: var(--dsa-color-primitives-neutral-600);--dsa-color-button-on-floating-menu-neutral-disabled: var(--dsa-color-primitives-neutral-400);--dsa-color-button-on-floating-menu-neutral-on-active: var(--dsa-color-primitives-neutral-700);--dsa-color-button-on-floating-menu-neutral-active: var(--dsa-color-primitives-neutral-600);--dsa-color-button-on-floating-menu-neutral-on-hover: var(--dsa-color-primitives-neutral-700);--dsa-color-button-on-floating-menu-neutral-hover: var(--dsa-color-primitives-neutral-500);--dsa-color-button-on-floating-menu-neutral-on-enabled: var(--dsa-color-primitives-neutral-700);--dsa-color-button-on-floating-menu-neutral-enabled: var(--dsa-color-primitives-neutral-400);--dsa-color-button-on-floating-menu-tertiary-on-disabled: var(--dsa-color-primitives-green-800);--dsa-color-button-on-floating-menu-tertiary-disabled: var(--dsa-color-primitives-green-800);--dsa-color-button-on-floating-menu-tertiary-on-active: var(--dsa-color-primitives-green-400);--dsa-color-button-on-floating-menu-tertiary-active: var(--dsa-color-primitives-green-400);--dsa-color-button-on-floating-menu-tertiary-on-hover: var(--dsa-color-primitives-green-300);--dsa-color-button-on-floating-menu-tertiary-hover: var(--dsa-color-primitives-green-300);--dsa-color-button-on-floating-menu-tertiary-on-enabled: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-floating-menu-tertiary-enabled: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-floating-menu-secondary-on-disabled: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-secondary-disabled: var(--dsa-color-primitives-green-800);--dsa-color-button-on-floating-menu-secondary-on-hover: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-secondary-hover: var(--dsa-color-primitives-green-400);--dsa-color-button-on-floating-menu-secondary-on-active: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-secondary-active: var(--dsa-color-primitives-green-500);--dsa-color-button-on-floating-menu-secondary-on-enabled: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-secondary-enabled: var(--dsa-color-primitives-green-300);--dsa-color-button-on-floating-menu-primary-on-disabled: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-primary-disabled: var(--dsa-color-primitives-green-800);--dsa-color-button-on-floating-menu-primary-on-hover: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-primary-hover: var(--dsa-color-primitives-green-300);--dsa-color-button-on-floating-menu-primary-on-active: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-primary-active: var(--dsa-color-primitives-green-400);--dsa-color-button-on-floating-menu-primary-on-enabled: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-primary-enabled: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-floating-menu-navigation-disabled: var(--dsa-color-primitives-green-800);--dsa-color-button-on-floating-menu-navigation-active: var(--dsa-color-primitives-green-400);--dsa-color-button-on-floating-menu-navigation-hover: var(--dsa-color-primitives-green-300);--dsa-color-button-on-floating-menu-navigation-enabled: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-base-neutral-on-disabled: var(--dsa-color-primitives-neutral-600);--dsa-color-button-on-base-neutral-disabled: var(--dsa-color-primitives-neutral-400);--dsa-color-button-on-base-neutral-on-active: var(--dsa-color-primitives-neutral-700);--dsa-color-button-on-base-neutral-active: var(--dsa-color-primitives-neutral-600);--dsa-color-button-on-base-neutral-on-hover: var(--dsa-color-primitives-neutral-700);--dsa-color-button-on-base-neutral-hover: var(--dsa-color-primitives-neutral-500);--dsa-color-button-on-base-neutral-on-enabled: var(--dsa-color-primitives-neutral-700);--dsa-color-button-on-base-neutral-enabled: var(--dsa-color-primitives-neutral-400);--dsa-color-button-on-base-warning-on-disabled: var(--dsa-color-primitives-system-error-400);--dsa-color-button-on-base-warning-disabled: var(--dsa-color-primitives-system-error-200);--dsa-color-button-on-base-warning-on-active: var(--dsa-color-primitives-system-error-900);--dsa-color-button-on-base-warning-active: var(--dsa-color-primitives-system-error-400);--dsa-color-button-on-base-warning-on-hover: var(--dsa-color-primitives-system-error-900);--dsa-color-button-on-base-warning-hover: var(--dsa-color-primitives-system-error-300);--dsa-color-button-on-base-warning-on-enabled: var(--dsa-color-primitives-system-error-500);--dsa-color-button-on-base-warning-enabled: var(--dsa-color-primitives-system-error-200);--dsa-color-button-on-base-tertiary-on-disabled: var(--dsa-color-primitives-purple-300);--dsa-color-button-on-base-tertiary-disabled: var(--dsa-color-primitives-purple-300);--dsa-color-button-on-base-tertiary-on-active: var(--dsa-color-primitives-purple-900);--dsa-color-button-on-base-tertiary-active: var(--dsa-color-primitives-purple-900);--dsa-color-button-on-base-tertiary-on-hover: var(--dsa-color-primitives-purple-800);--dsa-color-button-on-base-tertiary-hover: var(--dsa-color-primitives-purple-800);--dsa-color-button-on-base-tertiary-on-enabled: var(--dsa-color-primitives-purple-500);--dsa-color-button-on-base-tertiary-enabled: var(--dsa-color-primitives-purple-500);--dsa-color-button-on-base-secondary-on-disabled: var(--dsa-color-primitives-purple-400);--dsa-color-button-on-base-secondary-disabled: var(--dsa-color-primitives-purple-100);--dsa-color-button-on-base-secondary-on-active: var(--dsa-color-primitives-purple-900);--dsa-color-button-on-base-secondary-active: var(--dsa-color-primitives-purple-500);--dsa-color-button-on-base-secondary-on-hover: var(--dsa-color-primitives-purple-900);--dsa-color-button-on-base-secondary-hover: var(--dsa-color-primitives-purple-400);--dsa-color-button-on-base-secondary-on-enabled: var(--dsa-color-primitives-purple-500);--dsa-color-button-on-base-secondary-enabled: var(--dsa-color-primitives-purple-200);--dsa-color-button-on-base-primary-on-disabled: var(--dsa-color-primitives-purple-300);--dsa-color-button-on-base-primary-disabled: var(--dsa-color-primitives-purple-200);--dsa-color-button-on-base-primary-on-active: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-base-primary-active: var(--dsa-color-primitives-purple-900);--dsa-color-button-on-base-primary-on-hover: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-base-primary-hover: var(--dsa-color-primitives-purple-800);--dsa-color-button-on-base-primary-on-enabled: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-base-primary-enabled: var(--dsa-color-primitives-purple-500);--dsa-color-button-on-base-navigation-disabled: var(--dsa-color-primitives-purple-200);--dsa-color-button-on-base-navigation-active: var(--dsa-color-primitives-neutral-800);--dsa-color-button-on-base-navigation-hover: var(--dsa-color-primitives-neutral-800);--dsa-color-button-on-base-navigation-enabled: var(--dsa-color-primitives-neutral-800);--dsa-color-icon-on-base-error: var(--dsa-color-primitives-system-error-500);--dsa-color-icon-on-base-disabled: var(--dsa-color-primitives-neutral-600);--dsa-color-icon-on-base-default: var(--dsa-color-primitives-neutral-800);--dsa-color-icon-on-contrasted: var(--dsa-color-primitives-neutral-100);--dsa-color-skeleton-text: var(--dsa-color-primitives-purple-100);--dsa-color-skeleton-image: var(--dsa-color-primitives-purple-200);--dsa-color-tab-text-primary-default: var(--dsa-color-primitives-neutral-700);--dsa-color-tab-text-primary-disabled: var(--dsa-color-primitives-neutral-500);--dsa-color-tab-text-primary-hover: var(--dsa-color-primitives-purple-500);--dsa-color-tab-text-primary-active: var(--dsa-color-primitives-purple-600);--dsa-color-tab-decoration-primary: var(--dsa-color-primitives-purple-600);--dsa-color-toggle-button-selected-on-read-only: var(--dsa-color-primitives-purple-500);--dsa-color-toggle-button-selected-read-only: var(--dsa-color-primitives-neutral-500);--dsa-color-toggle-button-selected-on-disabled: var(--dsa-color-primitives-purple-600);--dsa-color-toggle-button-selected-disabled: var(--dsa-color-primitives-purple-400);--dsa-color-toggle-button-selected-on-active: var(--dsa-color-primitives-purple-900);--dsa-color-toggle-button-selected-active: var(--dsa-color-primitives-purple-400);--dsa-color-toggle-button-selected-on-hover: var(--dsa-color-primitives-purple-700);--dsa-color-toggle-button-selected-hover: var(--dsa-color-primitives-purple-300);--dsa-color-toggle-button-selected-on-default: var(--dsa-color-primitives-purple-500);--dsa-color-toggle-button-selected-default: var(--dsa-color-primitives-purple-200);--dsa-color-toggle-button-default-on-read-only: var(--dsa-color-primitives-neutral-700);--dsa-color-toggle-button-default-read-only: var(--dsa-color-primitives-neutral-500);--dsa-color-toggle-button-default-on-disabled: var(--dsa-color-primitives-neutral-600);--dsa-color-toggle-button-default-disabled: var(--dsa-color-primitives-neutral-400);--dsa-color-toggle-button-default-on-active: var(--dsa-color-primitives-purple-900);--dsa-color-toggle-button-default-active: var(--dsa-color-primitives-purple-300);--dsa-color-toggle-button-default-on-hover: var(--dsa-color-primitives-purple-500);--dsa-color-toggle-button-default-hover: var(--dsa-color-primitives-purple-200);--dsa-color-toggle-button-default-on-default: var(--dsa-color-primitives-neutral-700);--dsa-color-toggle-button-default-default: var(--dsa-color-primitives-neutral-400);--dsa-color-toggle-item-error: var(--dsa-color-primitives-system-error-500);--dsa-color-toggle-item-disabled: var(--dsa-color-primitives-neutral-500);--dsa-color-toggle-item-hover: var(--dsa-color-primitives-purple-500);--dsa-color-toggle-item-active: var(--dsa-color-primitives-purple-500);--dsa-color-toggle-item-default: var(--dsa-color-primitives-neutral-700);--dsa-color-avatar-icon: var(--dsa-color-primitives-green-900);--dsa-color-avatar-background: var(--dsa-color-primitives-neutral-400);--dsa-color-alert-icon-danger: var(--dsa-color-primitives-system-error-500);--dsa-color-alert-icon-warning: var(--dsa-color-primitives-system-warning-500);--dsa-color-alert-icon-neutral: var(--dsa-color-primitives-neutral-600);--dsa-color-alert-icon-success: var(--dsa-color-primitives-system-success-500);--dsa-color-alert-icon-primary: var(--dsa-color-primitives-purple-500);--dsa-color-alert-border-primary: var(--dsa-color-primitives-neutral-400);--dsa-color-alert-text-on-primary: var(--dsa-color-primitives-neutral-700);--dsa-color-alert-title-on-primary: var(--dsa-color-primitives-neutral-900);--dsa-color-alert-background-warning: var(--dsa-color-primitives-yellow-200);--dsa-color-alert-background-danger: var(--dsa-color-primitives-pink-200);--dsa-color-alert-background-neutral: var(--dsa-color-primitives-neutral-300);--dsa-color-alert-background-success: var(--dsa-color-primitives-green-200);--dsa-color-alert-background-primary: var(--dsa-color-primitives-purple-100);--dsa-color-progress-on-content: var(--dsa-color-primitives-neutral-100);--dsa-color-progress-on-base: var(--dsa-color-primitives-neutral-700);--dsa-color-progress-content: var(--dsa-color-primitives-purple-500);--dsa-color-progress-containing: var(--dsa-color-primitives-neutral-400);--dsa-color-badge-text-on-primary: var(--dsa-color-primitives-neutral-100);--dsa-color-badge-text-on-danger: var(--dsa-color-primitives-neutral-100);--dsa-color-badge-text-on-warning: var(--dsa-color-primitives-neutral-900);--dsa-color-badge-text-on-success: var(--dsa-color-primitives-neutral-100);--dsa-color-badge-text-on-neutral: var(--dsa-color-primitives-neutral-900);--dsa-color-badge-border-success: var(--dsa-color-primitives-system-success-500);--dsa-color-badge-border-neutral: var(--dsa-color-primitives-neutral-400);--dsa-color-badge-border-warning: var(--dsa-color-primitives-system-warning-500);--dsa-color-badge-border-danger: var(--dsa-color-primitives-system-error-500);--dsa-color-badge-border-primary: var(--dsa-color-primitives-purple-500);--dsa-color-badge-background-danger: var(--dsa-color-primitives-system-error-500);--dsa-color-badge-background-warning: var(--dsa-color-primitives-system-warning-500);--dsa-color-badge-background-neutral: var(--dsa-color-primitives-neutral-400);--dsa-color-badge-background-success: var(--dsa-color-primitives-system-success-500);--dsa-color-badge-background-primary: var(--dsa-color-primitives-purple-500);--dsa-color-input-icon-on-layer-error: var(--dsa-color-primitives-system-error-500);--dsa-color-input-icon-on-layer-disabled: var(--dsa-color-primitives-neutral-800);--dsa-color-input-icon-on-layer-enabled: var(--dsa-color-primitives-neutral-900);--dsa-color-input-icon-on-base-error: var(--dsa-color-primitives-system-error-500);--dsa-color-input-icon-on-base-disabled: var(--dsa-color-primitives-neutral-800);--dsa-color-input-icon-on-base-enabled: var(--dsa-color-primitives-neutral-800);--dsa-color-input-icon-on-base-minor: var(--dsa-color-primitives-neutral-800);--dsa-color-input-text-field-on-layer-placeholder: var(--dsa-color-primitives-neutral-650);--dsa-color-input-text-field-on-layer-input: var(--dsa-color-primitives-neutral-900);--dsa-color-input-text-field-on-base-placeholder: var(--dsa-color-primitives-neutral-650);--dsa-color-input-text-field-on-base-input: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-layer-default: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-layer-focus: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-layer-disabled: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-layer-helper: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-layer-locked: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-layer-error: var(--dsa-color-primitives-system-error-500);--dsa-color-input-label-on-base-default: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-base-focus: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-base-disabled: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-base-helper: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-base-locked: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-base-error: var(--dsa-color-primitives-system-error-500);--dsa-color-input-background-on-layer-autocomplete: var(--dsa-color-primitives-purple-100);--dsa-color-input-background-on-layer-locked: var(--dsa-color-primitives-neutral-500);--dsa-color-input-background-on-layer-error: var(--dsa-color-primitives-system-error-200);--dsa-color-input-background-on-layer-disabled: var(--dsa-color-primitives-neutral-400);--dsa-color-input-background-on-layer-enabled: var(--dsa-color-primitives-neutral-100);--dsa-color-input-background-on-base-autocomplete: var(--dsa-color-primitives-purple-100);--dsa-color-input-background-on-base-locked: var(--dsa-color-primitives-neutral-500);--dsa-color-input-background-on-base-error: var(--dsa-color-primitives-system-error-200);--dsa-color-input-background-on-base-disabled: var(--dsa-color-primitives-neutral-300);--dsa-color-input-background-on-base-enabled: var(--dsa-color-primitives-neutral-300);--dsa-color-input-border-on-layer-error-hover: var(--dsa-color-primitives-system-error-900);--dsa-color-input-border-on-layer-error: var(--dsa-color-primitives-system-error-500);--dsa-color-input-border-on-layer-locked: var(--dsa-color-primitives-neutral-600);--dsa-color-input-border-on-layer-disabled: var(--dsa-color-primitives-neutral-300);--dsa-color-input-border-on-layer-hover: var(--dsa-color-primitives-purple-600);--dsa-color-input-border-on-layer-enabled: var(--dsa-color-primitives-neutral-600);--dsa-color-input-border-on-base-error-hover: var(--dsa-color-primitives-system-error-900);--dsa-color-input-border-on-base-error: var(--dsa-color-primitives-system-error-500);--dsa-color-input-border-on-base-locked: var(--dsa-color-primitives-neutral-600);--dsa-color-input-border-on-base-disabled: var(--dsa-color-primitives-neutral-500);--dsa-color-input-border-on-base-hover: var(--dsa-color-primitives-purple-500);--dsa-color-input-border-on-base-enabled: var(--dsa-color-primitives-neutral-600);--dsa-color-text-on-floating-menu-disabled: var(--dsa-color-primitives-green-700);--dsa-color-text-on-floating-menu-secondary: var(--dsa-color-primitives-green-400);--dsa-color-text-on-floating-menu-primary: var(--dsa-color-primitives-neutral-100);--dsa-color-text-on-layer-disabled: var(--dsa-color-primitives-neutral-500);--dsa-color-text-on-layer-secondary: var(--dsa-color-primitives-neutral-700);--dsa-color-text-on-layer-primary: var(--dsa-color-primitives-neutral-800);--dsa-color-text-on-base-disabled: var(--dsa-color-primitives-neutral-500);--dsa-color-text-on-base-secondary: var(--dsa-color-primitives-neutral-650);--dsa-color-text-on-base-primary: var(--dsa-color-primitives-neutral-800);--dsa-color-text-on-base-error: var(--dsa-color-primitives-system-error-500);--dsa-color-text-on-tooltip: var(--dsa-color-primitives-neutral-100);--dsa-color-text-on-contrasted: var(--dsa-color-primitives-neutral-100);--dsa-color-background-selected: var(--dsa-color-primitives-purple-500);--dsa-color-background-active-hover: var(--dsa-color-primitives-purple-800);--dsa-color-background-focus-ring: var(--dsa-color-primitives-system-focus-500);--dsa-color-background-cursor: var(--dsa-color-primitives-purple-500);--dsa-color-background-scrollbar: var(--dsa-color-primitives-neutral-500);--dsa-color-background-divider: var(--dsa-color-primitives-neutral-500);--dsa-color-background-tooltip: var(--dsa-color-primitives-neutral-900);--dsa-color-background-overlay: var(--dsa-color-primitives-neutral-900);--dsa-color-background-border-hover: var(--dsa-color-primitives-purple-300);--dsa-color-background-border: var(--dsa-color-primitives-neutral-400);--dsa-color-background-floating-menu: var(--dsa-color-primitives-green-900);--dsa-color-background-layer: var(--dsa-color-primitives-neutral-300);--dsa-color-background-contrasted: var(--dsa-color-primitives-purple-500);--dsa-color-background-base-hover: var(--dsa-color-primitives-purple-100);--dsa-color-background-base: var(--dsa-color-primitives-neutral-100)}
|
|
1
|
+
:root{--dsa-font-input-mask-large: 400 1.25rem/1.3 "Cabin", sans-serif;--dsa-font-input-mask-medium: 400 .875rem/1.3 "Cabin", sans-serif;--dsa-font-input-mask-small: 400 .75rem/1.3 "Cabin", sans-serif;--dsa-font-button-large: 700 1.25rem/1.2 "Cabin", sans-serif;--dsa-font-button-small: 700 .875rem/1.2 "Cabin", sans-serif;--dsa-font-button-medium: 700 1rem/1.2 "Cabin", sans-serif;--dsa-font-4x-large-bold-underline: 700 4.5rem/1.3 "Montserrat", sans-serif;--dsa-font-4x-large-bold: 700 4.5rem/1.3 "Montserrat", sans-serif;--dsa-font-4x-large-normal-underline: 400 4.5rem/1.3 "Montserrat", sans-serif;--dsa-font-4x-large-normal: 400 4.5rem/1.3 "Montserrat", sans-serif;--dsa-font-3x-large-bold-underline: 700 3rem/1.3 "Montserrat", sans-serif;--dsa-font-3x-large-bold: 700 3rem/1.3 "Montserrat", sans-serif;--dsa-font-3x-large-normal-underline: 400 3rem/1.3 "Montserrat", sans-serif;--dsa-font-3x-large-normal: 400 3rem/1.3 "Montserrat", sans-serif;--dsa-font-2x-large-bold-underline: 700 2.25rem/1.3 "Montserrat", sans-serif;--dsa-font-2x-large-bold: 700 2.25rem/1.3 "Montserrat", sans-serif;--dsa-font-2x-large-normal-underline: 400 2.25rem/1.3 "Montserrat", sans-serif;--dsa-font-2x-large-normal: 400 2.25rem/1.3 "Montserrat", sans-serif;--dsa-font-x-large-bold-underline: 700 1.5rem/1.3 "Montserrat", sans-serif;--dsa-font-x-large-bold: 700 1.5rem/1.3 "Montserrat", sans-serif;--dsa-font-x-large-normal-underline: 400 1.5rem/1.3 "Montserrat", sans-serif;--dsa-font-x-large-normal: 400 1.5rem/1.3 "Montserrat", sans-serif;--dsa-font-large-bold-underline: 700 1.25rem/1.3 "Montserrat", sans-serif;--dsa-font-large-bold: 700 1.25rem/1.3 "Montserrat", sans-serif;--dsa-font-large-normal-underline: 400 1.25rem/1.3 "Montserrat", sans-serif;--dsa-font-large-normal: 400 1.25rem/1.3 "Montserrat", sans-serif;--dsa-font-medium-bold-underline: 700 1rem/1.3 "Cabin", sans-serif;--dsa-font-medium-bold: 700 1rem/1.3 "Cabin", sans-serif;--dsa-font-medium-normal-underline: 400 1rem/1.3 "Cabin", sans-serif;--dsa-font-medium-normal: 400 1rem/1.3 "Cabin", sans-serif;--dsa-font-small-bold-underline: 700 .875rem/1.3 "Cabin", sans-serif;--dsa-font-small-bold: 700 .875rem/1.3 "Cabin", sans-serif;--dsa-font-small-normal-underline: 400 .875rem/1.3 "Cabin", sans-serif;--dsa-font-small-normal: 400 .875rem/1.3 "Cabin", sans-serif;--dsa-font-x-small-bold-underline: 700 .75rem/1.2 "Cabin", sans-serif;--dsa-font-x-small-bold: 700 .75rem/1.3 "Cabin", sans-serif;--dsa-font-x-small-normal-underline: 400 .75rem/1.3 "Cabin", sans-serif;--dsa-font-x-small-normal: 400 .75rem/1.3 "Cabin", sans-serif;--dsa-font-2x-small-normal: 400 .625rem/1.3 "Cabin", sans-serif;--dsa-font-2x-small-bold-underline: 700 .625rem/1.3 "Cabin", sans-serif;--dsa-font-2x-small-bold: 700 .625rem/1.3 "Cabin", sans-serif;--dsa-font-2x-small-normal-underline: 400 .625rem/1.3 "Cabin", sans-serif;--dsa-color-primitives-system-success-900: hsl(151, 100%, 6%);--dsa-color-primitives-system-success-500: hsl(151, 93%, 28%);--dsa-color-primitives-system-success-200: hsl(132, 28%, 93%);--dsa-color-primitives-system-warning-900: hsl(32, 100%, 16%);--dsa-color-primitives-system-warning-500: hsl(40, 100%, 63%);--dsa-color-primitives-system-warning-200: hsl(43, 100%, 94%);--dsa-color-primitives-system-error-900: hsl(0, 100%, 16%);--dsa-color-primitives-system-error-500: hsl(4, 93%, 45%);--dsa-color-primitives-system-error-400: hsl(5, 96%, 72%);--dsa-color-primitives-system-error-300: hsl(7, 100%, 93%);--dsa-color-primitives-system-error-200: hsl(0, 100%, 98%);--dsa-color-primitives-system-focus-500: hsl(209, 100%, 55%);--dsa-color-primitives-neutral-900: hsl(120, 1%, 15%);--dsa-color-primitives-neutral-800: hsl(120, 1%, 21%);--dsa-color-primitives-neutral-700: hsl(120, 1%, 27%);--dsa-color-primitives-neutral-650: hsl(0, 0%, 40%);--dsa-color-primitives-neutral-600: hsl(120, 1%, 55%);--dsa-color-primitives-neutral-500: hsl(0, 0%, 84%);--dsa-color-primitives-neutral-400: hsl(0, 0%, 91%);--dsa-color-primitives-neutral-300: hsl(0, 0%, 97%);--dsa-color-primitives-neutral-200: hsl(240, 14%, 99%);--dsa-color-primitives-neutral-100: hsl(0, 0%, 100%);--dsa-color-primitives-green-900: hsl(141, 33%, 21%);--dsa-color-primitives-green-800: hsl(140, 20%, 35%);--dsa-color-primitives-green-700: hsl(140, 14%, 49%);--dsa-color-primitives-green-600: hsl(139, 18%, 62%);--dsa-color-primitives-green-500: hsl(139, 23%, 74%);--dsa-color-primitives-green-400: hsl(141, 40%, 82%);--dsa-color-primitives-green-300: hsl(140, 35%, 90%);--dsa-color-primitives-green-200: hsl(144, 42%, 95%);--dsa-color-primitives-yellow-900: hsl(31, 23%, 19%);--dsa-color-primitives-yellow-800: hsl(32, 44%, 27%);--dsa-color-primitives-yellow-700: hsl(35, 40%, 43%);--dsa-color-primitives-yellow-600: hsl(38, 52%, 58%);--dsa-color-primitives-yellow-500: hsl(38, 100%, 75%);--dsa-color-primitives-yellow-400: hsl(43, 100%, 81%);--dsa-color-primitives-yellow-300: hsl(43, 100%, 87%);--dsa-color-primitives-yellow-200: hsl(43, 100%, 94%);--dsa-color-primitives-pink-900: hsl(319, 20%, 35%);--dsa-color-primitives-pink-800: hsl(340, 18%, 52%);--dsa-color-primitives-pink-700: hsl(356, 33%, 70%);--dsa-color-primitives-pink-600: hsl(9, 48%, 75%);--dsa-color-primitives-pink-500: hsl(9, 97%, 86%);--dsa-color-primitives-pink-400: hsl(9, 100%, 90%);--dsa-color-primitives-pink-300: hsl(9, 100%, 93%);--dsa-color-primitives-pink-200: hsl(7, 100%, 97%);--dsa-color-primitives-orange-900: hsl(25, 14%, 35%);--dsa-color-primitives-orange-800: hsl(26, 15%, 46%);--dsa-color-primitives-orange-700: hsl(25, 21%, 58%);--dsa-color-primitives-orange-600: hsl(26, 38%, 71%);--dsa-color-primitives-orange-500: hsl(26, 83%, 84%);--dsa-color-primitives-orange-400: hsl(26, 85%, 89%);--dsa-color-primitives-orange-300: hsl(25, 89%, 93%);--dsa-color-primitives-orange-200: hsl(26, 89%, 96%);--dsa-color-primitives-blue-900: hsl(198, 42%, 24%);--dsa-color-primitives-blue-800: hsl(198, 31%, 35%);--dsa-color-primitives-blue-700: hsl(198, 26%, 49%);--dsa-color-primitives-blue-600: hsl(198, 41%, 64%);--dsa-color-primitives-blue-500: hsl(198, 79%, 79%);--dsa-color-primitives-blue-400: hsl(198, 79%, 85%);--dsa-color-primitives-blue-300: hsl(199, 80%, 90%);--dsa-color-primitives-blue-200: hsl(198, 77%, 95%);--dsa-color-primitives-purple-900: hsl(264, 68%, 25%);--dsa-color-primitives-purple-800: hsl(264, 74%, 28%);--dsa-color-primitives-purple-700: hsl(264, 78%, 32%);--dsa-color-primitives-purple-600: hsl(264, 84%, 36%);--dsa-color-primitives-purple-500: hsl(265, 90%, 39%);--dsa-color-primitives-purple-400: hsl(267, 59%, 68%);--dsa-color-primitives-purple-300: hsl(267, 61%, 81%);--dsa-color-primitives-purple-200: hsl(265, 69%, 94%);--dsa-color-primitives-purple-100: hsl(267, 65%, 97%);--dsa-color-primitives-cnsa-900: hsl(72, 100%, 11%);--dsa-color-primitives-cnsa-800: hsl(65, 94%, 19%);--dsa-color-primitives-cnsa-700: hsl(62, 100%, 29%);--dsa-color-primitives-cnsa-600: hsl(61, 94%, 38%);--dsa-color-primitives-cnsa-500: hsl(61, 88%, 45%);--dsa-color-primitives-cnsa-400: hsl(61, 79%, 58%);--dsa-color-primitives-cnsa-300: hsl(61, 79%, 77%);--dsa-color-primitives-cnsa-200: hsl(61, 92%, 90%);--dsa-color-primitives-cnsa-100: hsl(60, 100%, 98%);--dsa-color-spinner-neutral-on-base-on-base: hsl(0, 0%, 100%);--dsa-color-spinner-neutral-on-base-base: hsl(0, 0%, 40%);--dsa-color-spinner-neutral-on-button-on-base: hsl(120, 1%, 15%);--dsa-color-spinner-neutral-on-button-base: hsl(0, 0%, 84%);--dsa-color-button-on-contrasted-neutral-warning-on-disabled: hsl(5, 96%, 72%);--dsa-color-button-on-contrasted-neutral-warning-disabled: hsl(0, 100%, 98%);--dsa-color-button-on-contrasted-neutral-warning-on-active: hsl(0, 100%, 16%);--dsa-color-button-on-contrasted-neutral-warning-active: hsl(5, 96%, 72%);--dsa-color-button-on-contrasted-neutral-warning-on-hover: hsl(0, 100%, 16%);--dsa-color-button-on-contrasted-neutral-warning-hover: hsl(7, 100%, 93%);--dsa-color-button-on-contrasted-neutral-warning-on-enabled: hsl(4, 93%, 45%);--dsa-color-button-on-contrasted-neutral-warning-enabled: hsl(0, 100%, 98%);--dsa-color-button-on-contrasted-neutral-navigation-disabled: hsl(120, 1%, 27%);--dsa-color-button-on-contrasted-neutral-navigation-active: hsl(0, 0%, 91%);--dsa-color-button-on-contrasted-neutral-navigation-hover: hsl(0, 0%, 97%);--dsa-color-button-on-contrasted-neutral-navigation-enabled: hsl(0, 0%, 100%);--dsa-color-button-on-contrasted-neutral-neutral-on-disabled: hsl(120, 1%, 55%);--dsa-color-button-on-contrasted-neutral-neutral-disabled: hsl(0, 0%, 91%);--dsa-color-button-on-contrasted-neutral-neutral-on-active: hsl(120, 1%, 27%);--dsa-color-button-on-contrasted-neutral-neutral-active: hsl(120, 1%, 55%);--dsa-color-button-on-contrasted-neutral-neutral-on-hover: hsl(120, 1%, 27%);--dsa-color-button-on-contrasted-neutral-neutral-hover: hsl(0, 0%, 84%);--dsa-color-button-on-contrasted-neutral-neutral-on-enabled: hsl(120, 1%, 27%);--dsa-color-button-on-contrasted-neutral-neutral-enabled: hsl(0, 0%, 91%);--dsa-color-button-on-contrasted-neutral-tertiary-on-disabled: hsl(120, 1%, 27%);--dsa-color-button-on-contrasted-neutral-tertiary-disabled: hsl(120, 1%, 21%);--dsa-color-button-on-contrasted-neutral-tertiary-on-active: hsl(0, 0%, 91%);--dsa-color-button-on-contrasted-neutral-tertiary-active: hsl(0, 0%, 91%);--dsa-color-button-on-contrasted-neutral-tertiary-on-hover: hsl(0, 0%, 97%);--dsa-color-button-on-contrasted-neutral-tertiary-hover: hsl(0, 0%, 97%);--dsa-color-button-on-contrasted-neutral-tertiary-on-enabled: hsl(0, 0%, 100%);--dsa-color-button-on-contrasted-neutral-tertiary-enabled: hsl(0, 0%, 100%);--dsa-color-button-on-contrasted-neutral-secondary-on-disabled: hsl(120, 1%, 55%);--dsa-color-button-on-contrasted-neutral-secondary-disabled: hsl(120, 1%, 27%);--dsa-color-button-on-contrasted-neutral-secondary-on-active: hsl(240, 14%, 99%);--dsa-color-button-on-contrasted-neutral-secondary-active: hsl(120, 1%, 21%);--dsa-color-button-on-contrasted-neutral-secondary-on-hover: hsl(240, 14%, 99%);--dsa-color-button-on-contrasted-neutral-secondary-hover: hsl(120, 1%, 27%);--dsa-color-button-on-contrasted-neutral-secondary-on-enabled: hsl(0, 0%, 100%);--dsa-color-button-on-contrasted-neutral-secondary-enabled: hsl(0, 0%, 40%);--dsa-color-button-on-contrasted-neutral-primary-on-disabled: hsl(120, 1%, 15%);--dsa-color-button-on-contrasted-neutral-primary-disabled: hsl(120, 1%, 27%);--dsa-color-button-on-contrasted-neutral-primary-on-active: hsl(120, 1%, 15%);--dsa-color-button-on-contrasted-neutral-primary-active: hsl(0, 0%, 84%);--dsa-color-button-on-contrasted-neutral-primary-on-hover: hsl(120, 1%, 15%);--dsa-color-button-on-contrasted-neutral-primary-hover: hsl(0, 0%, 91%);--dsa-color-button-on-contrasted-neutral-primary-on-enabled: hsl(120, 1%, 15%);--dsa-color-button-on-contrasted-neutral-primary-enabled: hsl(0, 0%, 100%);--dsa-color-toggle-item-icon: hsl(265, 90%, 39%);--dsa-color-toggle-item-readonly: hsl(0, 0%, 84%);--dsa-color-input-background-on-layer-active: hsl(0, 0%, 85%);--dsa-color-input-background-on-layer-hover: hsl(0, 0%, 85%);--dsa-color-input-background-on-base-active: hsl(0, 0%, 85%);--dsa-color-input-background-on-base-selected: hsl(0, 0%, 84%);--dsa-radius-32: 32px;--dsa-radius-8: 8px;--dsa-radius-4: 4px;--dsa-radius-0: 0px;--dsa-spacing-64: 64px;--dsa-spacing-48: 48px;--dsa-spacing-40: 40px;--dsa-spacing-32: 32px;--dsa-spacing-24: 24px;--dsa-spacing-16: 16px;--dsa-spacing-12: 12px;--dsa-spacing-8: 8px;--dsa-spacing-4: 4px;--dsa-spacing-2: 2px;--dsa-color-link-floating-menu-visited: var(--dsa-color-primitives-orange-600);--dsa-color-link-floating-menu-active: var(--dsa-color-primitives-blue-400);--dsa-color-link-floating-menu-hover: var(--dsa-color-primitives-blue-300);--dsa-color-link-floating-menu-default: var(--dsa-color-primitives-blue-500);--dsa-color-link-on-contrasted-visited: var(--dsa-color-primitives-orange-600);--dsa-color-link-on-contrasted-active: var(--dsa-color-primitives-blue-400);--dsa-color-link-on-contrasted-hover: var(--dsa-color-primitives-blue-300);--dsa-color-link-on-contrasted-default: var(--dsa-color-primitives-blue-500);--dsa-color-link-on-layer-visited: var(--dsa-color-primitives-orange-800);--dsa-color-link-on-layer-active: var(--dsa-color-primitives-purple-900);--dsa-color-link-on-layer-hover: var(--dsa-color-primitives-purple-700);--dsa-color-link-on-layer-default: var(--dsa-color-primitives-purple-500);--dsa-color-link-on-base-visited: var(--dsa-color-primitives-orange-800);--dsa-color-link-on-base-active: var(--dsa-color-primitives-purple-900);--dsa-color-link-on-base-hover: var(--dsa-color-primitives-purple-700);--dsa-color-link-on-base-default: var(--dsa-color-primitives-purple-500);--dsa-color-stepper-progress-complete: var(--dsa-color-primitives-green-500);--dsa-color-stepper-progress-default: var(--dsa-color-primitives-neutral-500);--dsa-color-stepper-date-on-base: var(--dsa-color-primitives-neutral-800);--dsa-color-stepper-date-base: var(--dsa-color-primitives-neutral-300);--dsa-color-tag-clickable-active: var(--dsa-color-primitives-purple-300);--dsa-color-tag-clickable-on-active: var(--dsa-color-primitives-purple-900);--dsa-color-tag-clickable-on-hover: var(--dsa-color-primitives-purple-500);--dsa-color-tag-clickable-hover: var(--dsa-color-primitives-purple-200);--dsa-color-tag-clickable-on-default: var(--dsa-color-primitives-neutral-700);--dsa-color-tag-clickable-default: var(--dsa-color-primitives-neutral-400);--dsa-color-tag-stepper-blocked-on-base: var(--dsa-color-primitives-neutral-650);--dsa-color-tag-stepper-blocked-base: var(--dsa-color-primitives-neutral-400);--dsa-color-tag-stepper-error-on-base: var(--dsa-color-primitives-yellow-900);--dsa-color-tag-stepper-error-base: var(--dsa-color-primitives-yellow-500);--dsa-color-tag-stepper-in-progress-on-base: var(--dsa-color-primitives-blue-300);--dsa-color-tag-stepper-in-progress-base: var(--dsa-color-primitives-blue-800);--dsa-color-tag-stepper-complete-on-base: var(--dsa-color-primitives-green-900);--dsa-color-tag-stepper-complete-base: var(--dsa-color-primitives-green-300);--dsa-color-tag-select-error-border: var(--dsa-color-primitives-system-error-500);--dsa-color-tag-select-error-on-base: var(--dsa-color-primitives-system-error-500);--dsa-color-tag-select-default-border: var(--dsa-color-primitives-neutral-600);--dsa-color-tag-select-default-on-base: var(--dsa-color-primitives-neutral-700);--dsa-color-tag-green-7-on-base: var(--dsa-color-primitives-green-200);--dsa-color-tag-green-7-base: var(--dsa-color-primitives-green-800);--dsa-color-tag-green-6-on-base: var(--dsa-color-primitives-green-200);--dsa-color-tag-green-6-base: var(--dsa-color-primitives-green-700);--dsa-color-tag-green-5-on-base: var(--dsa-color-primitives-green-900);--dsa-color-tag-green-5-base: var(--dsa-color-primitives-green-600);--dsa-color-tag-green-4-on-base: var(--dsa-color-primitives-green-900);--dsa-color-tag-green-4-base: var(--dsa-color-primitives-green-500);--dsa-color-tag-green-3-on-base: var(--dsa-color-primitives-green-900);--dsa-color-tag-green-3-base: var(--dsa-color-primitives-green-400);--dsa-color-tag-green-2-on-base: var(--dsa-color-primitives-green-900);--dsa-color-tag-green-2-base: var(--dsa-color-primitives-green-300);--dsa-color-tag-green-1-on-base: var(--dsa-color-primitives-green-900);--dsa-color-tag-green-1-base: var(--dsa-color-primitives-green-200);--dsa-color-tag-yellow-7-on-base: var(--dsa-color-primitives-yellow-200);--dsa-color-tag-yellow-7-base: var(--dsa-color-primitives-yellow-800);--dsa-color-tag-yellow-6-on-base: var(--dsa-color-primitives-yellow-200);--dsa-color-tag-yellow-6-base: var(--dsa-color-primitives-yellow-700);--dsa-color-tag-yellow-5-on-base: var(--dsa-color-primitives-yellow-900);--dsa-color-tag-yellow-5-base: var(--dsa-color-primitives-yellow-600);--dsa-color-tag-yellow-4-on-base: var(--dsa-color-primitives-yellow-900);--dsa-color-tag-yellow-4-base: var(--dsa-color-primitives-yellow-500);--dsa-color-tag-yellow-3-on-base: var(--dsa-color-primitives-yellow-900);--dsa-color-tag-yellow-3-base: var(--dsa-color-primitives-yellow-400);--dsa-color-tag-yellow-2-on-base: var(--dsa-color-primitives-yellow-900);--dsa-color-tag-yellow-2-base: var(--dsa-color-primitives-yellow-300);--dsa-color-tag-yellow-1-on-base: var(--dsa-color-primitives-yellow-900);--dsa-color-tag-yellow-1-base: var(--dsa-color-primitives-yellow-200);--dsa-color-tag-pink-5-on-base: var(--dsa-color-primitives-pink-200);--dsa-color-tag-pink-5-base: var(--dsa-color-primitives-pink-800);--dsa-color-tag-pink-4-on-base: var(--dsa-color-primitives-pink-900);--dsa-color-tag-pink-4-base: var(--dsa-color-primitives-pink-500);--dsa-color-tag-pink-3-on-base: var(--dsa-color-primitives-pink-900);--dsa-color-tag-pink-3-base: var(--dsa-color-primitives-pink-400);--dsa-color-tag-pink-2-on-base: var(--dsa-color-primitives-pink-900);--dsa-color-tag-pink-2-base: var(--dsa-color-primitives-pink-300);--dsa-color-tag-pink-1-on-base: var(--dsa-color-primitives-pink-900);--dsa-color-tag-pink-1-base: var(--dsa-color-primitives-pink-200);--dsa-color-tag-orange-6-on-base: var(--dsa-color-primitives-orange-200);--dsa-color-tag-orange-6-base: var(--dsa-color-primitives-orange-900);--dsa-color-tag-orange-5-on-base: var(--dsa-color-primitives-orange-200);--dsa-color-tag-orange-5-base: var(--dsa-color-primitives-orange-800);--dsa-color-tag-orange-4-on-base: var(--dsa-color-primitives-orange-900);--dsa-color-tag-orange-4-base: var(--dsa-color-primitives-orange-500);--dsa-color-tag-orange-3-on-base: var(--dsa-color-primitives-orange-900);--dsa-color-tag-orange-3-base: var(--dsa-color-primitives-orange-400);--dsa-color-tag-orange-2-on-base: var(--dsa-color-primitives-orange-900);--dsa-color-tag-orange-2-base: var(--dsa-color-primitives-orange-300);--dsa-color-tag-orange-1-on-base: var(--dsa-color-primitives-orange-900);--dsa-color-tag-orange-1-base: var(--dsa-color-primitives-orange-200);--dsa-color-tag-blue-6-on-base: var(--dsa-color-primitives-blue-200);--dsa-color-tag-blue-6-base: var(--dsa-color-primitives-blue-800);--dsa-color-tag-blue-5-on-base: var(--dsa-color-primitives-blue-900);--dsa-color-tag-blue-5-base: var(--dsa-color-primitives-blue-600);--dsa-color-tag-blue-4-on-base: var(--dsa-color-primitives-blue-900);--dsa-color-tag-blue-4-base: var(--dsa-color-primitives-blue-500);--dsa-color-tag-blue-3-on-base: var(--dsa-color-primitives-blue-900);--dsa-color-tag-blue-3-base: var(--dsa-color-primitives-blue-400);--dsa-color-tag-blue-2-on-base: var(--dsa-color-primitives-blue-900);--dsa-color-tag-blue-2-base: var(--dsa-color-primitives-blue-300);--dsa-color-tag-blue-1-on-base: var(--dsa-color-primitives-blue-900);--dsa-color-tag-blue-1-base: var(--dsa-color-primitives-blue-200);--dsa-color-tag-purple-5-on-base: var(--dsa-color-primitives-purple-200);--dsa-color-tag-purple-5-base: var(--dsa-color-primitives-purple-900);--dsa-color-tag-purple-4-on-base: var(--dsa-color-primitives-purple-200);--dsa-color-tag-purple-4-base: var(--dsa-color-primitives-purple-700);--dsa-color-tag-purple-3-on-base: var(--dsa-color-primitives-purple-900);--dsa-color-tag-purple-3-base: var(--dsa-color-primitives-purple-400);--dsa-color-tag-purple-2-on-base: var(--dsa-color-primitives-purple-900);--dsa-color-tag-purple-2-base: var(--dsa-color-primitives-purple-300);--dsa-color-tag-purple-1-on-base: var(--dsa-color-primitives-purple-900);--dsa-color-tag-purple-1-base: var(--dsa-color-primitives-purple-200);--dsa-color-spinner-green-on-base-on-base: var(--dsa-color-primitives-neutral-100);--dsa-color-spinner-green-on-base-base: var(--dsa-color-primitives-green-700);--dsa-color-spinner-green-on-button-base: var(--dsa-color-primitives-green-500);--dsa-color-spinner-green-on-button-on-base: var(--dsa-color-primitives-green-900);--dsa-color-spinner-danger-on-base: var(--dsa-color-primitives-system-error-500);--dsa-color-spinner-danger-base: var(--dsa-color-primitives-system-error-300);--dsa-color-spinner-neutral-on-base: var(--dsa-color-primitives-neutral-700);--dsa-color-spinner-neutral-base: var(--dsa-color-primitives-neutral-100);--dsa-color-spinner-purple-on-base-on-base: var(--dsa-color-primitives-purple-500);--dsa-color-spinner-purple-on-base-base: var(--dsa-color-primitives-purple-300);--dsa-color-spinner-purple-on-button-on-base: var(--dsa-color-primitives-purple-500);--dsa-color-spinner-purple-on-button-base: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-floating-menu-warning-on-disabled: var(--dsa-color-primitives-system-error-400);--dsa-color-button-on-floating-menu-warning-disabled: var(--dsa-color-primitives-system-error-200);--dsa-color-button-on-floating-menu-warning-on-active: var(--dsa-color-primitives-system-error-900);--dsa-color-button-on-floating-menu-warning-active: var(--dsa-color-primitives-system-error-400);--dsa-color-button-on-floating-menu-warning-on-hover: var(--dsa-color-primitives-system-error-900);--dsa-color-button-on-floating-menu-warning-hover: var(--dsa-color-primitives-system-error-300);--dsa-color-button-on-floating-menu-warning-on-enabled: var(--dsa-color-primitives-system-error-500);--dsa-color-button-on-floating-menu-warning-enabled: var(--dsa-color-primitives-system-error-200);--dsa-color-button-on-floating-menu-navigation-disabled: var(--dsa-color-primitives-green-800);--dsa-color-button-on-floating-menu-navigation-active: var(--dsa-color-primitives-green-400);--dsa-color-button-on-floating-menu-navigation-hover: var(--dsa-color-primitives-green-300);--dsa-color-button-on-floating-menu-navigation-enabled: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-floating-menu-neutral-on-disabled: var(--dsa-color-primitives-neutral-600);--dsa-color-button-on-floating-menu-neutral-disabled: var(--dsa-color-primitives-neutral-400);--dsa-color-button-on-floating-menu-neutral-on-active: var(--dsa-color-primitives-neutral-700);--dsa-color-button-on-floating-menu-neutral-active: var(--dsa-color-primitives-neutral-600);--dsa-color-button-on-floating-menu-neutral-on-hover: var(--dsa-color-primitives-neutral-700);--dsa-color-button-on-floating-menu-neutral-hover: var(--dsa-color-primitives-neutral-500);--dsa-color-button-on-floating-menu-neutral-on-enabled: var(--dsa-color-primitives-neutral-700);--dsa-color-button-on-floating-menu-neutral-enabled: var(--dsa-color-primitives-neutral-400);--dsa-color-button-on-floating-menu-tertiary-on-disabled: var(--dsa-color-primitives-green-800);--dsa-color-button-on-floating-menu-tertiary-disabled: var(--dsa-color-primitives-green-800);--dsa-color-button-on-floating-menu-tertiary-on-active: var(--dsa-color-primitives-green-400);--dsa-color-button-on-floating-menu-tertiary-active: var(--dsa-color-primitives-green-400);--dsa-color-button-on-floating-menu-tertiary-on-hover: var(--dsa-color-primitives-green-300);--dsa-color-button-on-floating-menu-tertiary-hover: var(--dsa-color-primitives-green-300);--dsa-color-button-on-floating-menu-tertiary-on-enabled: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-floating-menu-tertiary-enabled: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-floating-menu-secondary-on-disabled: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-secondary-disabled: var(--dsa-color-primitives-green-800);--dsa-color-button-on-floating-menu-secondary-on-hover: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-secondary-hover: var(--dsa-color-primitives-green-400);--dsa-color-button-on-floating-menu-secondary-on-active: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-secondary-active: var(--dsa-color-primitives-green-500);--dsa-color-button-on-floating-menu-secondary-on-enabled: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-secondary-enabled: var(--dsa-color-primitives-green-300);--dsa-color-button-on-floating-menu-primary-on-disabled: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-primary-disabled: var(--dsa-color-primitives-green-800);--dsa-color-button-on-floating-menu-primary-on-hover: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-primary-hover: var(--dsa-color-primitives-green-300);--dsa-color-button-on-floating-menu-primary-on-active: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-primary-active: var(--dsa-color-primitives-green-400);--dsa-color-button-on-floating-menu-primary-on-enabled: var(--dsa-color-primitives-green-900);--dsa-color-button-on-floating-menu-primary-enabled: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-base-warning-on-disabled: var(--dsa-color-primitives-system-error-400);--dsa-color-button-on-base-warning-disabled: var(--dsa-color-primitives-system-error-200);--dsa-color-button-on-base-warning-on-active: var(--dsa-color-primitives-system-error-900);--dsa-color-button-on-base-warning-active: var(--dsa-color-primitives-system-error-400);--dsa-color-button-on-base-warning-on-hover: var(--dsa-color-primitives-system-error-900);--dsa-color-button-on-base-warning-hover: var(--dsa-color-primitives-system-error-300);--dsa-color-button-on-base-warning-on-enabled: var(--dsa-color-primitives-system-error-500);--dsa-color-button-on-base-warning-enabled: var(--dsa-color-primitives-system-error-200);--dsa-color-button-on-base-navigation-disabled: var(--dsa-color-primitives-purple-200);--dsa-color-button-on-base-navigation-active: var(--dsa-color-primitives-neutral-800);--dsa-color-button-on-base-navigation-hover: var(--dsa-color-primitives-neutral-800);--dsa-color-button-on-base-navigation-enabled: var(--dsa-color-primitives-neutral-800);--dsa-color-button-on-base-neutral-on-disabled: var(--dsa-color-primitives-neutral-600);--dsa-color-button-on-base-neutral-disabled: var(--dsa-color-primitives-neutral-400);--dsa-color-button-on-base-neutral-on-active: var(--dsa-color-primitives-neutral-700);--dsa-color-button-on-base-neutral-active: var(--dsa-color-primitives-neutral-600);--dsa-color-button-on-base-neutral-on-hover: var(--dsa-color-primitives-neutral-700);--dsa-color-button-on-base-neutral-hover: var(--dsa-color-primitives-neutral-500);--dsa-color-button-on-base-neutral-on-enabled: var(--dsa-color-primitives-neutral-700);--dsa-color-button-on-base-neutral-enabled: var(--dsa-color-primitives-neutral-400);--dsa-color-button-on-base-tertiary-on-disabled: var(--dsa-color-primitives-purple-300);--dsa-color-button-on-base-tertiary-disabled: var(--dsa-color-primitives-purple-300);--dsa-color-button-on-base-tertiary-on-active: var(--dsa-color-primitives-purple-900);--dsa-color-button-on-base-tertiary-active: var(--dsa-color-primitives-purple-900);--dsa-color-button-on-base-tertiary-on-hover: var(--dsa-color-primitives-purple-800);--dsa-color-button-on-base-tertiary-hover: var(--dsa-color-primitives-purple-800);--dsa-color-button-on-base-tertiary-on-enabled: var(--dsa-color-primitives-purple-500);--dsa-color-button-on-base-tertiary-enabled: var(--dsa-color-primitives-purple-500);--dsa-color-button-on-base-secondary-on-disabled: var(--dsa-color-primitives-purple-400);--dsa-color-button-on-base-secondary-disabled: var(--dsa-color-primitives-purple-100);--dsa-color-button-on-base-secondary-on-active: var(--dsa-color-primitives-purple-900);--dsa-color-button-on-base-secondary-active: var(--dsa-color-primitives-purple-500);--dsa-color-button-on-base-secondary-on-hover: var(--dsa-color-primitives-purple-900);--dsa-color-button-on-base-secondary-hover: var(--dsa-color-primitives-purple-400);--dsa-color-button-on-base-secondary-on-enabled: var(--dsa-color-primitives-purple-500);--dsa-color-button-on-base-secondary-enabled: var(--dsa-color-primitives-purple-200);--dsa-color-button-on-base-primary-on-disabled: var(--dsa-color-primitives-purple-300);--dsa-color-button-on-base-primary-disabled: var(--dsa-color-primitives-purple-200);--dsa-color-button-on-base-primary-on-active: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-base-primary-active: var(--dsa-color-primitives-purple-900);--dsa-color-button-on-base-primary-on-hover: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-base-primary-hover: var(--dsa-color-primitives-purple-800);--dsa-color-button-on-base-primary-on-enabled: var(--dsa-color-primitives-neutral-100);--dsa-color-button-on-base-primary-enabled: var(--dsa-color-primitives-purple-500);--dsa-color-icon-on-base-error: var(--dsa-color-primitives-system-error-500);--dsa-color-icon-on-base-disabled: var(--dsa-color-primitives-neutral-600);--dsa-color-icon-on-base-default: var(--dsa-color-primitives-neutral-800);--dsa-color-icon-on-contrasted: var(--dsa-color-primitives-neutral-100);--dsa-color-skeleton-text: var(--dsa-color-primitives-purple-100);--dsa-color-skeleton-image: var(--dsa-color-primitives-purple-200);--dsa-color-tab-text-primary-default: var(--dsa-color-primitives-neutral-700);--dsa-color-tab-text-primary-disabled: var(--dsa-color-primitives-neutral-500);--dsa-color-tab-text-primary-hover: var(--dsa-color-primitives-purple-500);--dsa-color-tab-text-primary-active: var(--dsa-color-primitives-purple-600);--dsa-color-tab-decoration-primary: var(--dsa-color-primitives-purple-600);--dsa-color-toggle-button-selected-on-read-only: var(--dsa-color-primitives-purple-500);--dsa-color-toggle-button-selected-read-only: var(--dsa-color-primitives-neutral-500);--dsa-color-toggle-button-selected-on-disabled: var(--dsa-color-primitives-purple-600);--dsa-color-toggle-button-selected-disabled: var(--dsa-color-primitives-purple-400);--dsa-color-toggle-button-selected-on-active: var(--dsa-color-primitives-purple-900);--dsa-color-toggle-button-selected-active: var(--dsa-color-primitives-purple-400);--dsa-color-toggle-button-selected-on-hover: var(--dsa-color-primitives-purple-700);--dsa-color-toggle-button-selected-hover: var(--dsa-color-primitives-purple-300);--dsa-color-toggle-button-selected-on-default: var(--dsa-color-primitives-purple-500);--dsa-color-toggle-button-selected-default: var(--dsa-color-primitives-purple-200);--dsa-color-toggle-button-default-on-read-only: var(--dsa-color-primitives-neutral-700);--dsa-color-toggle-button-default-read-only: var(--dsa-color-primitives-neutral-500);--dsa-color-toggle-button-default-on-disabled: var(--dsa-color-primitives-neutral-600);--dsa-color-toggle-button-default-disabled: var(--dsa-color-primitives-neutral-400);--dsa-color-toggle-button-default-on-active: var(--dsa-color-primitives-purple-900);--dsa-color-toggle-button-default-active: var(--dsa-color-primitives-purple-300);--dsa-color-toggle-button-default-on-hover: var(--dsa-color-primitives-purple-500);--dsa-color-toggle-button-default-hover: var(--dsa-color-primitives-purple-200);--dsa-color-toggle-button-default-on-default: var(--dsa-color-primitives-neutral-700);--dsa-color-toggle-button-default-default: var(--dsa-color-primitives-neutral-400);--dsa-color-toggle-item-error: var(--dsa-color-primitives-system-error-500);--dsa-color-toggle-item-disabled: var(--dsa-color-primitives-neutral-500);--dsa-color-toggle-item-hover: var(--dsa-color-primitives-purple-500);--dsa-color-toggle-item-active: var(--dsa-color-primitives-purple-500);--dsa-color-toggle-item-default: var(--dsa-color-primitives-neutral-700);--dsa-color-avatar-icon: var(--dsa-color-primitives-green-900);--dsa-color-avatar-background: var(--dsa-color-primitives-neutral-400);--dsa-color-alert-icon-danger: var(--dsa-color-primitives-system-error-500);--dsa-color-alert-icon-warning: var(--dsa-color-primitives-system-warning-500);--dsa-color-alert-icon-neutral: var(--dsa-color-primitives-neutral-600);--dsa-color-alert-icon-success: var(--dsa-color-primitives-system-success-500);--dsa-color-alert-icon-primary: var(--dsa-color-primitives-purple-500);--dsa-color-alert-border-primary: var(--dsa-color-primitives-neutral-400);--dsa-color-alert-text-on-primary: var(--dsa-color-primitives-neutral-700);--dsa-color-alert-title-on-primary: var(--dsa-color-primitives-neutral-900);--dsa-color-alert-background-warning: var(--dsa-color-primitives-yellow-200);--dsa-color-alert-background-danger: var(--dsa-color-primitives-pink-200);--dsa-color-alert-background-neutral: var(--dsa-color-primitives-neutral-300);--dsa-color-alert-background-success: var(--dsa-color-primitives-green-200);--dsa-color-alert-background-primary: var(--dsa-color-primitives-purple-100);--dsa-color-progress-on-content: var(--dsa-color-primitives-neutral-100);--dsa-color-progress-on-base: var(--dsa-color-primitives-neutral-700);--dsa-color-progress-content: var(--dsa-color-primitives-purple-500);--dsa-color-progress-containing: var(--dsa-color-primitives-neutral-400);--dsa-color-badge-text-on-primary: var(--dsa-color-primitives-neutral-100);--dsa-color-badge-text-on-danger: var(--dsa-color-primitives-neutral-100);--dsa-color-badge-text-on-warning: var(--dsa-color-primitives-neutral-900);--dsa-color-badge-text-on-success: var(--dsa-color-primitives-neutral-100);--dsa-color-badge-text-on-neutral: var(--dsa-color-primitives-neutral-900);--dsa-color-badge-border-success: var(--dsa-color-primitives-system-success-500);--dsa-color-badge-border-neutral: var(--dsa-color-primitives-neutral-400);--dsa-color-badge-border-warning: var(--dsa-color-primitives-system-warning-500);--dsa-color-badge-border-danger: var(--dsa-color-primitives-system-error-500);--dsa-color-badge-border-primary: var(--dsa-color-primitives-purple-500);--dsa-color-badge-background-danger: var(--dsa-color-primitives-system-error-500);--dsa-color-badge-background-warning: var(--dsa-color-primitives-system-warning-500);--dsa-color-badge-background-neutral: var(--dsa-color-primitives-neutral-400);--dsa-color-badge-background-success: var(--dsa-color-primitives-system-success-500);--dsa-color-badge-background-primary: var(--dsa-color-primitives-purple-500);--dsa-color-input-icon-on-layer-error: var(--dsa-color-primitives-system-error-500);--dsa-color-input-icon-on-layer-disabled: var(--dsa-color-primitives-neutral-800);--dsa-color-input-icon-on-layer-enabled: var(--dsa-color-primitives-neutral-900);--dsa-color-input-icon-on-base-error: var(--dsa-color-primitives-system-error-500);--dsa-color-input-icon-on-base-disabled: var(--dsa-color-primitives-neutral-800);--dsa-color-input-icon-on-base-enabled: var(--dsa-color-primitives-neutral-800);--dsa-color-input-icon-on-base-minor: var(--dsa-color-primitives-neutral-800);--dsa-color-input-text-field-on-layer-placeholder: var(--dsa-color-primitives-neutral-650);--dsa-color-input-text-field-on-layer-input: var(--dsa-color-primitives-neutral-900);--dsa-color-input-text-field-on-base-placeholder: var(--dsa-color-primitives-neutral-650);--dsa-color-input-text-field-on-base-input: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-layer-default: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-layer-focus: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-layer-disabled: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-layer-helper: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-layer-locked: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-layer-error: var(--dsa-color-primitives-system-error-500);--dsa-color-input-label-on-base-default: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-base-focus: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-base-disabled: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-base-helper: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-base-locked: var(--dsa-color-primitives-neutral-900);--dsa-color-input-label-on-base-error: var(--dsa-color-primitives-system-error-500);--dsa-color-input-background-on-layer-autocomplete: var(--dsa-color-primitives-purple-100);--dsa-color-input-background-on-layer-locked: var(--dsa-color-primitives-neutral-500);--dsa-color-input-background-on-layer-error: var(--dsa-color-primitives-system-error-200);--dsa-color-input-background-on-layer-disabled: var(--dsa-color-primitives-neutral-400);--dsa-color-input-background-on-layer-enabled: var(--dsa-color-primitives-neutral-100);--dsa-color-input-background-on-base-autocomplete: var(--dsa-color-primitives-purple-100);--dsa-color-input-background-on-base-locked: var(--dsa-color-primitives-neutral-500);--dsa-color-input-background-on-base-error: var(--dsa-color-primitives-system-error-200);--dsa-color-input-background-on-base-disabled: var(--dsa-color-primitives-neutral-300);--dsa-color-input-background-on-base-enabled: var(--dsa-color-primitives-neutral-300);--dsa-color-input-border-on-layer-error-hover: var(--dsa-color-primitives-system-error-900);--dsa-color-input-border-on-layer-error: var(--dsa-color-primitives-system-error-500);--dsa-color-input-border-on-layer-locked: var(--dsa-color-primitives-neutral-600);--dsa-color-input-border-on-layer-disabled: var(--dsa-color-primitives-neutral-300);--dsa-color-input-border-on-layer-hover: var(--dsa-color-primitives-purple-600);--dsa-color-input-border-on-layer-enabled: var(--dsa-color-primitives-neutral-600);--dsa-color-input-border-on-base-error-hover: var(--dsa-color-primitives-system-error-900);--dsa-color-input-border-on-base-error: var(--dsa-color-primitives-system-error-500);--dsa-color-input-border-on-base-locked: var(--dsa-color-primitives-neutral-600);--dsa-color-input-border-on-base-disabled: var(--dsa-color-primitives-neutral-500);--dsa-color-input-border-on-base-hover: var(--dsa-color-primitives-purple-500);--dsa-color-input-border-on-base-enabled: var(--dsa-color-primitives-neutral-600);--dsa-color-text-on-floating-menu-disabled: var(--dsa-color-primitives-green-700);--dsa-color-text-on-floating-menu-secondary: var(--dsa-color-primitives-green-400);--dsa-color-text-on-floating-menu-primary: var(--dsa-color-primitives-neutral-100);--dsa-color-text-on-layer-disabled: var(--dsa-color-primitives-neutral-500);--dsa-color-text-on-layer-secondary: var(--dsa-color-primitives-neutral-700);--dsa-color-text-on-layer-primary: var(--dsa-color-primitives-neutral-800);--dsa-color-text-on-base-disabled: var(--dsa-color-primitives-neutral-500);--dsa-color-text-on-base-secondary: var(--dsa-color-primitives-neutral-650);--dsa-color-text-on-base-primary: var(--dsa-color-primitives-neutral-800);--dsa-color-text-on-base-error: var(--dsa-color-primitives-system-error-500);--dsa-color-text-on-tooltip: var(--dsa-color-primitives-neutral-100);--dsa-color-text-on-contrasted: var(--dsa-color-primitives-neutral-100);--dsa-color-background-selected: var(--dsa-color-primitives-purple-500);--dsa-color-background-active-hover: var(--dsa-color-primitives-purple-800);--dsa-color-background-focus-ring: var(--dsa-color-primitives-system-focus-500);--dsa-color-background-cursor: var(--dsa-color-primitives-purple-500);--dsa-color-background-scrollbar: var(--dsa-color-primitives-neutral-500);--dsa-color-background-divider: var(--dsa-color-primitives-neutral-500);--dsa-color-background-tooltip: var(--dsa-color-primitives-neutral-900);--dsa-color-background-overlay: var(--dsa-color-primitives-neutral-900);--dsa-color-background-border-hover: var(--dsa-color-primitives-purple-300);--dsa-color-background-border: var(--dsa-color-primitives-neutral-400);--dsa-color-background-floating-menu: var(--dsa-color-primitives-green-900);--dsa-color-background-layer: var(--dsa-color-primitives-neutral-300);--dsa-color-background-contrasted: var(--dsa-color-primitives-purple-500);--dsa-color-background-base-hover: var(--dsa-color-primitives-purple-100);--dsa-color-background-base: var(--dsa-color-primitives-neutral-100)}
|