@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
- COLOR
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: #d9c2e5;
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: #bd94d1;
165
+ --color-secondary-light-40: var(--color-brand-01-light); /*Deprecated v16.x.x utilizar --color-brand-01-light*/
128
166
 
129
- --color-secondary: #753399;
167
+ --color-secondary: var(--color-action-default); /*Deprecated v16.x.x utilizar --color-action-default*/
130
168
 
131
- --color-secondary-dark-20: #5b1c7d;
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: #400e58;
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: #260538;
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: #ffd464;
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: #ffffff;
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: #fbfbfb;
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: #eceeee;
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: #dadedf;
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: #b6bdbf;
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: #9da7a9;
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: #2c3739;
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: #1d2426;
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: #f6e6e5;
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: #e3aeab;
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: #d58581;
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: #be3e37;
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: #9b2d27;
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: #4a1512;
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: #260538;
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
- --color-button-background-color: var(--color-transparent);
353
- --color-button-border: var(--color-secondary);
354
- --color-button-color: var(--color-secondary);
355
- --color-button-box-shadow: 0, 0, 0, rgb(255, 255, 255);
356
-
357
- --color-button-background-color-hover: var(--color-secondary-light-20);
358
- --color-button-border-hover: var(--color-secondary-dark-80);
359
- --color-button-color-hover: var(--color-secondary-dark-80);
360
-
361
- --color-button-background-color-pressed: var(--color-secondary-light-40);
362
- --color-button-border-pressed: var(--color-secondary-dark-40);
363
- --color-button-color-pressed: var(--color-secondary-dark-40);
364
-
365
- --color-button-background-color-disabled: var(--color-transparent);
366
- --color-button-border-disabled: var(--color-neutral-light-60);
367
- --color-button-color-disabled: var(--color-neutral-light-60);
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
- * Button Primary
454
+ * Button Primary
370
455
  */
371
- --color-button-background-color-primary: var(--color-secondary);
372
- --color-button-border-primary: var(--color-transparent);
373
- --color-button-color-primary: var(--color-white);
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-secondary-dark-20);
376
- --color-button-color-primary-hover: var(--color-white);
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-secondary-dark-40);
379
- --color-button-color-primary-pressed: var(--color-white);
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(--color-neutral-light-60);
382
- --color-button-color-primary-disabled: var(--color-neutral-dark-70);
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
- * Button Danger primary
472
+ * Button Danger primary
386
473
  */
387
- --color-button-primary-background-color-danger: var(--color-danger-dark-5);
388
- --color-button-primary-background-color-danger-hover: var(--color-feedback-negative-darker);
389
- --color-button-primary-background-color-danger-pressed: var(--color-danger-dark-40);
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
- * Button Danger secondary
485
+ * Button Danger secondary
393
486
  */
394
- --color-button-background-color-danger: var(--color-transparent);
395
- --color-button-border-danger: var(--color-danger-dark-5);
396
- --color-button-color-danger: var(--color-danger-dark-5);
397
-
398
- --color-button-background-color-danger-hover: var(--color-danger-light-20);
399
- --color-button-border-danger-hover: var(--color-danger-dark-40);
400
- --color-button-color-danger-hover: var(--color-danger-dark-40);
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
- * Button Link
514
+ * Button Link
411
515
  */
412
- --color-button-background-color-link: var(--color-transparent);
413
- --color-button-color-link: var(--color-secondary);
414
- --color-button-border-color-link: var(--color-transparent);
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(--color-secondary-light-20);
417
- --color-button-color-link-hover: var(--color-secondary-dark-80);
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(--color-secondary-light-40);
420
- --color-button-color-link-pressed: var(--color-secondary-dark-80);
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(--color-transparent);
423
- --color-button-color-link-disabled: var(--color-neutral-light-60);
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)}