@po-ui/style 18.7.0 → 18.9.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.
|
@@ -939,6 +939,9 @@ po-modal {
|
|
|
939
939
|
--color-overlay: var(--color-neutral-dark-80);
|
|
940
940
|
--opacity-overlay: 0.7;
|
|
941
941
|
--color-divider: var(--color-neutral-light-20);
|
|
942
|
+
|
|
943
|
+
--padding-header: var(--spacing-sm) var(--spacing-md);
|
|
944
|
+
--padding-body: var(--spacing-md) var(--spacing-2xl) var(--spacing-2xl) var(--spacing-md);
|
|
942
945
|
}
|
|
943
946
|
|
|
944
947
|
:root {
|
|
@@ -981,14 +984,14 @@ po-multiselect {
|
|
|
981
984
|
PAGE HEADER
|
|
982
985
|
\*------------------------------------*/
|
|
983
986
|
po-page-header {
|
|
984
|
-
--padding: var(--spacing-xs) var(--spacing-
|
|
985
|
-
--gap: var(--spacing-
|
|
987
|
+
--padding: var(--spacing-xs) var(--spacing-md);
|
|
988
|
+
--gap: var(--spacing-md);
|
|
986
989
|
|
|
987
990
|
/* header container */
|
|
988
|
-
--padding-top-header: var(--spacing-
|
|
991
|
+
--padding-top-header: var(--spacing-md);
|
|
989
992
|
|
|
990
993
|
/* actions button */
|
|
991
|
-
--gap-actions: var(--spacing-
|
|
994
|
+
--gap-actions: var(--spacing-xs);
|
|
992
995
|
}
|
|
993
996
|
po-page-header .po-page-header-title {
|
|
994
997
|
--font-family: var(--font-family-extra-light);
|
|
@@ -1003,6 +1006,10 @@ po-page-header .po-page-header-subtitle {
|
|
|
1003
1006
|
--text-color: var(--color-neutral-dark-70);
|
|
1004
1007
|
}
|
|
1005
1008
|
|
|
1009
|
+
po-page-content {
|
|
1010
|
+
--padding-content: var(--spacing-xs) var(--spacing-sm);
|
|
1011
|
+
}
|
|
1012
|
+
|
|
1006
1013
|
:root {
|
|
1007
1014
|
/*------------------------------------*\
|
|
1008
1015
|
NAVBAR
|
|
@@ -1114,6 +1121,9 @@ po-page-slide {
|
|
|
1114
1121
|
--font-family: var(--font-family-heading);
|
|
1115
1122
|
--font-weight: var(--font-weight-bold);
|
|
1116
1123
|
--color-title: var(--color-neutral-dark-95);
|
|
1124
|
+
|
|
1125
|
+
--padding-header: var(--spacing-lg) var(--spacing-md) 0px var(--spacing-md);
|
|
1126
|
+
--padding-body: 0px var(--spacing-md) var(--spacing-lg) var(--spacing-md);
|
|
1117
1127
|
}
|
|
1118
1128
|
|
|
1119
1129
|
:root {
|
|
@@ -1291,16 +1301,36 @@ po-select {
|
|
|
1291
1301
|
--color-slide-border-arrow: var(--color-brand-02-base);
|
|
1292
1302
|
--color-slide-box-shadow-arrow-circle: var(--color-black-alpha-15);
|
|
1293
1303
|
--color-slide-box-shadow-wrapper: var(--color-black-alpha-30);
|
|
1304
|
+
}
|
|
1305
|
+
|
|
1306
|
+
po-stepper {
|
|
1307
|
+
--font-family: var(--font-family-theme);
|
|
1308
|
+
--font-size: var(--font-size-default);
|
|
1309
|
+
--font-weight: var(--font-weight-normal);
|
|
1310
|
+
|
|
1311
|
+
--text-color: var(--color-neutral-dark-70);
|
|
1312
|
+
--color-icon-done: var(--color-neutral-dark-70);
|
|
1313
|
+
--background-done: var(--color-neutral-light-00);
|
|
1314
|
+
--color-line-done: var(--color-neutral-mid-40);
|
|
1315
|
+
--color-icon-current: var(--color-neutral-light-00);
|
|
1316
|
+
--background-current: var(--color-action-default);
|
|
1317
|
+
--font-weight-current: var(--font-weight-bold);
|
|
1318
|
+
--font-size-circle: var(--font-size-sm);
|
|
1319
|
+
--color-next: var(--color-action-disabled);
|
|
1320
|
+
--text-color-next: var(--color-neutral-light-30);
|
|
1321
|
+
|
|
1322
|
+
--outline-color-focused: var(--color-action-focus);
|
|
1323
|
+
}
|
|
1294
1324
|
|
|
1325
|
+
:root {
|
|
1295
1326
|
/*------------------------------------*\
|
|
1296
|
-
|
|
1297
|
-
\*------------------------------------*/
|
|
1298
|
-
--color-stepper-bar: var(--color-
|
|
1299
|
-
--color-stepper-bar-disabled: var(--color-
|
|
1300
|
-
--color-stepper-circle-active: var(--
|
|
1301
|
-
--color-stepper-circle-default: var(--color-
|
|
1302
|
-
--color-stepper-circle-disabled: var(--color-
|
|
1303
|
-
--color-stepper-circle-error: var(--color-feedback-negative-base);
|
|
1327
|
+
STEPPER
|
|
1328
|
+
\*------------------------------------*/
|
|
1329
|
+
--color-stepper-bar: var(--color-line-done); /*Deprecated v20.x.x utilizar --color-line-done */
|
|
1330
|
+
--color-stepper-bar-disabled: var(--color-next); /*Deprecated v20.x.x utilizar --color-next */
|
|
1331
|
+
--color-stepper-circle-active: var(--background-current); /*Deprecated v20.x.x utilizar --background-current */
|
|
1332
|
+
--color-stepper-circle-default: var(--color-icon-done); /*Deprecated v20.x.x utilizar --color-icon-done */
|
|
1333
|
+
--color-stepper-circle-disabled: var(--color-next); /*Deprecated v20.x.x utilizar --color-next */
|
|
1304
1334
|
}
|
|
1305
1335
|
|
|
1306
1336
|
/*------------------------------------*\
|
|
@@ -1343,6 +1373,9 @@ po-tab-button {
|
|
|
1343
1373
|
|
|
1344
1374
|
--color-disabled: var(--color-action-disabled);
|
|
1345
1375
|
--background-item-disabled: var(--color-neutral-light-10);
|
|
1376
|
+
|
|
1377
|
+
--margin-tabs-container-left: -16px;
|
|
1378
|
+
--margin-tabs-container-right: -16px;
|
|
1346
1379
|
}
|
|
1347
1380
|
|
|
1348
1381
|
/*------------------------------------*\
|
|
@@ -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{--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}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-default);--line-height:var(--line-height-none);--border-radius:var(--border-radius-md);--border-width:var(--border-width-md);--padding:0 1em;--text-color-danger:var(--color-neutral-light-00);--color-button-danger:var(--color-feedback-negative-dark);--color-danger-hover:var(--color-feedback-negative-darker);--color-danger-pressed:var(--color-feedback-negative-darkest);--background-danger-hover:var(--color-feedback-negative-lighter);--border-color-danger-hover:var(--color-feedback-negative-darkest);--background-danger-pressed:var(--color-feedback-negative-light);--background-color-button-danger:var(--color-transparent);--text-color:var(--color-neutral-light-00);--color:var(--color-action-default);--background-color:var(--color-transparent);--border-color:var(--color-transparent);--shadow:var(--shadow-none);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lighter);--border-color-hover:var(--color-brand-01-darkest);--outline-color-focused:var(--color-action-focus);--color-pressed:var(--color-action-pressed);--background-pressed:var(--color-brand-01-light);--text-color-disabled:var(--color-neutral-dark-70);--color-disabled:var(--color-action-disabled);--background-color-disabled:var(--color-transparent)}po-badge,po-button{--font-family:var(--font-family-theme);--font-weight:var(--font-weight-bold)}po-badge{--background-color:var(--color-feedback-negative-base);--border-color:var(--color-neutral-light-00);--color:var(--color-neutral-light-00);--border-radius:var(--border-radius-md)}po-badge[p-status=disabled]{--background-color:var(--color-action-disabled)}po-badge[p-status=positive]{--background-color:var(--color-feedback-positive-base)}po-badge[p-status=negative]{--background-color:var(--color-feedback-negative-base)}po-badge[p-status=warning]{--background-color:var(--color-feedback-warning-base);--color:var(--color-neutral-dark-95)}:root{--color-badge-color:var(--color-neutral-light-00)}po-breadcrumb{--color-icon:var(--color-neutral-mid-60);--color-current-page:var(--color-neutral-mid-60)}po-breadcrumb,po-button-group .po-button{--font-family:var(--font-family-theme);--font-weight:var(--font-weight-bold);--color:var(--color-action-default)}po-button-group .po-button{--font-size:var(--font-size-default);--line-height:var(--line-height-none);--border-radius:var(--border-radius-md);--border-width:var(--border-width-md);--padding:0 1em;--text-color:var(--color-neutral-light-00);--background-color:var(--color-transparent);--shadow:var(--shadow-none);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lighter);--border-color-hover:var(--color-brand-01-darkest);--outline-color-focused:var(--color-action-focus);--color-pressed:var(--color-action-pressed);--background-pressed:var(--color-brand-01-light);--color-disabled:var(--color-action-disabled);--background-color-disabled:var(--color-transparent)}:root{--color-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-legend-wrapper-scrollbar:var(--color-primary-alpha-50);--color-chart-axis-stroke:var(--color-neutral-light-20);--color-chart-legend-text:var(--color-neutral-dark-70);--color-chart-axis-label-text:var(--color-neutral-dark-90);--color-chart-line-point-fill:var(--color-neutral-light-00)}po-checkbox{--border-color:var(--color-neutral-dark-70);--color-unchecked:var(--color-neutral-light-00);--color-checked:var(--color-action-default);--color-hover:var(--color-action-hover);--shadow-color-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--color-unchecked-disabled:var(--color-action-disabled);--color-checked-disabled:var(--color-neutral-dark-70)}:root{--color-checkbox-group-border-input-invalid:var(--color-feedback-negative-base)}po-combo{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color:var(--color-neutral-dark-90);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--border-radius:var(--border-width-lg);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--color-error:var(--color-feedback-negative-base);--text-color-suggestion:var(--color-neutral-mid-60);--background-suggestion:var(--color-brand-01-lightest);--min-width:9.375rem}po-container{--border-radius:var(--border-radius-md);--background:var(--color-neutral-light-00);--border-color:var(--color-neutral-light-20);--border-width:var(--border-width-sm);--padding:1em}:root{--color-datepicker-range-background-color-disabled:var(--color-neutral-light-20);--color-datepicker-range-border-text:var(--color-neutral-light-30);--color-datepicker-range-border-text-error:var(--color-feedback-negative-base);--color-datepicker-range-color-disabled:var(--color-neutral-light-30);--color-datepicker-range-color-focused:var(--color-action-default);--color-datepicker-range-color-text-error:var(--color-feedback-negative-base)}po-disclaimer{--border-radius:var(--border-radius-pill);--font-family:var(--font-family-theme);--font-size:var(--font-size-sm);--line-height:var(--line-height-sm);--color-neutral:var(--color-neutral-light-10);--text-color-neutral:var(--color-neutral-dark-80);--color:var(--color-brand-01-lightest);--border-color:var(--color-brand-01-lighter);--color-icon:var(--color-action-default);--text-color:var(--color-neutral-dark-80);--color-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-brand-01-darkest)}:root{--color-disclaimer-group-background-color:var(--color-neutral-light-00);--color-disclaimer-group-border-color:var(--color-neutral-light-10);--color-disclaimer-group-font-title:var(--color-neutral-dark-70)}po-divider{--color:var(--color-neutral-mid-40);--stroke-linecap:round}po-dropdown{--font-size:var(--font-size-default);--font-weight:var(--font-weight-bold);--line-height:var(--line-height-none);--color:var(--color-action-default);--border-radius:var(--border-radius-md);--border-width:var(--border-width-md);--padding-horizontal:1em;--padding-vertical:0;--padding:var(--padding-vertical) var(--padding-horizontal);--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-gauge-description-bottom-focus:var(--color-action-default);--color-gauge-legend-scrollbar:var(--color-primary-alpha-50);--color-gauge-legend-text:var(--color-neutral-dark-70);--color-gauge-pointer-color:var(--color-neutral-dark-70);--color-info-color-text-label:var(--color-neutral-dark-70);--color-info-color-text-value:var(--color-neutral-dark-90);--color-info-color-link:var(--color-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-decimal,po-email,po-input,po-login,po-lookup,po-number,po-password,po-url{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--padding:0 0.5rem;--text-color:var(--color-neutral-dark-90);--color-hover:var(--color-brand-01-dark);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--text-color-disabled:var(--color-neutral-dark-70)}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-search-background-color-text:var(--color-neutral-light-00);--color-lookup-search-border-text:var(--color-neutral-light-30);--color-lookup-search-border-text-focusable:var(--color-brand-02-base);--color-lookup-advanced-search-link-color-text:var(--color-brand-02-base)}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-default);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--border-radius:var(--border-radius-md);--background:var(--color-neutral-light-05);--text-color:var(--color-neutral-dark-90);--color-icon-read:var(--color-neutral-dark-70);--color-clear:var(--color-action-default);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus)}:root{--color-menu-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)}: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-default);--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-sm) var(--spacing-sm);--gap:var(--spacing-xs);--padding-top-header:var(--spacing-xs);--gap-actions:var(--spacing-sm)}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)}: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-brand-02-base);--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)}po-page-slide{--background-color:var(--color-neutral-light-00);--border-radius:var(--border-radius-md);--color-overlay:var(--color-neutral-dark-80);--opacity-overlay:0.7;--font-family:var(--font-family-heading);--font-weight:var(--font-weight-bold);--color-title:var(--color-neutral-dark-95)}: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-brand-02-base);--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)}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)}:root{--color-rich-text-background-color-scrollbar:var(--color-primary-alpha-50);--color-rich-text-body-background-color:var(--color-neutral-light-00);--color-rich-text-body-border-error:var(--color-feedback-negative-base);--color-rich-text-body-text-error:var(--color-feedback-negative-base);--color-rich-text-body-text-link:var(--color-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-rich-text-body-background-color)}po-search{--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--border-radius:var(--border-radius-md);--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-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)}po-search,po-select{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--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:0.5em;--padding-vertical:0.7em;--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='%235b1c7d'/%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-primary-alpha-50);--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);--color-stepper-bar:var(--color-neutral-dark-70);--color-stepper-bar-disabled:var(--color-neutral-mid-40);--color-stepper-circle-active:var(--color-brand-02-base);--color-stepper-circle-default:var(--color-brand-02-base);--color-stepper-circle-disabled:var(--color-neutral-light-30);--color-stepper-circle-error:var(--color-feedback-negative-base)}po-switch{--color-unchecked:var(--color-neutral-light-00);--border-color:var(--color-neutral-dark-70);--track-unchecked:var(--color-neutral-light-20);--color-checked:var(--color-action-default);--track-checked:var(--color-brand-01-light);--color-unchecked-hover:var(--color-brand-01-lightest);--color-checked-hover:var(--color-action-hover);--outline-color-focused:var(--color-action-focus);--color-unchecked-disabled:var(--color-neutral-light-20);--color-checked-disabled:var(--color-action-disabled)}po-tab-button,po-tabs{--background:var(--color-transparent);--color-baseline:var(--color-neutral-light-20);--font-size:var(--font-size-default);--font-weight:var(--font-weight-bold);--color:var(--color-action-default);--border-radius:var(--border-radius-md);--background-item-selected:var(--color-neutral-light-00);--color-hover:var(--color-brand-01-darkest);--background-item-hover:var(--color-brand-01-lighter);--color-disabled:var(--color-action-disabled);--background-item-disabled:var(--color-neutral-light-10)}po-tab-button,po-table,po-tabs{--font-family:var(--font-family-theme);--outline-color-focused:var(--color-action-focus)}po-table{--background-color:var(--color-neutral-light-00);--color:var(--color-neutral-dark-95);--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);--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-brand-02-base);--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-default);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--text-color:var(--color-neutral-dark-90);--color-hover:var(--color-brand-01-dark);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--text-color-readonly:var(--color-neutral-dark-70);--color-error:var(--color-feedback-negative-base)}:root{--color-toolbar-background-color-badge:var(--color-feedback-negative-base);--color-toolbar-background-color-toolbar:var(--color-neutral-light-00);--color-toolbar-border-color-separator:var(--color-neutral-light-10);--color-toolbar-color-badge-text:var(--color-neutral-light-00);--color-toolbar-color-default:var(--color-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-color-text-filename-loading:var(--color-neutral-dark-90);--color-upload-background-color-disabled:var(--color-neutral-light-00);--color-upload-border-disabled:var(--color-neutral-light-30);--color-upload-color-disabled:var(--color-neutral-light-30);--color-upload-background-color-hover:var(--color-neutral-light-00);--color-upload-border-hover:var(--color-primary-dark-20);--color-upload-color-hover:var(--color-primary-dark-20);--color-upload-background-color-pressed:var(--color-neutral-light-00);--color-upload-border-pressed:var(--color-primary-dark-40);--color-upload-color-pressed:var(--color-primary-dark-40);--color-upload-color-progress:var(--color-brand-03-base);--color-upload-color-text-load:var(--color-neutral-light-00);--color-upload-background-color-success:var(--color-success-default);--color-upload-background-color-load-progress:var(--color-brand-03-base);--color-upload-background-color-error:var(--color-feedback-negative-base);--color-upload-color-text-load-waiting:var(--color-neutral-dark-70);--color-upload-background-color-progress:var(--color-tertiary-light-90);--color-upload-drag-drop-overlay-icon:var(--color-primary-alpha-50);--color-upload-drag-drop-overlay-text:var(--color-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-widget{--padding:1em;--border-radius:var(--border-radius-md);--border-color:var(--color-neutral-light-20);--background:var(--color-neutral-light-00);--border-width:var(--border-width-sm);--shadow:var(--shadow-md);--background-selected:var(--color-brand-01-lightest);--border-color-selected:var(--color-action-default);--border-color-hover:var(--color-brand-01-dark);--shadow-hover:var(--shadow-lg);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus)}:root{--color-widget-color-action-active:var(--color-primary-dark-20);--color-widget-color-action-hover:var(--color-primary-dark-20);--color-widget-color-action:var(--color-brand-02-base);--color-widget-color-default:var(--color-neutral-dark-70);--color-widget-color-title-action:var(--color-brand-02-base);--color-widget-color-widget-primary:var(--color-neutral-dark-90);--color-widget-primary-background-color:var(--color-brand-03-base);--border-widget-border-no-shadow:solid var(--border-width) var(--color-neutral-light-10);--color-widget-border-color-footer:var(--color-neutral-light-10);--color-widget-border-color-footer-primary:var(--color-white-alpha-30);--color-widget-background-color-disabled:var(--color-neutral-light-10);--color-widget-background-color-scroll-disabled:var(--color-neutral-mid-40);--color-widget-color-disabled:var(--color-neutral-mid-40)}po-toaster{--border-radius:var(--border-radius-md);--color-icon:var(--color-neutral-light-00);--shadow:var(--shadow-lg);--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)}
|
|
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{--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}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-default);--line-height:var(--line-height-none);--border-radius:var(--border-radius-md);--border-width:var(--border-width-md);--padding:0 1em;--text-color-danger:var(--color-neutral-light-00);--color-button-danger:var(--color-feedback-negative-dark);--color-danger-hover:var(--color-feedback-negative-darker);--color-danger-pressed:var(--color-feedback-negative-darkest);--background-danger-hover:var(--color-feedback-negative-lighter);--border-color-danger-hover:var(--color-feedback-negative-darkest);--background-danger-pressed:var(--color-feedback-negative-light);--background-color-button-danger:var(--color-transparent);--text-color:var(--color-neutral-light-00);--color:var(--color-action-default);--background-color:var(--color-transparent);--border-color:var(--color-transparent);--shadow:var(--shadow-none);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lighter);--border-color-hover:var(--color-brand-01-darkest);--outline-color-focused:var(--color-action-focus);--color-pressed:var(--color-action-pressed);--background-pressed:var(--color-brand-01-light);--text-color-disabled:var(--color-neutral-dark-70);--color-disabled:var(--color-action-disabled);--background-color-disabled:var(--color-transparent)}po-badge,po-button{--font-family:var(--font-family-theme);--font-weight:var(--font-weight-bold)}po-badge{--background-color:var(--color-feedback-negative-base);--border-color:var(--color-neutral-light-00);--color:var(--color-neutral-light-00);--border-radius:var(--border-radius-md)}po-badge[p-status=disabled]{--background-color:var(--color-action-disabled)}po-badge[p-status=positive]{--background-color:var(--color-feedback-positive-base)}po-badge[p-status=negative]{--background-color:var(--color-feedback-negative-base)}po-badge[p-status=warning]{--background-color:var(--color-feedback-warning-base);--color:var(--color-neutral-dark-95)}:root{--color-badge-color:var(--color-neutral-light-00)}po-breadcrumb{--color-icon:var(--color-neutral-mid-60);--color-current-page:var(--color-neutral-mid-60)}po-breadcrumb,po-button-group .po-button{--font-family:var(--font-family-theme);--font-weight:var(--font-weight-bold);--color:var(--color-action-default)}po-button-group .po-button{--font-size:var(--font-size-default);--line-height:var(--line-height-none);--border-radius:var(--border-radius-md);--border-width:var(--border-width-md);--padding:0 1em;--text-color:var(--color-neutral-light-00);--background-color:var(--color-transparent);--shadow:var(--shadow-none);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lighter);--border-color-hover:var(--color-brand-01-darkest);--outline-color-focused:var(--color-action-focus);--color-pressed:var(--color-action-pressed);--background-pressed:var(--color-brand-01-light);--color-disabled:var(--color-action-disabled);--background-color-disabled:var(--color-transparent)}:root{--color-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-legend-wrapper-scrollbar:var(--color-primary-alpha-50);--color-chart-axis-stroke:var(--color-neutral-light-20);--color-chart-legend-text:var(--color-neutral-dark-70);--color-chart-axis-label-text:var(--color-neutral-dark-90);--color-chart-line-point-fill:var(--color-neutral-light-00)}po-checkbox{--border-color:var(--color-neutral-dark-70);--color-unchecked:var(--color-neutral-light-00);--color-checked:var(--color-action-default);--color-hover:var(--color-action-hover);--shadow-color-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-action-focus);--color-unchecked-disabled:var(--color-action-disabled);--color-checked-disabled:var(--color-neutral-dark-70)}:root{--color-checkbox-group-border-input-invalid:var(--color-feedback-negative-base)}po-combo{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color:var(--color-neutral-dark-90);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--border-radius:var(--border-width-lg);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--color-error:var(--color-feedback-negative-base);--text-color-suggestion:var(--color-neutral-mid-60);--background-suggestion:var(--color-brand-01-lightest);--min-width:9.375rem}po-container{--border-radius:var(--border-radius-md);--background:var(--color-neutral-light-00);--border-color:var(--color-neutral-light-20);--border-width:var(--border-width-sm);--padding:1em}:root{--color-datepicker-range-background-color-disabled:var(--color-neutral-light-20);--color-datepicker-range-border-text:var(--color-neutral-light-30);--color-datepicker-range-border-text-error:var(--color-feedback-negative-base);--color-datepicker-range-color-disabled:var(--color-neutral-light-30);--color-datepicker-range-color-focused:var(--color-action-default);--color-datepicker-range-color-text-error:var(--color-feedback-negative-base)}po-disclaimer{--border-radius:var(--border-radius-pill);--font-family:var(--font-family-theme);--font-size:var(--font-size-sm);--line-height:var(--line-height-sm);--color-neutral:var(--color-neutral-light-10);--text-color-neutral:var(--color-neutral-dark-80);--color:var(--color-brand-01-lightest);--border-color:var(--color-brand-01-lighter);--color-icon:var(--color-action-default);--text-color:var(--color-neutral-dark-80);--color-hover:var(--color-brand-01-lighter);--outline-color-focused:var(--color-brand-01-darkest)}:root{--color-disclaimer-group-background-color:var(--color-neutral-light-00);--color-disclaimer-group-border-color:var(--color-neutral-light-10);--color-disclaimer-group-font-title:var(--color-neutral-dark-70)}po-divider{--color:var(--color-neutral-mid-40);--stroke-linecap:round}po-dropdown{--font-size:var(--font-size-default);--font-weight:var(--font-weight-bold);--line-height:var(--line-height-none);--color:var(--color-action-default);--border-radius:var(--border-radius-md);--border-width:var(--border-width-md);--padding-horizontal:1em;--padding-vertical:0;--padding:var(--padding-vertical) var(--padding-horizontal);--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-gauge-description-bottom-focus:var(--color-action-default);--color-gauge-legend-scrollbar:var(--color-primary-alpha-50);--color-gauge-legend-text:var(--color-neutral-dark-70);--color-gauge-pointer-color:var(--color-neutral-dark-70);--color-info-color-text-label:var(--color-neutral-dark-70);--color-info-color-text-value:var(--color-neutral-dark-90);--color-info-color-link:var(--color-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-decimal,po-email,po-input,po-login,po-lookup,po-number,po-password,po-url{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--padding:0 0.5rem;--text-color:var(--color-neutral-dark-90);--color-hover:var(--color-brand-01-dark);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--text-color-disabled:var(--color-neutral-dark-70)}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-search-background-color-text:var(--color-neutral-light-00);--color-lookup-search-border-text:var(--color-neutral-light-30);--color-lookup-search-border-text-focusable:var(--color-brand-02-base);--color-lookup-advanced-search-link-color-text:var(--color-brand-02-base)}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-default);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--border-radius:var(--border-radius-md);--background:var(--color-neutral-light-05);--text-color:var(--color-neutral-dark-90);--color-icon-read:var(--color-neutral-dark-70);--color-clear:var(--color-action-default);--color-hover:var(--color-action-hover);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus)}:root{--color-menu-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-default);--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-brand-02-base);--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)}po-page-slide{--background-color:var(--color-neutral-light-00);--border-radius:var(--border-radius-md);--color-overlay:var(--color-neutral-dark-80);--opacity-overlay:0.7;--font-family:var(--font-family-heading);--font-weight:var(--font-weight-bold);--color-title:var(--color-neutral-dark-95);--padding-header:var(--spacing-lg) var(--spacing-md) 0px var(--spacing-md);--padding-body:0px var(--spacing-md) var(--spacing-lg) var(--spacing-md)}: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-brand-02-base);--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)}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)}:root{--color-rich-text-background-color-scrollbar:var(--color-primary-alpha-50);--color-rich-text-body-background-color:var(--color-neutral-light-00);--color-rich-text-body-border-error:var(--color-feedback-negative-base);--color-rich-text-body-text-error:var(--color-feedback-negative-base);--color-rich-text-body-text-link:var(--color-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-rich-text-body-background-color)}po-search{--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--border-radius:var(--border-radius-md);--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-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)}po-search,po-select{--font-family:var(--font-family-theme);--font-size:var(--font-size-default);--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:0.5em;--padding-vertical:0.7em;--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='%235b1c7d'/%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-primary-alpha-50);--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);--outline-color-focused:var(--color-action-focus);--color-unchecked-disabled:var(--color-neutral-light-20);--color-checked-disabled:var(--color-action-disabled)}po-tab-button,po-tabs{--background:var(--color-transparent);--color-baseline:var(--color-neutral-light-20);--font-size:var(--font-size-default);--font-weight:var(--font-weight-bold);--color:var(--color-action-default);--border-radius:var(--border-radius-md);--background-item-selected:var(--color-neutral-light-00);--color-hover:var(--color-brand-01-darkest);--background-item-hover:var(--color-brand-01-lighter);--color-disabled:var(--color-action-disabled);--background-item-disabled:var(--color-neutral-light-10);--margin-tabs-container-left:-16px;--margin-tabs-container-right:-16px}po-tab-button,po-table,po-tabs{--font-family:var(--font-family-theme);--outline-color-focused:var(--color-action-focus)}po-table{--background-color:var(--color-neutral-light-00);--color:var(--color-neutral-dark-95);--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);--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-brand-02-base);--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-default);--text-color-placeholder:var(--color-neutral-light-30);--color:var(--color-neutral-dark-70);--background:var(--color-neutral-light-05);--text-color:var(--color-neutral-dark-90);--color-hover:var(--color-brand-01-dark);--background-hover:var(--color-brand-01-lightest);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus);--color-disabled:var(--color-neutral-light-30);--background-disabled:var(--color-neutral-light-20);--text-color-readonly:var(--color-neutral-dark-70);--color-error:var(--color-feedback-negative-base)}:root{--color-toolbar-background-color-badge:var(--color-feedback-negative-base);--color-toolbar-background-color-toolbar:var(--color-neutral-light-00);--color-toolbar-border-color-separator:var(--color-neutral-light-10);--color-toolbar-color-badge-text:var(--color-neutral-light-00);--color-toolbar-color-default:var(--color-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-color-text-filename-loading:var(--color-neutral-dark-90);--color-upload-background-color-disabled:var(--color-neutral-light-00);--color-upload-border-disabled:var(--color-neutral-light-30);--color-upload-color-disabled:var(--color-neutral-light-30);--color-upload-background-color-hover:var(--color-neutral-light-00);--color-upload-border-hover:var(--color-primary-dark-20);--color-upload-color-hover:var(--color-primary-dark-20);--color-upload-background-color-pressed:var(--color-neutral-light-00);--color-upload-border-pressed:var(--color-primary-dark-40);--color-upload-color-pressed:var(--color-primary-dark-40);--color-upload-color-progress:var(--color-brand-03-base);--color-upload-color-text-load:var(--color-neutral-light-00);--color-upload-background-color-success:var(--color-success-default);--color-upload-background-color-load-progress:var(--color-brand-03-base);--color-upload-background-color-error:var(--color-feedback-negative-base);--color-upload-color-text-load-waiting:var(--color-neutral-dark-70);--color-upload-background-color-progress:var(--color-tertiary-light-90);--color-upload-drag-drop-overlay-icon:var(--color-primary-alpha-50);--color-upload-drag-drop-overlay-text:var(--color-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-widget{--padding:1em;--border-radius:var(--border-radius-md);--border-color:var(--color-neutral-light-20);--background:var(--color-neutral-light-00);--border-width:var(--border-width-sm);--shadow:var(--shadow-md);--background-selected:var(--color-brand-01-lightest);--border-color-selected:var(--color-action-default);--border-color-hover:var(--color-brand-01-dark);--shadow-hover:var(--shadow-lg);--color-focused:var(--color-action-default);--outline-color-focused:var(--color-action-focus)}:root{--color-widget-color-action-active:var(--color-primary-dark-20);--color-widget-color-action-hover:var(--color-primary-dark-20);--color-widget-color-action:var(--color-brand-02-base);--color-widget-color-default:var(--color-neutral-dark-70);--color-widget-color-title-action:var(--color-brand-02-base);--color-widget-color-widget-primary:var(--color-neutral-dark-90);--color-widget-primary-background-color:var(--color-brand-03-base);--border-widget-border-no-shadow:solid var(--border-width) var(--color-neutral-light-10);--color-widget-border-color-footer:var(--color-neutral-light-10);--color-widget-border-color-footer-primary:var(--color-white-alpha-30);--color-widget-background-color-disabled:var(--color-neutral-light-10);--color-widget-background-color-scroll-disabled:var(--color-neutral-mid-40);--color-widget-color-disabled:var(--color-neutral-mid-40)}po-toaster{--border-radius:var(--border-radius-md);--color-icon:var(--color-neutral-light-00);--shadow:var(--shadow-lg);--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)}
|