@po-ui/style 16.10.0 → 16.12.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.
@@ -186,8 +186,8 @@
186
186
  ); /* Usar em menu: Background dos itens de segundo nível (30% de opacidade) */
187
187
  --color-black: #000000;
188
188
 
189
- --color-success: #00b28e; /* Background do Feedback de sucesso */
190
- --color-warning: #ea9b3e; /* Background do Feedback de atenção */
189
+ --color-success-default: #00b28e; /* Background do Feedback de sucesso */
190
+ --color-warning-default: #ea9b3e; /* Background do Feedback de atenção */
191
191
  --color-danger-dark-20: #9e3933; /* Hover para botão danger */
192
192
 
193
193
  --color-transparent: transparent;
@@ -364,6 +364,33 @@ po-button {
364
364
  --background-color-disabled: var(--color-transparent);
365
365
  }
366
366
 
367
+ po-badge {
368
+ --background-color: var(--color-feedback-negative-base);
369
+ --border-color: var(--color-neutral-light-00);
370
+ --color: var(--color-neutral-light-00);
371
+
372
+ --border-radius: var(--border-radius-md);
373
+ --font-family: var(--font-family-theme);
374
+ --font-weight: var(--font-weight-bold);
375
+ }
376
+
377
+ po-badge[p-status='disabled'] {
378
+ --background-color: var(--color-action-disabled);
379
+ }
380
+
381
+ po-badge[p-status='positive'] {
382
+ --background-color: var(--color-feedback-positive-base);
383
+ }
384
+
385
+ po-badge[p-status='negative'] {
386
+ --background-color: var(--color-feedback-negative-base);
387
+ }
388
+
389
+ po-badge[p-status='warning'] {
390
+ --background-color: var(--color-feedback-warning-base);
391
+ --color: var(--color-neutral-dark-95);
392
+ }
393
+
367
394
  :root {
368
395
  /*------------------------------------*\
369
396
  BADGE
@@ -381,27 +408,70 @@ po-breadcrumb {
381
408
  --color: var(--color-action-default);
382
409
  }
383
410
 
411
+ po-button-group .po-button {
412
+ --font-family: var(--font-family-theme);
413
+ --font-size: var(--font-size-default);
414
+ --font-weight: var(--font-weight-bold);
415
+ --line-height: var(--line-height-none);
416
+ --border-radius: var(--border-radius-md);
417
+ --border-width: var(--border-width-md);
418
+ --padding: 0 1em;
419
+
420
+ --text-color: var(--color-neutral-light-00);
421
+ --color: var(--color-action-default);
422
+ --background-color: var(--color-transparent);
423
+ --shadow: var(--shadow-none);
424
+
425
+ /* hover */
426
+ --color-hover: var(--color-action-hover);
427
+ --background-hover: var(--color-brand-01-lighter);
428
+ --border-color-hover: var(--color-brand-01-darkest);
429
+
430
+ /* focused */
431
+ --outline-color-focused: var(--color-action-focus);
432
+
433
+ /* pressed */
434
+ --color-pressed: var(--color-action-pressed);
435
+ --background-pressed: var(--color-brand-01-light);
436
+
437
+ /* disabled */
438
+ --color-disabled: var(--color-action-disabled);
439
+ --background-color-disabled: var(--color-transparent);
440
+ }
441
+
384
442
  :root {
385
443
  --color-breadcrumb-color-item: var(--color); /*Deprecated v18.x.x utilizar --color */
386
444
 
387
445
  /*------------------------------------*\
388
446
  BUTTON GROUP
389
447
  \*------------------------------------*/
390
- --color-button-group-background-selected: var(--color-brand-01-darker);
391
- --color-button-group-border-selected: var(--color-brand-01-darker);
392
- --color-button-group-color-selected: var(--color-neutral-light-00);
393
-
394
- --color-button-group-background-color-neutral-hover: var(--color-brand-01-dark);
395
- --color-button-group-border-neutral-hover: var(--color-brand-01-dark);
396
- --color-button-group-color-neutral-hover: var(--color-neutral-light-00);
397
-
398
- --color-button-group-background-color-neutral-pressed: var(--color-brand-01-darker);
399
- --color-button-group-border-neutral-pressed: var(--color-brand-01-darker);
400
- --color-button-group-color-neutral-pressed: var(--color-neutral-light-00);
401
-
402
- --color-button-group-background-color-neutral-disabled: var(--color-transparent);
403
- --color-button-group-border-neutral-disabled: var(--color-neutral-light-30);
404
- --color-button-group-color-neutral-disabled: var(--color-neutral-light-30);
448
+ --color-button-group-background-selected: var(--color-pressed);
449
+ /*Deprecated v18.x.x utilizar --color-pressed */
450
+ --color-button-group-border-selected: var(--color-pressed);
451
+ /*Deprecated v18.x.x utilizar --color-pressed */
452
+ --color-button-group-color-selected: var(--text-color);
453
+ /*Deprecated v18.x.x utilizar --text-color */
454
+
455
+ --color-button-group-background-color-neutral-hover: var(--color-hover);
456
+ /*Deprecated v18.x.x utilizar --color-hover */
457
+ --color-button-group-border-neutral-hover: var(--color-hover);
458
+ /*Deprecated v18.x.x utilizar --color-hover */
459
+ --color-button-group-color-neutral-hover: var(--text-color);
460
+ /*Deprecated v18.x.x utilizar --text-color */
461
+
462
+ --color-button-group-background-color-neutral-pressed: var(--color-pressed);
463
+ /*Deprecated v18.x.x utilizar --color-pressed */
464
+ --color-button-group-border-neutral-pressed: var(--color-pressed);
465
+ /*Deprecated v18.x.x utilizar --color-pressed */
466
+ --color-button-group-color-neutral-pressed: var(--text-color);
467
+ /*Deprecated v18.x.x utilizar --text-color */
468
+
469
+ --color-button-group-background-color-neutral-disabled: var(--background-color-disabled);
470
+ /*Deprecated v18.x.x utilizar --background-color-disabled */
471
+ --color-button-group-border-neutral-disabled: var(--color-disabled);
472
+ /*Deprecated v18.x.x utilizar --color-disabled */
473
+ --color-button-group-color-neutral-disabled: var(--color-disabled);
474
+ /*Deprecated v18.x.x utilizar --color-disabled */
405
475
 
406
476
  /*------------------------------------*\
407
477
  CALENDAR
@@ -1083,7 +1153,7 @@ po-overlay {
1083
1153
  --color-page-change-password-color-link: var(--color-primary);
1084
1154
  --color-page-change-password-color-text: var(--color-neutral-dark-70);
1085
1155
  --color-page-change-password-color-required: var(--color-neutral-dark-70);
1086
- --color-page-change-password-color-required-ok: var(--color-success);
1156
+ --color-page-change-password-color-required-ok: var(--color-success-default);
1087
1157
  --color-page-change-password-color-required-minus: var(--color-black-alpha-30);
1088
1158
  --color-page-change-password-color-required-text: var(--color-secondary-dark-60-alpha-70);
1089
1159
 
@@ -1666,7 +1736,7 @@ po-textarea {
1666
1736
 
1667
1737
  --color-upload-color-progress: var(--color-brand-03-base);
1668
1738
  --color-upload-color-text-load: var(--color-neutral-light-00);
1669
- --color-upload-background-color-success: var(--color-success);
1739
+ --color-upload-background-color-success: var(--color-success-default);
1670
1740
  --color-upload-background-color-load-progress: var(--color-brand-03-base);
1671
1741
  --color-upload-background-color-error: var(--color-feedback-negative-base);
1672
1742
  --color-upload-color-text-load-waiting: var(--color-neutral-dark-70);
@@ -1732,39 +1802,83 @@ po-widget {
1732
1802
  /*------------------------------------*\
1733
1803
  SERVICES
1734
1804
  \*------------------------------------*/
1735
- :root {
1736
- /*------------------------------------*\
1737
- TOASTER
1805
+
1806
+ /*------------------------------------*\
1807
+ TOASTER
1738
1808
  \*------------------------------------*/
1809
+ po-toaster {
1810
+ --border-radius: var(--border-radius-md);
1811
+ --color-icon: var(--color-neutral-light-00);
1812
+ --shadow: var(--shadow-lg);
1813
+
1814
+ /* Success */
1815
+ --color-success: var(--color-feedback-positive-base);
1816
+ --background-success: var(--color-feedback-positive-lightest);
1817
+ --border-color-success: var(--color-feedback-positive-lighter);
1818
+
1819
+ /* Error */
1820
+ --color-error: var(--color-feedback-negative-base);
1821
+ --background-error: var(--color-feedback-negative-lightest);
1822
+ --border-color-error: var(--color-feedback-negative-lighter);
1823
+
1824
+ /* Warning */
1825
+ --color-warning: var(--color-feedback-warning-base);
1826
+ --color-icon-warning: var(--color-neutral-dark-90);
1827
+ --background-warning: var(--color-feedback-warning-lightest);
1828
+ --border-color-warning: var(--color-feedback-warning-lighter);
1829
+
1830
+ /* Info */
1831
+ --color-info: var(--color-feedback-info-base);
1832
+ --background-info: var(--color-feedback-info-lightest);
1833
+ --border-color-info: var(--color-feedback-info-lighter);
1834
+ }
1835
+
1836
+ :root {
1739
1837
  /**
1740
1838
  * Toaster Item Success
1741
1839
  */
1742
- --color-toaster-background-color-success: var(--color-feedback-positive-lightest);
1743
- --color-toaster-border-color-success: var(--color-feedback-positive-lighter);
1744
- --color-toaster-icon-background-color-success: var(--color-feedback-positive-base);
1745
- --color-toaster-icon-color-success: var(--color-neutral-light-00);
1840
+ --color-toaster-background-color-success: var(--background-success);
1841
+ /*Deprecated v18.x.x utilizar --background-success*/
1842
+ --color-toaster-border-color-success: var(--border-color-success);
1843
+ /*Deprecated v18.x.x utilizar --border-color-success*/
1844
+ --color-toaster-icon-background-color-success: var(--color-success);
1845
+ /*Deprecated v18.x.x utilizar --color-success*/
1846
+ --color-toaster-icon-color-success: var(--color-icon);
1847
+ /*Deprecated v18.x.x utilizar --color-icon*/
1746
1848
 
1747
1849
  /**
1748
1850
  * Toaster Item Warning
1749
1851
  */
1750
- --color-toaster-background-color-warning: var(--color-feedback-warning-lightest);
1751
- --color-toaster-border-color-warning: var(--color-feedback-warning-lighter);
1752
- --color-toaster-icon-background-color-warning: var(--color-feedback-warning-base);
1753
- --color-toaster-icon-color-warning: var(--color-neutral-dark-90);
1852
+ --color-toaster-background-color-warning: var(--background-warning);
1853
+ /*Deprecated v18.x.x utilizar --background-warning*/
1854
+ --color-toaster-border-color-warning: var(--border-color-warning);
1855
+ /*Deprecated v18.x.x utilizar --border-color-warning*/
1856
+ --color-toaster-icon-background-color-warning: var(--color-warning);
1857
+ /*Deprecated v18.x.x utilizar --color-warning*/
1858
+ --color-toaster-icon-color-warning: var(--color-icon-warning);
1859
+ /*Deprecated v18.x.x utilizar --color-icon-warning*/
1754
1860
 
1755
1861
  /**
1756
1862
  * Toaster Item Error
1757
1863
  */
1758
- --color-toaster-background-color-error: var(--color-feedback-negative-lightest);
1759
- --color-toaster-border-color-error: var(--color-feedback-negative-lighter);
1760
- --color-toaster-icon-background-color-error: var(--color-feedback-negative-base);
1761
- --color-toaster-icon-color-error: var(--color-neutral-light-00);
1864
+ --color-toaster-background-color-error: var(--background-error);
1865
+ /*Deprecated v18.x.x utilizar --background-error*/
1866
+ --color-toaster-border-color-error: var(--border-color-error);
1867
+ /*Deprecated v18.x.x utilizar --border-color-error*/
1868
+ --color-toaster-icon-background-color-error: var(--color-error);
1869
+ /*Deprecated v18.x.x utilizar --color-error*/
1870
+ --color-toaster-icon-color-error: var(--color-icon);
1871
+ /*Deprecated v18.x.x utilizar --color-icon*/
1762
1872
 
1763
1873
  /**
1764
1874
  * Toaster Item Info
1765
1875
  */
1766
- --color-toaster-background-color-info: var(--color-feedback-info-lightest);
1767
- --color-toaster-border-color-info: var(--color-feedback-info-lighter);
1768
- --color-toaster-icon-background-color-info: var(--color-feedback-info-base);
1769
- --color-toaster-icon-color-info: var(--color-neutral-light-00);
1876
+ --color-toaster-background-color-info: var(--background-info);
1877
+ /*Deprecated v18.x.x utilizar --background-info*/
1878
+ --color-toaster-border-color-info: var(--border-color-info);
1879
+ /*Deprecated v18.x.x utilizar --border-color-info*/
1880
+ --color-toaster-icon-background-color-info: var(--color-info);
1881
+ /*Deprecated v18.x.x utilizar --color-info*/
1882
+ --color-toaster-icon-color-info: var(--color-icon);
1883
+ /*Deprecated v18.x.x utilizar --color-icon*/
1770
1884
  }
@@ -1 +1 @@
1
- :root{--color-wrapper-menu-panel-color-background:var(--color-neutral-light-00);--color-overlay-background-color-overlay:var(--color-secondary-dark-60-alpha-70);--color-hr-border-top:var(--color-neutral-light-10);--outline-width:var(--border-width-lg)}: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:var(--color-brand-02-base);--color-primary-dark-20:#9d2c67;--color-primary-dark-40:#8b255a;--color-secondary-dark-60-alpha-70:rgba(59,28,74,0.7);--color-secondary-dark-60:#3b1c4a;--color-tertiary-light-90:#fffaef;--color-tertiary-dark-5:#f4d069;--color-tertiary-dark-40:#d2b25a;--color-tertiary-dark-60:#ac9249;--color-white-alpha-30:hsla(0,0%,100%,0.3);--color-neutral-alpha-45:rgba(74,92,96,0.45);--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-dark-20:#9e3933;--color-transparent:rgba(0,0,0,0);--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}po-accordion{--background-color:var(--color-neutral-light-00);--color:var(--color-action-default);--font-size:var(--font-size-default);--background-hover:var(--color-brand-01-lightest);--color-hover:var(--color-action-hover);--color-pressed:var(--color-action-pressed);--color-focus:var(--color-action-focus);--background-disabled:var(--color-neutral-light-10);--color-disabled:var(--color-neutral-mid-60)}po-accordion,po-accordion-manager{--font-family:var(--font-family-theme);--font-weight:var(--font-weight-bold);--background-pressed:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus)}po-accordion-manager{--background-color:var(--color-brand-01-lightest);--color:var(--color-action-default);--font-size:var(--font-size-sm);--color-pressed:var(--color-action-pressed);--color-focus:var(--color-action-default)}:root{--color-accordion-header-color-primary:var(--color);--color-accordion-header-color-hover:var(--color-hover);--color-accordion-item-header-button-background-color:var(--background-color);--color-accordion-item-header-button-focus:var(--color-focus);--color-avatar-background-color-avatar:var(--color-neutral-dark-70)}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 1em;--text-color-danger:var(--color-neutral-light-00);--color-button-danger:var(--color-feedback-negative-dark);--color-danger-hover:var(--color-feedback-negative-darker);--color-danger-pressed:var(--color-feedback-negative-darkest);--background-danger-hover:var(--color-feedback-negative-lighter);--border-color-danger-hover:var(--color-feedback-negative-darkest);--background-danger-pressed:var(--color-feedback-negative-light);--background-color-button-danger:var(--color-transparent);--text-color:var(--color-neutral-light-00);--color:var(--color-action-default);--background-color:var(--color-transparent);--border-color:var(--color-transparent);--shadow:var(--shadow-none);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lighter);--border-color-hover:var(--color-brand-01-darkest);--outline-color-focused:var(--color-action-focus);--color-pressed:var(--color-action-pressed);--background-pressed:var(--color-brand-01-light);--text-color-disabled:var(--color-neutral-dark-70);--color-disabled:var(--color-action-disabled);--background-color-disabled:var(--color-transparent)}:root{--color-badge-color:var(--color-neutral-light-00)}po-breadcrumb{--font-family:var(--font-family-theme);--color-icon:var(--color-neutral-mid-60);--color-current-page:var(--color-neutral-mid-60);--color:var(--color-action-default)}:root{--color-breadcrumb-color-item:var(--color);--color-button-group-background-selected:var(--color-brand-01-darker);--color-button-group-border-selected:var(--color-brand-01-darker);--color-button-group-color-selected:var(--color-neutral-light-00);--color-button-group-background-color-neutral-hover:var(--color-brand-01-dark);--color-button-group-border-neutral-hover:var(--color-brand-01-dark);--color-button-group-color-neutral-hover:var(--color-neutral-light-00);--color-button-group-background-color-neutral-pressed:var(--color-brand-01-darker);--color-button-group-border-neutral-pressed:var(--color-brand-01-darker);--color-button-group-color-neutral-pressed:var(--color-neutral-light-00);--color-button-group-background-color-neutral-disabled:var(--color-transparent);--color-button-group-border-neutral-disabled:var(--color-neutral-light-30);--color-button-group-color-neutral-disabled:var(--color-neutral-light-30);--color-calendar-background-color:var(--color-neutral-light-00);--color-calendar-arrow:var(--color-primary);--color-calendar-title:var(--color-primary);--color-calender-color-content-label:var(--color-neutral-mid-40);--color-calendar-background-color-box-background-normal:var(--color-transparent);--color-calendar-background-color-box-background-hover:var(--color-neutral-light-20);--color-calendar-background-color-box-background-disabled:var(--color-neutral-light-30);--color-calendar-background-color-box-background-active:var(--color-brand-03-base);--color-calendar-background-color-mobile-overlay:var(--color-secondary-dark-60-alpha-70);--color-calendar-text-box-background-active:var(--color-neutral-dark-90);--color-calendar-background-color-box-background-selected:var(--color-brand-03-base);--color-calendar-background-color-box-background-range:var(--color-primary-light-80);--color-calendar-background-color-box-background-today-hover:var(--color-neutral-light-20);--color-calendar-background-color-border-today:var(--color-primary);--color-calendar-color-box-foreground:var(--color-neutral-dark-70);--color-calendar-color-box-foreground-selected:var(--color-neutral-dark-90);--color-calendar-color-box-foreground-pressed:var(--color-neutral-dark-90);--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-20);--color-chart-background-color:var(--color-neutral-light-00);--color-chart-legend-wrapper-scrollbar:var(--color-primary-alpha-50);--color-chart-axis-stroke:var(--color-neutral-light-20);--color-chart-legend-text:var(--color-neutral-dark-70);--color-chart-axis-label-text:var(--color-neutral-dark-90);--color-chart-line-point-fill:var(--color-neutral-light-00)}po-checkbox{--border-color:var(--color-neutral-dark-70);--color-unchecked:var(--color-neutral-light-00);--color-checked:var(--color-action-default);--color-hover:var(--color-action-hover);--shadow-color-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--color-unchecked-disabled:var(--color-action-disabled);--color-checked-disabled:var(--color-neutral-dark-70)}:root{--color-checkbox-background-color:var(--color-unchecked);--color-checkbox-background-color-active:var(--color-checked);--color-checkbox-background-color-disabled:var(--color-unchecked-disabled);--color-checkbox-box-shadow-color-focusable:var(--outline-color-focused);--color-checkbox-border-input:var(--border-color);--color-checkbox-border-input-active:var(--color-hover);--color-checkbox-border-input-disabled:var(--color-checked-disabled);--color-checkbox-border-input-invalid:var(--color-feedback-negative-base);--color-checkbox-background-color-active-disabled:var(--color-checked-disabled);--color-checkbox-hover-active:var(--shadow-color-hover);--color-checkbox-group-border-input-invalid:var(--color-feedback-negative-base)}po-combo{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color:var(--color-neutral-dark-90);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--border-radius:var(--border-width-lg);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--color-error:var(--color-feedback-negative-base);--text-color-suggestion:var(--color-neutral-mid-60);--background-suggestion:var(--color-brand-01-lightest)}po-container{--border-radius:var(--border-radius-md);--background:var(--color-neutral-light-00);--border-color:var(--color-neutral-light-20);--border-width:var(--border-width-sm);--padding:1em}:root{--color-datepicker-range-background-color-disabled:var(--color-neutral-light-20);--color-datepicker-range-border-text:var(--color-neutral-light-30);--color-datepicker-range-border-text-error:var(--color-feedback-negative-base);--color-datepicker-range-color-disabled:var(--color-neutral-light-30);--color-datepicker-range-color-focused:var(--color-action-default);--color-datepicker-range-color-text-error:var(--color-feedback-negative-base)}po-disclaimer{--border-radius:var(--border-radius-pill);--font-family:var(--font-family-theme);--font-size:var(--font-size-sm);--line-height:var(--line-height-sm);--color-neutral:var(--color-neutral-light-10);--text-color-neutral:var(--color-neutral-dark-80);--color:var(--color-brand-01-lightest);--border-color:var(--color-brand-01-lighter);--color-icon:var(--color-action-default);--text-color:var(--color-neutral-dark-80);--color-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-brand-01-darkest)}:root{--color-disclaimer-group-background-color:var(--color-neutral-light-00);--color-disclaimer-group-border-color:var(--color-neutral-light-10);--color-disclaimer-group-font-title:var(--color-neutral-dark-70)}po-divider{--color:var(--color-neutral-mid-40);--stroke-linecap:round}po-dropdown{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--font-weight:var(--font-weight-bold);--line-height:var(--line-height-none);--color:var(--color-action-default);--border-radius:var(--border-radius-md);--border-width:var(--border-width-md);--padding:0 1em;--color-hover:var(--color-brand-01-darkest);--background-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--background-pressed:var(--color-brand-01-light);--color-disabled:var(--color-action-disabled)}:root{--color-dropdown-button-color:var(--color);--color-dropdown-button-border-color:var(--color);--color-dropdown-button-color-hover:var(--color-hover);--color-dropdown-button-border-color-hover:var(--color-hover);--color-dropdown-button-color-disabled:var(--color-disabled);--color-dropdown-button-border-color-disabled:var(--color-disabled)}po-field-container-bottom{--font-family:var(--font-family-theme);--font-size:var(--font-size-sm);--line-height:var(--line-height-md);--text-color-help:var(--color-neutral-dark-90);--text-color-help-disabled:var(--color-neutral-mid-60);--text-color-error:var(--color-feedback-negative-dark);--color-icon-error:var(--color-feedback-negative-base)}:root{--color-field-container-bottom-color-text-error:var(--text-color-error);--color-field-container-color-help:var(--text-color-help);--color-field-icon-color:var(--color-primary);--color-field-icon-color-error:var(--color-feedback-negative-base);--color-field-icon-color-disabled:var(--color-neutral-light-30);--color-gauge-base-color:var(--color-neutral-light-20);--color-gauge-description-text-color:var(--color-neutral-dark-70);--color-gauge-description-bottom-focus:var(--color-action-default);--color-gauge-legend-scrollbar:var(--color-primary-alpha-50);--color-gauge-legend-text:var(--color-neutral-dark-70);--color-gauge-pointer-color:var(--color-neutral-dark-70);--color-info-color-text-label:var(--color-neutral-dark-70);--color-info-color-text-value:var(--color-neutral-dark-90);--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)}div.po-lookup-filter-content input.po-input,input.po-input,po-datepicker,po-datepicker-range,po-decimal,po-email,po-input,po-login,po-lookup,po-number,po-password,po-url{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--padding:0 0.5rem;--text-color:var(--color-neutral-dark-90);--color-hover:var(--color-brand-01-dark);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--text-color-disabled:var(--color-neutral-dark-70)}:root{--color-input-background-color-text:var(--background);--color-input-border-text:var(--color-disabled);--color-input-border-text-disabled:var(--background-disabled);--color-input-border-text-focusable:var(--color-focused);--color-input-border-text-error:var(--color-feedback-negative-base);--color-input-color-disabled:var(--text-color-disabled);--color-input-text-error:var(--color-feedback-negative-base);--color-input-text-placeholder:var(--text-color-placeholder)}po-item-list{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--line-height:var(--line-height-md);--font-weight:var(--font-weight-bold);--color:var(--color-action-default);--color-hover:var(--color-brand-01-darkest);--background-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--background-pressed:var(--color-brand-01-light);--color-disabled:var(--color-action-disabled);--color-option:var(--color-neutral-dark-90);--font-weight-selected:var(--font-weight-bold);--background-selected:var(--color-brand-01-lightest)}po-item-list:is([p-type=option],[p-type=check]){--font-weight:var(--font-weight-normal)}po-label{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--line-height:var(--line-height-md);--text-color:var(--color-neutral-dark-90);--font-weight-field:var(--font-weight-semibold);--text-color-required:var(--color-neutral-dark-70);--font-size-required:var(--font-size-sm);--line-height-required:var(--line-height-sm);--text-color-disabled:var(--color-neutral-mid-60)}po-link{--font-family:var(--font-family-theme);--text-color:var(--color-action-default);--text-color-hover:var(--color-action-hover);--text-color-pressed:var(--color-action-pressed);--outline-color-focused:var(--color-action-focus);--text-color-visited:var(--color-action-pressed)}po-listbox{--border-radius:var(--border-radius-md);--border-width:var(--border-width-sm);--border-color:var(--color-neutral-light-20);--background:var(--color-neutral-light-00);--shadow:var(--shadow-md)}:root{--color-list-view-background-color:var(--color-neutral-light-00);--color-list-view-border:var(--color-neutral-light-10);--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-dark-70)}po-loading{--font-family:var(--font-family-theme);--font-weight:var(--font-weight-normal);--text-color:var(--color-neutral-dark-70);--border-radius:var(--border-radius-md);--border-width:var(--border-width-sm);--border-color:var(--color-neutral-light-20);--background:var(--color-neutral-light-00);--shadow:var(--shadow-md)}po-loading-icon{--color:var(--color-action-default)}:root{--color-loading-color-label:var(--text-color);--color-loading-icon-color-neutral:var(--color-neutral-light-20);--color-loading-icon-color-primary:var(--color);--color-loading-overlay-background-color-content:var(--background);--color-loading-overlay-box-shadow-content:var(--shadow);--color-lookup-search-background-color-text:var(--color-neutral-light-00);--color-lookup-search-border-text:var(--color-neutral-light-30);--color-lookup-search-border-text-focusable:var(--color-primary);--color-lookup-advanced-search-link-color-text:var(--color-primary)}po-menu{--border-color:var(--color-neutral-light-20);--background-color:var(--color-neutral-light-05);--font-weight-lvl0:var(--font-weight-bold)}po-menu,po-menu-item{--border-radius:var(--border-radius-md);--color:var(--color-action-default);--font-size:var(--font-size-default);--line-height:var(--line-height-md);--outline-color-focused:var(--color-action-focus)}po-menu-item{--font-family:var(--font-family-theme);--background-color:rgba(0,0,0,0);--color-hover:var(--color-brand-01-darkest);--background-color-hover:var(--color-brand-01-lighter);--background-color-pressed:var(--color-brand-01-light);--background-color-actived:var(--color-brand-01-lightest);--color-actived:var(--color-action-pressed);--font-weight-lvl0:var(--font-weight-bold);--font-weight-lvl1:var(--font-weight-normal)}:root{--color-menu-color-menu-item-text:var(--color);--color-menu-color-menu-item-selected:var(--color-actived);--color-menu-color-menu-responsive:var(--color);--color-menu-background-color-item-hover:var(--background-color-hover);--color-menu-background-color-item-selected:var(--background-color-actived);--color-menu-background-color-menu:var(--background-color);--color-menu-background-color-menu-responsive-overlay:var(--color-neutral-dark-80);--color-menu-border-top-collapse-button:var(--border-color)}po-menu-filter{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--border-radius:var(--border-radius-md);--background:var(--color-neutral-light-05);--text-color:var(--color-neutral-dark-90);--color-icon-read:var(--color-neutral-dark-70);--color-clear:var(--color-action-default);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus)}:root{--color-menu-filter-color-icon:var(--color-icon-read);--color-menu-filter-color-text:var(--text-color);--color-menu-filter-background-color:var(--background);--color-menu-filter-border:var(--color);--color-menu-filter-border-focusable:var(--color-focused);--color-menu-panel-background-color-item-hover:var(--color-black-alpha-15);--color-menu-panel-background-color-item-selected:var(--color-neutral-light-20);--color-menu-panel-background-color-menu:var(--color-neutral-light-00);--color-menu-panel-border-top-logo:var(--color-neutral-light-20);--color-menu-panel-color-menu-item-text:var(--color-primary);--color-menu-panel-color-menu-item-selected:var(--color-neutral-dark-90)}po-modal{--border-radius:var(--border-radius-md);--border-width:var(--border-width-sm);--border-color:var(--color-neutral-light-20);--background:var(--color-neutral-light-00);--shadow:var(--shadow-md);--color-overlay:var(--color-neutral-dark-80);--opacity-overlay:0.7;--color-divider:var(--color-neutral-light-20)}:root{--color-modal-background-color-content:var(--background);--color-modal-color-overlay:var(--color-overlay);--shadow-modal-content:var(--shadow);--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-dark-70)}po-multiselect{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color-placeholder:var(--color-action-disabled);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-action-disabled);--background-disabled:var(--color-neutral-light-20);--color-error:var(--color-feedback-negative-base)}:root{--color-navbar-color:var(--color-neutral-light-00);--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-dark-70);--color-navbar-item-color-shadow-selected:var(--color-feedback-negative-light);--color-navbar-item-navigation-color-icon:var(--color-primary);--color-navbar-item-navigation-color-icon-disabled:var(--color-neutral-light-20)}po-overlay{--color-overlay:var(--color-neutral-dark-80);--opacity-overlay:0.7}:root{--color-page-background-color-page:var(--color-neutral-light-00);--color-page-background-select-item-border-color:var(--color-neutral-light-10);--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-dark-70);--color-page--blocked-user-background-color:var(--color-neutral-light-05);--color-page-change-password-background-color-buttons:var(--color-neutral-light-05);--color-page-change-password-background-color-container:var(--color-neutral-light-00);--color-page-change-password-background-color-secondary-logo:var(--color-neutral-light-05);--color-page-change-password-color-link:var(--color-primary);--color-page-change-password-color-text:var(--color-neutral-dark-70);--color-page-change-password-color-required:var(--color-neutral-dark-70);--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-dark-70);--color-page-list-color-link-text:var(--color-primary);--color-page-login-header-product-name-color:var(--color-neutral-dark-70);--color-page-login-header-welcome-color:var(--color-action-default);--color-page-login-background-color:var(--color-neutral-light-05);--color-page-login-background-highlight-image:var(--color-neutral-light-10);--color-page-login-highlight-text-color:var(--color-neutral-light-00);--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-brand-03-base);--color-page-login-support-background-color:var(--color-neutral-light-00);--color-page-login-support-color:var(--color-primary)}po-page-slide{--background-color:var(--color-neutral-light-00);--border-radius:var(--border-radius-md);--color-overlay:var(--color-neutral-dark-80);--opacity-overlay:0.7;--font-family:var(--font-family-heading);--color-title:var(--color-neutral-dark-95)}:root{--color-page-slide-close-button-color:var(--color-primary);--color-page-slide-body-text-color:var(--color-neutral-dark-90);--color-popover-background-color:var(--color-neutral-light-00);--color-popover-background-color-arrow:var(--color-neutral-light-00);--color-popover-background-color-scrollbar:var(--color-primary);--color-popover-color-text-title:var(--color-neutral-dark-70)}po-popup,po-popup po-listbox{--border-radius:var(--border-radius-md);--border-width:var(--border-width-sm);--border-color:var(--color-neutral-light-20);--background:var(--color-neutral-light-00);--shadow:var(--shadow-md)}po-popup po-item-list{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--line-height:var(--line-height-md);--font-weight:var(--font-weight-bold);--color:var(--color-action-default);--color-hover:var(--color-brand-01-darkest);--background-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--background-pressed:var(--color-brand-01-light);--color-disabled:var(--color-action-disabled);--color-option:var(--color-neutral-dark-90);--font-weight-selected:var(--font-weight-bold);--background-selected:var(--color-brand-01-lightest)}:root{--color-popup-background-color-popup:var(--background);--color-popup-background-color-popup-item-hover:var(--background-hover);--color-popup-background-color-popup-item-selected:var(--background-selected);--color-popup-background-color-popup-item-selected-hover:var(--background-hover);--color-popup-border-color-separator:var(--color-neutral-light-10);--color-popup-color-danger:var(--color-feedback-negative-base);--color-popup-color-default:var(--color);--color-popup-color-disabled:var(--color-disabled);--color-popup-color-item-selected:var(--color-option)}po-progress{--font-family:var(--font-family-theme);--text-color:var(--color-neutral-dark-90);--text-color-error:var(--color-feedback-negative-dark);--color-icon-error:var(--color-feedback-negative-dark)}po-progress-bar{--background-color-tray:var(--color-brand-01-lightest);--background-color-indicator:var(--color-action-default)}:root{--color-progress-color-text:var(--text-color);--color-progress-color-text-error:var(--text-color-error);--color-progress-bar-background-color-bar:var(--background-color-tray);--color-progress-bar-background-color-default:var(--background-color-indicator)}po-radio{--color-unchecked:var(--color-neutral-light-00);--border-color:var(--color-neutral-dark-70);--shadow-color-hover:var(--color-brand-01-lighter);--color-hover:var(--color-brand-01-dark);--outline-color-focused:var(--color-brand-01-darkest);--color-checked:var(--color-action-default);--color-unchecked-disabled:var(--color-neutral-light-30);--color-checked-disabled:var(--color-neutral-dark-70)}:root{--color-rich-text-background-color-scrollbar:var(--color-primary-alpha-50);--color-rich-text-body-background-color:var(--color-neutral-light-00);--color-rich-text-body-border-error:var(--color-feedback-negative-base);--color-rich-text-body-text-error:var(--color-feedback-negative-base);--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-mid-40);--color-rich-text-toolbar-background-color:var(--color-rich-text-body-background-color)}po-search{--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--border-radius:var(--border-radius-md);--text-color:var(--color-neutral-dark-90);--color-icon-read:var(--color-neutral-dark-70);--color-icon:var(--color-action-default);--color-clear:var(--color-action-default);--color-hover:var(--color-action-hover);--color-focused:var(--color-action-default);--color-disabled:var(--color-action-disabled)}po-search,po-select{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--background:var(--color-neutral-light-05);--background-hover:var(--color-brand-01-lightest);--outline-color-focused:var(--color-action-focus);--background-disabled:var(--color-neutral-light-20)}po-select{--text-color-empty:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--padding-horizontal:0.5em;--padding-vertical:0.7em;--text-color:var(--color-neutral-dark-90);--color-hover:var(--color-brand-01-dark);--color-focused:var(--color-action-default);--color-disabled:var(--color-neutral-light-30);--background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.707 8.293a.999.999 0 00-1.414 0L12 13.586 6.707 8.293a.999.999 0 10-1.414 1.414l6 6a.997.997 0 001.414 0l6-6a.999.999 0 000-1.414z' fill='%235b1c7d'/%3E%3C/svg%3E")}:root{--color-slide-background-color-active-circle:var(--color-primary);--color-slide-background-color-arrow-circle:var(--color-neutral-light-00);--color-slide-background-color-circle:var(--color-neutral-light-20);--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-dark-70);--color-stepper-bar-disabled:var(--color-neutral-mid-40);--color-stepper-circle-active:var(--color-primary);--color-stepper-circle-default:var(--color-primary);--color-stepper-circle-disabled:var(--color-neutral-light-30);--color-stepper-circle-error:var(--color-feedback-negative-base)}po-switch{--color-unchecked:var(--color-neutral-light-00);--border-color:var(--color-neutral-dark-70);--track-unchecked:var(--color-neutral-light-20);--color-checked:var(--color-action-default);--track-checked:var(--color-brand-01-light);--color-unchecked-hover:var(--color-brand-01-lightest);--color-checked-hover:var(--color-action-hover);--outline-color-focused:var(--color-action-focus);--color-unchecked-disabled:var(--color-neutral-light-20);--color-checked-disabled:var(--color-action-disabled)}:root{--color-tab-button-box-shadow:var(--color-neutral-light-10);--color-tab-button-box-shadow-active:var(--color-action-default);--color-tab-button-color:var(--color-action-default);--color-tab-button-color-disabled:var(--color-neutral-light-30);--color-tab-dropdown-background-color-tab-dropdown-button-active:var(--color-primary);--color-tab-dropdown-background-color-tab-dropdown-button-disabled:var(--color-neutral-light-00);--color-tab-dropdown-background-color-tab-dropdown-button-hover:var(--color-primary-light-95);--color-tab-dropdown-color-tab-dropdown-button:var(--color-neutral-light-00)}po-table{--background-color:var(--color-neutral-light-00);--color:var(--color-neutral-dark-95);--font-family:var(--font-family-theme);--background-striped-color:var(--color-neutral-light-05);--color-line:var(--color-neutral-mid-40);--background-color-selected:var(--color-brand-01-lightest);--background-color-headline:var(--color-neutral-light-10);--font-weight-headline:var(--font-weight-bold);--color-hover:var(--color-action-hover);--background-color-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--color-actived:var(--color-neutral-dark-90);--background-color-actived:var(--color-brand-01-light);--color-disabled:var(--color-neutral-mid-40)}:root{--color-table-background-color-action-hover:var(--color-action-hover);--color-table-background-color-active:var(--background-color-actived);--color-table-background-color-header:var(--color-neutral-light-10);--color-table-background-color-overlay:var(--color-secondary-dark-60-alpha-70);--color-table-background-color-overlay-content:var(--color-neutral-light-00);--color-table-background-color-row-strip:var(--background-striped-color);--color-table-background-color-selected:var(--background-color-selected);--color-table-background-color-table:var(--color-neutral-light-00);--color-table-border-rows:var(--color-line);--color-table-color-footer-show-subtitle:var(--color-neutral-dark-95);--color-table-background-color-footer-show-subtitle:var(--color-neutral-light-00);--color-table-border-footer-show-subtitle:var(--color-neutral-light-10);--color-table-box-shadow-footer:var(--color-line);--color-table-box-shadow-overlay-content:var(--color-black-alpha-30);--color-table-color-actions:var(--color-action-default);--color-table-color-header:var(--color);--color-table-color-text:var(--color);--color-table-color-disabled:var(--color-disabled);--color-table-color-subtitle-text:var(--color-neutral-light-00);--color-table-color-single-action-hover:var(--color-action-hover);--color-table-color-link-disabled:var(--color-neutral-light-20)}po-table-list-manager{--color-type:var(--color-neutral-dark-70);--color-column-text:var(--color-neutral-dark-95)}:root{--color-table-column-manager-body-color-background-scrollbar:var(--color-primary);--color-table-column-manager-border-color:var(--color-neutral-light-10);--color-table-column-manager-close-button-color:var(--color-primary);--color-table-column-manager-header-title:var(--color-neutral-dark-90);--color-table-column-manager-outline-color-focus:var(--color-action-default)}po-tag{--border-radius:var(--border-radius-pill);--font-family:var(--font-family-theme);--font-size:var(--font-size-sm);--line-height:var(--line-height-sm);--color-neutral:var(--color-neutral-light-10);--text-color-neutral:var(--color-neutral-dark-80);--color-positive:var(--color-feedback-positive-lightest);--text-color-positive:var(--color-feedback-positive-dark);--color-negative:var(--color-feedback-negative-lightest);--text-color-negative:var(--color-feedback-negative-darker);--color-tag-warning:var(--color-feedback-warning-lightest);--text-color-warning:var(--color-feedback-warning-darkest);--color-info:var(--color-feedback-info-lightest);--text-color-info:var(--color-feedback-info-dark);--color:var(--color-brand-01-lightest);--border-color:var(--color-brand-01-lighter);--color-icon:var(--color-action-default);--text-color:var(--color-neutral-dark-80);--color-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-20);--border-color-disabled:var(--color-action-disabled);--color-icon-disabled:var(--color-action-disabled);--text-color-disabled:var(--color-neutral-mid-60)}:root{--color-tag-background-color-white:var(--color-neutral-light-00);--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)}po-textarea{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--text-color:var(--color-neutral-dark-90);--color-hover:var(--color-brand-01-dark);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--text-color-readonly:var(--color-neutral-dark-70);--color-error:var(--color-feedback-negative-base)}:root{--color-toolbar-background-color-badge:var(--color-feedback-negative-base);--color-toolbar-background-color-toolbar:var(--color-neutral-light-00);--color-toolbar-border-color-separator:var(--color-neutral-light-10);--color-toolbar-color-badge-text:var(--color-neutral-light-00);--color-toolbar-color-default:var(--color-primary);--color-toolbar-color-title:var(--color-action-default)}.po-tooltip{--color:var(--color-neutral-dark-80);--border-radius:var(--border-radius-md);--font-family:var(--font-family-theme);--text-color:var(--color-neutral-light-00)}:root{--color-tree-view-item-border-bottom-color:var(--color-neutral-light-10);--color-tree-view-item-header-button-color:var(--color-primary);--color-tree-view-item-header-button-focus:var(--color-action-default);--color-tree-view-item-header-label-text-color:var(--color-neutral-dark-70);--color-upload-color-text-filename-loading:var(--color-neutral-dark-90);--color-upload-background-color-disabled:var(--color-neutral-light-00);--color-upload-border-disabled:var(--color-neutral-light-30);--color-upload-color-disabled:var(--color-neutral-light-30);--color-upload-background-color-hover:var(--color-neutral-light-00);--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-neutral-light-00);--color-upload-border-pressed:var(--color-primary-dark-40);--color-upload-color-pressed:var(--color-primary-dark-40);--color-upload-color-progress:var(--color-brand-03-base);--color-upload-color-text-load:var(--color-neutral-light-00);--color-upload-background-color-success:var(--color-success);--color-upload-background-color-load-progress:var(--color-brand-03-base);--color-upload-background-color-error:var(--color-feedback-negative-base);--color-upload-color-text-load-waiting:var(--color-neutral-dark-70);--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-neutral-light-00);--color-upload-drag-drop-area-icon:var(--color-neutral-light-20);--color-upload-drag-drop-area-label-text:var(--color-neutral-dark-70);--color-upload-drag-drop-area-select-files-text:var(--color-primary);--color-upload-drag-drop-area-border:var(--color-neutral-light-30);--color-upload-drag-drop-area-border-primary:var(--color-primary);--color-upload-drag-drop-area-border-error:var(--color-feedback-negative-base);--color-upload-drag-drop-area-background-color-disabled:var(--color-neutral-light-10);--color-upload-drag-drop-area-color-disabled:var(--color-neutral-light-30);--color-upload-file-restrictions-color-text:var(--color-neutral-dark-70)}po-widget{--padding:1em;--border-radius:var(--border-radius-md);--border-color:var(--color-neutral-light-20);--background:var(--color-neutral-light-00);--border-width:var(--border-width-sm);--shadow:var(--shadow-md);--background-selected:var(--color-brand-01-lightest);--border-color-selected:var(--color-action-default);--border-color-hover:var(--color-brand-01-dark);--shadow-hover:var(--shadow-lg);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus)}:root{--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-dark-70);--color-widget-color-title-action:var(--color-primary);--color-widget-color-widget-primary:var(--color-neutral-dark-90);--color-widget-primary-background-color:var(--color-brand-03-base);--border-widget-border-no-shadow:solid var(--border-width) var(--color-neutral-light-10);--color-widget-border-color-footer:var(--color-neutral-light-10);--color-widget-border-color-footer-primary:var(--color-white-alpha-30);--color-widget-background-color-disabled:var(--color-neutral-light-10);--color-widget-background-color-scroll-disabled:var(--color-neutral-mid-40);--color-widget-color-disabled:var(--color-neutral-mid-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-neutral-light-00);--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-feedback-negative-lightest);--color-toaster-border-color-error:var(--color-feedback-negative-lighter);--color-toaster-icon-background-color-error:var(--color-feedback-negative-base);--color-toaster-icon-color-error:var(--color-neutral-light-00);--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-neutral-light-00)}
1
+ :root{--color-wrapper-menu-panel-color-background:var(--color-neutral-light-00);--color-overlay-background-color-overlay:var(--color-secondary-dark-60-alpha-70);--color-hr-border-top:var(--color-neutral-light-10);--outline-width:var(--border-width-lg)}: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:var(--color-brand-02-base);--color-primary-dark-20:#9d2c67;--color-primary-dark-40:#8b255a;--color-secondary-dark-60-alpha-70:rgba(59,28,74,0.7);--color-secondary-dark-60:#3b1c4a;--color-tertiary-light-90:#fffaef;--color-tertiary-dark-5:#f4d069;--color-tertiary-dark-40:#d2b25a;--color-tertiary-dark-60:#ac9249;--color-white-alpha-30:hsla(0,0%,100%,0.3);--color-neutral-alpha-45:rgba(74,92,96,0.45);--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-default:#00b28e;--color-warning-default:#ea9b3e;--color-danger-dark-20:#9e3933;--color-transparent:rgba(0,0,0,0);--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}po-accordion{--background-color:var(--color-neutral-light-00);--color:var(--color-action-default);--font-size:var(--font-size-default);--background-hover:var(--color-brand-01-lightest);--color-hover:var(--color-action-hover);--color-pressed:var(--color-action-pressed);--color-focus:var(--color-action-focus);--background-disabled:var(--color-neutral-light-10);--color-disabled:var(--color-neutral-mid-60)}po-accordion,po-accordion-manager{--font-family:var(--font-family-theme);--font-weight:var(--font-weight-bold);--background-pressed:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus)}po-accordion-manager{--background-color:var(--color-brand-01-lightest);--color:var(--color-action-default);--font-size:var(--font-size-sm);--color-pressed:var(--color-action-pressed);--color-focus:var(--color-action-default)}:root{--color-accordion-header-color-primary:var(--color);--color-accordion-header-color-hover:var(--color-hover);--color-accordion-item-header-button-background-color:var(--background-color);--color-accordion-item-header-button-focus:var(--color-focus);--color-avatar-background-color-avatar:var(--color-neutral-dark-70)}po-button{--font-size:var(--font-size-default);--line-height:var(--line-height-none);--border-radius:var(--border-radius-md);--border-width:var(--border-width-md);--padding:0 1em;--text-color-danger:var(--color-neutral-light-00);--color-button-danger:var(--color-feedback-negative-dark);--color-danger-hover:var(--color-feedback-negative-darker);--color-danger-pressed:var(--color-feedback-negative-darkest);--background-danger-hover:var(--color-feedback-negative-lighter);--border-color-danger-hover:var(--color-feedback-negative-darkest);--background-danger-pressed:var(--color-feedback-negative-light);--background-color-button-danger:var(--color-transparent);--text-color:var(--color-neutral-light-00);--color:var(--color-action-default);--background-color:var(--color-transparent);--border-color:var(--color-transparent);--shadow:var(--shadow-none);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lighter);--border-color-hover:var(--color-brand-01-darkest);--outline-color-focused:var(--color-action-focus);--color-pressed:var(--color-action-pressed);--background-pressed:var(--color-brand-01-light);--text-color-disabled:var(--color-neutral-dark-70);--color-disabled:var(--color-action-disabled);--background-color-disabled:var(--color-transparent)}po-badge,po-button{--font-family:var(--font-family-theme);--font-weight:var(--font-weight-bold)}po-badge{--background-color:var(--color-feedback-negative-base);--border-color:var(--color-neutral-light-00);--color:var(--color-neutral-light-00);--border-radius:var(--border-radius-md)}po-badge[p-status=disabled]{--background-color:var(--color-action-disabled)}po-badge[p-status=positive]{--background-color:var(--color-feedback-positive-base)}po-badge[p-status=negative]{--background-color:var(--color-feedback-negative-base)}po-badge[p-status=warning]{--background-color:var(--color-feedback-warning-base);--color:var(--color-neutral-dark-95)}:root{--color-badge-color:var(--color-neutral-light-00)}po-breadcrumb{--color-icon:var(--color-neutral-mid-60);--color-current-page:var(--color-neutral-mid-60)}po-breadcrumb,po-button-group .po-button{--font-family:var(--font-family-theme);--color:var(--color-action-default)}po-button-group .po-button{--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 1em;--text-color:var(--color-neutral-light-00);--background-color:var(--color-transparent);--shadow:var(--shadow-none);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lighter);--border-color-hover:var(--color-brand-01-darkest);--outline-color-focused:var(--color-action-focus);--color-pressed:var(--color-action-pressed);--background-pressed:var(--color-brand-01-light);--color-disabled:var(--color-action-disabled);--background-color-disabled:var(--color-transparent)}:root{--color-breadcrumb-color-item:var(--color);--color-button-group-background-selected:var(--color-pressed);--color-button-group-border-selected:var(--color-pressed);--color-button-group-color-selected:var(--text-color);--color-button-group-background-color-neutral-hover:var(--color-hover);--color-button-group-border-neutral-hover:var(--color-hover);--color-button-group-color-neutral-hover:var(--text-color);--color-button-group-background-color-neutral-pressed:var(--color-pressed);--color-button-group-border-neutral-pressed:var(--color-pressed);--color-button-group-color-neutral-pressed:var(--text-color);--color-button-group-background-color-neutral-disabled:var(--background-color-disabled);--color-button-group-border-neutral-disabled:var(--color-disabled);--color-button-group-color-neutral-disabled:var(--color-disabled);--color-calendar-background-color:var(--color-neutral-light-00);--color-calendar-arrow:var(--color-primary);--color-calendar-title:var(--color-primary);--color-calender-color-content-label:var(--color-neutral-mid-40);--color-calendar-background-color-box-background-normal:var(--color-transparent);--color-calendar-background-color-box-background-hover:var(--color-neutral-light-20);--color-calendar-background-color-box-background-disabled:var(--color-neutral-light-30);--color-calendar-background-color-box-background-active:var(--color-brand-03-base);--color-calendar-background-color-mobile-overlay:var(--color-secondary-dark-60-alpha-70);--color-calendar-text-box-background-active:var(--color-neutral-dark-90);--color-calendar-background-color-box-background-selected:var(--color-brand-03-base);--color-calendar-background-color-box-background-range:var(--color-primary-light-80);--color-calendar-background-color-box-background-today-hover:var(--color-neutral-light-20);--color-calendar-background-color-border-today:var(--color-primary);--color-calendar-color-box-foreground:var(--color-neutral-dark-70);--color-calendar-color-box-foreground-selected:var(--color-neutral-dark-90);--color-calendar-color-box-foreground-pressed:var(--color-neutral-dark-90);--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-20);--color-chart-background-color:var(--color-neutral-light-00);--color-chart-legend-wrapper-scrollbar:var(--color-primary-alpha-50);--color-chart-axis-stroke:var(--color-neutral-light-20);--color-chart-legend-text:var(--color-neutral-dark-70);--color-chart-axis-label-text:var(--color-neutral-dark-90);--color-chart-line-point-fill:var(--color-neutral-light-00)}po-checkbox{--border-color:var(--color-neutral-dark-70);--color-unchecked:var(--color-neutral-light-00);--color-checked:var(--color-action-default);--color-hover:var(--color-action-hover);--shadow-color-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--color-unchecked-disabled:var(--color-action-disabled);--color-checked-disabled:var(--color-neutral-dark-70)}:root{--color-checkbox-background-color:var(--color-unchecked);--color-checkbox-background-color-active:var(--color-checked);--color-checkbox-background-color-disabled:var(--color-unchecked-disabled);--color-checkbox-box-shadow-color-focusable:var(--outline-color-focused);--color-checkbox-border-input:var(--border-color);--color-checkbox-border-input-active:var(--color-hover);--color-checkbox-border-input-disabled:var(--color-checked-disabled);--color-checkbox-border-input-invalid:var(--color-feedback-negative-base);--color-checkbox-background-color-active-disabled:var(--color-checked-disabled);--color-checkbox-hover-active:var(--shadow-color-hover);--color-checkbox-group-border-input-invalid:var(--color-feedback-negative-base)}po-combo{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color:var(--color-neutral-dark-90);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--border-radius:var(--border-width-lg);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--color-error:var(--color-feedback-negative-base);--text-color-suggestion:var(--color-neutral-mid-60);--background-suggestion:var(--color-brand-01-lightest)}po-container{--border-radius:var(--border-radius-md);--background:var(--color-neutral-light-00);--border-color:var(--color-neutral-light-20);--border-width:var(--border-width-sm);--padding:1em}:root{--color-datepicker-range-background-color-disabled:var(--color-neutral-light-20);--color-datepicker-range-border-text:var(--color-neutral-light-30);--color-datepicker-range-border-text-error:var(--color-feedback-negative-base);--color-datepicker-range-color-disabled:var(--color-neutral-light-30);--color-datepicker-range-color-focused:var(--color-action-default);--color-datepicker-range-color-text-error:var(--color-feedback-negative-base)}po-disclaimer{--border-radius:var(--border-radius-pill);--font-family:var(--font-family-theme);--font-size:var(--font-size-sm);--line-height:var(--line-height-sm);--color-neutral:var(--color-neutral-light-10);--text-color-neutral:var(--color-neutral-dark-80);--color:var(--color-brand-01-lightest);--border-color:var(--color-brand-01-lighter);--color-icon:var(--color-action-default);--text-color:var(--color-neutral-dark-80);--color-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-brand-01-darkest)}:root{--color-disclaimer-group-background-color:var(--color-neutral-light-00);--color-disclaimer-group-border-color:var(--color-neutral-light-10);--color-disclaimer-group-font-title:var(--color-neutral-dark-70)}po-divider{--color:var(--color-neutral-mid-40);--stroke-linecap:round}po-dropdown{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--font-weight:var(--font-weight-bold);--line-height:var(--line-height-none);--color:var(--color-action-default);--border-radius:var(--border-radius-md);--border-width:var(--border-width-md);--padding:0 1em;--color-hover:var(--color-brand-01-darkest);--background-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--background-pressed:var(--color-brand-01-light);--color-disabled:var(--color-action-disabled)}:root{--color-dropdown-button-color:var(--color);--color-dropdown-button-border-color:var(--color);--color-dropdown-button-color-hover:var(--color-hover);--color-dropdown-button-border-color-hover:var(--color-hover);--color-dropdown-button-color-disabled:var(--color-disabled);--color-dropdown-button-border-color-disabled:var(--color-disabled)}po-field-container-bottom{--font-family:var(--font-family-theme);--font-size:var(--font-size-sm);--line-height:var(--line-height-md);--text-color-help:var(--color-neutral-dark-90);--text-color-help-disabled:var(--color-neutral-mid-60);--text-color-error:var(--color-feedback-negative-dark);--color-icon-error:var(--color-feedback-negative-base)}:root{--color-field-container-bottom-color-text-error:var(--text-color-error);--color-field-container-color-help:var(--text-color-help);--color-field-icon-color:var(--color-primary);--color-field-icon-color-error:var(--color-feedback-negative-base);--color-field-icon-color-disabled:var(--color-neutral-light-30);--color-gauge-base-color:var(--color-neutral-light-20);--color-gauge-description-text-color:var(--color-neutral-dark-70);--color-gauge-description-bottom-focus:var(--color-action-default);--color-gauge-legend-scrollbar:var(--color-primary-alpha-50);--color-gauge-legend-text:var(--color-neutral-dark-70);--color-gauge-pointer-color:var(--color-neutral-dark-70);--color-info-color-text-label:var(--color-neutral-dark-70);--color-info-color-text-value:var(--color-neutral-dark-90);--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)}div.po-lookup-filter-content input.po-input,input.po-input,po-datepicker,po-datepicker-range,po-decimal,po-email,po-input,po-login,po-lookup,po-number,po-password,po-url{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--padding:0 0.5rem;--text-color:var(--color-neutral-dark-90);--color-hover:var(--color-brand-01-dark);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--text-color-disabled:var(--color-neutral-dark-70)}:root{--color-input-background-color-text:var(--background);--color-input-border-text:var(--color-disabled);--color-input-border-text-disabled:var(--background-disabled);--color-input-border-text-focusable:var(--color-focused);--color-input-border-text-error:var(--color-feedback-negative-base);--color-input-color-disabled:var(--text-color-disabled);--color-input-text-error:var(--color-feedback-negative-base);--color-input-text-placeholder:var(--text-color-placeholder)}po-item-list{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--line-height:var(--line-height-md);--font-weight:var(--font-weight-bold);--color:var(--color-action-default);--color-hover:var(--color-brand-01-darkest);--background-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--background-pressed:var(--color-brand-01-light);--color-disabled:var(--color-action-disabled);--color-option:var(--color-neutral-dark-90);--font-weight-selected:var(--font-weight-bold);--background-selected:var(--color-brand-01-lightest)}po-item-list:is([p-type=option],[p-type=check]){--font-weight:var(--font-weight-normal)}po-label{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--line-height:var(--line-height-md);--text-color:var(--color-neutral-dark-90);--font-weight-field:var(--font-weight-semibold);--text-color-required:var(--color-neutral-dark-70);--font-size-required:var(--font-size-sm);--line-height-required:var(--line-height-sm);--text-color-disabled:var(--color-neutral-mid-60)}po-link{--font-family:var(--font-family-theme);--text-color:var(--color-action-default);--text-color-hover:var(--color-action-hover);--text-color-pressed:var(--color-action-pressed);--outline-color-focused:var(--color-action-focus);--text-color-visited:var(--color-action-pressed)}po-listbox{--border-radius:var(--border-radius-md);--border-width:var(--border-width-sm);--border-color:var(--color-neutral-light-20);--background:var(--color-neutral-light-00);--shadow:var(--shadow-md)}:root{--color-list-view-background-color:var(--color-neutral-light-00);--color-list-view-border:var(--color-neutral-light-10);--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-dark-70)}po-loading{--font-family:var(--font-family-theme);--font-weight:var(--font-weight-normal);--text-color:var(--color-neutral-dark-70);--border-radius:var(--border-radius-md);--border-width:var(--border-width-sm);--border-color:var(--color-neutral-light-20);--background:var(--color-neutral-light-00);--shadow:var(--shadow-md)}po-loading-icon{--color:var(--color-action-default)}:root{--color-loading-color-label:var(--text-color);--color-loading-icon-color-neutral:var(--color-neutral-light-20);--color-loading-icon-color-primary:var(--color);--color-loading-overlay-background-color-content:var(--background);--color-loading-overlay-box-shadow-content:var(--shadow);--color-lookup-search-background-color-text:var(--color-neutral-light-00);--color-lookup-search-border-text:var(--color-neutral-light-30);--color-lookup-search-border-text-focusable:var(--color-primary);--color-lookup-advanced-search-link-color-text:var(--color-primary)}po-menu{--border-color:var(--color-neutral-light-20);--background-color:var(--color-neutral-light-05);--font-weight-lvl0:var(--font-weight-bold)}po-menu,po-menu-item{--border-radius:var(--border-radius-md);--color:var(--color-action-default);--font-size:var(--font-size-default);--line-height:var(--line-height-md);--outline-color-focused:var(--color-action-focus)}po-menu-item{--font-family:var(--font-family-theme);--background-color:rgba(0,0,0,0);--color-hover:var(--color-brand-01-darkest);--background-color-hover:var(--color-brand-01-lighter);--background-color-pressed:var(--color-brand-01-light);--background-color-actived:var(--color-brand-01-lightest);--color-actived:var(--color-action-pressed);--font-weight-lvl0:var(--font-weight-bold);--font-weight-lvl1:var(--font-weight-normal)}:root{--color-menu-color-menu-item-text:var(--color);--color-menu-color-menu-item-selected:var(--color-actived);--color-menu-color-menu-responsive:var(--color);--color-menu-background-color-item-hover:var(--background-color-hover);--color-menu-background-color-item-selected:var(--background-color-actived);--color-menu-background-color-menu:var(--background-color);--color-menu-background-color-menu-responsive-overlay:var(--color-neutral-dark-80);--color-menu-border-top-collapse-button:var(--border-color)}po-menu-filter{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--border-radius:var(--border-radius-md);--background:var(--color-neutral-light-05);--text-color:var(--color-neutral-dark-90);--color-icon-read:var(--color-neutral-dark-70);--color-clear:var(--color-action-default);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus)}:root{--color-menu-filter-color-icon:var(--color-icon-read);--color-menu-filter-color-text:var(--text-color);--color-menu-filter-background-color:var(--background);--color-menu-filter-border:var(--color);--color-menu-filter-border-focusable:var(--color-focused);--color-menu-panel-background-color-item-hover:var(--color-black-alpha-15);--color-menu-panel-background-color-item-selected:var(--color-neutral-light-20);--color-menu-panel-background-color-menu:var(--color-neutral-light-00);--color-menu-panel-border-top-logo:var(--color-neutral-light-20);--color-menu-panel-color-menu-item-text:var(--color-primary);--color-menu-panel-color-menu-item-selected:var(--color-neutral-dark-90)}po-modal{--border-radius:var(--border-radius-md);--border-width:var(--border-width-sm);--border-color:var(--color-neutral-light-20);--background:var(--color-neutral-light-00);--shadow:var(--shadow-md);--color-overlay:var(--color-neutral-dark-80);--opacity-overlay:0.7;--color-divider:var(--color-neutral-light-20)}:root{--color-modal-background-color-content:var(--background);--color-modal-color-overlay:var(--color-overlay);--shadow-modal-content:var(--shadow);--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-dark-70)}po-multiselect{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color-placeholder:var(--color-action-disabled);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-action-disabled);--background-disabled:var(--color-neutral-light-20);--color-error:var(--color-feedback-negative-base)}:root{--color-navbar-color:var(--color-neutral-light-00);--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-dark-70);--color-navbar-item-color-shadow-selected:var(--color-feedback-negative-light);--color-navbar-item-navigation-color-icon:var(--color-primary);--color-navbar-item-navigation-color-icon-disabled:var(--color-neutral-light-20)}po-overlay{--color-overlay:var(--color-neutral-dark-80);--opacity-overlay:0.7}:root{--color-page-background-color-page:var(--color-neutral-light-00);--color-page-background-select-item-border-color:var(--color-neutral-light-10);--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-dark-70);--color-page--blocked-user-background-color:var(--color-neutral-light-05);--color-page-change-password-background-color-buttons:var(--color-neutral-light-05);--color-page-change-password-background-color-container:var(--color-neutral-light-00);--color-page-change-password-background-color-secondary-logo:var(--color-neutral-light-05);--color-page-change-password-color-link:var(--color-primary);--color-page-change-password-color-text:var(--color-neutral-dark-70);--color-page-change-password-color-required:var(--color-neutral-dark-70);--color-page-change-password-color-required-ok:var(--color-success-default);--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-dark-70);--color-page-list-color-link-text:var(--color-primary);--color-page-login-header-product-name-color:var(--color-neutral-dark-70);--color-page-login-header-welcome-color:var(--color-action-default);--color-page-login-background-color:var(--color-neutral-light-05);--color-page-login-background-highlight-image:var(--color-neutral-light-10);--color-page-login-highlight-text-color:var(--color-neutral-light-00);--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-brand-03-base);--color-page-login-support-background-color:var(--color-neutral-light-00);--color-page-login-support-color:var(--color-primary)}po-page-slide{--background-color:var(--color-neutral-light-00);--border-radius:var(--border-radius-md);--color-overlay:var(--color-neutral-dark-80);--opacity-overlay:0.7;--font-family:var(--font-family-heading);--color-title:var(--color-neutral-dark-95)}:root{--color-page-slide-close-button-color:var(--color-primary);--color-page-slide-body-text-color:var(--color-neutral-dark-90);--color-popover-background-color:var(--color-neutral-light-00);--color-popover-background-color-arrow:var(--color-neutral-light-00);--color-popover-background-color-scrollbar:var(--color-primary);--color-popover-color-text-title:var(--color-neutral-dark-70)}po-popup,po-popup po-listbox{--border-radius:var(--border-radius-md);--border-width:var(--border-width-sm);--border-color:var(--color-neutral-light-20);--background:var(--color-neutral-light-00);--shadow:var(--shadow-md)}po-popup po-item-list{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--line-height:var(--line-height-md);--font-weight:var(--font-weight-bold);--color:var(--color-action-default);--color-hover:var(--color-brand-01-darkest);--background-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--background-pressed:var(--color-brand-01-light);--color-disabled:var(--color-action-disabled);--color-option:var(--color-neutral-dark-90);--font-weight-selected:var(--font-weight-bold);--background-selected:var(--color-brand-01-lightest)}:root{--color-popup-background-color-popup:var(--background);--color-popup-background-color-popup-item-hover:var(--background-hover);--color-popup-background-color-popup-item-selected:var(--background-selected);--color-popup-background-color-popup-item-selected-hover:var(--background-hover);--color-popup-border-color-separator:var(--color-neutral-light-10);--color-popup-color-danger:var(--color-feedback-negative-base);--color-popup-color-default:var(--color);--color-popup-color-disabled:var(--color-disabled);--color-popup-color-item-selected:var(--color-option)}po-progress{--font-family:var(--font-family-theme);--text-color:var(--color-neutral-dark-90);--text-color-error:var(--color-feedback-negative-dark);--color-icon-error:var(--color-feedback-negative-dark)}po-progress-bar{--background-color-tray:var(--color-brand-01-lightest);--background-color-indicator:var(--color-action-default)}:root{--color-progress-color-text:var(--text-color);--color-progress-color-text-error:var(--text-color-error);--color-progress-bar-background-color-bar:var(--background-color-tray);--color-progress-bar-background-color-default:var(--background-color-indicator)}po-radio{--color-unchecked:var(--color-neutral-light-00);--border-color:var(--color-neutral-dark-70);--shadow-color-hover:var(--color-brand-01-lighter);--color-hover:var(--color-brand-01-dark);--outline-color-focused:var(--color-brand-01-darkest);--color-checked:var(--color-action-default);--color-unchecked-disabled:var(--color-neutral-light-30);--color-checked-disabled:var(--color-neutral-dark-70)}:root{--color-rich-text-background-color-scrollbar:var(--color-primary-alpha-50);--color-rich-text-body-background-color:var(--color-neutral-light-00);--color-rich-text-body-border-error:var(--color-feedback-negative-base);--color-rich-text-body-text-error:var(--color-feedback-negative-base);--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-mid-40);--color-rich-text-toolbar-background-color:var(--color-rich-text-body-background-color)}po-search{--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--border-radius:var(--border-radius-md);--text-color:var(--color-neutral-dark-90);--color-icon-read:var(--color-neutral-dark-70);--color-icon:var(--color-action-default);--color-clear:var(--color-action-default);--color-hover:var(--color-action-hover);--color-focused:var(--color-action-default);--color-disabled:var(--color-action-disabled)}po-search,po-select{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--background:var(--color-neutral-light-05);--background-hover:var(--color-brand-01-lightest);--outline-color-focused:var(--color-action-focus);--background-disabled:var(--color-neutral-light-20)}po-select{--text-color-empty:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--padding-horizontal:0.5em;--padding-vertical:0.7em;--text-color:var(--color-neutral-dark-90);--color-hover:var(--color-brand-01-dark);--color-focused:var(--color-action-default);--color-disabled:var(--color-neutral-light-30);--background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.707 8.293a.999.999 0 00-1.414 0L12 13.586 6.707 8.293a.999.999 0 10-1.414 1.414l6 6a.997.997 0 001.414 0l6-6a.999.999 0 000-1.414z' fill='%235b1c7d'/%3E%3C/svg%3E")}:root{--color-slide-background-color-active-circle:var(--color-primary);--color-slide-background-color-arrow-circle:var(--color-neutral-light-00);--color-slide-background-color-circle:var(--color-neutral-light-20);--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-dark-70);--color-stepper-bar-disabled:var(--color-neutral-mid-40);--color-stepper-circle-active:var(--color-primary);--color-stepper-circle-default:var(--color-primary);--color-stepper-circle-disabled:var(--color-neutral-light-30);--color-stepper-circle-error:var(--color-feedback-negative-base)}po-switch{--color-unchecked:var(--color-neutral-light-00);--border-color:var(--color-neutral-dark-70);--track-unchecked:var(--color-neutral-light-20);--color-checked:var(--color-action-default);--track-checked:var(--color-brand-01-light);--color-unchecked-hover:var(--color-brand-01-lightest);--color-checked-hover:var(--color-action-hover);--outline-color-focused:var(--color-action-focus);--color-unchecked-disabled:var(--color-neutral-light-20);--color-checked-disabled:var(--color-action-disabled)}:root{--color-tab-button-box-shadow:var(--color-neutral-light-10);--color-tab-button-box-shadow-active:var(--color-action-default);--color-tab-button-color:var(--color-action-default);--color-tab-button-color-disabled:var(--color-neutral-light-30);--color-tab-dropdown-background-color-tab-dropdown-button-active:var(--color-primary);--color-tab-dropdown-background-color-tab-dropdown-button-disabled:var(--color-neutral-light-00);--color-tab-dropdown-background-color-tab-dropdown-button-hover:var(--color-primary-light-95);--color-tab-dropdown-color-tab-dropdown-button:var(--color-neutral-light-00)}po-table{--background-color:var(--color-neutral-light-00);--color:var(--color-neutral-dark-95);--font-family:var(--font-family-theme);--background-striped-color:var(--color-neutral-light-05);--color-line:var(--color-neutral-mid-40);--background-color-selected:var(--color-brand-01-lightest);--background-color-headline:var(--color-neutral-light-10);--font-weight-headline:var(--font-weight-bold);--color-hover:var(--color-action-hover);--background-color-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--color-actived:var(--color-neutral-dark-90);--background-color-actived:var(--color-brand-01-light);--color-disabled:var(--color-neutral-mid-40)}:root{--color-table-background-color-action-hover:var(--color-action-hover);--color-table-background-color-active:var(--background-color-actived);--color-table-background-color-header:var(--color-neutral-light-10);--color-table-background-color-overlay:var(--color-secondary-dark-60-alpha-70);--color-table-background-color-overlay-content:var(--color-neutral-light-00);--color-table-background-color-row-strip:var(--background-striped-color);--color-table-background-color-selected:var(--background-color-selected);--color-table-background-color-table:var(--color-neutral-light-00);--color-table-border-rows:var(--color-line);--color-table-color-footer-show-subtitle:var(--color-neutral-dark-95);--color-table-background-color-footer-show-subtitle:var(--color-neutral-light-00);--color-table-border-footer-show-subtitle:var(--color-neutral-light-10);--color-table-box-shadow-footer:var(--color-line);--color-table-box-shadow-overlay-content:var(--color-black-alpha-30);--color-table-color-actions:var(--color-action-default);--color-table-color-header:var(--color);--color-table-color-text:var(--color);--color-table-color-disabled:var(--color-disabled);--color-table-color-subtitle-text:var(--color-neutral-light-00);--color-table-color-single-action-hover:var(--color-action-hover);--color-table-color-link-disabled:var(--color-neutral-light-20)}po-table-list-manager{--color-type:var(--color-neutral-dark-70);--color-column-text:var(--color-neutral-dark-95)}:root{--color-table-column-manager-body-color-background-scrollbar:var(--color-primary);--color-table-column-manager-border-color:var(--color-neutral-light-10);--color-table-column-manager-close-button-color:var(--color-primary);--color-table-column-manager-header-title:var(--color-neutral-dark-90);--color-table-column-manager-outline-color-focus:var(--color-action-default)}po-tag{--border-radius:var(--border-radius-pill);--font-family:var(--font-family-theme);--font-size:var(--font-size-sm);--line-height:var(--line-height-sm);--color-neutral:var(--color-neutral-light-10);--text-color-neutral:var(--color-neutral-dark-80);--color-positive:var(--color-feedback-positive-lightest);--text-color-positive:var(--color-feedback-positive-dark);--color-negative:var(--color-feedback-negative-lightest);--text-color-negative:var(--color-feedback-negative-darker);--color-tag-warning:var(--color-feedback-warning-lightest);--text-color-warning:var(--color-feedback-warning-darkest);--color-info:var(--color-feedback-info-lightest);--text-color-info:var(--color-feedback-info-dark);--color:var(--color-brand-01-lightest);--border-color:var(--color-brand-01-lighter);--color-icon:var(--color-action-default);--text-color:var(--color-neutral-dark-80);--color-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-20);--border-color-disabled:var(--color-action-disabled);--color-icon-disabled:var(--color-action-disabled);--text-color-disabled:var(--color-neutral-mid-60)}:root{--color-tag-background-color-white:var(--color-neutral-light-00);--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)}po-textarea{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--text-color:var(--color-neutral-dark-90);--color-hover:var(--color-brand-01-dark);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--text-color-readonly:var(--color-neutral-dark-70);--color-error:var(--color-feedback-negative-base)}:root{--color-toolbar-background-color-badge:var(--color-feedback-negative-base);--color-toolbar-background-color-toolbar:var(--color-neutral-light-00);--color-toolbar-border-color-separator:var(--color-neutral-light-10);--color-toolbar-color-badge-text:var(--color-neutral-light-00);--color-toolbar-color-default:var(--color-primary);--color-toolbar-color-title:var(--color-action-default)}.po-tooltip{--color:var(--color-neutral-dark-80);--border-radius:var(--border-radius-md);--font-family:var(--font-family-theme);--text-color:var(--color-neutral-light-00)}:root{--color-tree-view-item-border-bottom-color:var(--color-neutral-light-10);--color-tree-view-item-header-button-color:var(--color-primary);--color-tree-view-item-header-button-focus:var(--color-action-default);--color-tree-view-item-header-label-text-color:var(--color-neutral-dark-70);--color-upload-color-text-filename-loading:var(--color-neutral-dark-90);--color-upload-background-color-disabled:var(--color-neutral-light-00);--color-upload-border-disabled:var(--color-neutral-light-30);--color-upload-color-disabled:var(--color-neutral-light-30);--color-upload-background-color-hover:var(--color-neutral-light-00);--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-neutral-light-00);--color-upload-border-pressed:var(--color-primary-dark-40);--color-upload-color-pressed:var(--color-primary-dark-40);--color-upload-color-progress:var(--color-brand-03-base);--color-upload-color-text-load:var(--color-neutral-light-00);--color-upload-background-color-success:var(--color-success-default);--color-upload-background-color-load-progress:var(--color-brand-03-base);--color-upload-background-color-error:var(--color-feedback-negative-base);--color-upload-color-text-load-waiting:var(--color-neutral-dark-70);--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-neutral-light-00);--color-upload-drag-drop-area-icon:var(--color-neutral-light-20);--color-upload-drag-drop-area-label-text:var(--color-neutral-dark-70);--color-upload-drag-drop-area-select-files-text:var(--color-primary);--color-upload-drag-drop-area-border:var(--color-neutral-light-30);--color-upload-drag-drop-area-border-primary:var(--color-primary);--color-upload-drag-drop-area-border-error:var(--color-feedback-negative-base);--color-upload-drag-drop-area-background-color-disabled:var(--color-neutral-light-10);--color-upload-drag-drop-area-color-disabled:var(--color-neutral-light-30);--color-upload-file-restrictions-color-text:var(--color-neutral-dark-70)}po-widget{--padding:1em;--border-radius:var(--border-radius-md);--border-color:var(--color-neutral-light-20);--background:var(--color-neutral-light-00);--border-width:var(--border-width-sm);--shadow:var(--shadow-md);--background-selected:var(--color-brand-01-lightest);--border-color-selected:var(--color-action-default);--border-color-hover:var(--color-brand-01-dark);--shadow-hover:var(--shadow-lg);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus)}:root{--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-dark-70);--color-widget-color-title-action:var(--color-primary);--color-widget-color-widget-primary:var(--color-neutral-dark-90);--color-widget-primary-background-color:var(--color-brand-03-base);--border-widget-border-no-shadow:solid var(--border-width) var(--color-neutral-light-10);--color-widget-border-color-footer:var(--color-neutral-light-10);--color-widget-border-color-footer-primary:var(--color-white-alpha-30);--color-widget-background-color-disabled:var(--color-neutral-light-10);--color-widget-background-color-scroll-disabled:var(--color-neutral-mid-40);--color-widget-color-disabled:var(--color-neutral-mid-40)}po-toaster{--border-radius:var(--border-radius-md);--color-icon:var(--color-neutral-light-00);--shadow:var(--shadow-lg);--color-success:var(--color-feedback-positive-base);--background-success:var(--color-feedback-positive-lightest);--border-color-success:var(--color-feedback-positive-lighter);--color-error:var(--color-feedback-negative-base);--background-error:var(--color-feedback-negative-lightest);--border-color-error:var(--color-feedback-negative-lighter);--color-warning:var(--color-feedback-warning-base);--color-icon-warning:var(--color-neutral-dark-90);--background-warning:var(--color-feedback-warning-lightest);--border-color-warning:var(--color-feedback-warning-lighter);--color-info:var(--color-feedback-info-base);--background-info:var(--color-feedback-info-lightest);--border-color-info:var(--color-feedback-info-lighter)}:root{--color-toaster-background-color-success:var(--background-success);--color-toaster-border-color-success:var(--border-color-success);--color-toaster-icon-background-color-success:var(--color-success);--color-toaster-icon-color-success:var(--color-icon);--color-toaster-background-color-warning:var(--background-warning);--color-toaster-border-color-warning:var(--border-color-warning);--color-toaster-icon-background-color-warning:var(--color-warning);--color-toaster-icon-color-warning:var(--color-icon-warning);--color-toaster-background-color-error:var(--background-error);--color-toaster-border-color-error:var(--border-color-error);--color-toaster-icon-background-color-error:var(--color-error);--color-toaster-icon-color-error:var(--color-icon);--color-toaster-background-color-info:var(--background-info);--color-toaster-border-color-info:var(--border-color-info);--color-toaster-icon-background-color-info:var(--color-info);--color-toaster-icon-color-info:var(--color-icon)}