@po-ui/style 6.14.0 → 14.0.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.
|
@@ -99,7 +99,45 @@
|
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
/*------------------------------------*\
|
|
102
|
-
|
|
102
|
+
BRAND TOKENS
|
|
103
|
+
\*------------------------------------*/
|
|
104
|
+
|
|
105
|
+
:root {
|
|
106
|
+
--color-brand-01-lightest: #f2eaf6;
|
|
107
|
+
--color-brand-01-lighter: #d9c2e5;
|
|
108
|
+
--color-brand-01-light: #bd94d1;
|
|
109
|
+
--color-brand-01-base: #753399;
|
|
110
|
+
--color-brand-01-dark: #5b1c7d;
|
|
111
|
+
--color-brand-01-darker: #400e58;
|
|
112
|
+
--color-brand-01-darkest: #260538;
|
|
113
|
+
--color-brand-02-base: #b92f72;
|
|
114
|
+
--color-brand-03-base: #ffd464;
|
|
115
|
+
--color-neutral-dark-70: #4a5c60;
|
|
116
|
+
--color-neutral-dark-80: #2c3739;
|
|
117
|
+
--color-neutral-dark-90: #1d2426;
|
|
118
|
+
--color-neutral-dark-95: #0b0e0e;
|
|
119
|
+
--color-neutral-light-10: #eceeee;
|
|
120
|
+
--color-neutral-light-20: #dadedf;
|
|
121
|
+
--color-neutral-light-30: #b6bdbf;
|
|
122
|
+
--color-neutral-light-00: #fff;
|
|
123
|
+
--color-neutral-light-05: #fbfbfb;
|
|
124
|
+
--color-neutral-mid-40: #9da7a9;
|
|
125
|
+
--color-neutral-mid-60: #6e7c7f;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
/*------------------------------------*\
|
|
129
|
+
BRAND TOKENS - COLOR ACTIONS
|
|
130
|
+
\*------------------------------------*/
|
|
131
|
+
:root {
|
|
132
|
+
--color-action-default: var(--color-brand-01-base);
|
|
133
|
+
--color-action-hover: var(--color-brand-01-dark);
|
|
134
|
+
--color-action-pressed: var(--color-brand-01-darker);
|
|
135
|
+
--color-action-disabled: var(--color-neutral-light-30);
|
|
136
|
+
--color-action-focus: var(--color-brand-01-darkest);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
/*------------------------------------*\
|
|
140
|
+
COLOR Deprecated v16.x.x Utilizar brand tokens
|
|
103
141
|
\*------------------------------------*/
|
|
104
142
|
|
|
105
143
|
:root {
|
|
@@ -122,22 +160,22 @@
|
|
|
122
160
|
--color-primary-dark-40: #8b255a;
|
|
123
161
|
|
|
124
162
|
/* Secondary */
|
|
125
|
-
--color-secondary-light-20:
|
|
163
|
+
--color-secondary-light-20: var(--color-brand-01-lighter); /*Deprecated v16.x.x utilizar --color-brand-01-lighter*/
|
|
126
164
|
|
|
127
|
-
--color-secondary-light-40:
|
|
165
|
+
--color-secondary-light-40: var(--color-brand-01-light); /*Deprecated v16.x.x utilizar --color-brand-01-light*/
|
|
128
166
|
|
|
129
|
-
--color-secondary:
|
|
167
|
+
--color-secondary: var(--color-action-default); /*Deprecated v16.x.x utilizar --color-action-default*/
|
|
130
168
|
|
|
131
|
-
--color-secondary-dark-20:
|
|
169
|
+
--color-secondary-dark-20: var(--color-brand-01-dark); /*Deprecated v16.x.x utilizar --color-brand-01-dark*/
|
|
132
170
|
|
|
133
|
-
--color-secondary-dark-40:
|
|
171
|
+
--color-secondary-dark-40: var(--color-brand-01-darker); /*Deprecated v16.x.x utilizar --color-brand-01-darker*/
|
|
134
172
|
|
|
135
173
|
/* Overlay de Modal e Menu (70% de opacidade) */
|
|
136
174
|
--color-secondary-dark-60-alpha-70: rgba(59, 28, 74, 0.7);
|
|
137
175
|
|
|
138
176
|
--color-secondary-dark-60: #3b1c4a;
|
|
139
177
|
|
|
140
|
-
--color-secondary-dark-80:
|
|
178
|
+
--color-secondary-dark-80: var(--color-brand-01-darkest); /*Deprecated v16.x.x utilizar --color-brand-01-darkest*/
|
|
141
179
|
|
|
142
180
|
/* Tertiary */
|
|
143
181
|
|
|
@@ -145,7 +183,7 @@
|
|
|
145
183
|
--color-tertiary-light-90: #fffaef;
|
|
146
184
|
|
|
147
185
|
/* Borda esquerda do menu lateral selecionado, Tab selecionada, Card em destaque */
|
|
148
|
-
--color-tertiary:
|
|
186
|
+
--color-tertiary: var(--color-brand-03-base); /*Deprecated v16.x.x utilizar --color-brand-03-base*/
|
|
149
187
|
|
|
150
188
|
/* Cor de gráficos, botão do disclaimer */
|
|
151
189
|
--color-tertiary-dark-5: #f4d069;
|
|
@@ -154,24 +192,24 @@
|
|
|
154
192
|
|
|
155
193
|
--color-tertiary-dark-60: #ac9249;
|
|
156
194
|
|
|
157
|
-
--color-white:
|
|
195
|
+
--color-white: var(--color-neutral-light-00); /*Deprecated v16.x.x utilizar --color-neutral-light-00*/
|
|
158
196
|
|
|
159
197
|
--color-white-alpha-30: rgba(255, 255, 255, 0.3);
|
|
160
198
|
|
|
161
199
|
/* Background da página, Background da linha selecionada */
|
|
162
|
-
--color-neutral-light-98:
|
|
200
|
+
--color-neutral-light-98: var(--color-neutral-light-05); /*Deprecated v16.x.x utilizar --color-neutral-light-05*/
|
|
163
201
|
|
|
164
202
|
/* Borda inferior de item de tabela, Base do Slider, Background do Input inativo */
|
|
165
|
-
--color-neutral-light-90:
|
|
203
|
+
--color-neutral-light-90: var(--color-neutral-light-10); /*Deprecated v16.x.x utilizar --color-neutral-light-10*/
|
|
166
204
|
|
|
167
205
|
/* Step inativo, Base Switch desligado */
|
|
168
|
-
--color-neutral-light-80:
|
|
206
|
+
--color-neutral-light-80: var(--color-neutral-light-20); /*Deprecated v16.x.x utilizar --color-neutral-light-20*/
|
|
169
207
|
|
|
170
208
|
/* Ícone desabilitado, Slider desabilitado, Borda de input */
|
|
171
|
-
--color-neutral-light-60:
|
|
209
|
+
--color-neutral-light-60: var(--color-neutral-light-30); /*Deprecated v16.x.x utilizar --color-neutral-light-30*/
|
|
172
210
|
|
|
173
211
|
/* Texto do Placeholder */
|
|
174
|
-
--color-neutral-light-40:
|
|
212
|
+
--color-neutral-light-40: var(--color-neutral-mid-40); /*Deprecated v16.x.x utilizar --color-neutral-mid-40*/
|
|
175
213
|
|
|
176
214
|
/* Borda superior do itens do menu (45% de opacidade) */
|
|
177
215
|
--color-neutral-alpha-45: rgba(74, 92, 96, 0.45);
|
|
@@ -180,12 +218,10 @@
|
|
|
180
218
|
--color-neutral: #4a5c60;
|
|
181
219
|
|
|
182
220
|
/* Usar em menu: Área do logo, Background do menu */
|
|
183
|
-
--color-neutral-dark-40:
|
|
221
|
+
--color-neutral-dark-40: var(--color-neutral-dark-80); /*Deprecated v16.x.x utilizar --color-neutral-dark-80*/
|
|
184
222
|
|
|
185
223
|
/* Texto */
|
|
186
|
-
--color-neutral-dark-60:
|
|
187
|
-
|
|
188
|
-
--color-neutral-dark-70: #4a5c60;
|
|
224
|
+
--color-neutral-dark-60: var(--color-neutral-dark-90); /*Deprecated v16.x.x utilizar --color-neutral-dark-90*/
|
|
189
225
|
|
|
190
226
|
--color-neutral-dark-90: #1d1d30;
|
|
191
227
|
|
|
@@ -203,54 +239,42 @@
|
|
|
203
239
|
/* Background do Feedback de sucesso */
|
|
204
240
|
--color-success: #00b28e;
|
|
205
241
|
|
|
206
|
-
--color-feedback-positive-lightest: #def7ed;
|
|
207
|
-
|
|
208
|
-
--color-feedback-positive-lighter: #7ecead;
|
|
209
|
-
|
|
210
|
-
--color-feedback-positive-base: #107048;
|
|
211
|
-
|
|
212
242
|
/* Background do Feedback de atenção */
|
|
213
243
|
--color-warning: #ea9b3e;
|
|
214
244
|
|
|
215
|
-
--color-feedback-warning-lightest: #fcf6e3;
|
|
216
|
-
|
|
217
|
-
--color-feedback-warning-lighter: #f7dd97;
|
|
218
|
-
|
|
219
|
-
--color-feedback-warning-base: #efba2a;
|
|
220
|
-
|
|
221
245
|
/* Background do Feedback de erro */
|
|
222
|
-
--color-danger-light-05:
|
|
246
|
+
--color-danger-light-05: var(
|
|
247
|
+
--color-feedback-negative-light
|
|
248
|
+
); /*Deprecated v16.x.x utilizar --color-feedback-negative-lightest*/
|
|
223
249
|
|
|
224
|
-
--color-danger-light-20:
|
|
250
|
+
--color-danger-light-20: var(
|
|
251
|
+
--color-feedback-negative-lighter
|
|
252
|
+
); /*Deprecated v16.x.x utilizar --color-feedback-negative-lighter*/
|
|
225
253
|
|
|
226
|
-
--color-danger-light-40:
|
|
254
|
+
--color-danger-light-40: var(
|
|
255
|
+
--color-feedback-negative-light
|
|
256
|
+
); /*Deprecated v16.x.x utilizar --color-feedback-negative-light*/
|
|
227
257
|
|
|
228
258
|
/* Background do Feedback de erro, Borda de Input com erro */
|
|
229
|
-
--color-danger:
|
|
230
|
-
|
|
231
|
-
/* Background do Feedback de informação */
|
|
232
|
-
--color-feedback-info-lightest: #e3e9f7;
|
|
233
|
-
|
|
234
|
-
--color-feedback-info-lighter: #b0c1e8;
|
|
235
|
-
|
|
236
|
-
--color-feedback-info-base: #23489f;
|
|
237
|
-
|
|
238
|
-
/* Background do Feedback de erro */
|
|
239
|
-
--color-feedback-negative-darker: #72211d;
|
|
259
|
+
--color-danger: var(--color-feedback-negative-base); /*Deprecated v16.x.x utilizar --color-feedback-negative-base*/
|
|
240
260
|
|
|
241
261
|
/* Background disclaimer danger */
|
|
242
|
-
--color-danger-dark-5:
|
|
262
|
+
--color-danger-dark-5: var(
|
|
263
|
+
--color-feedback-negative-dark
|
|
264
|
+
); /*Deprecated v16.x.x utilizar --color-feedback-negative-dark*/
|
|
243
265
|
|
|
244
266
|
/* Hover para botão danger */
|
|
245
267
|
--color-danger-dark-20: #9e3933;
|
|
246
268
|
|
|
247
269
|
/* Estilo ativo para botão danger */
|
|
248
|
-
--color-danger-dark-40:
|
|
270
|
+
--color-danger-dark-40: var(
|
|
271
|
+
--color-feedback-negative-darkest
|
|
272
|
+
); /*Deprecated v16.x.x utilizar --color-feedback-negative-darkest*/
|
|
249
273
|
|
|
250
274
|
--color-transparent: transparent;
|
|
251
275
|
|
|
252
276
|
/* Cor padrão para o focus */
|
|
253
|
-
--color-outline-focused:
|
|
277
|
+
--color-outline-focused: var(--color-action-focus); /*Deprecated v16.x.x utilizar --color-action-focus*/
|
|
254
278
|
|
|
255
279
|
/*------------------------------------*\
|
|
256
280
|
COLOR-PALETTE
|
|
@@ -278,9 +302,16 @@
|
|
|
278
302
|
* Variáveis para definições de fontes. O PO utiliza as variantes *extra light*, *regular* e *bold* em seus componentes e, para cada uma delas,
|
|
279
303
|
* é atribuído um @font-face específico. Os nomes elencados no `font-family` no @font-face devem ser os mesmos atribuídos como valor para as variáveis.
|
|
280
304
|
*/
|
|
305
|
+
/* --font-family: Roboto; */
|
|
281
306
|
--font-family-theme: Roboto;
|
|
282
307
|
--font-family-theme-bold: Roboto-Bold;
|
|
283
308
|
--font-family-theme-extra-light: Roboto-Condensed-Light;
|
|
309
|
+
|
|
310
|
+
--font-family-heading: Roboto;
|
|
311
|
+
--font-family-code: Monospace;
|
|
312
|
+
--font-weight-extra-light: 200;
|
|
313
|
+
--text-transform-normal: normal;
|
|
314
|
+
--text-transform-uppercase: uppercase;
|
|
284
315
|
}
|
|
285
316
|
|
|
286
317
|
@font-face {
|
|
@@ -341,86 +372,165 @@
|
|
|
341
372
|
\*------------------------------------*/
|
|
342
373
|
|
|
343
374
|
--color-avatar-background-color-avatar: var(--color-neutral);
|
|
375
|
+
}
|
|
344
376
|
|
|
345
|
-
|
|
377
|
+
/*------------------------------------*\
|
|
346
378
|
BUTTON
|
|
347
379
|
\*------------------------------------*/
|
|
348
380
|
|
|
349
|
-
|
|
381
|
+
/* -------------------------------------------------------- */
|
|
382
|
+
|
|
383
|
+
po-button {
|
|
384
|
+
--font-family: var(--font-family-theme);
|
|
385
|
+
--font-size: var(--font-size-default);
|
|
386
|
+
--font-weight: var(--font-weight-bold);
|
|
387
|
+
--line-height: var(--line-height-none);
|
|
388
|
+
--border-radius: var(--border-radius-md);
|
|
389
|
+
--border-width: var(--border-width-md);
|
|
390
|
+
--padding: 0 0.5rem;
|
|
391
|
+
|
|
392
|
+
/* danger */
|
|
393
|
+
--text-color-danger: var(--color-neutral-light-00);
|
|
394
|
+
--color-button-danger: var(--color-danger-dark-5);
|
|
395
|
+
--color-danger-hover: var(--color-feedback-negative-darker);
|
|
396
|
+
--color-danger-pressed: var(--color-danger-dark-40);
|
|
397
|
+
--background-danger-hover: var(--color-danger-light-20);
|
|
398
|
+
--border-color-danger-hover: var(--color-danger-dark-40);
|
|
399
|
+
--background-danger-pressed: var(--color-danger-light-05);
|
|
400
|
+
--background-color-button-danger: var(--color-transparent);
|
|
401
|
+
|
|
402
|
+
--text-color: var(--color-white);
|
|
403
|
+
--color: var(--color-secondary);
|
|
404
|
+
--background-color: var(--color-transparent);
|
|
405
|
+
--border-color: var(--color-transparent);
|
|
406
|
+
--shadow: var(--shadow-none);
|
|
407
|
+
|
|
408
|
+
/* hover */
|
|
409
|
+
--color-hover: var(--color-action-hover);
|
|
410
|
+
--background-hover: var(--color-secondary-light-20);
|
|
411
|
+
--border-color-hover: var(--color-secondary-dark-80);
|
|
412
|
+
|
|
413
|
+
/* focused */
|
|
414
|
+
--outline-color-focused: var(--color-outline-focused);
|
|
415
|
+
|
|
416
|
+
/* pressed */
|
|
417
|
+
--color-pressed: var(--color-action-pressed);
|
|
418
|
+
--background-pressed: var(--color-secondary-light-40);
|
|
419
|
+
|
|
420
|
+
/* disabled */
|
|
421
|
+
--text-color-disabled: var(--color-neutral-dark-70);
|
|
422
|
+
--color-disabled: var(--color-action-disabled);
|
|
423
|
+
--background-color-disabled: var(--color-transparent);
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
/* -------------------------------------------------------- */
|
|
427
|
+
|
|
428
|
+
/**
|
|
350
429
|
* Button Default
|
|
351
430
|
*/
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
--color-button-color: var(--color
|
|
355
|
-
--color-button-
|
|
356
|
-
|
|
357
|
-
--color-button-
|
|
358
|
-
|
|
359
|
-
--color-button-color-hover: var(--
|
|
360
|
-
|
|
361
|
-
--color-button-
|
|
362
|
-
|
|
363
|
-
--color-button-color-pressed: var(
|
|
364
|
-
|
|
365
|
-
--
|
|
366
|
-
--color-button-border-
|
|
367
|
-
--color-button-color-
|
|
431
|
+
|
|
432
|
+
:root {
|
|
433
|
+
--color-button-background-color: var(--background-color); /*Deprecated v16.x.x utilizar --background-color*/
|
|
434
|
+
--color-button-border: var(--color); /*Deprecated v16.x.x utilizar --color*/
|
|
435
|
+
--color-button-color: var(--color); /*Deprecated v16.x.x utilizar --color*/
|
|
436
|
+
--color-button-box-shadow: var(--shadow);
|
|
437
|
+
|
|
438
|
+
--color-button-background-color-hover: var(--background-hover); /*Deprecated v16.x.x utilizar --background-hover*/
|
|
439
|
+
--color-button-border-hover: var(--border-color-hover); /*Deprecated v16.x.x utilizar --border-color-hover*/
|
|
440
|
+
--color-button-color-hover: var(--border-color-hover); /*Deprecated v16.x.x utilizar --border-color-hover*/
|
|
441
|
+
|
|
442
|
+
--color-button-background-color-pressed: var(
|
|
443
|
+
--background-pressed
|
|
444
|
+
); /*Deprecated v16.x.x utilizar --background-pressed*/
|
|
445
|
+
--color-button-border-pressed: var(--border-color-hover); /*Deprecated v16.x.x utilizar --border-color-pressed*/
|
|
446
|
+
--color-button-color-pressed: var(--border-color-hover); /*Deprecated v16.x.x utilizar --border-color-hover*/
|
|
447
|
+
|
|
448
|
+
--color-button-background-color-disabled: var(
|
|
449
|
+
--background-color-disabled
|
|
450
|
+
); /*Deprecated v16.x.x utilizar --background-color-disabled*/
|
|
451
|
+
--color-button-border-disabled: var(--color-disabled); /*Deprecated v16.x.x utilizar --border-color-disabled*/
|
|
452
|
+
--color-button-color-disabled: var(--color-disabled); /*Deprecated v16.x.x utilizar --color-disabled*/
|
|
368
453
|
/**
|
|
369
|
-
|
|
454
|
+
* Button Primary
|
|
370
455
|
*/
|
|
371
|
-
--color-button-background-color-primary: var(--color
|
|
372
|
-
--color-button-border-primary: var(--color
|
|
373
|
-
--color-button-color-primary: var(--color
|
|
456
|
+
--color-button-background-color-primary: var(--color); /*Deprecated v16.x.x utilizar --background-color*/
|
|
457
|
+
--color-button-border-primary: var(--border-color); /*Deprecated v16.x.x utilizar --border-color*/
|
|
458
|
+
--color-button-color-primary: var(--text-color); /*Deprecated v16.x.x utilizar --color*/
|
|
374
459
|
|
|
375
|
-
--color-button-background-color-primary-hover: var(--color-
|
|
376
|
-
--color-button-color-primary-hover: var(--color
|
|
460
|
+
--color-button-background-color-primary-hover: var(--color-hover); /*Deprecated v16.x.x utilizar --color-hover*/
|
|
461
|
+
--color-button-color-primary-hover: var(--text-color); /*Deprecated v16.x.x utilizar --text-color*/
|
|
377
462
|
|
|
378
|
-
--color-button-background-color-primary-pressed: var(--color-
|
|
379
|
-
--color-button-color-primary-pressed: var(--color
|
|
463
|
+
--color-button-background-color-primary-pressed: var(--color-pressed); /*Deprecated v16.x.x utilizar --color-pressed*/
|
|
464
|
+
--color-button-color-primary-pressed: var(--text-color); /*Deprecated v16.x.x utilizar --color-pressed*/
|
|
380
465
|
|
|
381
|
-
--color-button-background-color-primary-disabled: var(
|
|
382
|
-
|
|
466
|
+
--color-button-background-color-primary-disabled: var(
|
|
467
|
+
--color-disabled
|
|
468
|
+
); /*Deprecated v16.x.x utilizar --background-color-disabled*/
|
|
469
|
+
--color-button-color-primary-disabled: var(--text-color-disabled); /*Deprecated v16.x.x utilizar --color-disabled*/
|
|
383
470
|
|
|
384
471
|
/**
|
|
385
|
-
|
|
472
|
+
* Button Danger primary
|
|
386
473
|
*/
|
|
387
|
-
--color-button-primary-background-color-danger: var(
|
|
388
|
-
|
|
389
|
-
--
|
|
474
|
+
--color-button-primary-background-color-danger: var(
|
|
475
|
+
--color-button-danger
|
|
476
|
+
); /*Deprecated v16.x.x utilizar --background-color-danger*/
|
|
477
|
+
--color-button-primary-background-color-danger-hover: var(
|
|
478
|
+
--color-danger-hover
|
|
479
|
+
); /*Deprecated v16.x.x utilizar --color-danger-hover*/
|
|
480
|
+
--color-button-primary-background-color-danger-pressed: var(
|
|
481
|
+
--color-danger-pressed
|
|
482
|
+
); /*Deprecated v16.x.x utilizar --background-color-danger-pressed*/
|
|
390
483
|
|
|
391
484
|
/**
|
|
392
|
-
|
|
485
|
+
* Button Danger secondary
|
|
393
486
|
*/
|
|
394
|
-
--color-button-background-color-danger: var(
|
|
395
|
-
|
|
396
|
-
--
|
|
397
|
-
|
|
398
|
-
--color-button-
|
|
399
|
-
|
|
400
|
-
--color-button-color-danger-hover: var(
|
|
487
|
+
--color-button-background-color-danger: var(
|
|
488
|
+
--background-color-button-danger
|
|
489
|
+
); /*Deprecated v16.x.x utilizar --background-color-danger*/
|
|
490
|
+
--color-button-border-danger: var(--color-button-danger); /*Deprecated v16.x.x utilizar --border-color-danger*/
|
|
491
|
+
--color-button-color-danger: var(--color-button-danger); /*Deprecated v16.x.x utilizar --color-danger*/
|
|
492
|
+
|
|
493
|
+
--color-button-background-color-danger-hover: var(
|
|
494
|
+
--background-danger-hover
|
|
495
|
+
); /*Deprecated v16.x.x utilizar --background-danger-hover*/
|
|
496
|
+
--color-button-border-danger-hover: var(
|
|
497
|
+
--border-color-danger-hover
|
|
498
|
+
); /*Deprecated v16.x.x utilizar --border-color-danger-hover*/
|
|
499
|
+
--color-button-color-danger-hover: var(
|
|
500
|
+
--border-color-danger-hover
|
|
501
|
+
); /*Deprecated v16.x.x utilizar --color-danger-hover*/
|
|
502
|
+
|
|
503
|
+
--color-button-background-color-danger-pressed: var(
|
|
504
|
+
--background-danger-pressed
|
|
505
|
+
); /*Deprecated v16.x.x utilizar --background-danger-pressed*/
|
|
506
|
+
--color-button-border-danger-pressed: var(
|
|
507
|
+
--border-color-danger-hover
|
|
508
|
+
); /*Deprecated v16.x.x utilizar --border-color-danger-hover*/
|
|
509
|
+
--color-button-color-danger-pressed: var(
|
|
510
|
+
--border-color-danger-hover
|
|
511
|
+
); /*Deprecated v16.x.x utilizar --border-color-danger-hover*/
|
|
401
512
|
|
|
402
|
-
--color-button-background-color-danger-pressed: var(--color-danger-light-40);
|
|
403
|
-
--color-button-border-danger-pressed: var(--color-danger-dark-40);
|
|
404
|
-
--color-button-color-danger-pressed: var(--color-danger-dark-40);
|
|
405
|
-
|
|
406
|
-
--color-button-background-color-danger-disabled: var(--color-transparent);
|
|
407
|
-
--color-button-border-danger-disabled: var(--color-neutral-light-60);
|
|
408
|
-
--color-button-color-danger-disabled: var(--color-neutral-light-60);
|
|
409
513
|
/**
|
|
410
|
-
|
|
514
|
+
* Button Link
|
|
411
515
|
*/
|
|
412
|
-
--color-button-background-color-link: var(--color
|
|
413
|
-
--color-button-color-link: var(--color
|
|
414
|
-
--color-button-border-color-link: var(--color
|
|
516
|
+
--color-button-background-color-link: var(--background-color); /*Deprecated v16.x.x utilizar --background-color*/
|
|
517
|
+
--color-button-color-link: var(--color); /*Deprecated v16.x.x utilizar --color*/
|
|
518
|
+
--color-button-border-color-link: var(--border-color); /*Deprecated v16.x.x utilizar --border-color*/
|
|
415
519
|
|
|
416
|
-
--color-button-background-color-link-hover: var(
|
|
417
|
-
|
|
520
|
+
--color-button-background-color-link-hover: var(
|
|
521
|
+
--background-hover
|
|
522
|
+
); /*Deprecated v16.x.x utilizar --background-color-hover*/
|
|
523
|
+
--color-button-color-link-hover: var(--border-color-hover); /*Deprecated v16.x.x utilizar --border-color-hover*/
|
|
418
524
|
|
|
419
|
-
--color-button-background-color-link-pressed: var(
|
|
420
|
-
|
|
525
|
+
--color-button-background-color-link-pressed: var(
|
|
526
|
+
--background-color-pressed
|
|
527
|
+
); /*Deprecated v16.x.x utilizar --background-color-pressed*/
|
|
528
|
+
--color-button-color-link-pressed: var(--color-pressed); /*Deprecated v16.x.x utilizar --color-pressed*/
|
|
421
529
|
|
|
422
|
-
--color-button-background-color-link-disabled: var(
|
|
423
|
-
|
|
530
|
+
--color-button-background-color-link-disabled: var(
|
|
531
|
+
--background-color-disabled
|
|
532
|
+
); /*Deprecated v16.x.x utilizar --background-color-disabled*/
|
|
533
|
+
--color-button-color-link-disabled: var(--color-disabled); /*Deprecated v16.x.x utilizar --color-disabled*/
|
|
424
534
|
|
|
425
535
|
/*------------------------------------*\
|
|
426
536
|
BADGE
|
|
@@ -435,6 +545,7 @@
|
|
|
435
545
|
/**
|
|
436
546
|
* Breadcrumb
|
|
437
547
|
*/
|
|
548
|
+
|
|
438
549
|
--color-breadcrumb-background-color-container: var(--color-white);
|
|
439
550
|
--color-breadcrumb-border-color-container: var(--color-neutral-light-90);
|
|
440
551
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--color-wrapper-menu-panel-color-background:var(--color-white);--color-overlay-background-color-overlay:var(--color-secondary-dark-60-alpha-70);--color-hr-border-top:var(--color-neutral-light-90)}:root{--color-primary-light-95:#fcf6f9;--color-primary-light-80:#f5dbe8;--color-primary-alpha-50:rgba(201,53,125,0.5);--color-primary:#c9357d;--color-primary-dark-20:#9d2c67;--color-primary-dark-40:#8b255a;--color-secondary-light-20:#d9c2e5;--color-secondary-light-40:#bd94d1;--color-secondary:#753399;--color-secondary-dark-20:#5b1c7d;--color-secondary-dark-40:#400e58;--color-secondary-dark-60-alpha-70:rgba(59,28,74,0.7);--color-secondary-dark-60:#3b1c4a;--color-secondary-dark-80:#260538;--color-tertiary-light-90:#fffaef;--color-tertiary:#ffd464;--color-tertiary-dark-5:#f4d069;--color-tertiary-dark-40:#d2b25a;--color-tertiary-dark-60:#ac9249;--color-white:#fff;--color-white-alpha-30:hsla(0,0%,100%,0.3);--color-neutral-light-98:#fbfbfb;--color-neutral-light-90:#eceeee;--color-neutral-light-80:#dadedf;--color-neutral-light-60:#b6bdbf;--color-neutral-light-40:#9da7a9;--color-neutral-alpha-45:rgba(74,92,96,0.45);--color-neutral:#4a5c60;--color-neutral-dark-40:#2c3739;--color-neutral-dark-60:#1d2426;--color-neutral-dark-70:#4a5c60;--color-neutral-dark-90:#1d1d30;--color-black-alpha-10:rgba(0,0,0,0.1);--color-black-alpha-15:rgba(0,0,0,0.15);--color-black-alpha-30:rgba(0,0,0,0.3);--color-black:#000;--color-success:#00b28e;--color-feedback-positive-lightest:#def7ed;--color-feedback-positive-lighter:#7ecead;--color-feedback-positive-base:#107048;--color-warning:#ea9b3e;--color-feedback-warning-lightest:#fcf6e3;--color-feedback-warning-lighter:#f7dd97;--color-feedback-warning-base:#efba2a;--color-danger-light-05:#f6e6e5;--color-danger-light-20:#e3aeab;--color-danger-light-40:#d58581;--color-danger:#be3e37;--color-feedback-info-lightest:#e3e9f7;--color-feedback-info-lighter:#b0c1e8;--color-feedback-info-base:#23489f;--color-feedback-negative-darker:#72211d;--color-danger-dark-5:#9b2d27;--color-danger-dark-20:#9e3933;--color-danger-dark-40:#4a1512;--color-transparent:rgba(0,0,0,0);--color-outline-focused:#260538;--color-01:#0c9abe;--color-02:#2c85c8;--color-03:#2c43c8;--color-04:#5843c8;--color-05:#ab43c8;--color-06:#ab4391;--color-07:#c64840;--color-08:#ea9b3e;--color-09:#abc249;--color-10:#56b96b;--color-11:#00b28e;--color-12:#06a6a5;--font-family-theme:Roboto;--font-family-theme-bold:Roboto-Bold;--font-family-theme-extra-light:Roboto-Condensed-Light}@font-face{font-family:Roboto;src:url(../fonts/Roboto/Roboto-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Roboto-Condensed-Light;src:url(../fonts/Roboto/Roboto-Light.ttf);font-weight:300;font-style:normal;font-stretch:condensed}@font-face{font-family:Roboto-Bold;src:url(../fonts/Roboto/Roboto-Bold.ttf);font-weight:700;font-style:normal}:root{--color-accordion-item-border-color:var(--color-neutral-light-90);--color-accordion-header-button-background-color:var(--color-white);--color-accordion-header-color-primary:var(--color-primary);--color-accordion-header-color-hover:var(--color-secondary);--color-accordion-item-header-button-background-color:var(--color-transparent);--color-accordion-item-header-button-focus:var(--color-secondary);--color-accordion-item-body-color:var(--color-neutral);--color-avatar-background-color-avatar:var(--color-neutral);--color-button-background-color:var(--color-transparent);--color-button-border:var(--color-secondary);--color-button-color:var(--color-secondary);--color-button-box-shadow:0,0,0,#fff;--color-button-background-color-hover:var(--color-secondary-light-20);--color-button-border-hover:var(--color-secondary-dark-80);--color-button-color-hover:var(--color-secondary-dark-80);--color-button-background-color-pressed:var(--color-secondary-light-40);--color-button-border-pressed:var(--color-secondary-dark-40);--color-button-color-pressed:var(--color-secondary-dark-40);--color-button-background-color-disabled:var(--color-transparent);--color-button-border-disabled:var(--color-neutral-light-60);--color-button-color-disabled:var(--color-neutral-light-60);--color-button-background-color-primary:var(--color-secondary);--color-button-border-primary:var(--color-transparent);--color-button-color-primary:var(--color-white);--color-button-background-color-primary-hover:var(--color-secondary-dark-20);--color-button-color-primary-hover:var(--color-white);--color-button-background-color-primary-pressed:var(--color-secondary-dark-40);--color-button-color-primary-pressed:var(--color-white);--color-button-background-color-primary-disabled:var(--color-neutral-light-60);--color-button-color-primary-disabled:var(--color-neutral-dark-70);--color-button-primary-background-color-danger:var(--color-danger-dark-5);--color-button-primary-background-color-danger-hover:var(--color-feedback-negative-darker);--color-button-primary-background-color-danger-pressed:var(--color-danger-dark-40);--color-button-background-color-danger:var(--color-transparent);--color-button-border-danger:var(--color-danger-dark-5);--color-button-color-danger:var(--color-danger-dark-5);--color-button-background-color-danger-hover:var(--color-danger-light-20);--color-button-border-danger-hover:var(--color-danger-dark-40);--color-button-color-danger-hover:var(--color-danger-dark-40);--color-button-background-color-danger-pressed:var(--color-danger-light-40);--color-button-border-danger-pressed:var(--color-danger-dark-40);--color-button-color-danger-pressed:var(--color-danger-dark-40);--color-button-background-color-danger-disabled:var(--color-transparent);--color-button-border-danger-disabled:var(--color-neutral-light-60);--color-button-color-danger-disabled:var(--color-neutral-light-60);--color-button-background-color-link:var(--color-transparent);--color-button-color-link:var(--color-secondary);--color-button-border-color-link:var(--color-transparent);--color-button-background-color-link-hover:var(--color-secondary-light-20);--color-button-color-link-hover:var(--color-secondary-dark-80);--color-button-background-color-link-pressed:var(--color-secondary-light-40);--color-button-color-link-pressed:var(--color-secondary-dark-80);--color-button-background-color-link-disabled:var(--color-transparent);--color-button-color-link-disabled:var(--color-neutral-light-60);--color-badge-color:var(--color-white);--color-breadcrumb-background-color-container:var(--color-white);--color-breadcrumb-border-color-container:var(--color-neutral-light-90);--color-breadcrumb-color-item:var(--color-primary);--color-breadcrumb-color-item-link-hover:var(--color-primary-dark-40);--color-breadcrumb-color-item-unclickable:var(--color-neutral);--color-breadcrumb-color-star-active:var(--color-warning);--color-breadcrumb-background-color-dropdown:var(--color-white);--color-breadcrumb-background-color-dropdown-item-hover:var(--color-primary-light-95);--color-button-group-background-selected:var(--color-neutral);--color-button-group-border-selected:var(--color-neutral);--color-button-group-color-selected:var(--color-white);--color-button-group-background-color-neutral-hover:var(--color-neutral-dark-40);--color-button-group-border-button-hover:var(--color-secondary-dark-80);--color-button-group-border-neutral-hover:var(--color-secondary-dark-80);--color-button-group-color-neutral-hover:var(--color-white);--color-button-group-background-color-neutral-pressed:var(--color-neutral-dark-60);--color-button-group-border-neutral-pressed:var(--color-neutral-dark-60);--color-button-group-color-neutral-pressed:var(--color-white);--color-button-group-background-color-neutral-disabled:var(--color-transparent);--color-button-group-border-neutral-disabled:var(--color-neutral-light-60);--color-button-group-color-neutral-disabled:var(--color-neutral-light-60);--color-calendar-background-color:var(--color-white);--color-calendar-arrow:var(--color-primary);--color-calendar-title:var(--color-primary);--color-calender-color-content-label:var(--color-neutral-light-40);--color-calendar-background-color-box-background-normal:var(--color-transparent);--color-calendar-background-color-box-background-hover:var(--color-neutral-light-80);--color-calendar-background-color-box-background-disabled:var(--color-neutral-light-60);--color-calendar-background-color-box-background-active:var(--color-tertiary);--color-calendar-background-color-mobile-overlay:var(--color-secondary-dark-60-alpha-70);--color-calendar-text-box-background-active:var(--color-neutral-dark-60);--color-calendar-background-color-box-background-selected:var(--color-tertiary);--color-calendar-background-color-box-background-range:var(--color-primary-light-80);--color-calendar-background-color-box-background-today-hover:var(--color-neutral-light-80);--color-calendar-background-color-border-today:var(--color-primary);--color-calendar-color-box-foreground:var(--color-neutral);--color-calendar-color-box-foreground-selected:var(--color-neutral-dark-60);--color-calendar-color-box-foreground-range:var(--color-primary);--color-calendar-color-box-foreground-today:var(--color-primary);--color-calendar-color-box-foreground-disabled:var(--color-neutral-light-80);--color-chart-background-color:var(--color-white);--color-chart-legend-wrapper-scrollbar:var(--color-primary-alpha-50);--color-chart-axis-stroke:var(--color-neutral-light-80);--color-chart-legend-text:var(--color-neutral);--color-chart-axis-label-text:var(--color-neutral-dark-60);--color-chart-line-point-fill:var(--color-white);--color-checkbox-background-color:var(--color-white);--color-checkbox-background-color-active:var(--color-secondary);--color-checkbox-background-color-disabled:var(--color-neutral-light-60);--color-checkbox-background-color-icon-disabled:var(--color-white);--color-checkbox-box-shadow-color-focusable:var(--color-secondary-dark-80);--color-checkbox-border-input:var(--color-neutral);--color-checkbox-border-input-active:var(--color-secondary-dark-20);--color-checkbox-border-input-disabled:var(--color-neutral);--color-checkbox-border-input-invalid:var(--color-danger);--color-checkbox-background-color-active-disabled:var(--color-neutral);--color-checkbox-hover-active:var(--color-secondary-light-20);--color-checkbox-color-active:var(--color-white);--color-checkbox-group-background-color:var(--color-white);--color-checkbox-group-background-color-active:var(--color-primary);--color-checkbox-group-background-color-disabled:var(--color-neutral-light-90);--color-checkbox-group-background-color-icon-disabled:var(--color-neutral-light-60);--color-checkbox-group-box-shadow-color-focusable:var(--color-primary-dark-20);--color-checkbox-group-border-input:var(--color-neutral-light-60);--color-checkbox-group-border-input-active:var(--color-primary);--color-checkbox-group-border-input-disabled:var(--color-neutral-light-60);--color-checkbox-group-border-input-invalid:var(--color-danger);--color-checkbox-group-color-active:var(--color-white);--color-combo-background-color:var(--color-white);--color-combo-background-color-item-hover:var(--color-primary-light-95);--color-combo-background-color-scrollbar:var(--color-primary-alpha-50);--color-combo-border-button-error:var(--color-danger);--color-combo-background-color-group-title:var(--color-neutral-light-98);--color-combo-color-group-title:var(--color-neutral-dark-60);--color-combo-color-primary:var(--color-primary);--color-combo-color-selected:var(--color-white);--color-combo-background-color-selected-primary:var(--color-primary);--color-container-color-shadow:var(--color-neutral-light-90);--color-container-background-color-scrollbar:var(--color-primary);--color-datepicker-range-background-color-disabled:var(--color-neutral-light-90);--color-datepicker-range-border-text:var(--color-neutral-light-60);--color-datepicker-range-border-text-error:var(--color-danger);--color-datepicker-range-color-disabled:var(--color-neutral-light-60);--color-datepicker-range-color-focused:var(--color-primary);--color-datepicker-range-color-text-error:var(--color-danger);--color-disclaimer-background-color-label:var(--color-tertiary);--color-disclaimer-background-color-label-danger:var(--color-danger);--color-disclaimer-color-text:var(--color-neutral-dark-60);--color-disclaimer-color-text-danger:var(--color-white);--color-disclaimer-background-color-remove:var(--color-tertiary-dark-5);--color-disclaimer-background-color-danger-remove:var(--color-danger-dark-5);--color-disclaimer-group-background-color:var(--color-white);--color-disclaimer-group-border-color:var(--color-neutral-light-90);--color-disclaimer-group-font-title:var(--color-neutral);--color-divider-label-color:var(--color-neutral-dark-60);--color-divider-line-color:var(--color-neutral-light-90);--color-dropdown-button-background-color:var(--color-transparent);--color-dropdown-button-color:var(--color-secondary);--color-dropdown-button-border-color:var(--color-secondary);--color-dropdown-button-color-hover:var(--color-secondary-dark-20);--color-dropdown-button-border-color-hover:var(--color-secondary-dark-20);--color-dropdown-button-color-disabled:var(--color-neutral-light-60);--color-dropdown-button-border-color-disabled:var(--color-neutral-light-60);--color-field-container-color-title:var(--color-neutral);--color-field-container-color-opcional:var(--color-neutral);--color-field-container-color-help:var(--color-neutral);--color-field-container-bottom-color-text:var(--color-neutral-dark-60);--color-field-container-bottom-color-text-error:var(--color-danger);--color-field-icon-color:var(--color-primary);--color-field-icon-color-error:var(--color-danger);--color-field-icon-color-disabled:var(--color-neutral-light-60);--color-gauge-base-color:var(--color-neutral-light-80);--color-gauge-description-text-color:var(--color-neutral);--color-gauge-description-bottom-focus:var(--color-secondary);--color-gauge-legend-scrollbar:var(--color-primary-alpha-50);--color-gauge-legend-text:var(--color-neutral);--color-gauge-pointer-color:var(--color-neutral);--color-info-color-text-label:var(--color-neutral);--color-info-color-text-value:var(--color-neutral-dark-60);--color-info-color-link:var(--color-primary);--color-info-color-link-hover:var(--color-primary-dark-20);--color-info-color-link-pressed:var(--color-primary-dark-40);--color-input-background-color-text:var(--color-white);--color-input-border-text:var(--color-neutral-light-60);--color-input-border-text-disabled:var(--color-neutral-light-90);--color-input-border-text-focusable:var(--color-primary);--color-input-border-text-error:var(--color-danger);--color-input-color-disabled:var(--color-neutral-light-60);--color-input-text-error:var(--color-danger);--color-input-text-placeholder:var(--color-neutral-light-40);--color-list-view-background-color:var(--color-white);--color-list-view-border:var(--color-neutral-light-90);--color-list-view-color-primary:var(--color-primary);--color-list-view-color-primary-hover:var(--color-primary-dark-20);--color-list-view-color-select-all-label:var(--color-neutral);--color-loading-color-label:var(--color-neutral);--color-loading-icon-color-neutral:var(--color-neutral-light-80);--color-loading-icon-color-primary:var(--color-primary);--color-loading-overlay-background-color-content:var(--color-white);--color-loading-overlay-box-shadow-content:var(--color-black-alpha-30);--color-lookup-search-background-color-text:var(--color-white);--color-lookup-search-border-text:var(--color-neutral-light-60);--color-lookup-search-border-text-focusable:var(--color-primary);--color-lookup-advanced-search-link-color-text:var(--color-primary);--color-menu-color-menu-collapse-icon:var(--color-primary);--color-menu-color-menu-item-text:var(--color-primary);--color-menu-color-menu-item-selected:var(--color-primary);--color-menu-color-menu-sub-item-text:var(--color-danger-light-40);--color-menu-color-menu-sub-item-selected:var(--color-neutral-dark-60);--color-menu-color-menu-responsive:var(--color-primary);--color-menu-background-color-item-grouper-up-hover:var(--color-neutral-light-98);--color-menu-background-color-item-hover:var(--color-black-alpha-15);--color-menu-background-color-item-selected:var(--color-neutral-light-80);--color-menu-background-color-menu:var(--color-white);--color-menu-background-color-menu-responsive-overlay:var(--color-secondary-dark-60-alpha-70);--color-menu-background-color-responsive:var(--color-neutral-light-98);--color-menu-background-color-sub-items:var(--color-neutral-light-98);--color-menu-background-color-sub-item-selected:var(--color-neutral-light-80);--color-menu-border-color-menu-item-selected:var(--color-danger-light-40);--color-menu-border-left-item:var(--color-transparent);--color-menu-border-top-item-grouper-up-hover:var(--color-neutral-light-80);--color-menu-border-top-logo:var(--color-neutral-light-80);--color-menu-border-top-collapse-button:var(--color-neutral-alpha-45);--color-menu-filter-color-icon:var(--color-primary);--color-menu-filter-color-text:var(--color-neutral-dark-60);--color-menu-filter-background-color:var(--color-neutral-light-98);--color-menu-filter-border:var(--color-neutral-alpha-45);--color-menu-filter-border-focusable:var(--color-neutral);--color-menu-panel-background-color-item-hover:var(--color-black-alpha-15);--color-menu-panel-background-color-item-selected:var(--color-neutral-light-80);--color-menu-panel-background-color-menu:var(--color-white);--color-menu-panel-border-top-logo:var(--color-neutral-light-80);--color-menu-panel-color-menu-item-text:var(--color-primary);--color-menu-panel-color-menu-item-selected:var(--color-neutral-dark-60);--color-modal-text-color-body:var(--color-neutral-dark-60);--color-modal-background-color-content:var(--color-white);--color-modal-background-color-footer:var(--color-white);--color-modal-background-color-scrollbar:var(--color-primary);--color-modal-color-overlay:var(--color-secondary-dark-60-alpha-70);--color-modal-color-title:var(--color-neutral);--color-modal-color-header-close-button:var(--color-primary);--color-modal-password-recovery-link-color:var(--color-primary);--color-modal-password-recovery-link-color-hover:var(--color-primary-dark-20);--color-modal-password-recovery-text-color:var(--color-neutral);--color-multiselect-background-color:var(--color-white);--color-multiselect-background-color-item-hover:var(--color-primary-light-95);--color-multiselect-background-color-scrollbar:var(--color-primary-alpha-50);--color-multiselect-border-field:var(--color-neutral-light-60);--color-multiselect-border-field-error:var(--color-danger);--color-multiselect-border-field-focus:var(--color-primary);--color-multiselect-border-search:var(--color-neutral-light-80);--color-multiselect-color-field-focus:var(--color-primary);--color-multiselect-color-primary:var(--color-primary);--color-multiselect-color-text-error:var(--color-danger);--color-multiselect-color-text-disabled:var(--color-white);--color-multiselect-background-color-checkbox:var(--color-white);--color-multiselect-background-color-checkbox-active:var(--color-primary);--color-multiselect-background-color-checkbox-disabled:var(--color-neutral-light-90);--color-multiselect-background-color-checkbox-icon-disabled:var(--color-neutral-light-60);--color-multiselect-border-checkbox-input:var(--color-neutral-light-60);--color-multiselect-border-checkbox-input-active:var(--color-primary);--color-multiselect-border-checkbox-input-disabled:var(--color-neutral-light-60);--color-multiselect-color-checkbox-active:var(--color-white);--color-multiselect-disclaimer-background-color-disabled:var(--color-neutral-light-60);--color-navbar-color:var(--color-white);--color-navbar-action-color-content:var(--color-primary);--color-navbar-action-popup-color-content:var(--color-navbar-action-color-content);--color-navbar-item-color:var(--color-primary);--color-navbar-item-color-selected:var(--color-neutral);--color-navbar-item-color-shadow-selected:var(--color-danger-light-40);--color-navbar-item-navigation-color-icon:var(--color-primary);--color-navbar-item-navigation-color-icon-disabled:var(--color-neutral-light-80);--color-page-background-color-page:var(--color-white);--color-page-background-select-item-border-color:var(--color-neutral-light-90);--color-page-blocked-user-link-color:var(--color-primary);--color-page-blocked-user-link-color-hover:var(--color-primary-dark-20);--color-page-blocked-user-text-color:var(--color-neutral);--color-page--blocked-user-background-color:var(--color-neutral-light-98);--color-page-change-password-background-color-buttons:var(--color-neutral-light-98);--color-page-change-password-background-color-container:var(--color-white);--color-page-change-password-background-color-secondary-logo:var(--color-neutral-light-98);--color-page-change-password-color-link:var(--color-primary);--color-page-change-password-color-text:var(--color-neutral);--color-page-change-password-color-required:var(--color-neutral);--color-page-change-password-color-required-ok:var(--color-success);--color-page-change-password-color-required-minus:var(--color-black-alpha-30);--color-page-change-password-color-required-text:var(--color-secondary-dark-60-alpha-70);--color-page-content-background-color-scrollbar:var(--color-primary);--color-page-header-color-title:var(--color-neutral);--color-page-list-color-link-text:var(--color-primary);--color-page-login-header-product-name-color:var(--color-neutral);--color-page-login-header-welcome-color:var(--color-secondary);--color-page-login-background-color:var(--color-neutral-light-98);--color-page-login-background-highlight-image:var(--color-neutral-light-90);--color-page-login-highlight-text-color:var(--color-white);--color-page-login-link-color:var(--color-primary);--color-page-login-link-hover-color:var(--color-primary-dark-20);--color-page-login-popover-color-attempts:var(--color-primary);--color-page-login-popover-color-title:var(--color-tertiary);--color-page-login-support-background-color:var(--color-white);--color-page-login-support-color:var(--color-primary);--color-page-slide-close-button-color:var(--color-primary);--color-page-slide-body-text-color:var(--color-neutral-dark-60);--color-popover-background-color:var(--color-white);--color-popover-background-color-arrow:var(--color-white);--color-popover-background-color-scrollbar:var(--color-primary);--color-popover-color-text-title:var(--color-neutral);--color-popup-background-color-popup:var(--color-white);--color-popup-background-color-popup-item-hover:var(--color-primary-light-95);--color-popup-background-color-popup-item-selected:var(--color-primary);--color-popup-background-color-popup-item-selected-hover:var(--color-primary-dark-20);--color-popup-background-color-popup-item-selected-disabled:var(--color-neutral-light-60);--color-popup-background-color-scrollbar:var(--color-primary);--color-popup-border-color-separator:var(--color-neutral-light-90);--color-popup-color-danger:var(--color-danger);--color-popup-color-default:var(--color-primary);--color-popup-color-disabled:var(--color-neutral-light-80);--color-popup-color-item-selected:var(--color-white);--color-progress-color-info-icon:var(--color-primary);--color-progress-color-text:var(--color-neutral);--color-progress-color-text-success:var(--color-success);--color-progress-color-text-error:var(--color-danger);--color-progress-color-info:var(--color-neutral);--color-progress-border-color-info-icon-close:var(--color-secondary);--color-progress-bar-background-color-bar:var(--color-primary-light-80);--color-progress-bar-background-color-default:var(--color-primary);--color-progress-bar-background-color-success:var(--color-success);--color-progress-bar-background-color-error:var(--color-danger);--color-radio-background-color:var(--color-white);--color-radio-background-color-active:var(--color-secondary);--color-radio-background-color-disabled:var(--color-neutral-light-60);--color-radio-box-shadow-color-focusable:var(--color-secondary-dark-80);--color-radio-border-input:var(--color-neutral-dark-70);--color-radio-border-input-active:var(--color-secondary);--color-radio-border-input-disabled:var(--color-neutral-dark-70);--color-radio-border-input-invalid:var(--danger-color);--color-radio-hover-active:var(--color-secondary-light-20);--color-radio-color-active:var(--color-secondary);--color-radio-group-background-color:var(--color-white);--color-radio-group-background-color-active:var(--color-primary);--color-radio-group-background-color-input-disabled:var(--color-neutral-light-90);--color-radio-group-border-color:var(--color-neutral-light-60);--color-radio-group-border-color-focusable:var(--color-primary-dark-20);--color-radio-group-border-color-input-error:var(--color-danger);--color-radio-group-color-label-active:var(--color-white);--color-radio-group-color-text-disabled:var(--color-neutral-light-60);--color-rich-text-background-color-scrollbar:var(--color-primary-alpha-50);--color-rich-text-body-background-color:var(--color-white);--color-rich-text-body-border-error:var(--color-danger);--color-rich-text-body-text-error:var(--color-danger);--color-rich-text-body-text-link:var(--color-primary);--color-rich-text-body-text-link-hover:var(--color-primary-dark-20);--color-rich-text-body-text-selected-color:var(--color-primary-light-80);--color-rich-text-placeholder-color:var(--color-neutral-light-40);--color-rich-text-toolbar-background-color:var(--color-rich-text-body-background-color);--color-select-background-color:var(--color-white);--color-select-background-color-disabled:var(--color-neutral-light-90);--color-select-background-color-item-hover:var(--color-primary-light-95);--color-select-background-color-scrollbar:var(--color-primary-alpha-50);--color-select-border-button:var(--color-neutral-light-60);--color-select-border-button-error:var(--color-danger);--color-select-border-button-disabled:var(--color-neutral-light-60);--color-select-border-button-hover:var(--color-primary);--color-select-border-button-focus:var(--color-primary);--color-select-button-disabled:var(--color-neutral-light-60);--color-select-button-focus:var(--color-primary);--color-select-color-primary:var(--color-primary);--color-select-color-selected:var(--color-white);--color-select-background-color-unselected:var(--color-white);--color-select-background-color-selected:var(--color-primary);--color-select-color-text-error:var(--color-danger);--color-slide-background-color-active-circle:var(--color-primary);--color-slide-background-color-arrow-circle:var(--color-white);--color-slide-background-color-circle:var(--color-neutral-light-80);--color-slide-background-color-scrollbar:var(--color-primary-alpha-50);--color-slide-border-arrow:var(--color-primary);--color-slide-box-shadow-arrow-circle:var(--color-black-alpha-15);--color-slide-box-shadow-wrapper:var(--color-black-alpha-30);--color-stepper-bar:var(--color-neutral);--color-stepper-bar-disabled:var(--color-neutral-light-40);--color-stepper-circle-active:var(--color-primary);--color-stepper-circle-default:var(--color-primary);--color-stepper-circle-disabled:var(--color-neutral-light-60);--color-stepper-circle-error:var(--color-danger);--color-switch-background-color-container-on:var(--color-primary);--color-switch-background-color-container-off:var(--color-neutral-light-80);--color-switch-background-color-container-disabled:var(--color-neutral-light-80);--color-switch-box-shadow-color-focusable:var(--color-primary-dark-20);--color-switch-background-color-button:var(--color-white);--color-switch-background-color-button-disabled:var(--color-neutral-light-40);--color-switch-color-icon-on:var(--color-primary);--color-switch-color-icon-off:var(--color-neutral-light-80);--color-switch-color-icon-disabled:var(--color-neutral-light-80);--color-switch-color-label:var(--color-neutral);--color-tab-button-box-shadow:var(--color-neutral-light-90);--color-tab-button-box-shadow-active:var(--color-secondary);--color-tab-button-color:var(--color-secondary);--color-tab-button-color-disabled:var(--color-neutral-light-60);--color-tab-dropdown-background-color-tab-dropdown-button-active:var(--color-primary);--color-tab-dropdown-background-color-tab-dropdown-button-disabled:var(--color-white);--color-tab-dropdown-background-color-tab-dropdown-button-hover:var(--color-primary-light-95);--color-tab-dropdown-color-tab-dropdown-button:var(--color-white);--color-table-background-color-action-hover:var(--color-primary-light-95);--color-table-background-color-actions:var(--color-white);--color-table-background-color-active:var(--color-primary-light-95);--color-table-background-color-detail-content:var(--color-white);--color-table-background-color-footer-show-subtitle:var(--color-white);--color-table-background-color-header:var(--color-white);--color-table-background-color-overlay:var(--color-secondary-dark-60-alpha-70);--color-table-background-color-overlay-content:var(--color-white);--color-table-background-color-row-strip:var(--color-neutral-light-98);--color-table-background-color-scrollbar:var(--color-primary);--color-table-background-color-selected:var(--color-primary);--color-table-background-color-table:var(--color-white);--color-table-background-color-radio:var(--color-white);--color-table-background-color-radio-active:var(--color-primary);--color-table-border-footer-show-subtitle:var(--color-neutral-light-90);--color-table-border-select-checkbox:var(--color-neutral-light-60);--color-table-border-selected-checkbox:var(--color-primary);--color-table-border-rows:var(--color-neutral-light-90);--color-table-border-select-radio:var(--color-neutral-light-60);--color-table-border-select-radio-focusable:var(--color-primary-dark-20);--color-table-box-shadow-action:var(--color-black-alpha-30);--color-table-box-shadow-checkbox:var(--color-black-alpha-15);--color-table-box-shadow-footer:var(--color-primary-light-80);--color-table-box-shadow-overlay-content:var(--color-black-alpha-30);--color-table-box-shadow-header:var(--color-primary-light-80);--color-table-color-actions:var(--color-primary);--color-table-color-detail:var(--color-neutral-light-40);--color-table-color-disabled:var(--color-neutral-light-80);--color-table-color-footer-show-subtitle:var(--color-primary);--color-table-color-header:var(--color-primary);--color-table-color-select:var(--color-white);--color-table-color-subtitle-text:var(--color-white);--color-table-color-single-action-hover:var(--color-primary-dark-20);--color-table-color-text:var(--color-neutral-dark-60);--color-table-color-link:var(--color-primary);--color-table-color-link-disabled:var(--color-neutral-light-80);--color-table-color-link-hover:var(--color-primary-dark-20);--color-table-color-link-pressed:var(--color-primary-dark-40);--color-table-column-manager-body-color-background-scrollbar:var(--color-primary);--color-table-column-manager-border-color:var(--color-neutral-light-90);--color-table-column-manager-close-button-color:var(--color-primary);--color-table-column-manager-header-title:var(--color-neutral-dark-60);--color-table-column-manager-outline-color-focus:var(--color-secondary);--color-tag-border-color-dashed-focus:var(--color-secondary);--color-tag-color:var(--color-white);--color-tag-color-danger:var(--color-danger);--color-tag-color-info:var(--color-neutral);--color-tag-color-success:var(--color-success);--color-tag-color-warning:var(--color-warning);--color-tag-color-text-label:var(--color-neutral);--color-tag-background-color-danger:var(--color-danger);--color-tag-background-color-info:var(--color-neutral);--color-tag-background-color-success:var(--color-success);--color-tag-background-color-warning:var(--color-warning);--color-tag-background-color-white:var(--color-white);--color-tag-inverse-border-color-01:var(--color-01);--color-tag-inverse-border-color-02:var(--color-02);--color-tag-inverse-border-color-03:var(--color-03);--color-tag-inverse-border-color-04:var(--color-04);--color-tag-inverse-border-color-05:var(--color-05);--color-tag-inverse-border-color-06:var(--color-06);--color-tag-inverse-border-color-07:var(--color-07);--color-tag-inverse-border-color-08:var(--color-08);--color-tag-inverse-border-color-09:var(--color-09);--color-tag-inverse-border-color-10:var(--color-10);--color-tag-inverse-border-color-11:var(--color-11);--color-tag-inverse-border-color-12:var(--color-12);--color-textarea-background-color:var(--color-white);--color-textarea-border:var(--color-neutral-light-60);--color-textarea-background-color-disabled:var(--color-neutral-light-90);--color-textarea-border-color-disabled:var(--color-neutral-light-90);--color-textarea-border-focusable:var(--color-primary);--color-textarea-color-error:var(--color-danger);--color-textarea-color-disabled:var(--color-neutral-light-60);--color-textarea-text-error:var(--color-danger);--color-textarea-background-color-scrollbar:var(--color-primary);--color-toolbar-background-color-badge:var(--color-danger);--color-toolbar-background-color-toolbar:var(--color-white);--color-toolbar-border-color-separator:var(--color-neutral-light-90);--color-toolbar-color-badge-text:var(--color-white);--color-toolbar-color-default:var(--color-primary);--color-toolbar-color-title:var(--color-secondary);--color-tooltip-background-color-balloon:var(--color-neutral);--color-tooltip-color-text-balloon:var(--color-white);--color-tree-view-item-border-bottom-color:var(--color-neutral-light-90);--color-tree-view-item-header-button-color:var(--color-primary);--color-tree-view-item-header-button-focus:var(--color-secondary);--color-tree-view-item-header-label-text-color:var(--color-neutral);--color-upload-color-text-filename-loading:var(--color-neutral-dark-60);--color-upload-background-color-disabled:var(--color-white);--color-upload-border-disabled:var(--color-neutral-light-60);--color-upload-color-disabled:var(--color-neutral-light-60);--color-upload-background-color-hover:var(--color-white);--color-upload-border-hover:var(--color-primary-dark-20);--color-upload-color-hover:var(--color-primary-dark-20);--color-upload-background-color-pressed:var(--color-white);--color-upload-border-pressed:var(--color-primary-dark-40);--color-upload-color-pressed:var(--color-primary-dark-40);--color-upload-color-progress:var(--color-tertiary);--color-upload-color-text-load:var(--color-white);--color-upload-background-color-success:var(--color-success);--color-upload-background-color-load-progress:var(--color-tertiary);--color-upload-background-color-error:var(--color-danger);--color-upload-color-text-load-waiting:var(--color-neutral);--color-upload-background-color-progress:var(--color-tertiary-light-90);--color-upload-drag-drop-overlay-icon:var(--color-primary-alpha-50);--color-upload-drag-drop-overlay-text:var(--color-primary);--color-upload-drag-drop-area-overlay-background-color:var(--color-white);--color-upload-drag-drop-area-icon:var(--color-neutral-light-80);--color-upload-drag-drop-area-label-text:var(--color-neutral);--color-upload-drag-drop-area-select-files-text:var(--color-primary);--color-upload-drag-drop-area-border:var(--color-neutral-light-60);--color-upload-drag-drop-area-border-primary:var(--color-primary);--color-upload-drag-drop-area-border-error:var(--color-danger);--color-upload-drag-drop-area-background-color-disabled:var(--color-neutral-light-90);--color-upload-drag-drop-area-color-disabled:var(--color-neutral-light-60);--color-upload-file-restrictions-color-text:var(--color-neutral);--color-widget-color-action-active:var(--color-primary-dark-20);--color-widget-color-action-hover:var(--color-primary-dark-20);--color-widget-color-action:var(--color-primary);--color-widget-color-default:var(--color-neutral);--color-widget-color-title-action:var(--color-primary);--color-widget-color-widget-primary:var(--color-neutral-dark-60);--color-widget-background-color:var(--color-white);--color-widget-primary-background-color:var(--color-tertiary);--border-widget-border-no-shadow:solid 1px var(--color-neutral-light-90);--color-widget-border-color-footer:var(--color-neutral-light-90);--color-widget-border-color-footer-primary:var(--color-white-alpha-30);--color-widget-background-color-disabled:var(--color-neutral-light-90);--color-widget-background-color-scroll-disabled:var(--color-neutral-light-40);--color-widget-color-disabled:var(--color-neutral-light-40)}:root{--color-toaster-background-color-success:var(--color-feedback-positive-lightest);--color-toaster-border-color-success:var(--color-feedback-positive-lighter);--color-toaster-icon-background-color-success:var(--color-feedback-positive-base);--color-toaster-icon-color-success:var(--color-white);--color-toaster-background-color-warning:var(--color-feedback-warning-lightest);--color-toaster-border-color-warning:var(--color-feedback-warning-lighter);--color-toaster-icon-background-color-warning:var(--color-feedback-warning-base);--color-toaster-icon-color-warning:var(--color-neutral-dark-90);--color-toaster-background-color-error:var(--color-danger-light-05);--color-toaster-border-color-error:var(--color-danger-light-20);--color-toaster-icon-background-color-error:var(--color-danger);--color-toaster-icon-color-error:var(--color-white);--color-toaster-background-color-info:var(--color-feedback-info-lightest);--color-toaster-border-color-info:var(--color-feedback-info-lighter);--color-toaster-icon-background-color-info:var(--color-feedback-info-base);--color-toaster-icon-color-info:var(--color-white)}
|
|
1
|
+
:root{--color-wrapper-menu-panel-color-background:var(--color-white);--color-overlay-background-color-overlay:var(--color-secondary-dark-60-alpha-70);--color-hr-border-top:var(--color-neutral-light-90)}:root{--color-brand-01-lightest:#f2eaf6;--color-brand-01-lighter:#d9c2e5;--color-brand-01-light:#bd94d1;--color-brand-01-base:#753399;--color-brand-01-dark:#5b1c7d;--color-brand-01-darker:#400e58;--color-brand-01-darkest:#260538;--color-brand-02-base:#b92f72;--color-brand-03-base:#ffd464;--color-neutral-dark-70:#4a5c60;--color-neutral-dark-80:#2c3739;--color-neutral-dark-90:#1d2426;--color-neutral-dark-95:#0b0e0e;--color-neutral-light-10:#eceeee;--color-neutral-light-20:#dadedf;--color-neutral-light-30:#b6bdbf;--color-neutral-light-00:#fff;--color-neutral-light-05:#fbfbfb;--color-neutral-mid-40:#9da7a9;--color-neutral-mid-60:#6e7c7f}:root{--color-action-default:var(--color-brand-01-base);--color-action-hover:var(--color-brand-01-dark);--color-action-pressed:var(--color-brand-01-darker);--color-action-disabled:var(--color-neutral-light-30);--color-action-focus:var(--color-brand-01-darkest)}:root{--color-primary-light-95:#fcf6f9;--color-primary-light-80:#f5dbe8;--color-primary-alpha-50:rgba(201,53,125,0.5);--color-primary:#c9357d;--color-primary-dark-20:#9d2c67;--color-primary-dark-40:#8b255a;--color-secondary-light-20:var(--color-brand-01-lighter);--color-secondary-light-40:var(--color-brand-01-light);--color-secondary:var(--color-action-default);--color-secondary-dark-20:var(--color-brand-01-dark);--color-secondary-dark-40:var(--color-brand-01-darker);--color-secondary-dark-60-alpha-70:rgba(59,28,74,0.7);--color-secondary-dark-60:#3b1c4a;--color-secondary-dark-80:var(--color-brand-01-darkest);--color-tertiary-light-90:#fffaef;--color-tertiary:var(--color-brand-03-base);--color-tertiary-dark-5:#f4d069;--color-tertiary-dark-40:#d2b25a;--color-tertiary-dark-60:#ac9249;--color-white:var(--color-neutral-light-00);--color-white-alpha-30:hsla(0,0%,100%,0.3);--color-neutral-light-98:var(--color-neutral-light-05);--color-neutral-light-90:var(--color-neutral-light-10);--color-neutral-light-80:var(--color-neutral-light-20);--color-neutral-light-60:var(--color-neutral-light-30);--color-neutral-light-40:var(--color-neutral-mid-40);--color-neutral-alpha-45:rgba(74,92,96,0.45);--color-neutral:#4a5c60;--color-neutral-dark-40:var(--color-neutral-dark-80);--color-neutral-dark-60:var(--color-neutral-dark-90);--color-neutral-dark-90:#1d1d30;--color-black-alpha-10:rgba(0,0,0,0.1);--color-black-alpha-15:rgba(0,0,0,0.15);--color-black-alpha-30:rgba(0,0,0,0.3);--color-black:#000;--color-success:#00b28e;--color-warning:#ea9b3e;--color-danger-light-05:var(--color-feedback-negative-light);--color-danger-light-20:var(--color-feedback-negative-lighter);--color-danger-light-40:var(--color-feedback-negative-light);--color-danger:var(--color-feedback-negative-base);--color-danger-dark-5:var(--color-feedback-negative-dark);--color-danger-dark-20:#9e3933;--color-danger-dark-40:var(--color-feedback-negative-darkest);--color-transparent:rgba(0,0,0,0);--color-outline-focused:var(--color-action-focus);--color-01:#0c9abe;--color-02:#2c85c8;--color-03:#2c43c8;--color-04:#5843c8;--color-05:#ab43c8;--color-06:#ab4391;--color-07:#c64840;--color-08:#ea9b3e;--color-09:#abc249;--color-10:#56b96b;--color-11:#00b28e;--color-12:#06a6a5;--font-family-theme:Roboto;--font-family-theme-bold:Roboto-Bold;--font-family-theme-extra-light:Roboto-Condensed-Light;--font-family-heading:Roboto;--font-family-code:Monospace;--font-weight-extra-light:200;--text-transform-normal:normal;--text-transform-uppercase:uppercase}@font-face{font-family:Roboto;src:url(../fonts/Roboto/Roboto-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Roboto-Condensed-Light;src:url(../fonts/Roboto/Roboto-Light.ttf);font-weight:300;font-style:normal;font-stretch:condensed}@font-face{font-family:Roboto-Bold;src:url(../fonts/Roboto/Roboto-Bold.ttf);font-weight:700;font-style:normal}:root{--color-accordion-item-border-color:var(--color-neutral-light-90);--color-accordion-header-button-background-color:var(--color-white);--color-accordion-header-color-primary:var(--color-primary);--color-accordion-header-color-hover:var(--color-secondary);--color-accordion-item-header-button-background-color:var(--color-transparent);--color-accordion-item-header-button-focus:var(--color-secondary);--color-accordion-item-body-color:var(--color-neutral);--color-avatar-background-color-avatar:var(--color-neutral)}po-button{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--font-weight:var(--font-weight-bold);--line-height:var(--line-height-none);--border-radius:var(--border-radius-md);--border-width:var(--border-width-md);--padding:0 0.5rem;--text-color-danger:var(--color-neutral-light-00);--color-button-danger:var(--color-danger-dark-5);--color-danger-hover:var(--color-feedback-negative-darker);--color-danger-pressed:var(--color-danger-dark-40);--background-danger-hover:var(--color-danger-light-20);--border-color-danger-hover:var(--color-danger-dark-40);--background-danger-pressed:var(--color-danger-light-05);--background-color-button-danger:var(--color-transparent);--text-color:var(--color-white);--color:var(--color-secondary);--background-color:var(--color-transparent);--border-color:var(--color-transparent);--shadow:var(--shadow-none);--color-hover:var(--color-action-hover);--background-hover:var(--color-secondary-light-20);--border-color-hover:var(--color-secondary-dark-80);--outline-color-focused:var(--color-outline-focused);--color-pressed:var(--color-action-pressed);--background-pressed:var(--color-secondary-light-40);--text-color-disabled:var(--color-neutral-dark-70);--color-disabled:var(--color-action-disabled);--background-color-disabled:var(--color-transparent)}:root{--color-button-background-color:var(--background-color);--color-button-border:var(--color);--color-button-color:var(--color);--color-button-box-shadow:var(--shadow);--color-button-background-color-hover:var(--background-hover);--color-button-border-hover:var(--border-color-hover);--color-button-color-hover:var(--border-color-hover);--color-button-background-color-pressed:var(--background-pressed);--color-button-border-pressed:var(--border-color-hover);--color-button-color-pressed:var(--border-color-hover);--color-button-background-color-disabled:var(--background-color-disabled);--color-button-border-disabled:var(--color-disabled);--color-button-color-disabled:var(--color-disabled);--color-button-background-color-primary:var(--color);--color-button-border-primary:var(--border-color);--color-button-color-primary:var(--text-color);--color-button-background-color-primary-hover:var(--color-hover);--color-button-color-primary-hover:var(--text-color);--color-button-background-color-primary-pressed:var(--color-pressed);--color-button-color-primary-pressed:var(--text-color);--color-button-background-color-primary-disabled:var(--color-disabled);--color-button-color-primary-disabled:var(--text-color-disabled);--color-button-primary-background-color-danger:var(--color-button-danger);--color-button-primary-background-color-danger-hover:var(--color-danger-hover);--color-button-primary-background-color-danger-pressed:var(--color-danger-pressed);--color-button-background-color-danger:var(--background-color-button-danger);--color-button-border-danger:var(--color-button-danger);--color-button-color-danger:var(--color-button-danger);--color-button-background-color-danger-hover:var(--background-danger-hover);--color-button-border-danger-hover:var(--border-color-danger-hover);--color-button-color-danger-hover:var(--border-color-danger-hover);--color-button-background-color-danger-pressed:var(--background-danger-pressed);--color-button-border-danger-pressed:var(--border-color-danger-hover);--color-button-color-danger-pressed:var(--border-color-danger-hover);--color-button-background-color-link:var(--background-color);--color-button-color-link:var(--color);--color-button-border-color-link:var(--border-color);--color-button-background-color-link-hover:var(--background-hover);--color-button-color-link-hover:var(--border-color-hover);--color-button-background-color-link-pressed:var(--background-color-pressed);--color-button-color-link-pressed:var(--color-pressed);--color-button-background-color-link-disabled:var(--background-color-disabled);--color-button-color-link-disabled:var(--color-disabled);--color-badge-color:var(--color-white);--color-breadcrumb-background-color-container:var(--color-white);--color-breadcrumb-border-color-container:var(--color-neutral-light-90);--color-breadcrumb-color-item:var(--color-primary);--color-breadcrumb-color-item-link-hover:var(--color-primary-dark-40);--color-breadcrumb-color-item-unclickable:var(--color-neutral);--color-breadcrumb-color-star-active:var(--color-warning);--color-breadcrumb-background-color-dropdown:var(--color-white);--color-breadcrumb-background-color-dropdown-item-hover:var(--color-primary-light-95);--color-button-group-background-selected:var(--color-neutral);--color-button-group-border-selected:var(--color-neutral);--color-button-group-color-selected:var(--color-white);--color-button-group-background-color-neutral-hover:var(--color-neutral-dark-40);--color-button-group-border-button-hover:var(--color-secondary-dark-80);--color-button-group-border-neutral-hover:var(--color-secondary-dark-80);--color-button-group-color-neutral-hover:var(--color-white);--color-button-group-background-color-neutral-pressed:var(--color-neutral-dark-60);--color-button-group-border-neutral-pressed:var(--color-neutral-dark-60);--color-button-group-color-neutral-pressed:var(--color-white);--color-button-group-background-color-neutral-disabled:var(--color-transparent);--color-button-group-border-neutral-disabled:var(--color-neutral-light-60);--color-button-group-color-neutral-disabled:var(--color-neutral-light-60);--color-calendar-background-color:var(--color-white);--color-calendar-arrow:var(--color-primary);--color-calendar-title:var(--color-primary);--color-calender-color-content-label:var(--color-neutral-light-40);--color-calendar-background-color-box-background-normal:var(--color-transparent);--color-calendar-background-color-box-background-hover:var(--color-neutral-light-80);--color-calendar-background-color-box-background-disabled:var(--color-neutral-light-60);--color-calendar-background-color-box-background-active:var(--color-tertiary);--color-calendar-background-color-mobile-overlay:var(--color-secondary-dark-60-alpha-70);--color-calendar-text-box-background-active:var(--color-neutral-dark-60);--color-calendar-background-color-box-background-selected:var(--color-tertiary);--color-calendar-background-color-box-background-range:var(--color-primary-light-80);--color-calendar-background-color-box-background-today-hover:var(--color-neutral-light-80);--color-calendar-background-color-border-today:var(--color-primary);--color-calendar-color-box-foreground:var(--color-neutral);--color-calendar-color-box-foreground-selected:var(--color-neutral-dark-60);--color-calendar-color-box-foreground-range:var(--color-primary);--color-calendar-color-box-foreground-today:var(--color-primary);--color-calendar-color-box-foreground-disabled:var(--color-neutral-light-80);--color-chart-background-color:var(--color-white);--color-chart-legend-wrapper-scrollbar:var(--color-primary-alpha-50);--color-chart-axis-stroke:var(--color-neutral-light-80);--color-chart-legend-text:var(--color-neutral);--color-chart-axis-label-text:var(--color-neutral-dark-60);--color-chart-line-point-fill:var(--color-white);--color-checkbox-background-color:var(--color-white);--color-checkbox-background-color-active:var(--color-secondary);--color-checkbox-background-color-disabled:var(--color-neutral-light-60);--color-checkbox-background-color-icon-disabled:var(--color-white);--color-checkbox-box-shadow-color-focusable:var(--color-secondary-dark-80);--color-checkbox-border-input:var(--color-neutral);--color-checkbox-border-input-active:var(--color-secondary-dark-20);--color-checkbox-border-input-disabled:var(--color-neutral);--color-checkbox-border-input-invalid:var(--color-danger);--color-checkbox-background-color-active-disabled:var(--color-neutral);--color-checkbox-hover-active:var(--color-secondary-light-20);--color-checkbox-color-active:var(--color-white);--color-checkbox-group-background-color:var(--color-white);--color-checkbox-group-background-color-active:var(--color-primary);--color-checkbox-group-background-color-disabled:var(--color-neutral-light-90);--color-checkbox-group-background-color-icon-disabled:var(--color-neutral-light-60);--color-checkbox-group-box-shadow-color-focusable:var(--color-primary-dark-20);--color-checkbox-group-border-input:var(--color-neutral-light-60);--color-checkbox-group-border-input-active:var(--color-primary);--color-checkbox-group-border-input-disabled:var(--color-neutral-light-60);--color-checkbox-group-border-input-invalid:var(--color-danger);--color-checkbox-group-color-active:var(--color-white);--color-combo-background-color:var(--color-white);--color-combo-background-color-item-hover:var(--color-primary-light-95);--color-combo-background-color-scrollbar:var(--color-primary-alpha-50);--color-combo-border-button-error:var(--color-danger);--color-combo-background-color-group-title:var(--color-neutral-light-98);--color-combo-color-group-title:var(--color-neutral-dark-60);--color-combo-color-primary:var(--color-primary);--color-combo-color-selected:var(--color-white);--color-combo-background-color-selected-primary:var(--color-primary);--color-container-color-shadow:var(--color-neutral-light-90);--color-container-background-color-scrollbar:var(--color-primary);--color-datepicker-range-background-color-disabled:var(--color-neutral-light-90);--color-datepicker-range-border-text:var(--color-neutral-light-60);--color-datepicker-range-border-text-error:var(--color-danger);--color-datepicker-range-color-disabled:var(--color-neutral-light-60);--color-datepicker-range-color-focused:var(--color-primary);--color-datepicker-range-color-text-error:var(--color-danger);--color-disclaimer-background-color-label:var(--color-tertiary);--color-disclaimer-background-color-label-danger:var(--color-danger);--color-disclaimer-color-text:var(--color-neutral-dark-60);--color-disclaimer-color-text-danger:var(--color-white);--color-disclaimer-background-color-remove:var(--color-tertiary-dark-5);--color-disclaimer-background-color-danger-remove:var(--color-danger-dark-5);--color-disclaimer-group-background-color:var(--color-white);--color-disclaimer-group-border-color:var(--color-neutral-light-90);--color-disclaimer-group-font-title:var(--color-neutral);--color-divider-label-color:var(--color-neutral-dark-60);--color-divider-line-color:var(--color-neutral-light-90);--color-dropdown-button-background-color:var(--color-transparent);--color-dropdown-button-color:var(--color-secondary);--color-dropdown-button-border-color:var(--color-secondary);--color-dropdown-button-color-hover:var(--color-secondary-dark-20);--color-dropdown-button-border-color-hover:var(--color-secondary-dark-20);--color-dropdown-button-color-disabled:var(--color-neutral-light-60);--color-dropdown-button-border-color-disabled:var(--color-neutral-light-60);--color-field-container-color-title:var(--color-neutral);--color-field-container-color-opcional:var(--color-neutral);--color-field-container-color-help:var(--color-neutral);--color-field-container-bottom-color-text:var(--color-neutral-dark-60);--color-field-container-bottom-color-text-error:var(--color-danger);--color-field-icon-color:var(--color-primary);--color-field-icon-color-error:var(--color-danger);--color-field-icon-color-disabled:var(--color-neutral-light-60);--color-gauge-base-color:var(--color-neutral-light-80);--color-gauge-description-text-color:var(--color-neutral);--color-gauge-description-bottom-focus:var(--color-secondary);--color-gauge-legend-scrollbar:var(--color-primary-alpha-50);--color-gauge-legend-text:var(--color-neutral);--color-gauge-pointer-color:var(--color-neutral);--color-info-color-text-label:var(--color-neutral);--color-info-color-text-value:var(--color-neutral-dark-60);--color-info-color-link:var(--color-primary);--color-info-color-link-hover:var(--color-primary-dark-20);--color-info-color-link-pressed:var(--color-primary-dark-40);--color-input-background-color-text:var(--color-white);--color-input-border-text:var(--color-neutral-light-60);--color-input-border-text-disabled:var(--color-neutral-light-90);--color-input-border-text-focusable:var(--color-primary);--color-input-border-text-error:var(--color-danger);--color-input-color-disabled:var(--color-neutral-light-60);--color-input-text-error:var(--color-danger);--color-input-text-placeholder:var(--color-neutral-light-40);--color-list-view-background-color:var(--color-white);--color-list-view-border:var(--color-neutral-light-90);--color-list-view-color-primary:var(--color-primary);--color-list-view-color-primary-hover:var(--color-primary-dark-20);--color-list-view-color-select-all-label:var(--color-neutral);--color-loading-color-label:var(--color-neutral);--color-loading-icon-color-neutral:var(--color-neutral-light-80);--color-loading-icon-color-primary:var(--color-primary);--color-loading-overlay-background-color-content:var(--color-white);--color-loading-overlay-box-shadow-content:var(--color-black-alpha-30);--color-lookup-search-background-color-text:var(--color-white);--color-lookup-search-border-text:var(--color-neutral-light-60);--color-lookup-search-border-text-focusable:var(--color-primary);--color-lookup-advanced-search-link-color-text:var(--color-primary);--color-menu-color-menu-collapse-icon:var(--color-primary);--color-menu-color-menu-item-text:var(--color-primary);--color-menu-color-menu-item-selected:var(--color-primary);--color-menu-color-menu-sub-item-text:var(--color-danger-light-40);--color-menu-color-menu-sub-item-selected:var(--color-neutral-dark-60);--color-menu-color-menu-responsive:var(--color-primary);--color-menu-background-color-item-grouper-up-hover:var(--color-neutral-light-98);--color-menu-background-color-item-hover:var(--color-black-alpha-15);--color-menu-background-color-item-selected:var(--color-neutral-light-80);--color-menu-background-color-menu:var(--color-white);--color-menu-background-color-menu-responsive-overlay:var(--color-secondary-dark-60-alpha-70);--color-menu-background-color-responsive:var(--color-neutral-light-98);--color-menu-background-color-sub-items:var(--color-neutral-light-98);--color-menu-background-color-sub-item-selected:var(--color-neutral-light-80);--color-menu-border-color-menu-item-selected:var(--color-danger-light-40);--color-menu-border-left-item:var(--color-transparent);--color-menu-border-top-item-grouper-up-hover:var(--color-neutral-light-80);--color-menu-border-top-logo:var(--color-neutral-light-80);--color-menu-border-top-collapse-button:var(--color-neutral-alpha-45);--color-menu-filter-color-icon:var(--color-primary);--color-menu-filter-color-text:var(--color-neutral-dark-60);--color-menu-filter-background-color:var(--color-neutral-light-98);--color-menu-filter-border:var(--color-neutral-alpha-45);--color-menu-filter-border-focusable:var(--color-neutral);--color-menu-panel-background-color-item-hover:var(--color-black-alpha-15);--color-menu-panel-background-color-item-selected:var(--color-neutral-light-80);--color-menu-panel-background-color-menu:var(--color-white);--color-menu-panel-border-top-logo:var(--color-neutral-light-80);--color-menu-panel-color-menu-item-text:var(--color-primary);--color-menu-panel-color-menu-item-selected:var(--color-neutral-dark-60);--color-modal-text-color-body:var(--color-neutral-dark-60);--color-modal-background-color-content:var(--color-white);--color-modal-background-color-footer:var(--color-white);--color-modal-background-color-scrollbar:var(--color-primary);--color-modal-color-overlay:var(--color-secondary-dark-60-alpha-70);--color-modal-color-title:var(--color-neutral);--color-modal-color-header-close-button:var(--color-primary);--color-modal-password-recovery-link-color:var(--color-primary);--color-modal-password-recovery-link-color-hover:var(--color-primary-dark-20);--color-modal-password-recovery-text-color:var(--color-neutral);--color-multiselect-background-color:var(--color-white);--color-multiselect-background-color-item-hover:var(--color-primary-light-95);--color-multiselect-background-color-scrollbar:var(--color-primary-alpha-50);--color-multiselect-border-field:var(--color-neutral-light-60);--color-multiselect-border-field-error:var(--color-danger);--color-multiselect-border-field-focus:var(--color-primary);--color-multiselect-border-search:var(--color-neutral-light-80);--color-multiselect-color-field-focus:var(--color-primary);--color-multiselect-color-primary:var(--color-primary);--color-multiselect-color-text-error:var(--color-danger);--color-multiselect-color-text-disabled:var(--color-white);--color-multiselect-background-color-checkbox:var(--color-white);--color-multiselect-background-color-checkbox-active:var(--color-primary);--color-multiselect-background-color-checkbox-disabled:var(--color-neutral-light-90);--color-multiselect-background-color-checkbox-icon-disabled:var(--color-neutral-light-60);--color-multiselect-border-checkbox-input:var(--color-neutral-light-60);--color-multiselect-border-checkbox-input-active:var(--color-primary);--color-multiselect-border-checkbox-input-disabled:var(--color-neutral-light-60);--color-multiselect-color-checkbox-active:var(--color-white);--color-multiselect-disclaimer-background-color-disabled:var(--color-neutral-light-60);--color-navbar-color:var(--color-white);--color-navbar-action-color-content:var(--color-primary);--color-navbar-action-popup-color-content:var(--color-navbar-action-color-content);--color-navbar-item-color:var(--color-primary);--color-navbar-item-color-selected:var(--color-neutral);--color-navbar-item-color-shadow-selected:var(--color-danger-light-40);--color-navbar-item-navigation-color-icon:var(--color-primary);--color-navbar-item-navigation-color-icon-disabled:var(--color-neutral-light-80);--color-page-background-color-page:var(--color-white);--color-page-background-select-item-border-color:var(--color-neutral-light-90);--color-page-blocked-user-link-color:var(--color-primary);--color-page-blocked-user-link-color-hover:var(--color-primary-dark-20);--color-page-blocked-user-text-color:var(--color-neutral);--color-page--blocked-user-background-color:var(--color-neutral-light-98);--color-page-change-password-background-color-buttons:var(--color-neutral-light-98);--color-page-change-password-background-color-container:var(--color-white);--color-page-change-password-background-color-secondary-logo:var(--color-neutral-light-98);--color-page-change-password-color-link:var(--color-primary);--color-page-change-password-color-text:var(--color-neutral);--color-page-change-password-color-required:var(--color-neutral);--color-page-change-password-color-required-ok:var(--color-success);--color-page-change-password-color-required-minus:var(--color-black-alpha-30);--color-page-change-password-color-required-text:var(--color-secondary-dark-60-alpha-70);--color-page-content-background-color-scrollbar:var(--color-primary);--color-page-header-color-title:var(--color-neutral);--color-page-list-color-link-text:var(--color-primary);--color-page-login-header-product-name-color:var(--color-neutral);--color-page-login-header-welcome-color:var(--color-secondary);--color-page-login-background-color:var(--color-neutral-light-98);--color-page-login-background-highlight-image:var(--color-neutral-light-90);--color-page-login-highlight-text-color:var(--color-white);--color-page-login-link-color:var(--color-primary);--color-page-login-link-hover-color:var(--color-primary-dark-20);--color-page-login-popover-color-attempts:var(--color-primary);--color-page-login-popover-color-title:var(--color-tertiary);--color-page-login-support-background-color:var(--color-white);--color-page-login-support-color:var(--color-primary);--color-page-slide-close-button-color:var(--color-primary);--color-page-slide-body-text-color:var(--color-neutral-dark-60);--color-popover-background-color:var(--color-white);--color-popover-background-color-arrow:var(--color-white);--color-popover-background-color-scrollbar:var(--color-primary);--color-popover-color-text-title:var(--color-neutral);--color-popup-background-color-popup:var(--color-white);--color-popup-background-color-popup-item-hover:var(--color-primary-light-95);--color-popup-background-color-popup-item-selected:var(--color-primary);--color-popup-background-color-popup-item-selected-hover:var(--color-primary-dark-20);--color-popup-background-color-popup-item-selected-disabled:var(--color-neutral-light-60);--color-popup-background-color-scrollbar:var(--color-primary);--color-popup-border-color-separator:var(--color-neutral-light-90);--color-popup-color-danger:var(--color-danger);--color-popup-color-default:var(--color-primary);--color-popup-color-disabled:var(--color-neutral-light-80);--color-popup-color-item-selected:var(--color-white);--color-progress-color-info-icon:var(--color-primary);--color-progress-color-text:var(--color-neutral);--color-progress-color-text-success:var(--color-success);--color-progress-color-text-error:var(--color-danger);--color-progress-color-info:var(--color-neutral);--color-progress-border-color-info-icon-close:var(--color-secondary);--color-progress-bar-background-color-bar:var(--color-primary-light-80);--color-progress-bar-background-color-default:var(--color-primary);--color-progress-bar-background-color-success:var(--color-success);--color-progress-bar-background-color-error:var(--color-danger);--color-radio-background-color:var(--color-white);--color-radio-background-color-active:var(--color-secondary);--color-radio-background-color-disabled:var(--color-neutral-light-60);--color-radio-box-shadow-color-focusable:var(--color-secondary-dark-80);--color-radio-border-input:var(--color-neutral-dark-70);--color-radio-border-input-active:var(--color-secondary);--color-radio-border-input-disabled:var(--color-neutral-dark-70);--color-radio-border-input-invalid:var(--danger-color);--color-radio-hover-active:var(--color-secondary-light-20);--color-radio-color-active:var(--color-secondary);--color-radio-group-background-color:var(--color-white);--color-radio-group-background-color-active:var(--color-primary);--color-radio-group-background-color-input-disabled:var(--color-neutral-light-90);--color-radio-group-border-color:var(--color-neutral-light-60);--color-radio-group-border-color-focusable:var(--color-primary-dark-20);--color-radio-group-border-color-input-error:var(--color-danger);--color-radio-group-color-label-active:var(--color-white);--color-radio-group-color-text-disabled:var(--color-neutral-light-60);--color-rich-text-background-color-scrollbar:var(--color-primary-alpha-50);--color-rich-text-body-background-color:var(--color-white);--color-rich-text-body-border-error:var(--color-danger);--color-rich-text-body-text-error:var(--color-danger);--color-rich-text-body-text-link:var(--color-primary);--color-rich-text-body-text-link-hover:var(--color-primary-dark-20);--color-rich-text-body-text-selected-color:var(--color-primary-light-80);--color-rich-text-placeholder-color:var(--color-neutral-light-40);--color-rich-text-toolbar-background-color:var(--color-rich-text-body-background-color);--color-select-background-color:var(--color-white);--color-select-background-color-disabled:var(--color-neutral-light-90);--color-select-background-color-item-hover:var(--color-primary-light-95);--color-select-background-color-scrollbar:var(--color-primary-alpha-50);--color-select-border-button:var(--color-neutral-light-60);--color-select-border-button-error:var(--color-danger);--color-select-border-button-disabled:var(--color-neutral-light-60);--color-select-border-button-hover:var(--color-primary);--color-select-border-button-focus:var(--color-primary);--color-select-button-disabled:var(--color-neutral-light-60);--color-select-button-focus:var(--color-primary);--color-select-color-primary:var(--color-primary);--color-select-color-selected:var(--color-white);--color-select-background-color-unselected:var(--color-white);--color-select-background-color-selected:var(--color-primary);--color-select-color-text-error:var(--color-danger);--color-slide-background-color-active-circle:var(--color-primary);--color-slide-background-color-arrow-circle:var(--color-white);--color-slide-background-color-circle:var(--color-neutral-light-80);--color-slide-background-color-scrollbar:var(--color-primary-alpha-50);--color-slide-border-arrow:var(--color-primary);--color-slide-box-shadow-arrow-circle:var(--color-black-alpha-15);--color-slide-box-shadow-wrapper:var(--color-black-alpha-30);--color-stepper-bar:var(--color-neutral);--color-stepper-bar-disabled:var(--color-neutral-light-40);--color-stepper-circle-active:var(--color-primary);--color-stepper-circle-default:var(--color-primary);--color-stepper-circle-disabled:var(--color-neutral-light-60);--color-stepper-circle-error:var(--color-danger);--color-switch-background-color-container-on:var(--color-primary);--color-switch-background-color-container-off:var(--color-neutral-light-80);--color-switch-background-color-container-disabled:var(--color-neutral-light-80);--color-switch-box-shadow-color-focusable:var(--color-primary-dark-20);--color-switch-background-color-button:var(--color-white);--color-switch-background-color-button-disabled:var(--color-neutral-light-40);--color-switch-color-icon-on:var(--color-primary);--color-switch-color-icon-off:var(--color-neutral-light-80);--color-switch-color-icon-disabled:var(--color-neutral-light-80);--color-switch-color-label:var(--color-neutral);--color-tab-button-box-shadow:var(--color-neutral-light-90);--color-tab-button-box-shadow-active:var(--color-secondary);--color-tab-button-color:var(--color-secondary);--color-tab-button-color-disabled:var(--color-neutral-light-60);--color-tab-dropdown-background-color-tab-dropdown-button-active:var(--color-primary);--color-tab-dropdown-background-color-tab-dropdown-button-disabled:var(--color-white);--color-tab-dropdown-background-color-tab-dropdown-button-hover:var(--color-primary-light-95);--color-tab-dropdown-color-tab-dropdown-button:var(--color-white);--color-table-background-color-action-hover:var(--color-primary-light-95);--color-table-background-color-actions:var(--color-white);--color-table-background-color-active:var(--color-primary-light-95);--color-table-background-color-detail-content:var(--color-white);--color-table-background-color-footer-show-subtitle:var(--color-white);--color-table-background-color-header:var(--color-white);--color-table-background-color-overlay:var(--color-secondary-dark-60-alpha-70);--color-table-background-color-overlay-content:var(--color-white);--color-table-background-color-row-strip:var(--color-neutral-light-98);--color-table-background-color-scrollbar:var(--color-primary);--color-table-background-color-selected:var(--color-primary);--color-table-background-color-table:var(--color-white);--color-table-background-color-radio:var(--color-white);--color-table-background-color-radio-active:var(--color-primary);--color-table-border-footer-show-subtitle:var(--color-neutral-light-90);--color-table-border-select-checkbox:var(--color-neutral-light-60);--color-table-border-selected-checkbox:var(--color-primary);--color-table-border-rows:var(--color-neutral-light-90);--color-table-border-select-radio:var(--color-neutral-light-60);--color-table-border-select-radio-focusable:var(--color-primary-dark-20);--color-table-box-shadow-action:var(--color-black-alpha-30);--color-table-box-shadow-checkbox:var(--color-black-alpha-15);--color-table-box-shadow-footer:var(--color-primary-light-80);--color-table-box-shadow-overlay-content:var(--color-black-alpha-30);--color-table-box-shadow-header:var(--color-primary-light-80);--color-table-color-actions:var(--color-primary);--color-table-color-detail:var(--color-neutral-light-40);--color-table-color-disabled:var(--color-neutral-light-80);--color-table-color-footer-show-subtitle:var(--color-primary);--color-table-color-header:var(--color-primary);--color-table-color-select:var(--color-white);--color-table-color-subtitle-text:var(--color-white);--color-table-color-single-action-hover:var(--color-primary-dark-20);--color-table-color-text:var(--color-neutral-dark-60);--color-table-color-link:var(--color-primary);--color-table-color-link-disabled:var(--color-neutral-light-80);--color-table-color-link-hover:var(--color-primary-dark-20);--color-table-color-link-pressed:var(--color-primary-dark-40);--color-table-column-manager-body-color-background-scrollbar:var(--color-primary);--color-table-column-manager-border-color:var(--color-neutral-light-90);--color-table-column-manager-close-button-color:var(--color-primary);--color-table-column-manager-header-title:var(--color-neutral-dark-60);--color-table-column-manager-outline-color-focus:var(--color-secondary);--color-tag-border-color-dashed-focus:var(--color-secondary);--color-tag-color:var(--color-white);--color-tag-color-danger:var(--color-danger);--color-tag-color-info:var(--color-neutral);--color-tag-color-success:var(--color-success);--color-tag-color-warning:var(--color-warning);--color-tag-color-text-label:var(--color-neutral);--color-tag-background-color-danger:var(--color-danger);--color-tag-background-color-info:var(--color-neutral);--color-tag-background-color-success:var(--color-success);--color-tag-background-color-warning:var(--color-warning);--color-tag-background-color-white:var(--color-white);--color-tag-inverse-border-color-01:var(--color-01);--color-tag-inverse-border-color-02:var(--color-02);--color-tag-inverse-border-color-03:var(--color-03);--color-tag-inverse-border-color-04:var(--color-04);--color-tag-inverse-border-color-05:var(--color-05);--color-tag-inverse-border-color-06:var(--color-06);--color-tag-inverse-border-color-07:var(--color-07);--color-tag-inverse-border-color-08:var(--color-08);--color-tag-inverse-border-color-09:var(--color-09);--color-tag-inverse-border-color-10:var(--color-10);--color-tag-inverse-border-color-11:var(--color-11);--color-tag-inverse-border-color-12:var(--color-12);--color-textarea-background-color:var(--color-white);--color-textarea-border:var(--color-neutral-light-60);--color-textarea-background-color-disabled:var(--color-neutral-light-90);--color-textarea-border-color-disabled:var(--color-neutral-light-90);--color-textarea-border-focusable:var(--color-primary);--color-textarea-color-error:var(--color-danger);--color-textarea-color-disabled:var(--color-neutral-light-60);--color-textarea-text-error:var(--color-danger);--color-textarea-background-color-scrollbar:var(--color-primary);--color-toolbar-background-color-badge:var(--color-danger);--color-toolbar-background-color-toolbar:var(--color-white);--color-toolbar-border-color-separator:var(--color-neutral-light-90);--color-toolbar-color-badge-text:var(--color-white);--color-toolbar-color-default:var(--color-primary);--color-toolbar-color-title:var(--color-secondary);--color-tooltip-background-color-balloon:var(--color-neutral);--color-tooltip-color-text-balloon:var(--color-white);--color-tree-view-item-border-bottom-color:var(--color-neutral-light-90);--color-tree-view-item-header-button-color:var(--color-primary);--color-tree-view-item-header-button-focus:var(--color-secondary);--color-tree-view-item-header-label-text-color:var(--color-neutral);--color-upload-color-text-filename-loading:var(--color-neutral-dark-60);--color-upload-background-color-disabled:var(--color-white);--color-upload-border-disabled:var(--color-neutral-light-60);--color-upload-color-disabled:var(--color-neutral-light-60);--color-upload-background-color-hover:var(--color-white);--color-upload-border-hover:var(--color-primary-dark-20);--color-upload-color-hover:var(--color-primary-dark-20);--color-upload-background-color-pressed:var(--color-white);--color-upload-border-pressed:var(--color-primary-dark-40);--color-upload-color-pressed:var(--color-primary-dark-40);--color-upload-color-progress:var(--color-tertiary);--color-upload-color-text-load:var(--color-white);--color-upload-background-color-success:var(--color-success);--color-upload-background-color-load-progress:var(--color-tertiary);--color-upload-background-color-error:var(--color-danger);--color-upload-color-text-load-waiting:var(--color-neutral);--color-upload-background-color-progress:var(--color-tertiary-light-90);--color-upload-drag-drop-overlay-icon:var(--color-primary-alpha-50);--color-upload-drag-drop-overlay-text:var(--color-primary);--color-upload-drag-drop-area-overlay-background-color:var(--color-white);--color-upload-drag-drop-area-icon:var(--color-neutral-light-80);--color-upload-drag-drop-area-label-text:var(--color-neutral);--color-upload-drag-drop-area-select-files-text:var(--color-primary);--color-upload-drag-drop-area-border:var(--color-neutral-light-60);--color-upload-drag-drop-area-border-primary:var(--color-primary);--color-upload-drag-drop-area-border-error:var(--color-danger);--color-upload-drag-drop-area-background-color-disabled:var(--color-neutral-light-90);--color-upload-drag-drop-area-color-disabled:var(--color-neutral-light-60);--color-upload-file-restrictions-color-text:var(--color-neutral);--color-widget-color-action-active:var(--color-primary-dark-20);--color-widget-color-action-hover:var(--color-primary-dark-20);--color-widget-color-action:var(--color-primary);--color-widget-color-default:var(--color-neutral);--color-widget-color-title-action:var(--color-primary);--color-widget-color-widget-primary:var(--color-neutral-dark-60);--color-widget-background-color:var(--color-white);--color-widget-primary-background-color:var(--color-tertiary);--border-widget-border-no-shadow:solid 1px var(--color-neutral-light-90);--color-widget-border-color-footer:var(--color-neutral-light-90);--color-widget-border-color-footer-primary:var(--color-white-alpha-30);--color-widget-background-color-disabled:var(--color-neutral-light-90);--color-widget-background-color-scroll-disabled:var(--color-neutral-light-40);--color-widget-color-disabled:var(--color-neutral-light-40)}:root{--color-toaster-background-color-success:var(--color-feedback-positive-lightest);--color-toaster-border-color-success:var(--color-feedback-positive-lighter);--color-toaster-icon-background-color-success:var(--color-feedback-positive-base);--color-toaster-icon-color-success:var(--color-white);--color-toaster-background-color-warning:var(--color-feedback-warning-lightest);--color-toaster-border-color-warning:var(--color-feedback-warning-lighter);--color-toaster-icon-background-color-warning:var(--color-feedback-warning-base);--color-toaster-icon-color-warning:var(--color-neutral-dark-90);--color-toaster-background-color-error:var(--color-danger-light-05);--color-toaster-border-color-error:var(--color-danger-light-20);--color-toaster-icon-background-color-error:var(--color-danger);--color-toaster-icon-color-error:var(--color-white);--color-toaster-background-color-info:var(--color-feedback-info-lightest);--color-toaster-border-color-info:var(--color-feedback-info-lighter);--color-toaster-icon-background-color-info:var(--color-feedback-info-base);--color-toaster-icon-color-info:var(--color-white)}
|