@po-ui/style 19.32.0 → 19.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/css/po-theme-core.min.css +1 -1
  2. package/css/po-theme-default-variables.css +50 -34
  3. package/css/po-theme-default-variables.min.css +1 -1
  4. package/css/po-theme-default.min.css +1 -1
  5. package/package.json +1 -1
package/css/po-theme-default-variables.css CHANGED
@@ -9,6 +9,7 @@
9
9
  * Common.........................configurações.
10
10
  * Color..........................variáveis globais de cores.
11
11
  * Color Palette..................variáveis da peleta de cores.
12
+ * Density........................variáveis de espaçamento e densidade.
12
13
  * Font...........................variáveis de fontes.
13
14
  * Scrollbar......................variáveis do scrollbar.
14
15
  *
@@ -280,6 +281,28 @@
280
281
  font-style: normal;
281
282
  }
282
283
 
284
+ /* DENSITY - LAYOUT TOKENS */
285
+ :root {
286
+ --po-density-header-padding: var(
287
+ --po-density-header-padding
288
+ ); /* Padding interno em headers (inclui pages, dynamics, page slide e modal) */
289
+ --po-density-content-padding: var(
290
+ --po-density-content-padding
291
+ ); /* Padding interno em contents (inclui pages, dynamics, container, list view, modal, page slide, stepper e disclaimer-group) */
292
+ --po-density-footer-padding: var(
293
+ --po-density-footer-padding
294
+ ); /* Padding interno em footers (inclui modal e page slide) */
295
+ --po-density-gap-header-content: var(
296
+ --po-density-gap-header-content
297
+ ); /* Espaço interno entre o header e o content (inclui pages, tabs e stepper) */
298
+ --po-density-gap-spacing: var(
299
+ --po-density-gap-spacing
300
+ ); /* Espaço interno entre blocos de conteúdo presentes no header e content (inclui dividers e gaps) */
301
+ --po-density-floating-padding: var(
302
+ --po-density-floating-padding
303
+ ); /* Padding interno de componentes flutuantes como tooltip e popover */
304
+ }
305
+
283
306
  :root {
284
307
  /*------------------------------------*\
285
308
  SCROLLBAR
@@ -621,7 +644,7 @@ po-container {
621
644
  --line-weight: var(--font-weight-semibold);
622
645
  --line-height: var(--line-height-md);
623
646
  --text-color: var(--color-neutral-dark-90);
624
- --font-size: 1.125rem;
647
+ --font-size: var(--font-size);
625
648
  --letter-spacing: 0.017rem;
626
649
  --margin: 0 0 var(--spacing-xs);
627
650
  /* content */
@@ -718,7 +741,7 @@ po-dropdown {
718
741
  DYNAMIC
719
742
  \*------------------------------------*/
720
743
  po-dynamic-container {
721
- --gap: var(--spacing-md);
744
+ --gap: var(--gap);
722
745
  --font-family: var(--font-family-theme);
723
746
  --font-size: 1.125rem;
724
747
  --line-weight: var(--font-weight-semibold);
@@ -732,14 +755,21 @@ po-dynamic-container po-container {
732
755
  --background: var(--color-neutral-light-00);
733
756
  --border-color: var(--color-neutral-light-20);
734
757
  --border-width: var(--border-width-sm);
735
- --padding: var(--spacing-md);
758
+ --padding: var(--padding);
759
+ }
760
+
761
+ /*------------------------------------*\
762
+ FIELD CONTAINER HEADER
763
+ \*------------------------------------*/
764
+ po-field-container-header {
765
+ --font-size: var(--font-size);
736
766
  }
737
767
 
738
768
  /*------------------------------------*\
739
769
  FIELD CONTAINER CONTENT
740
770
  \*------------------------------------*/
741
771
  .po-field-container-content {
742
- --padding: var(--spacing-xs) 0;
772
+ --padding: var(--padding);
743
773
  }
744
774
 
745
775
  /*------------------------------------*\
@@ -747,7 +777,7 @@ po-dynamic-container po-container {
747
777
  \*------------------------------------*/
748
778
  po-field-container-bottom {
749
779
  --font-family: var(--font-family-theme);
750
- --font-size: var(--font-size-sm);
780
+ --font-size: var(--font-size);
751
781
  --line-height: var(--line-height-md);
752
782
  --text-color-help: var(--color-neutral-dark-90);
753
783
 
@@ -781,7 +811,7 @@ po-field-container-bottom {
781
811
  INFO CONTAINER CONTENT
782
812
  \*------------------------------------*/
783
813
  po-info .po-info-container-content {
784
- --padding: var(--spacing-xs) 0;
814
+ --padding: var(--padding);
785
815
  }
786
816
 
787
817
  po-info .po-info-label-horizontal {
@@ -857,7 +887,7 @@ po-item-list:is([p-type='option'], [p-type='check']) {
857
887
  po-label {
858
888
  /* basic */
859
889
  --font-family: var(--font-family-theme);
860
- --font-size: var(--font-size-default);
890
+ --font-size: var(--font-size);
861
891
  --line-height: var(--line-height-md);
862
892
  --text-color: var(--color-neutral-dark-90);
863
893
 
@@ -1058,8 +1088,8 @@ po-modal {
1058
1088
  --opacity-overlay: 0.7;
1059
1089
  --color-divider: var(--color-neutral-light-20);
1060
1090
 
1061
- --padding-header: var(--spacing-sm) var(--spacing-md);
1062
- --padding-body: var(--spacing-md) var(--spacing-2xl) var(--spacing-2xl) var(--spacing-md);
1091
+ --padding-header: var(--padding-header);
1092
+ --padding-body: var(--padding-body);
1063
1093
  }
1064
1094
 
1065
1095
  :root {
@@ -1102,30 +1132,16 @@ po-multiselect {
1102
1132
  PAGE HEADER
1103
1133
  \*------------------------------------*/
1104
1134
  po-page-header {
1105
- --padding: var(--spacing-xs) var(--spacing-md);
1106
- --gap: var(--spacing-md);
1107
-
1108
- /* header container */
1109
- --padding-top-header: var(--spacing-md);
1110
-
1111
- /* actions button */
1135
+ --padding: var(--padding);
1136
+ --gap: var(--gap);
1112
1137
  --gap-actions: var(--spacing-xs);
1113
1138
  }
1114
1139
  po-page-header .po-page-header-title {
1115
1140
  --font-family: var(--font-family-extra-light);
1116
- --font-size: 2.125rem;
1117
- --line-height: 3rem;
1118
- --text-color: var(--color-neutral-dark-70);
1119
- }
1120
- po-page-header .po-page-header-subtitle {
1121
- --font-family: var(--font-family-theme);
1122
- --font-size: var(--font-size-default);
1123
- --line-height: var(--line-height-md);
1124
- --text-color: var(--color-neutral-dark-70);
1125
1141
  }
1126
1142
 
1127
1143
  po-page-content {
1128
- --padding-content: var(--spacing-xs) var(--spacing-sm);
1144
+ --padding-content: var(--padding-content);
1129
1145
  }
1130
1146
 
1131
1147
  :root {
@@ -1248,9 +1264,9 @@ po-page-slide {
1248
1264
  --font-weight: var(--font-weight-bold);
1249
1265
  --color-title: var(--color-neutral-dark-95);
1250
1266
 
1251
- --padding-header: var(--spacing-md);
1252
- --padding-body: var(--spacing-md);
1253
- --padding-footer: var(--spacing-sm) var(--spacing-md) var(--spacing-xl) var(--spacing-md);
1267
+ --padding-header: var(--padding-header);
1268
+ --padding-body: var(--padding-body);
1269
+ --padding-footer: var(--padding-footer);
1254
1270
 
1255
1271
  --page-slide-width-sm: 40%;
1256
1272
  --page-slide-width-md: 50%;
@@ -1524,8 +1540,8 @@ po-tab-button {
1524
1540
  --color-disabled: var(--color-action-disabled);
1525
1541
  --background-item-disabled: var(--color-neutral-light-10);
1526
1542
 
1527
- --margin-tabs-container-left: -16px;
1528
- --margin-tabs-container-right: -16px;
1543
+ --margin-tabs-container-left: var(--margin-tabs-container-left);
1544
+ --margin-tabs-container-right: var(--margin-tabs-container-right);
1529
1545
  --padding-tabs-header: var(--spacing-sm);
1530
1546
 
1531
1547
  --margin-tabs-first-child: var(--spacing-md);
@@ -1797,7 +1813,7 @@ po-upload {
1797
1813
  \*------------------------------------*/
1798
1814
  po-widget {
1799
1815
  --font-family: var(--font-family-theme);
1800
- --font-size: var(--font-size-default);
1816
+ --font-size: var(--font-size);
1801
1817
  --font-weight: var(--font-weight-bold);
1802
1818
  --font-color: var(--color-neutral-dark-95);
1803
1819
  --padding: var(--padding); /*Deprecated v21.x.x utilizar --padding-header, --padding-body, e --padding-footer*/
@@ -1894,8 +1910,8 @@ po-header {
1894
1910
 
1895
1911
  /* submenus */
1896
1912
  --border-radius: var(--border-radius-md);
1897
- --text-color-submenu: var(--color-brand-01-base);
1898
- --icon-color: var(--color-brand-01-base);
1913
+ --text-color-submenu: var(--color-brand-01-dark);
1914
+ --icon-color: var(--color-brand-01-dark);
1899
1915
  --outline-color-focused: var(--color-neutral-dark-95);
1900
1916
  /* submenus hover */
1901
1917
  --background-hover: var(--color-brand-01-lighter);
package/css/po-theme-default-variables.min.css CHANGED
@@ -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);--outline-width-focus-visible: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);--font-size-default-normal:14px;--font-family-default-bold:var(--font-family-bold)}:root{--categorical-01:var(--color-caption-categorical-01);--categorical-02:var(--color-caption-categorical-02);--categorical-03:var(--color-caption-categorical-03);--categorical-04:var(--color-caption-categorical-04);--categorical-05:var(--color-caption-categorical-05);--categorical-06:var(--color-caption-categorical-06);--categorical-07:var(--color-caption-categorical-07);--categorical-08:var(--color-caption-categorical-08);--categorical-overlay-01:var(--color-caption-categorical-overlay-01);--categorical-overlay-02:var(--color-caption-categorical-overlay-02);--categorical-overlay-03:var(--color-caption-categorical-overlay-03);--categorical-overlay-04:var(--color-caption-categorical-overlay-04);--categorical-overlay-05:var(--color-caption-categorical-overlay-05);--categorical-overlay-06:var(--color-caption-categorical-overlay-06);--categorical-overlay-07:var(--color-caption-categorical-overlay-07);--categorical-overlay-08:var(--color-caption-categorical-overlay-08)}:root{--color-primary-light-95:#fcf6f9;--color-primary-light-80:#f5dbe8;--color-primary-alpha-50:rgba(201,53,125,0.5);--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}:root{--color-track:var(--color-neutral-light-10);--color-thumb:var(--color-neutral-light-30)}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-avatar-background-color-avatar:var(--color-neutral-dark-70)}po-button{--font-size:var(--font-size);--line-height:var(--line-height-none);--border-radius:var(--border-radius-md);--border-width:var(--border-width-md);--padding:var(--padding);--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{--font-family:var(--font-family-theme);--font-weight:var(--font-weight-bold);--color-icon:var(--color-neutral-mid-60);--color-current-page:var(--color-neutral-mid-60);--color:var(--color-action-default)}po-button-group{--button-group-container-margin:-2px}po-button-group .po-button{--font-family:var(--font-family-theme);--font-size:var(--font-size);--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:var(--padding);--text-color:var(--color-neutral-light-00);--color:var(--color-action-default);--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-calendar-background-color:var(--color-neutral-light-00);--color-calendar-arrow:var(--color-brand-02-base);--color-calendar-title:var(--color-brand-02-base);--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-brand-02-base);--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-brand-02-base);--color-calendar-color-box-foreground-today:var(--color-brand-02-base);--color-calendar-color-box-foreground-disabled:var(--color-neutral-light-20);--color-chart-background-color:var(--color-neutral-light-00);--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)}po-chart .po-chart-header{--background-color:var(--color-chart-background-color,var(--color-neutral-light-00));--color:var(--color-neutral-dark-70);--font-family:var(--font-family-theme);--font-size-icons:var(--font-size-md);--font-size-title:var(--font-size-default);--font-weight:var(--font-weight-bold)}po-chart{--background-color-grid:var(--color-chart-background-color,var(--color-neutral-light-00));--color-description-chart:var(--color-gauge-description-text-color,var(--color-neutral-dark-70));--font-family-description-chart:var(--font-family-theme);--font-size-description-chart:var(--font-size-sm);--font-weight-description-chart:var(--font-weight-normal)}po-chart .po-chart{--color-grid:var(--color-chart-axis-stroke,var(--color-neutral-light-20));--text-color-grid:var(--color-chart-axis-label-text,var(--color-neutral-dark-70));--font-family-grid:var(--font-family-theme);--font-size-grid:var(--font-size-xs);--font-weight-grid:var(--font-weight-normal);--color-legend:var(--color-chart-legend-text,var(--color-neutral-dark-70));--border-color:var(--color-neutral-light-00);--border-radius-bar:var(--border-radius-none);--color-hightlight-value:var(--color-neutral-dark-70);--font-family-hightlight-value:var(--font-family-theme);--font-weight-hightlight-value:var(--font-weight-bold);--color-base-gauge:var(--color-gauge-base-color,var(--color-neutral-light-20));--color-gauge-pointer-color:var(--color-neutral-dark-70);--color-chart-line-point-fill:var(--color-neutral-light-00)}po-chart .po-chart-container-gauge{--background-color-container-gauge:var(--color-chart-background-color,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)}po-helper{--color:var(--color-action-default);--background-hover:var(--color-brand-01-lighter);--background-pressed:var(--color-brand-01-light);--color-disabled:var(--color-action-disabled)}:root{--color-checkbox-group-border-input-invalid:var(--color-feedback-negative-base)}po-combo{--font-size:var(--font-size);--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);--min-width:9.375rem}po-combo,po-container{--font-family:var(--font-family-theme)}po-container{--line-weight:var(--font-weight-semibold);--line-height:var(--line-height-md);--text-color:var(--color-neutral-dark-90);--font-size:1.125rem;--letter-spacing:0.017rem;--margin:0 0 var(--spacing-xs);--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:var(--padding)}: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-size:var(--font-size);--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:var(--padding);--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);--background:var(--color-transparent)}po-dropdown,po-dynamic-container{--font-family:var(--font-family-theme)}po-dynamic-container{--gap:var(--spacing-md);--font-size:1.125rem;--line-weight:var(--font-weight-semibold);--line-height:var(--line-height-md);--text-color:var(--color-neutral-dark-90);--letter-spacing:0.017rem;--margin:0 0 0.5rem 0}po-dynamic-container 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:var(--spacing-md)}.po-field-container-content{--padding:var(--spacing-xs) 0}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-gauge-base-color:var(--color-neutral-light-20);--color-gauge-description-text-color:var(--color-neutral-dark-70);--color-info-color-text-label:var(--color-neutral-dark-90);--color-info-color-text-value:var(--color-neutral-dark-90);--color-info-color-link:var(--color-brand-02-base);--color-info-color-link-hover:var(--color-primary-dark-20);--color-info-color-link-pressed:var(--color-primary-dark-40)}po-info .po-info-container-content{--padding:var(--spacing-xs) 0}po-info .po-info-label-horizontal{--padding:0 var(--spacing-xs) 0 0}div.po-lookup-filter-content input.po-input,input.po-input,po-datepicker,po-datepicker-range,po-datepicker-range .po-input,po-decimal,po-email,po-input,po-login,po-number,po-password,po-url{--font-family:var(--font-family-theme);--font-size:var(--font-size);--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)}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);--font-weight:var(--font-weight-bold);--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-brand-02-base);--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-icon-color-neutral:var(--color-neutral-light-20);--color-lookup-advanced-search-link-color-text:var(--color-brand-02-base)}po-lookup{--background:var(--color-neutral-light-05);--background-disabled:var(--color-neutral-light-20);--background-hover:var(--color-brand-01-lightest);--background-select:var(--background);--background-select-disabled:var(--background-disabled);--background-select-hover:var(--background-hover);--border-radius:var(--border-radius-md);--color:var(--color-neutral-dark-70);--color-clear:var(--color-action-default);--color-disabled:var(--color-action-disabled);--color-focused:var(--color-action-default);--color-hover:var(--color-action-hover);--color-icon:var(--color-action-default);--color-error:var(--color-feedback-negative-base);--font-family:var(--font-family-theme);--font-size:var(--font-size);--text-color:var(--color-neutral-dark-90);--text-color-disabled:var(--color-action-disabled);--text-color-placeholder:var(--color-neutral-light-30);--outline-color-focused:var(--color-action-focus);--padding:0 0.5rem}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)}po-menu-filter{--font-family:var(--font-family-theme);--font-size:var(--font-size);--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-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-brand-02-base);--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);--padding-header:var(--spacing-sm) var(--spacing-md);--padding-body:var(--spacing-md) var(--spacing-2xl) var(--spacing-2xl) var(--spacing-md)}:root{--color-modal-password-recovery-link-color:var(--color-brand-02-base);--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);--text-color-placeholder:var(--color-action-disabled);--color:var(--color-neutral-dark-70);--color-icon: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)}po-page-header{--padding:var(--spacing-xs) var(--spacing-md);--gap:var(--spacing-md);--padding-top-header:var(--spacing-md);--gap-actions:var(--spacing-xs)}po-page-header .po-page-header-title{--font-family:var(--font-family-extra-light);--font-size:2.125rem;--line-height:3rem;--text-color:var(--color-neutral-dark-70)}po-page-header .po-page-header-subtitle{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--line-height:var(--line-height-md);--text-color:var(--color-neutral-dark-70)}po-page-content{--padding-content:var(--spacing-xs) var(--spacing-sm)}:root{--color-navbar-color:var(--color-neutral-light-00);--color-navbar-action-color-content:var(--color-brand-02-base);--color-navbar-action-popup-color-content:var(--color-navbar-action-color-content);--color-navbar-item-color:var(--color-brand-02-base);--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-brand-02-base);--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-brand-02-base);--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-brand-02-base);--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-thumb);--color-page-list-color-link-text:var(--color-brand-02-base);--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-brand-02-base);--color-page-login-link-hover-color:var(--color-primary-dark-20);--color-page-login-popover-color-attempts:var(--color-brand-02-base);--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-brand-02-base)}:root{--transition-duration:var(--duration-extra-fast);--transition-timing:var(--duration-extra-slow) var(--timing-standart)}po-page-slide{--background-color:var(--color-neutral-light-00);--border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);--color-overlay:var(--color-neutral-dark-80);--opacity-overlay:0.7;--font-family:var(--font-family-heading);--font-weight:var(--font-weight-bold);--color-title:var(--color-neutral-dark-95);--padding-header:var(--spacing-md);--padding-body:var(--spacing-md);--padding-footer:var(--spacing-sm) var(--spacing-md) var(--spacing-xl) var(--spacing-md);--page-slide-width-sm:40%;--page-slide-width-md:50%;--page-slide-width-lg:60%;--page-slide-width-xl:70%;--page-slide-min-width-auto:40%;--page-slide-max-width-auto:90%}po-page-slide,po-page-slide po-divider{--border-color:var(--color-neutral-light-20)}:root{--color-page-slide-close-button-color:var(--color-brand-02-base);--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-thumb);--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)}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);--margin-bottom:var(--spacing-xs)}po-progress-bar{--background-color-tray:var(--color-brand-01-lightest);--background-color-indicator:var(--color-action-default)}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)}po-rich-text .po-button{--border-width:var(--border-width-md)}:root{--color-rich-text-background-color-scrollbar:var(--color-thumb);--color-rich-text-body-background-color:var(--color-neutral-light-05);--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-brand-02-base);--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-transparent)}po-search{--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-icon:var(--color-action-default);--color-clear:var(--color-action-default);--color-controls:var(--color-action-default);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--color-disabled:var(--color-action-disabled);--background-disabled:var(--color-neutral-light-20);--text-color-empty:var(--color-neutral-mid-60);--background-select:var(--background);--background-select-hover:var(--background-hover);--background-select-disabled:var(--background-disabled);--transition-property:all;--transition-duration:var(--duration-extra-fast);--transition-timing:var(--timing-standart)}po-search,po-select{--font-family:var(--font-family-theme);--font-size:var(--font-size);--outline-color-focused:var(--color-action-focus)}po-select{--text-color-empty:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--padding-horizontal:var(--padding-horizontal);--padding-vertical:var(--padding-vertical);--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);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--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='%234a5c60'/%3E%3C/svg%3E")}:root{--color-slide-background-color-active-circle:var(--color-brand-02-base);--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-thumb);--color-slide-border-arrow:var(--color-brand-02-base);--color-slide-box-shadow-arrow-circle:var(--color-black-alpha-15);--color-slide-box-shadow-wrapper:var(--color-black-alpha-30)}po-stepper{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--font-weight:var(--font-weight-normal);--text-color:var(--color-neutral-dark-70);--color-icon-done:var(--color-neutral-dark-70);--background-done:var(--color-neutral-light-00);--color-line-done:var(--color-neutral-mid-40);--color-icon-current:var(--color-neutral-light-00);--background-current:var(--color-action-default);--font-weight-current:var(--font-weight-bold);--font-size-circle:var(--font-size-sm);--color-next:var(--color-action-disabled);--text-color-next:var(--color-neutral-light-30);--outline-color-focused:var(--color-action-focus)}:root{--color-stepper-bar:var(--color-line-done);--color-stepper-bar-disabled:var(--color-next);--color-stepper-circle-active:var(--background-current);--color-stepper-circle-default:var(--color-icon-done);--color-stepper-circle-disabled:var(--color-next)}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);--color-unchecked-disabled:var(--color-neutral-light-20);--color-checked-disabled:var(--color-action-disabled)}po-context-tabs,po-switch,po-tab-button,po-tabs{--outline-color-focused:var(--color-action-focus)}po-context-tabs,po-tab-button,po-tabs{--background:var(--color-transparent);--color-baseline:var(--color-neutral-light-20);--font-family:var(--font-family-theme);--font-size:var(--font-size);--font-weight:var(--font-weight-bold);--color:var(--color-action-default);--border-radius:var(--border-radius-md);--background-item-default:var(--color-transparent);--background-item-selected:var(--color-brand-01-lightest);--color-hover:var(--color-brand-01-darkest);--background-item-hover:var(--color-brand-01-lightest);--color-disabled:var(--color-action-disabled);--background-item-disabled:var(--color-neutral-light-10);--margin-tabs-container-left:-16px;--margin-tabs-container-right:-16px;--padding-tabs-header:var(--spacing-sm);--margin-tabs-first-child:var(--spacing-md);--margin-tabs-last-child:var(--spacing-md)}po-tabs po-tab-dropdown po-button{--background-hover:var(--color-brand-01-lightest)}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-color-link-disabled:var(--color-neutral-light-20)}po-table-list-manager{--color-type:var(--color-neutral-dark-70);--font-weight:var(--font-weight-bold);--color-column-text:var(--color-neutral-dark-95)}:root{--color-table-column-manager-body-color-background-scrollbar:var(--color-track);--color-table-column-manager-border-color:var(--color-neutral-light-10);--color-table-column-manager-close-button-color:var(--color-brand-02-base);--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);--font-weight:var(--font-weight-bold);--line-height:var(--line-height-sm);--gap:var(--spacing-xs);--padding:0;--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);--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-brand-02-base);--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-brand-02-base);--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-drag-drop-overlay-icon:var(--color-primary-alpha-50);--color-upload-drag-drop-overlay-text:var(--color-brand-02-base);--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-brand-02-base);--color-upload-drag-drop-area-border:var(--color-neutral-light-30);--color-upload-drag-drop-area-border-primary:var(--color-brand-02-base);--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-upload{--font-family-text-support:var(--font-family-theme);--text-color-text-support:var(--color-neutral-dark-90);--background-color-content:var(--color-neutral-light-10);--border-color-content:var(--color-neutral-light-20);--border-radius-content:var(--border-radius-md);--text-color-file-name:var(--color-neutral-dark-90);--font-family-file-name:var(--font-family-theme);--text-color-info-bar:var(--color-neutral-mid-60);--font-family-info-bar:var(--font-family-theme);--background-color-content-error:var(--color-neutral-light-00);--border-color-content-error:var(--color-feedback-negative-base);--text-color-error:var(--color-feedback-negative-dark);--color-icon-error:var(--color-feedback-negative-base);--font-family-error:var(--font-family-theme);--background-color-content-uploaded:var(--color-neutral-light-00);--border-color-content-uploaded:var(--color-neutral-light-20);--text-color-file-name-interactive:var(--color-action-default);--color-icon-thumbnail:var(--color-action-default);--border-width-thumbnail:var(--border-width-sm);--border-radius-thumbnail:var(--border-radius-md);--background-color-thumbnail:var(--color-neutral-light-05)}po-upload,po-widget{--outline-color-focused:var(--color-action-focus)}po-widget{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--font-weight:var(--font-weight-bold);--font-color:var(--color-neutral-dark-95);--padding:var(--padding);--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);--padding-header:var(--padding-header);--padding-body:var(--padding-body);--padding-footer:var(--padding-footer)}: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-brand-02-base);--color-widget-color-default:var(--font-color);--color-widget-color-title-action:var(--font-color);--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-05);--color-widget-background-color-scroll-disabled:var(--color-thumb);--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);--font-family:var(--font-family-theme);--font-color:var(--color-neutral-dark-90);--font-color-support:var(--color-neutral-dark-80);--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)}po-header{--header-height:3.5rem;--background-color:var(--color-neutral-light-05);--border-radius-bottom-left:var(--border-radius-md);--border-radius-bottom-right:var(--border-radius-md);--base-shadow:0 1px 8px rgba(0,0,0,0.1);--font-family:var(--font-family-theme);--font-weight:var(--font-weight-bold);--text-color:var(--color-neutral-dark-70);--border-radius:var(--border-radius-md);--text-color-submenu:var(--color-brand-01-base);--icon-color:var(--color-brand-01-base);--outline-color-focused:var(--color-neutral-dark-95);--background-hover:var(--color-brand-01-lighter);--icon-color-hover:var(--color-brand-01-darkest);--text-color-hover:var(--color-brand-01-darkest);--background-pressed:var(--color-brand-01-light);--icon-color-pressed:var(--color-brand-01-darkest);--text-color-pressed:var(--color-brand-01-darkest);--background-selected:var(--color-brand-01-light);--text-color-selected:var(--color-brand-01-darkest);--icon-color-selected:var(--color-neutral-dark-95);--background-color-customer:var(--color-neutral-light-00);--border-color:var(--color-neutral-light-10);--border-style:solid;--border-width:var(--border-width-sm);--background-color-customer-hover:var(--color-brand-01-lighter);--background-color-customer-pressed:var(--color-brand-01-light);--object-fit-brand:contain;--object-fit-customer:contain;--object-fit-customer-user:cover;--nav-position:fixed;--nav-position-top:0;--nav-overlay-top:56px;--nav-overlay-left:0px;--nav-menu-top:56px;--nav-menu-left:0px}
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);--outline-width-focus-visible: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);--font-size-default-normal:14px;--font-family-default-bold:var(--font-family-bold)}:root{--categorical-01:var(--color-caption-categorical-01);--categorical-02:var(--color-caption-categorical-02);--categorical-03:var(--color-caption-categorical-03);--categorical-04:var(--color-caption-categorical-04);--categorical-05:var(--color-caption-categorical-05);--categorical-06:var(--color-caption-categorical-06);--categorical-07:var(--color-caption-categorical-07);--categorical-08:var(--color-caption-categorical-08);--categorical-overlay-01:var(--color-caption-categorical-overlay-01);--categorical-overlay-02:var(--color-caption-categorical-overlay-02);--categorical-overlay-03:var(--color-caption-categorical-overlay-03);--categorical-overlay-04:var(--color-caption-categorical-overlay-04);--categorical-overlay-05:var(--color-caption-categorical-overlay-05);--categorical-overlay-06:var(--color-caption-categorical-overlay-06);--categorical-overlay-07:var(--color-caption-categorical-overlay-07);--categorical-overlay-08:var(--color-caption-categorical-overlay-08)}:root{--color-primary-light-95:#fcf6f9;--color-primary-light-80:#f5dbe8;--color-primary-alpha-50:rgba(201,53,125,0.5);--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}:root{--po-density-header-padding:var(--po-density-header-padding);--po-density-content-padding:var(--po-density-content-padding);--po-density-footer-padding:var(--po-density-footer-padding);--po-density-gap-header-content:var(--po-density-gap-header-content);--po-density-gap-spacing:var(--po-density-gap-spacing);--po-density-floating-padding:var(--po-density-floating-padding)}:root{--color-track:var(--color-neutral-light-10);--color-thumb:var(--color-neutral-light-30)}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-avatar-background-color-avatar:var(--color-neutral-dark-70)}po-button{--font-size:var(--font-size);--line-height:var(--line-height-none);--border-radius:var(--border-radius-md);--border-width:var(--border-width-md);--padding:var(--padding);--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{--font-family:var(--font-family-theme);--font-weight:var(--font-weight-bold);--color-icon:var(--color-neutral-mid-60);--color-current-page:var(--color-neutral-mid-60);--color:var(--color-action-default)}po-button-group{--button-group-container-margin:-2px}po-button-group .po-button{--font-family:var(--font-family-theme);--font-size:var(--font-size);--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:var(--padding);--text-color:var(--color-neutral-light-00);--color:var(--color-action-default);--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-calendar-background-color:var(--color-neutral-light-00);--color-calendar-arrow:var(--color-brand-02-base);--color-calendar-title:var(--color-brand-02-base);--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-brand-02-base);--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-brand-02-base);--color-calendar-color-box-foreground-today:var(--color-brand-02-base);--color-calendar-color-box-foreground-disabled:var(--color-neutral-light-20);--color-chart-background-color:var(--color-neutral-light-00);--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)}po-chart .po-chart-header{--background-color:var(--color-chart-background-color,var(--color-neutral-light-00));--color:var(--color-neutral-dark-70);--font-family:var(--font-family-theme);--font-size-icons:var(--font-size-md);--font-size-title:var(--font-size-default);--font-weight:var(--font-weight-bold)}po-chart{--background-color-grid:var(--color-chart-background-color,var(--color-neutral-light-00));--color-description-chart:var(--color-gauge-description-text-color,var(--color-neutral-dark-70));--font-family-description-chart:var(--font-family-theme);--font-size-description-chart:var(--font-size-sm);--font-weight-description-chart:var(--font-weight-normal)}po-chart .po-chart{--color-grid:var(--color-chart-axis-stroke,var(--color-neutral-light-20));--text-color-grid:var(--color-chart-axis-label-text,var(--color-neutral-dark-70));--font-family-grid:var(--font-family-theme);--font-size-grid:var(--font-size-xs);--font-weight-grid:var(--font-weight-normal);--color-legend:var(--color-chart-legend-text,var(--color-neutral-dark-70));--border-color:var(--color-neutral-light-00);--border-radius-bar:var(--border-radius-none);--color-hightlight-value:var(--color-neutral-dark-70);--font-family-hightlight-value:var(--font-family-theme);--font-weight-hightlight-value:var(--font-weight-bold);--color-base-gauge:var(--color-gauge-base-color,var(--color-neutral-light-20));--color-gauge-pointer-color:var(--color-neutral-dark-70);--color-chart-line-point-fill:var(--color-neutral-light-00)}po-chart .po-chart-container-gauge{--background-color-container-gauge:var(--color-chart-background-color,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)}po-helper{--color:var(--color-action-default);--background-hover:var(--color-brand-01-lighter);--background-pressed:var(--color-brand-01-light);--color-disabled:var(--color-action-disabled)}:root{--color-checkbox-group-border-input-invalid:var(--color-feedback-negative-base)}po-combo{--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);--min-width:9.375rem}po-combo,po-container{--font-family:var(--font-family-theme);--font-size:var(--font-size)}po-container{--line-weight:var(--font-weight-semibold);--line-height:var(--line-height-md);--text-color:var(--color-neutral-dark-90);--letter-spacing:0.017rem;--margin:0 0 var(--spacing-xs);--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:var(--padding)}: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-size:var(--font-size);--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:var(--padding);--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);--background:var(--color-transparent)}po-dropdown,po-dynamic-container{--font-family:var(--font-family-theme)}po-dynamic-container{--gap:var(--gap);--font-size:1.125rem;--line-weight:var(--font-weight-semibold);--line-height:var(--line-height-md);--text-color:var(--color-neutral-dark-90);--letter-spacing:0.017rem;--margin:0 0 0.5rem 0}po-dynamic-container 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:var(--padding)}po-field-container-header{--font-size:var(--font-size)}.po-field-container-content{--padding:var(--padding)}po-field-container-bottom{--font-family:var(--font-family-theme);--font-size:var(--font-size);--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-gauge-base-color:var(--color-neutral-light-20);--color-gauge-description-text-color:var(--color-neutral-dark-70);--color-info-color-text-label:var(--color-neutral-dark-90);--color-info-color-text-value:var(--color-neutral-dark-90);--color-info-color-link:var(--color-brand-02-base);--color-info-color-link-hover:var(--color-primary-dark-20);--color-info-color-link-pressed:var(--color-primary-dark-40)}po-info .po-info-container-content{--padding:var(--padding)}po-info .po-info-label-horizontal{--padding:0 var(--spacing-xs) 0 0}div.po-lookup-filter-content input.po-input,input.po-input,po-datepicker,po-datepicker-range,po-datepicker-range .po-input,po-decimal,po-email,po-input,po-login,po-number,po-password,po-url{--font-family:var(--font-family-theme);--font-size:var(--font-size);--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)}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);--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);--font-weight:var(--font-weight-bold);--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-brand-02-base);--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-icon-color-neutral:var(--color-neutral-light-20);--color-lookup-advanced-search-link-color-text:var(--color-brand-02-base)}po-lookup{--background:var(--color-neutral-light-05);--background-disabled:var(--color-neutral-light-20);--background-hover:var(--color-brand-01-lightest);--background-select:var(--background);--background-select-disabled:var(--background-disabled);--background-select-hover:var(--background-hover);--border-radius:var(--border-radius-md);--color:var(--color-neutral-dark-70);--color-clear:var(--color-action-default);--color-disabled:var(--color-action-disabled);--color-focused:var(--color-action-default);--color-hover:var(--color-action-hover);--color-icon:var(--color-action-default);--color-error:var(--color-feedback-negative-base);--font-family:var(--font-family-theme);--font-size:var(--font-size);--text-color:var(--color-neutral-dark-90);--text-color-disabled:var(--color-action-disabled);--text-color-placeholder:var(--color-neutral-light-30);--outline-color-focused:var(--color-action-focus);--padding:0 0.5rem}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)}po-menu-filter{--font-family:var(--font-family-theme);--font-size:var(--font-size);--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-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-brand-02-base);--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);--padding-header:var(--padding-header);--padding-body:var(--padding-body)}:root{--color-modal-password-recovery-link-color:var(--color-brand-02-base);--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);--text-color-placeholder:var(--color-action-disabled);--color:var(--color-neutral-dark-70);--color-icon: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)}po-page-header{--padding:var(--padding);--gap:var(--gap);--gap-actions:var(--spacing-xs)}po-page-header .po-page-header-title{--font-family:var(--font-family-extra-light)}po-page-content{--padding-content:var(--padding-content)}:root{--color-navbar-color:var(--color-neutral-light-00);--color-navbar-action-color-content:var(--color-brand-02-base);--color-navbar-action-popup-color-content:var(--color-navbar-action-color-content);--color-navbar-item-color:var(--color-brand-02-base);--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-brand-02-base);--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-brand-02-base);--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-brand-02-base);--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-thumb);--color-page-list-color-link-text:var(--color-brand-02-base);--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-brand-02-base);--color-page-login-link-hover-color:var(--color-primary-dark-20);--color-page-login-popover-color-attempts:var(--color-brand-02-base);--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-brand-02-base)}:root{--transition-duration:var(--duration-extra-fast);--transition-timing:var(--duration-extra-slow) var(--timing-standart)}po-page-slide{--background-color:var(--color-neutral-light-00);--border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);--color-overlay:var(--color-neutral-dark-80);--opacity-overlay:0.7;--font-family:var(--font-family-heading);--font-weight:var(--font-weight-bold);--color-title:var(--color-neutral-dark-95);--padding-header:var(--padding-header);--padding-body:var(--padding-body);--padding-footer:var(--padding-footer);--page-slide-width-sm:40%;--page-slide-width-md:50%;--page-slide-width-lg:60%;--page-slide-width-xl:70%;--page-slide-min-width-auto:40%;--page-slide-max-width-auto:90%}po-page-slide,po-page-slide po-divider{--border-color:var(--color-neutral-light-20)}:root{--color-page-slide-close-button-color:var(--color-brand-02-base);--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-thumb);--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)}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);--margin-bottom:var(--spacing-xs)}po-progress-bar{--background-color-tray:var(--color-brand-01-lightest);--background-color-indicator:var(--color-action-default)}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)}po-rich-text .po-button{--border-width:var(--border-width-md)}:root{--color-rich-text-background-color-scrollbar:var(--color-thumb);--color-rich-text-body-background-color:var(--color-neutral-light-05);--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-brand-02-base);--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-transparent)}po-search{--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-icon:var(--color-action-default);--color-clear:var(--color-action-default);--color-controls:var(--color-action-default);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--color-disabled:var(--color-action-disabled);--background-disabled:var(--color-neutral-light-20);--text-color-empty:var(--color-neutral-mid-60);--background-select:var(--background);--background-select-hover:var(--background-hover);--background-select-disabled:var(--background-disabled);--transition-property:all;--transition-duration:var(--duration-extra-fast);--transition-timing:var(--timing-standart)}po-search,po-select{--font-family:var(--font-family-theme);--font-size:var(--font-size);--outline-color-focused:var(--color-action-focus)}po-select{--text-color-empty:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--padding-horizontal:var(--padding-horizontal);--padding-vertical:var(--padding-vertical);--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);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--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='%234a5c60'/%3E%3C/svg%3E")}:root{--color-slide-background-color-active-circle:var(--color-brand-02-base);--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-thumb);--color-slide-border-arrow:var(--color-brand-02-base);--color-slide-box-shadow-arrow-circle:var(--color-black-alpha-15);--color-slide-box-shadow-wrapper:var(--color-black-alpha-30)}po-stepper{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--font-weight:var(--font-weight-normal);--text-color:var(--color-neutral-dark-70);--color-icon-done:var(--color-neutral-dark-70);--background-done:var(--color-neutral-light-00);--color-line-done:var(--color-neutral-mid-40);--color-icon-current:var(--color-neutral-light-00);--background-current:var(--color-action-default);--font-weight-current:var(--font-weight-bold);--font-size-circle:var(--font-size-sm);--color-next:var(--color-action-disabled);--text-color-next:var(--color-neutral-light-30);--outline-color-focused:var(--color-action-focus)}:root{--color-stepper-bar:var(--color-line-done);--color-stepper-bar-disabled:var(--color-next);--color-stepper-circle-active:var(--background-current);--color-stepper-circle-default:var(--color-icon-done);--color-stepper-circle-disabled:var(--color-next)}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);--color-unchecked-disabled:var(--color-neutral-light-20);--color-checked-disabled:var(--color-action-disabled)}po-context-tabs,po-switch,po-tab-button,po-tabs{--outline-color-focused:var(--color-action-focus)}po-context-tabs,po-tab-button,po-tabs{--background:var(--color-transparent);--color-baseline:var(--color-neutral-light-20);--font-family:var(--font-family-theme);--font-size:var(--font-size);--font-weight:var(--font-weight-bold);--color:var(--color-action-default);--border-radius:var(--border-radius-md);--background-item-default:var(--color-transparent);--background-item-selected:var(--color-brand-01-lightest);--color-hover:var(--color-brand-01-darkest);--background-item-hover:var(--color-brand-01-lightest);--color-disabled:var(--color-action-disabled);--background-item-disabled:var(--color-neutral-light-10);--margin-tabs-container-left:var(--margin-tabs-container-left);--margin-tabs-container-right:var(--margin-tabs-container-right);--padding-tabs-header:var(--spacing-sm);--margin-tabs-first-child:var(--spacing-md);--margin-tabs-last-child:var(--spacing-md)}po-tabs po-tab-dropdown po-button{--background-hover:var(--color-brand-01-lightest)}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-color-link-disabled:var(--color-neutral-light-20)}po-table-list-manager{--color-type:var(--color-neutral-dark-70);--font-weight:var(--font-weight-bold);--color-column-text:var(--color-neutral-dark-95)}:root{--color-table-column-manager-body-color-background-scrollbar:var(--color-track);--color-table-column-manager-border-color:var(--color-neutral-light-10);--color-table-column-manager-close-button-color:var(--color-brand-02-base);--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);--font-weight:var(--font-weight-bold);--line-height:var(--line-height-sm);--gap:var(--spacing-xs);--padding:0;--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);--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-brand-02-base);--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-brand-02-base);--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-drag-drop-overlay-icon:var(--color-primary-alpha-50);--color-upload-drag-drop-overlay-text:var(--color-brand-02-base);--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-brand-02-base);--color-upload-drag-drop-area-border:var(--color-neutral-light-30);--color-upload-drag-drop-area-border-primary:var(--color-brand-02-base);--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-upload{--font-family-text-support:var(--font-family-theme);--text-color-text-support:var(--color-neutral-dark-90);--background-color-content:var(--color-neutral-light-10);--border-color-content:var(--color-neutral-light-20);--border-radius-content:var(--border-radius-md);--text-color-file-name:var(--color-neutral-dark-90);--font-family-file-name:var(--font-family-theme);--text-color-info-bar:var(--color-neutral-mid-60);--font-family-info-bar:var(--font-family-theme);--background-color-content-error:var(--color-neutral-light-00);--border-color-content-error:var(--color-feedback-negative-base);--text-color-error:var(--color-feedback-negative-dark);--color-icon-error:var(--color-feedback-negative-base);--font-family-error:var(--font-family-theme);--background-color-content-uploaded:var(--color-neutral-light-00);--border-color-content-uploaded:var(--color-neutral-light-20);--text-color-file-name-interactive:var(--color-action-default);--color-icon-thumbnail:var(--color-action-default);--border-width-thumbnail:var(--border-width-sm);--border-radius-thumbnail:var(--border-radius-md);--background-color-thumbnail:var(--color-neutral-light-05)}po-upload,po-widget{--outline-color-focused:var(--color-action-focus)}po-widget{--font-family:var(--font-family-theme);--font-size:var(--font-size);--font-weight:var(--font-weight-bold);--font-color:var(--color-neutral-dark-95);--padding:var(--padding);--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);--padding-header:var(--padding-header);--padding-body:var(--padding-body);--padding-footer:var(--padding-footer)}: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-brand-02-base);--color-widget-color-default:var(--font-color);--color-widget-color-title-action:var(--font-color);--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-05);--color-widget-background-color-scroll-disabled:var(--color-thumb);--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);--font-family:var(--font-family-theme);--font-color:var(--color-neutral-dark-90);--font-color-support:var(--color-neutral-dark-80);--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)}po-header{--header-height:3.5rem;--background-color:var(--color-neutral-light-05);--border-radius-bottom-left:var(--border-radius-md);--border-radius-bottom-right:var(--border-radius-md);--base-shadow:0 1px 8px rgba(0,0,0,0.1);--font-family:var(--font-family-theme);--font-weight:var(--font-weight-bold);--text-color:var(--color-neutral-dark-70);--border-radius:var(--border-radius-md);--text-color-submenu:var(--color-brand-01-dark);--icon-color:var(--color-brand-01-dark);--outline-color-focused:var(--color-neutral-dark-95);--background-hover:var(--color-brand-01-lighter);--icon-color-hover:var(--color-brand-01-darkest);--text-color-hover:var(--color-brand-01-darkest);--background-pressed:var(--color-brand-01-light);--icon-color-pressed:var(--color-brand-01-darkest);--text-color-pressed:var(--color-brand-01-darkest);--background-selected:var(--color-brand-01-light);--text-color-selected:var(--color-brand-01-darkest);--icon-color-selected:var(--color-neutral-dark-95);--background-color-customer:var(--color-neutral-light-00);--border-color:var(--color-neutral-light-10);--border-style:solid;--border-width:var(--border-width-sm);--background-color-customer-hover:var(--color-brand-01-lighter);--background-color-customer-pressed:var(--color-brand-01-light);--object-fit-brand:contain;--object-fit-customer:contain;--object-fit-customer-user:cover;--nav-position:fixed;--nav-position-top:0;--nav-overlay-top:56px;--nav-overlay-left:0px;--nav-menu-top:56px;--nav-menu-left:0px}