:root {
  --color-neutral-900: hsla(0, 0%, 0%, 1);
  --color-neutral-800: hsla(0, 0%, 6%, 1);
  --color-neutral-700: hsla(0, 0%, 13%, 1);
  --color-neutral-600: hsla(0, 0%, 25%, 1);
  --color-neutral-500: hsla(0, 0%, 34%, 1);
  --color-neutral-400: hsla(0, 0%, 62%, 1);
  --color-neutral-300: hsla(0, 0%, 82%, 1);
  --color-neutral-200: hsla(0, 0%, 92%, 1);
  --color-neutral-100: hsla(0, 0%, 95%, 1);
  --color-neutral-50: hsla(0, 0%, 98%, 1);
  --color-neutral-00: hsla(0, 0%, 100%, 1);
  --ps-color-data-purple-900: hsla(268, 58%, 19%, 1);
  --ps-color-data-purple-800: hsla(269, 53%, 39%, 1);
  --ps-color-data-purple-700: hsla(269, 47%, 48%, 1);
  --ps-color-data-purple-600-primary: hsla(270, 62%, 59%, 1);
  --ps-color-data-purple-500: hsla(269, 75%, 69%, 1);
  --ps-color-data-purple-400: hsla(270, 75%, 76%, 1);
  --ps-color-data-purple-300: hsla(270, 62%, 79%, 1);
  --ps-color-data-purple-200: hsla(260, 72%, 89%, 1);
  --ps-color-data-purple-100: hsla(260, 91%, 95%, 1);
  --ps-color-data-purple-50: hsla(260, 100%, 98%, 1);
  --ps-color-data-orange-900: hsla(33, 100%, 20%, 1);
  --ps-color-data-orange-800: hsla(33, 98%, 36%, 1);
  --ps-color-data-orange-700: hsla(33, 97%, 46%, 1);
  --ps-color-data-orange-600-primary: hsla(33, 100%, 51%, 1);
  --ps-color-data-orange-500: hsla(33, 91%, 58%, 1);
  --ps-color-data-orange-400: hsla(33, 100%, 65%, 1);
  --ps-color-data-orange-300: hsla(32, 100%, 78%, 1);
  --ps-color-data-orange-200: hsla(32, 100%, 83%, 1);
  --ps-color-data-orange-100: hsla(32, 100%, 92%, 1);
  --ps-color-data-orange-50: hsla(32, 100%, 97%, 1);
  --ps-color-data-red-900: hsla(0, 100%, 18%, 1);
  --ps-color-data-red-800: hsla(0, 100%, 25%, 1);
  --ps-color-data-red-700: hsla(0, 86%, 34%, 1);
  --ps-color-data-red-600-primary: hsla(0, 87%, 47%, 1);
  --ps-color-data-red-500: hsla(0, 86%, 61%, 1);
  --ps-color-data-red-400: hsla(0, 100%, 69%, 1);
  --ps-color-data-red-300: hsla(0, 100%, 76%, 1);
  --ps-color-data-red-200: hsla(0, 100%, 86%, 1);
  --ps-color-data-red-100: hsla(0, 76%, 92%, 1);
  --ps-color-data-red-50: hsla(0, 100%, 96%, 1);
  --ps-color-data-yellow-400-primary: hsla(48, 100%, 50%, 1);
  --ps-color-data-yellow-50: hsla(48, 100%, 88%, 1);
  --ps-color-data-green-900: hsla(120, 100%, 9%, 1);
  --ps-color-data-green-800: hsla(120, 85%, 18%, 1);
  --ps-color-data-green-700: hsla(120, 58%, 28%, 1);
  --ps-color-data-green-600-primary: hsla(120, 46%, 34%, 1);
  --ps-color-data-green-500: hsla(120, 38%, 43%, 1);
  --ps-color-data-green-400: hsla(120, 34%, 55%, 1);
  --ps-color-data-green-300: hsla(120, 45%, 65%, 1);
  --ps-color-data-green-200: hsla(120, 52%, 76%, 1);
  --ps-color-data-green-100: hsla(120, 42%, 90%, 1);
  --ps-color-data-green-50: hsla(120, 53%, 97%, 1);
  --ps-color-data-blue-900: hsla(240, 100%, 20%, 1);
  --ps-color-data-blue-800: hsla(230, 100%, 28%, 1);
  --ps-color-data-blue-700: hsla(219, 100%, 35%, 1);
  --ps-color-data-blue-600-primary: hsla(216, 80%, 48%, 1);
  --ps-color-data-blue-500: hsla(215, 100%, 63%, 1);
  --ps-color-data-blue-400: hsla(215, 100%, 71%, 1);
  --ps-color-data-blue-300: hsla(215, 100%, 77%, 1);
  --ps-color-data-blue-200: hsla(215, 100%, 86%, 1);
  --ps-color-data-blue-100: hsla(216, 100%, 91%, 1);
  --ps-color-data-blue-50: hsla(216, 100%, 96%, 1);
}

:root {
  --radius-xsmall: 2px;
  --radius-small: 8px;
  --radius-medium: 16px;
  --radius-large: 24px;
  --radius-full: 100px;
  --menu-background-normal: var(--ps-color-data-purple-600-primary);
  --menu-background-highlight: var(--color-neutral-00);
  --menu-background-active: var(--color-neutral-600);
  --menu-background-selected: var(--ps-color-data-orange-500-primary);
  --menu-background-readonly: var(--color-neutral-50);
  --menu-background-hover: var(--color-neutral-50);
  --menu-foreground-normal: var(--color-neutral-700);
  --menu-foreground-highlight: var(--color-neutral-00);
  --menu-foreground-active: var(--color-neutral-00);
  --menu-foreground-hover: var(--color-neutral-00);
  --menu-foreground-selected: var(--color-neutral-900);
  --menu-border: var(--color-neutral-600);
  --menu-link: var(--ps-color-data-purple-50);
  --primary-background: var(--color-neutral-50);
  --header-foreground: var(--color-neutral-50);
  --card-highlight-background: var(--ps-color-data-purple-100);
  --secondary-background: var(--color-neutral-00);
  --header-background: var(--ps-color-data-purple-300);
  --ps-page-header-forground: var(--ps-color-data-purple-500);
  --text: var(--color-neutral-800);
  --placeholder-text: #737373;
  --disabled-text: #B2B2B2;
  --read-only: #F8FAFB;
  --faded-background: #F8FAFB;
  --title-or-label: var(--color-neutral-800);
  --search-field-background: #FFFFFF;
  --search-field-focus-border-color: #A1D9E7;
  --ps-version-test-color: #0077B8;
  --ps-version-beta-color: #D43764;
  --ps-active-input: var(--ps-color-data-purple-200);
  --ps-badge-info-background: var(--ps-color-data-blue-100);
  --shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-color: var(--color-neutral-200);
  --go-notification-info-background: hsla(198, 100%, 94%, 100%);
  --go-notification-info-text: hsla(0, 0%, 19%, 100%);
  --go-notification-info-border: hsla(199, 62%, 52%, 100%);
  --go-notification-link: hsla(199, 69%, 41%, 100%);
  --go-notification-error-background: hsla(48, 100%, 88%, 100%);
  --go-notification-error-text: hsla(0, 0%, 6%, 100%);
  --go-notification-error-border: hsla(48, 100%, 50%, 100%);
  --mobile-notification-info-background: hsla(240, 100%, 20%, 100%);
  --mobile-notification-info-text: hsla(0, 0%, 100%, 100%);
  --mobile-notification-info-border: hsla(216, 80%, 48%, 100%);
  --mobile-notification-link: hsla(199, 69%, 41%, 100%);
  --mobile-notification-error-background: hsla(33, 100%, 20%, 100%);
  --mobile-notification-error-text: hsla(0, 0%, 100%, 100%);
  --mobile-notification-error-border: hsla(48, 100%, 50%, 100%);
  --tooltip-background: var(--color-neutral-00);
  --tooltip-text: var(--color-neutral-700);
  --tooltip-border: var(--color-neutral-200);
  --info-blue-text: var(--color-neutral-800);
  --info-blue-border: var(--ps-color-data-blue-600-primary);
  --info-blue-background: var(--ps-color-data-blue-50);
  --success-border: var(--ps-color-data-green-600-primary);
  --success-background: var(--ps-color-data-green-100);
  --success-text: var(--color-neutral-800);
  --info-border: var(--ps-color-data-yellow-400-primary);
  --info-background: var(--ps-color-data-yellow-50);
  --info-text: var(--color-neutral-800);
  --danger-border: var(--ps-color-data-red-600-primary);
  --danger-background: var(--ps-color-data-red-50);
  --danger-text: var(--color-neutral-800);
  --disabled-chip-border: var(--color-neutral-200);
  --disabled-chip-background: var(--color-neutral-200);
  --disabled-chip-text: var(--color-neutral-500);
  --banner-bg-info: hsla(194, 86%, 94%, 100%);
  --banner-border-info: hsla(191, 88%, 87%, 100%);
  --banner-text-info: hsla(189, 90%, 26%, 100%);
  --banner-bg-warning: hsla(56, 100%, 89%, 100%);
  --banner-border-warning: hsla(53, 90%, 77%, 100%);
  --banner-text-warning: hsla(37, 100%, 25%, 100%);
  --banner-bg-danger: hsla(338, 82%, 97%, 100%);
  --banner-border-danger: hsla(332, 100%, 94%, 100%);
  --banner-text-danger: hsla(343, 65%, 52%, 100%);
  --table-row-in-focus: var(--ps-color-data-purple-100);
  --table-row-hover: var(--ps-color-data-purple-200);
  --table-row-text: var(--color-neutral-800);
  --table-grid-head-bg: var(--color-neutral-50);
  --table-head-bg: var(--color-neutral-200);
  --table-head-text: var(--color-neutral-800);
  --table-bg: var(--color-neutral-00);
  --table-borders: var(--color-neutral-200);
  --input-text-normal: var(--color-neutral-800);
  --input-text-focus: var(--color-neutral-800);
  --input-text-read-only: var(--color-neutral-500);
  --input-text-disabled: var(--color-neutral-400);
  --input-text-error: var(--color-neutral-800);
  --input-background-normal: var(--color-neutral-00);
  --input-background-focus: var(--color-neutral-00);
  --input-background-read-only: var(--color-neutral-50);
  --input-background-disabled: var(--color-neutral-100);
  --input-background-error: var(--color-neutral-00);
  --border-normal: var(--color-neutral-300);
  --border-focus: var(--ps-color-data-purple-500);
  --border-read-only: var(--color-neutral-200);
  --border-disabled: var(--color-neutral-200);
  --border-error: var(--ps-color-data-red-600-primary);
  --ps-border-component: var(--color-neutral-300);
  --link: var(--ps-color-data-purple-600-primary);
  --disabled-link: var(--color-neutral-500);
  --delete-link-button: var(--ps-color-data-red-600-primary);
  --client-info-button: rgba(255, 255, 255, 0.1);
  --client-info-button-active: rgba(255, 255, 255, 0.25);
  --button: var(--color-neutral-00);
  --button-background: var(--color-neutral-900);
  --button-hover: var(--color-neutral-600);
  --button-active-background: var(--color-neutral-500);
  --button-active-text: var(--color-neutral-200);
  --button-focus: var(--color-neutral-600);
  --button-disabled: var(--color-neutral-400);
  --button-disabled-background: var(--color-neutral-500);
  --button-standard-state-normal: #0187AE;
  --button-standard-state-hover: #349FBE;
  --button-standard-state-pressed: #016C8B;
  --button-standard-state-disabled: var(--color-neutral-400);
  --secondary-button: var(--color-neutral-800);
  --secondary-button-background: var(--color-neutral-200);
  --secondary-button-hover: var(--color-neutral-800);
  --secondary-button-hover-background: var(--color-neutral-300);
  --secondary-button-disabled: var(--color-neutral-400);
  --secondary-button-disabled-background: var(--color-neutral-200);
  --toggle-button-unselected-background: var(--color-neutral-200);
  --toggle-button-unselected-state-normal: var(--color-neutral-800);
  --toggle-button-unselected-disabled: var(--color-neutral-400);
  --toggle-button-unselected-disabled-background: var(--color-neutral-200);
  --toggle-button-unselected-hover: var(--color-neutral-800);
  --toggle-button-unselected-hover-background: var(--color-neutral-300);
  --toggle-button-unselected-active: var(--color-neutral-800);
  --toggle-button-unselected-active-background: var(--color-neutral-400);
  --toggle-button-selected: var(--color-neutral-00);
  --toggle-button-selected-background: var(--color-neutral-700);
  --toggle-switch-unchecked-background: var(--color-neutral-400);
  --toggle-switch-checked-background: var(--color-neutral-800);
  --toggle-switch-thumb: var(--color-neutral-00);
  --toggle-switch-border: var(--color-neutral-800);
  --checkbox-unchecked-background: var(--color-neutral-50);
  --checkbox-unchecked-border: var(--color-neutral-400);
  --checkbox-checked-background: var(--color-neutral-900);
  --checkbox-checked-border: var(--color-neutral-900);
  --checkbox-checkmark: var(--color-neutral-00);
  --radio-button-background: var(--color-neutral-50);
  --radio-button-border: var(--color-neutral-800);
  --radio-button-checked: var(--color-neutral-800);
  --radio-button-focus-outline: var(--border-focus);
  --dropdown-stroke: var(--color-neutral-800);
  --file-upload-border: var(--ps-color-data-purple-300);
  --session-recording: var(--ps-color-data-purple-500);
  --session-recording-active: var(--ps-color-data-purple-300);
  --session-logging-container: var(--ps-color-data-purple-100);
  --close-button-circular: var(--color-neutral-900);
  --ps-logo-text: var(--color-neutral-900);
  --ps-logo-background: var(--color-neutral-00);
  --ps-copy-button: var(--ps-color-data-purple-600-primary);
  --ps-copy-button-title: var(--ps-color-data-purple-600-primary);
  --ps-default-close-button: var(--color-neutral-800);
  --ps-bg-loading-animation: var(--color-neutral-800);
  --ps-loading-animation: hsl(222 90% 70%);
  --ps-check-no-background: var(--ps-color-data-purple-300);
  --ps-uncheck-no-background: var(--color-neutral-400);
  --ps-collapse-button-fill: var(--color-neutral-800);
  --ps-trash-bin-stroke: var(--color-neutral-800);
  --ps-round-checkmark-fill: var(--ps-color-data-green-600-primary);
  --ps-round-checkmark-stroke: var(--color-neutral-00);
  --ps-round-cross-fill: var(--ps-color-data-red-600-primary);
  --ps-round-cross-stroke: var(--color-neutral-00);
  --ps-cog-wheel-stroke: var(--color-neutral-00);
  --ps-status-stopped-fill: var(--color-neutral-800);
  --ps-status-stopped-stroke: var(--color-neutral-00);
  --ps-filter-button-stroke: var(--color-neutral-800);
  --ps-read-access-stroke: var(--color-neutral-00);
  --ps-read-access-fill: var(--ps-color-data-blue-600-primary);
  --ps-ai-icon-stroke: var(--color-neutral-800);
  --ps-voucher-button-stroke: var(--color-neutral-900);
  --ps-in-progress-path: var(--color-neutral-00);
  --ps-in-progress-dot-one: var(--color-neutral-00);
  --ps-in-progress-dot-two: var(--color-neutral-00);
  --ps-in-progress-background: var(--ps-color-data-purple-600-primary);
  --ps-chat-button-background: var(--color-neutral-50);
  --ps-chat-button-border: var(--color-neutral-800);
  --ps-chat-button-dot-one: var(--color-neutral-700);
  --ps-chat-button-dot-two: var(--color-neutral-600);
  --ps-chat-button-dot-three: var(--color-neutral-500);
  --ps-chat-button-background-hover: var(--color-neutral-50);
  --ps-chat-button-border-hover: var(--ps-color-data-blue-600-primary);
  --ps-chat-button-dot-one-hover: var(--ps-color-data-blue-500);
  --ps-chat-button-dot-two-hover: var(--ps-color-data-blue-400);
  --ps-chat-button-dot-three-hover: var(--ps-color-data-blue-300);
  --ps-shield-positive: var(--color-neutral-700);
  --ps-shield-negative: var(--color-neutral-400);
  --ps-two-factor-positive: var(--ps-color-data-purple-300);
  --ps-two-factor-negative: var(--color-neutral-400);
  --ps-search-icon: var(--color-neutral-800);
  --ps-icon-hover: var(--ps-color-data-purple-400);
  --ps-icon-active: var(--ps-color-data-purple-300);
  --ps-icon-normal: var(--color-neutral-800);
  --ps-enter-button: hsla(191, 61%, 93%, 100%);
  --ps-enter-button-hover: hsla(191, 61%, 93%, 100%);
  --ps-enter-button-active: hsla(194, 99%, 34%, 100%);
  --ps-enter-button-arrow: hsla(0, 0%, 13%, 100%);
  --ps-enter-button-arrow-hover: hsla(194, 99%, 34%, 100%);
  --ps-enter-button-arrow-active: hsla(0, 0%, 100%, 100%);
  --ps-attachment-icon-stroke: var(--color-neutral-800);
  --ps-attachment-icon-stroke-hover: var(--ps-color-data-blue-600-primary);
  --ps-calendar-icon-stroke: var(--ps-color-data-blue-600-primary);
  --ps-calendar-icon-fill: var(--ps-color-data-blue-600-primary);
  --ps-filetype-icon-stroke: var(--color-neutral-800);
  --ps-filetype-icon-fill: var(--color-neutral-800);
  --ps-color-graph-primary-line: var(--ps-color-data-blue-200);
  --ps-color-graph-secondary-line: var(--ps-color-data-blue-300);
  --ps-color-graph-tertiary-line: var(--ps-color-data-blue-400);
  --ps-color-graph-quaternary-line: var(--ps-color-data-blue-500);
  --ps-color-graph-quinary-line: var(--ps-color-data-blue-600-primary);
  --ps-color-graph-senary-line: var(--ps-color-data-blue-700);
  --ps-color-graph-primary-negative-line: var(--ps-color-data-orange-500-primary);
  --ps-color-graph-secondary-negative-line: var(--ps-color-data-orange-400);
  --ps-color-graph-tertiary-negative-line: var(--ps-color-data-orange-300);
  --ps-color-graph-quaternary-negative-line: var(--ps-color-data-orange-200);
  --ps-color-graph-quinary-negative-line: var(--ps-color-data-red-600-primary);
  --ps-color-graph-senary-negative-line: var(--ps-color-data-red-700);
  --ps-color-graph-primary-event: var(--ps-color-data-purple-400);
  --ps-color-graph-secondary-event: var(--ps-color-data-purple-300);
  --ps-color-graph-tertiary-event: var(--ps-color-data-purple-200);
  --ps-color-graph-quaternary-event: var(--ps-color-data-purple-100);
  --ps-color-graph-grid-lines: hsla(0, 0%, 94%, 100%);
  --ps-color-graph-primary-grey-line: hsla(0, 0%, 89%, 100%);
  --ps-color-graph-secondary-grey-line: hsla(0, 0%, 78%, 100%);
  --ps-color-graph-marker-line: hsla(0, 0%, 19%, 100%);
  --ps-salesdashboard-widget-configurator-mini-widget-background: var(--primary-background);
  --ps-salesdashboard-widget-configurator-mini-widget-border: var(--border-normal);
  --ps-salesdashboard-widget-configurator-widgets-list-background: var(--secondary-background);
  --ps-salesdashboard-widget-configurator-widgets-list-border: var(--secondary-background);
  --ps-salesdashboard-icon-color: var(--color-neutral-800);
  --ps-component-demo-light-background: var(--color-neutral-00);
  --ps-component-demo-gray-background: var(--color-neutral-100);
  --ps-component-demo-dark-background: var(--color-neutral-800);
  --ps-component-demo-border-color: var(--color-neutral-300);
}

:root:has(#schemeComfortMode:checked) {
  --radius-xsmall: 2px;
  --radius-small: 8px;
  --radius-medium: 16px;
  --radius-large: 24px;
  --radius-full: 100px;
  --menu-background-normal: hsl(222 51% 9%);
  --menu-background-highlight: hsl(222 40% 34%);
  --menu-background-active: var(--color-neutral-600);
  --menu-background-selected: var(--ps-color-data-orange-500-primary);
  --menu-background-readonly: var(--color-neutral-50);
  --menu-background-hover: hsl(225 25% 22%);
  --menu-foreground-normal: hsl(0 0% 75%);
  --menu-foreground-highlight: hsl(0 0% 75%);
  --menu-foreground-active: var(--color-neutral-00);
  --menu-foreground-hover: var(--color-neutral-00);
  --menu-foreground-selected: var(--color-neutral-900);
  --menu-border: var(--color-neutral-600);
  --menu-link: hsl(210 20% 54%);
  --primary-background: hsl(222 51% 9%);
  --header-foreground: hsl(0 0% 75%);
  --secondary-background: hsl(225 25% 22%);
  --card-highlight-background: var(--ps-color-data-purple-100);
  --header-background: hsl(222 51% 9%);
  --ps-page-header-forground: hsl(0 0% 75%);
  --text: hsl(0, 0%, 75%);
  --placeholder-text: hsl(0 0% 50%);
  --disabled-text: hsl(0 0% 50%);
  --read-only: hsl(0 0% 50%);
  --faded-background: hsl(222 30% 10%);
  --title-or-label: hsl(225 50% 75%);
  --search-field-background: hsl(222 40% 34%);
  --search-field-focus-border-color: hsl(0 0% 75%);
  --ps-version-test-color: hsl(222 40% 34%);
  --ps-version-beta-color: hsl(355 50% 45%);
  --ps-active-input: hsla(199, 62%, 52%, 100%);
  --ps-badge-info-background: hsl(222 40% 34%);
  --shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-color: var(--color-neutral-200);
  --go-notification-info-background: hsla(198, 100%, 94%, 100%);
  --go-notification-info-text: hsla(0, 0%, 19%, 100%);
  --go-notification-info-border: hsla(199, 62%, 52%, 100%);
  --go-notification-link: hsla(199, 69%, 41%, 100%);
  --go-notification-error-background: hsla(48, 100%, 88%, 100%);
  --go-notification-error-text: hsla(0, 0%, 6%, 100%);
  --go-notification-error-border: hsla(48, 100%, 50%, 100%);
  --mobile-notification-info-background: hsla(240, 100%, 20%, 100%);
  --mobile-notification-info-text: hsla(0, 0%, 100%, 100%);
  --mobile-notification-info-border: hsla(216, 80%, 48%, 100%);
  --mobile-notification-link: hsla(199, 69%, 41%, 100%);
  --mobile-notification-error-background: hsla(33, 100%, 20%, 100%);
  --mobile-notification-error-text: hsla(0, 0%, 100%, 100%);
  --mobile-notification-error-border: hsla(48, 100%, 50%, 100%);
  --tooltip-background: hsl(222 40% 30%);
  --tooltip-text: hsl(0 0 75%);
  --tooltip-border: hsl(222 30% 15%);
  --info-blue-text: hsl(0 0% 75%);
  --info-blue-border: hsl(210 46% 54%);
  --info-blue-background: hsl(210 46% 44%);
  --success-border: hsl(110 35% 35%);
  --success-background: hsl(110 35% 45%);
  --success-text: hsl(0 0% 75%);
  --info-border: hsl(45 46% 34%);
  --info-background: hsl(45 46% 44%);
  --info-text: hsl(0 0% 75%);
  --danger-border: hsl(355 55% 45%);
  --danger-background: hsl(355 55% 55%);
  --danger-text: hsl(0 0% 75%);
  --disabled-chip-border: var(--color-neutral-200);
  --disabled-chip-background: var(--color-neutral-200);
  --disabled-chip-text: var(--color-neutral-500);
  --banner-text-info: hsla(220, 20%, 75%, 100%);
  --banner-border-info: hsla(220, 88%, 15%, 100%);
  --banner-bg-info: hsla(220, 40%, 26%, 100%);
  --banner-bg-warning: hsla(46, 60%, 60%, 100%);
  --banner-border-warning: hsla(53, 90%, 50%, 100%);
  --banner-text-warning: hsla(37, 100%, 25%, 100%);
  --banner-bg-danger: hsl(311 27% 15%);
  --banner-border-danger: hsl(355 55% 45%);
  --banner-text-danger: hsl(355 25% 85%);
  --table-row-in-focus: hsl(222 30% 35%);
  --table-row-hover: hsl(222 30% 25%);
  --table-row-text: hsl(284 10% 75%);
  --table-grid-head-bg: hsl(222 51% 9%);
  --table-head-bg: hsl(222 40% 34%);
  --table-head-text: hsl(0 0% 75%);
  --table-bg: hsl(222 30% 15%);
  --table-borders: hsl(210 30% 23%);
  --input-text-normal: hsl(0, 0%, 75%);
  --input-text-focus: hsl(0, 0%, 75%);
  --input-text-read-only: hsl(0, 0%, 65%);
  --input-text-disabled: hsl(0, 0%, 55%);
  --input-text-error: hsl(0, 0%, 75%);
  --input-background-normal: hsl(222 40% 34%);
  --input-background-focus: hsl(222 40% 34%);
  --input-background-read-only: hsl(222 40% 30%);
  --input-background-disabled: hsl(222 40% 24%);
  --input-background-error: hsl(222 40% 34%);
  --border-normal: hsla(0, 0%, 100%, 20%);
  --border-focus: hsl(222 50% 44%);
  --border-read-only: hsla(0, 0%, 100%, 20%);
  --border-disabled: hsla(0, 0%, 100%, 20%);
  --border-error: var(--ps-color-status-error);
  --ps-border-component: var(--color-neutral-300);
  --link: hsl(210 20% 54%);
  --disabled-link: #B2B2B2;
  --delete-link-button: #D43764;
  --client-info-button: rgba(255, 255, 255, 0.1);
  --client-info-button-active: rgba(255, 255, 255, 0.25);
  --button: hsl(210 0% 75%);
  --button-background: hsl(210 30% 35%);
  --button-hover: hsl(210 30% 55%);
  --button-active-background: var(--color-neutral-500);
  --button-active-text: hsl(210 30% 25%);
  --button-focus: #0DB6E5;
  --button-disabled: hsl(210 0% 50%);
  --button-disabled-background: hsl(210 10% 25%);
  --button-standard-state-normal: hsl(210 45% 44%);
  --button-standard-state-hover: hsl(210 30% 55%);
  --button-standard-state-pressed: #016C8B;
  --button-standard-state-disabled: hsl(210 15% 35%);
  --secondary-button: hsl(210 65% 40%);
  --secondary-button-background: hsl(222 15% 75%);
  --secondary-button-hover: hsl(210 75% 55%);
  --secondary-button-hover-background: hsl(222 15% 85%);
  --secondary-button-disabled: hsl(210 15% 35%);
  --secondary-button-disabled-background: hsl(222 15% 55%);
  --toggle-button-unselected-background: hsl(210 15% 45%);
  --toggle-button-unselected-state-normal: hsl(210 30% 20%);
  --toggle-button-unselected-disabled: hsl(210 15% 35%);
  --toggle-button-unselected-disabled-background: hsl(210 10% 25%);
  --toggle-button-unselected-hover: hsl(210 30% 55%);
  --toggle-button-unselected-hover-background: hsla(0, 0%, 0%, 0);
  --toggle-button-unselected-active: hsl(210 30% 25%);
  --toggle-button-unselected-active-background: hsla(0, 0%, 0%, 0);
  --toggle-button-selected: hsla(0, 0%, 75%, 1);
  --toggle-button-selected-background: hsla(210, 30%, 45%, 1);
  --toggle-switch-unchecked-background: hsl(0, 0%, 75%);
  --toggle-switch-checked-background: hsla(210, 30%, 45%, 1);
  --toggle-switch-thumb: hsl(210 45% 44%);
  --toggle-switch-border: hsl(0, 0%, 75%);
  --checkbox-unchecked-background: hsl(0, 0%, 75%);
  --checkbox-unchecked-border: hsl(0, 0%, 75%);
  --checkbox-checked-background: hsl(210 30% 35%);
  --checkbox-checked-border: hsl(210 30% 35%);
  --checkbox-checkmark: hsl(0, 0%, 75%);
  --radio-button-background: hsl(0, 0%, 75%);
  --radio-button-border: hsl(210 30% 35%);
  --radio-button-checked: hsl(210 30% 35%);
  --radio-button-focus-outline: var(--border-focus);
  --dropdown-stroke: hsl(0, 0%, 75%);
  --file-upload-border: hsl(0 0% 70%);
  --session-recording: hsl(355 50% 35%);
  --session-recording-active: hsl(355 50% 50%);
  --session-logging-container: hsl(225 25% 22%);
  --close-button-circular: hsl(210 0% 75%);
  --ps-logo-text: hsl(222 50% 90%);
  --ps-logo-background: hsl(222 40% 34%);
  --ps-copy-button: hsl(210 20% 54%);
  --ps-copy-button-title: hsl(210 20% 54%);
  --ps-default-close-button: hsl(0, 0%, 75%);
  --ps-bg-loading-animation: hsl(222 30% 30%);
  --ps-loading-animation: hsl(222 90% 70%);
  --ps-check-no-background: var(--ps-color-data-purple-300);
  --ps-uncheck-no-background: var(--color-neutral-400);
  --ps-collapse-button-fill: var(--color-neutral-800);
  --ps-trash-bin-stroke: var(--color-neutral-200);
  --ps-round-checkmark-fill: var(--ps-color-data-green-600-primary);
  --ps-round-checkmark-stroke: var(--color-neutral-00);
  --ps-round-cross-fill: var(--ps-color-data-red-600-primary);
  --ps-round-cross-stroke: var(--color-neutral-00);
  --ps-cog-wheel-stroke: var(--color-neutral-00);
  --ps-status-stopped-fill: var(--color-neutral-800);
  --ps-status-stopped-stroke: var(--color-neutral-00);
  --ps-filter-button-stroke: var(--color-neutral-00);
  --ps-read-access-stroke: var(--color-neutral-00);
  --ps-read-access-fill: var(--ps-color-data-blue-600-primary);
  --ps-ai-icon-stroke: var(--color-neutral-800);
  --ps-voucher-button-stroke: var(--color-neutral-800);
  --ps-in-progress-path: var(--color-neutral-00);
  --ps-in-progress-dot-one: var(--color-neutral-00);
  --ps-in-progress-dot-two: var(--color-neutral-00);
  --ps-in-progress-background: var(--ps-color-data-purple-600-primary);
  --ps-chat-button-background: hsl(222 40% 34%);
  --ps-chat-button-border: var(--color-neutral-50);
  --ps-chat-button-dot-one: var(--color-neutral-100);
  --ps-chat-button-dot-two: var(--color-neutral-200);
  --ps-chat-button-dot-three: var(--color-neutral-300);
  --ps-chat-button-background-hover: var(--color-neutral-50);
  --ps-chat-button-border-hover: var(--ps-color-data-blue-600-primary);
  --ps-chat-button-dot-one-hover: var(--ps-color-data-blue-500);
  --ps-chat-button-dot-two-hover: var(--ps-color-data-blue-400);
  --ps-chat-button-dot-three-hover: var(--ps-color-data-blue-300);
  --ps-shield-positive: var(--ps-color-graph-primary-line);
  --ps-shield-negative: var(--ps-color-graph-grid-lines);
  --ps-two-factor-positive: var(--ps-color-graph-primary-line);
  --ps-two-factor-negative: var(--ps-color-graph-grid-lines);
  --ps-search-icon: var(--color-neutral-00);
  --ps-icon-hover: var(--color-neutral-200);
  --ps-icon-active: var(--color-neutral-00);
  --ps-icon-normal: var(--color-neutral-200);
  --ps-enter-button: hsla(191, 61%, 93%, 100%);
  --ps-enter-button-hover: hsla(191, 61%, 93%, 100%);
  --ps-enter-button-active: hsla(194, 99%, 34%, 100%);
  --ps-enter-button-arrow: hsla(191, 61%, 93%, 100%);
  --ps-enter-button-arrow-hover: hsla(194, 99%, 34%, 100%);
  --ps-enter-button-arrow-active: hsla(0, 0%, 100%, 100%);
  --ps-attachment-icon-stroke: var(--color-neutral-800);
  --ps-attachment-icon-stroke-hover: var(--ps-color-data-blue-600-primary);
  --ps-calendar-icon-stroke: var(--ps-color-data-blue-600-primary);
  --ps-calendar-icon-fill: var(--ps-color-data-blue-600-primary);
  --ps-filetype-icon-stroke: var(--color-neutral-300);
  --ps-filetype-icon-fill: var(--color-neutral-300);
  --ps-color-graph-primary-line: hsla(210, 46%, 44%, 100%);
  --ps-color-graph-secondary-line: hsla(210, 50%, 35%, 100%);
  --ps-color-graph-tertiary-line: hsla(220, 50%, 33%, 100%);
  --ps-color-graph-quaternary-line: hsla(215, 40%, 30%, 100%);
  --ps-color-graph-quinary-line: hsla(215, 40%, 27%, 100%);
  --ps-color-graph-senary-line: var(--ps-color-data-blue-700);
  --ps-color-graph-primary-negative-line: hsla(33, 100%, 56%, 100%);
  --ps-color-graph-secondary-negative-line: hsla(12, 81%, 50%, 100%);
  --ps-color-graph-tertiary-negative-line: hsla(83, 57%, 59%, 100%);
  --ps-color-graph-quaternary-negative-line: hsla(42, 100%, 53%, 100%);
  --ps-color-graph-quinary-negative-line: var(--ps-color-data-red-600-primary);
  --ps-color-graph-senary-negative-line: var(--ps-color-data-red-700);
  --ps-color-graph-primary-event: hsla(110, 45%, 45%, 80%);
  --ps-color-graph-secondary-event: hsla(33, 80%, 45%, 80%);
  --ps-color-graph-tertiary-event: hsla(33, 100%, 84%, 100%);
  --ps-color-graph-quaternary-event: hsla(83, 45%, 52%, 100%);
  --ps-color-graph-grid-lines: hsla(0, 100%, 100%, 20%);
  --ps-color-graph-primary-grey-line: hsla(0, 0%, 89%, 100%);
  --ps-color-graph-secondary-grey-line: hsla(0, 0%, 78%, 100%);
  --ps-color-graph-marker-line: hsla(0, 0%, 75%, 100%);
  --ps-salesdashboard-widget-configurator-mini-widget-background: var(--table-bg);
  --ps-salesdashboard-widget-configurator-mini-widget-border: var(--table-bg);
  --ps-salesdashboard-widget-configurator-widgets-list-background: var(--secondary-background);
  --ps-salesdashboard-widget-configurator-widgets-list-border: var(--secondary-background);
  --ps-salesdashboard-icon-color: hsl(0, 0%, 75%);
  --ps-component-demo-light-background: var(--color-neutral-00);
  --ps-component-demo-gray-background: var(--color-neutral-100);
  --ps-component-demo-dark-background: var(--color-neutral-800);
  --ps-component-demo-border-color: var(--color-neutral-300);
}

:root:has(#schemeDarkMode:checked) {
  --radius-xsmall: 2px;
  --radius-small: 8px;
  --radius-medium: 16px;
  --radius-large: 24px;
  --radius-full: 100px;
  --menu-background-normal: var(--color-neutral-900);
  --menu-background-highlight: var(--color-neutral-700);
  --menu-background-active: var(--color-neutral-600);
  --menu-background-selected: var(--ps-color-data-orange-500-primary);
  --menu-background-readonly: var(--color-neutral-50);
  --menu-background-hover: var(--color-neutral-500);
  --menu-foreground-normal: var(--color-neutral-00);
  --menu-foreground-highlight: var(--color-neutral-00);
  --menu-foreground-active: var(--color-neutral-00);
  --menu-foreground-hover: var(--color-neutral-00);
  --menu-foreground-selected: var(--color-neutral-900);
  --menu-border: var(--color-neutral-600);
  --menu-link: var(--ps-color-data-blue-300-primary);
  --primary-background: var(--color-neutral-900);
  --header-foreground: var(--color-neutral-50);
  --card-highlight-background: var(--ps-color-data-purple-100);
  --secondary-background: var(--color-neutral-800);
  --header-background: var(--color-neutral-800);
  --ps-page-header-forground: var(--ps-color-data-purple-300);
  --text: var(--color-neutral-50);
  --placeholder-text: var(--color-neutral-400);
  --disabled-text: var(--color-neutral-400);
  --read-only: var(--color-neutral-400);
  --faded-background: hsl(222 30% 10%);
  --title-or-label: var(--color-neutral-50);
  --search-field-background: var(--color-neutral-700);
  --search-field-focus-border-color: hsl(0 0% 75%);
  --ps-version-test-color: hsl(222 40% 34%);
  --ps-version-beta-color: hsl(355 50% 45%);
  --ps-active-input: var(--ps-color-data-purple-200);
  --ps-badge-info-background: var(--ps-color-data-blue-100);
  --shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-color: var(--color-neutral-200);
  --go-notification-info-background: hsla(198, 100%, 94%, 100%);
  --go-notification-info-text: hsla(0, 0%, 19%, 100%);
  --go-notification-info-border: hsla(199, 62%, 52%, 100%);
  --go-notification-link: hsla(199, 69%, 41%, 100%);
  --go-notification-error-background: hsla(48, 100%, 88%, 100%);
  --go-notification-error-text: hsla(0, 0%, 6%, 100%);
  --go-notification-error-border: hsla(48, 100%, 50%, 100%);
  --mobile-notification-info-background: hsla(240, 100%, 20%, 100%);
  --mobile-notification-info-text: hsla(0, 0%, 100%, 100%);
  --mobile-notification-info-border: hsla(216, 80%, 48%, 100%);
  --mobile-notification-link: hsla(199, 69%, 41%, 100%);
  --mobile-notification-error-background: hsla(33, 100%, 20%, 100%);
  --mobile-notification-error-text: hsla(0, 0%, 100%, 100%);
  --mobile-notification-error-border: hsla(48, 100%, 50%, 100%);
  --tooltip-background: var(--color-neutral-700);
  --tooltip-text: var(--color-neutral-100);
  --tooltip-border: var(--color-neutral-600);
  --info-blue-text: var(--color-neutral-800);
  --info-blue-border: var(--ps-color-data-blue-600-primary);
  --info-blue-background: var(--ps-color-data-blue-100);
  --success-border: var(--ps-color-data-green-600-primary);
  --success-background: var(--ps-color-data-green-100);
  --success-text: var(--color-neutral-800);
  --info-border: var(--ps-color-status-background-warning);
  --info-background: var(--ps-color-status-background-warning);
  --info-text: var(--color-neutral-800);
  --danger-border: var(--ps-color-status-background-error);
  --danger-background: var(--ps-color-status-background-error);
  --danger-text: var(--color-neutral-800);
  --disabled-chip-border: var(--color-neutral-200);
  --disabled-chip-background: var(--color-neutral-200);
  --disabled-chip-text: var(--color-neutral-500);
  --banner-text-info: hsla(220, 20%, 75%, 100%);
  --banner-border-info: hsla(220, 88%, 15%, 100%);
  --banner-bg-info: hsla(220, 40%, 26%, 100%);
  --banner-bg-warning: hsla(46, 60%, 60%, 100%);
  --banner-border-warning: hsla(53, 90%, 50%, 100%);
  --banner-text-warning: hsla(37, 100%, 25%, 100%);
  --banner-bg-danger: hsl(311 27% 15%);
  --banner-border-danger: hsl(355 55% 45%);
  --banner-text-danger: hsl(355 25% 85%);
  --table-row-in-focus: var(--ps-color-data-purple-500);
  --table-row-hover: var(--color-neutral-700);
  --table-row-text: var(--color-neutral-00);
  --table-grid-head-bg: var(--color-neutral-900);
  --table-head-bg: var(--color-neutral-600);
  --table-head-text: var(--color-neutral-00);
  --table-bg: var(--color-neutral-800);
  --table-borders: var(--color-neutral-600);
  --input-text-normal: var(--color-neutral-00);
  --input-text-focus: var(--color-neutral-00);
  --input-text-read-only: var(--color-neutral-500);
  --input-text-disabled: var(--color-neutral-400);
  --input-text-error: var(--color-neutral-00);
  --input-background-normal: var(--color-neutral-800);
  --input-background-focus: var(--color-neutral-800);
  --input-background-read-only: var(--color-neutral-700);
  --input-background-disabled: var(--color-neutral-700);
  --input-background-error: var(--color-neutral-800);
  --border-normal: var(--color-neutral-500);
  --border-focus: var(--ps-color-data-purple-300);
  --border-read-only: var(--color-neutral-600);
  --border-disabled: var(--color-neutral-700);
  --border-error: var(--ps-color-data-red-600-primary);
  --ps-border-component: var(--color-neutral-300);
  --link: var(--ps-color-data-purple-300);
  --disabled-link: var(--color-neutral-300);
  --delete-link-button: var(--ps-color-data-red-600-primary);
  --client-info-button: rgba(255, 255, 255, 0.1);
  --client-info-button-active: rgba(255, 255, 255, 0.25);
  --button: var(--color-neutral-800);
  --button-background: var(--color-neutral-100);
  --button-hover: var(--color-neutral-500);
  --button-active-background: var(--color-neutral-400);
  --button-active-text: var(--color-neutral-900);
  --button-focus: #0DB6E5;
  --button-disabled: var(--color-neutral-400);
  --button-disabled-background: var(--color-neutral-300);
  --button-standard-state-normal: hsl(210 45% 44%);
  --button-standard-state-hover: hsl(210 30% 55%);
  --button-standard-state-pressed: #016C8B;
  --button-standard-state-disabled: hsl(210 15% 35%);
  --secondary-button: var(--color-neutral-200);
  --secondary-button-background: var(--color-neutral-600);
  --secondary-button-hover: var(--color-neutral-200);
  --secondary-button-hover-background: var(--color-neutral-500);
  --secondary-button-disabled: var(--color-neutral-400);
  --secondary-button-disabled-background: var(--color-neutral-200);
  --toggle-button-unselected-background: var(--color-neutral-700);
  --toggle-button-unselected-state-normal: var(--color-neutral-00);
  --toggle-button-unselected-disabled: var(--color-neutral-400);
  --toggle-button-unselected-disabled-background: var(--color-neutral-300);
  --toggle-button-unselected-hover: var(--color-neutral-100);
  --toggle-button-unselected-hover-background: var(--color-neutral-600);
  --toggle-button-unselected-active: var(--color-neutral-800);
  --toggle-button-unselected-active-background: var(--color-neutral-50);
  --toggle-button-selected: var(--color-neutral-800);
  --toggle-button-selected-background: var(--color-neutral-50);
  --toggle-switch-unchecked-background: var(--color-neutral-400);
  --toggle-switch-checked-background: var(--color-neutral-800);
  --toggle-switch-thumb: var(--color-neutral-00);
  --toggle-switch-border: var(--color-neutral-800);
  --checkbox-unchecked-background: var(--color-neutral-800);
  --checkbox-unchecked-border: var(--color-neutral-400);
  --checkbox-checked-background: var(--color-neutral-00);
  --checkbox-checked-border: var(--color-neutral-00);
  --checkbox-checkmark: var(--color-neutral-900);
  --radio-button-background: var(--color-neutral-800);
  --radio-button-border: var(--color-neutral-400);
  --radio-button-checked: var(--color-neutral-00);
  --radio-button-focus-outline: var(--color-neutral-00);
  --dropdown-stroke: hsl(0, 0%, 75%);
  --file-upload-border: hsl(0 0% 70%);
  --session-recording: hsl(355 50% 35%);
  --session-recording-active: hsl(355 50% 50%);
  --session-logging-container: var(--ps-color-data-purple-100);
  --close-button-circular: var(--color-neutral-50);
  --ps-logo-text: var(--color-neutral-50);
  --ps-logo-background: var(--ps-color-data-purple-300);
  --ps-copy-button: var(--ps-color-data-purple-300);
  --ps-copy-button-title: var(--ps-color-data-purple-300);
  --ps-default-close-button: var(--color-neutral-50);
  --ps-bg-loading-animation: var(--color-neutral-700);
  --ps-loading-animation: var(--ps-color-data-orange-300);
  --ps-check-no-background: var(--ps-color-data-purple-300);
  --ps-uncheck-no-background: var(--color-neutral-400);
  --ps-collapse-button-fill: var(--color-neutral-800);
  --ps-trash-bin-stroke: var(--color-neutral-800);
  --ps-round-checkmark-fill: var(--ps-color-data-green-600-primary);
  --ps-round-checkmark-stroke: var(--color-neutral-00);
  --ps-round-cross-fill: var(--ps-color-data-red-600-primary);
  --ps-round-cross-stroke: var(--color-neutral-00);
  --ps-cog-wheel-stroke: var(--color-neutral-00);
  --ps-status-stopped-fill: var(--color-neutral-800);
  --ps-status-stopped-stroke: var(--color-neutral-00);
  --ps-filter-button-stroke: var(--color-neutral-00);
  --ps-read-access-stroke: var(--color-neutral-00);
  --ps-read-access-fill: var(--ps-color-data-blue-600-primary);
  --ps-ai-icon-stroke: var(--color-neutral-800);
  --ps-voucher-button-stroke: var(--color-neutral-00);
  --ps-in-progress-path: var(--color-neutral-00);
  --ps-in-progress-dot-one: var(--color-neutral-00);
  --ps-in-progress-dot-two: var(--color-neutral-00);
  --ps-in-progress-background: var(--ps-color-data-purple-600-primary);
  --ps-chat-button-background: var(--color-neutral-800);
  --ps-chat-button-border: var(--color-neutral-50);
  --ps-chat-button-dot-one: var(--color-neutral-100);
  --ps-chat-button-dot-two: var(--color-neutral-200);
  --ps-chat-button-dot-three: var(--color-neutral-300);
  --ps-chat-button-background-hover: var(--color-neutral-50);
  --ps-chat-button-border-hover: var(--ps-color-data-blue-600-primary);
  --ps-chat-button-dot-one-hover: var(--ps-color-data-blue-500);
  --ps-chat-button-dot-two-hover: var(--ps-color-data-blue-400);
  --ps-chat-button-dot-three-hover: var(--ps-color-data-blue-300);
  --ps-shield-positive: var(--color-neutral-100);
  --ps-shield-negative: var(--color-neutral-400);
  --ps-two-factor-positive: var(--ps-color-data-purple-300);
  --ps-two-factor-negative: var(--color-neutral-400);
  --ps-search-icon: var(--color-neutral-00);
  --ps-icon-hover: var(--ps-color-data-purple-400);
  --ps-icon-active: var(--ps-color-data-purple-300);
  --ps-icon-normal: var(--color-neutral-50);
  --ps-enter-button: hsla(191, 61%, 93%, 100%);
  --ps-enter-button-hover: hsla(191, 61%, 93%, 100%);
  --ps-enter-button-active: hsla(194, 99%, 34%, 100%);
  --ps-enter-button-arrow: hsla(0, 0%, 13%, 100%);
  --ps-enter-button-arrow-hover: hsla(194, 99%, 34%, 100%);
  --ps-enter-button-arrow-active: hsla(0, 0%, 100%, 100%);
  --ps-attachment-icon-stroke: var(--color-neutral-800);
  --ps-attachment-icon-stroke-hover: var(--ps-color-data-blue-600-primary);
  --ps-calendar-icon-stroke: var(--ps-color-data-blue-600-primary);
  --ps-calendar-icon-fill: var(--ps-color-data-blue-600-primary);
  --ps-filetype-icon-stroke: var(--color-neutral-800);
  --ps-filetype-icon-fill: var(--color-neutral-800);
  --ps-color-graph-primary-line: var(--ps-color-data-purple-400);
  --ps-color-graph-secondary-line: var(--ps-color-data-purple-300);
  --ps-color-graph-tertiary-line: var(--ps-color-data-purple-200);
  --ps-color-graph-quaternary-line: var(--ps-color-data-purple-100);
  --ps-color-graph-quinary-line: var(--ps-color-data-purple-100);
  --ps-color-graph-senary-line: var(--ps-color-data-blue-700);
  --ps-color-graph-primary-negative-line: var(--ps-color-data-orange-500-primary);
  --ps-color-graph-secondary-negative-line: var(--ps-color-data-orange-400);
  --ps-color-graph-tertiary-negative-line: var(--ps-color-data-orange-300);
  --ps-color-graph-quaternary-negative-line: var(--ps-color-data-orange-200);
  --ps-color-graph-quinary-negative-line: var(--ps-color-data-red-600-primary);
  --ps-color-graph-senary-negative-line: var(--ps-color-data-red-700);
  --ps-color-graph-primary-event: var(--ps-color-data-purple-400);
  --ps-color-graph-secondary-event: var(--ps-color-data-purple-300);
  --ps-color-graph-tertiary-event: var(--ps-color-data-purple-200);
  --ps-color-graph-quaternary-event: var(--ps-color-data-purple-100);
  --ps-color-graph-grid-lines: hsla(0, 100%, 100%, 20%);
  --ps-color-graph-primary-grey-line: hsla(0, 0%, 89%, 100%);
  --ps-color-graph-secondary-grey-line: hsla(0, 0%, 78%, 100%);
  --ps-color-graph-marker-line: hsla(0, 0%, 75%, 100%);
  --ps-salesdashboard-widget-configurator-mini-widget-background: var(--ps-color-neutral-100);
  --ps-salesdashboard-widget-configurator-mini-widget-border: var(--ps-color-neutral-200);
  --ps-salesdashboard-widget-configurator-widgets-list-background: var(--ps-color-neutral-100);
  --ps-salesdashboard-widget-configurator-widgets-list-border: var(--ps-color-neutral-200);
  --ps-salesdashboard-icon-color: var(--ps-color-neutral-800);
  --ps-component-demo-light-background: var(--color-neutral-00);
  --ps-component-demo-gray-background: var(--color-neutral-100);
  --ps-component-demo-dark-background: var(--color-neutral-800);
  --ps-component-demo-border-color: var(--color-neutral-300);
}

:root:has(#schemeGoMode:checked) {
  --radius-xsmall: 2px;
  --radius-small: 8px;
  --radius-medium: 16px;
  --radius-large: 24px;
  --radius-full: 100px;
  --menu-background-normal: var(--color-neutral-900);
  --menu-background-highlight: var(--color-neutral-700);
  --menu-background-active: var(--color-neutral-600);
  --menu-background-selected: var(--ps-color-data-orange-500-primary);
  --menu-background-readonly: var(--color-neutral-50);
  --menu-background-hover: var(--color-neutral-500);
  --menu-foreground-normal: var(--color-neutral-00);
  --menu-foreground-highlight: var(--color-neutral-00);
  --menu-foreground-active: var(--color-neutral-00);
  --menu-foreground-hover: var(--color-neutral-00);
  --menu-foreground-selected: var(--color-neutral-900);
  --menu-border: var(--color-neutral-600);
  --menu-link: var(--ps-color-data-blue-600-primary);
  --primary-background: var(--color-neutral-00);
  --header-foreground: var(--color-neutral-00);
  --card-highlight-background: var(--ps-color-data-purple-100);
  --secondary-background: var(--color-neutral-00);
  --header-background: var(--color-neutral-900);
  --ps-page-header-forground: var(--color-neutral-00);
  --text: var(--color-neutral-800);
  --placeholder-text: var(--color-neutral-300);
  --disabled-text: var(--color-neutral-500);
  --read-only: var(--color-neutral-500);
  --faded-background: hsl(222 30% 10%);
  --title-or-label: var(--color-neutral-800);
  --search-field-background: var(--color-neutral-00);
  --search-field-focus-border-color: hsl(0 0% 75%);
  --ps-version-test-color: hsl(222 40% 34%);
  --ps-version-beta-color: hsl(355 50% 45%);
  --ps-active-input: hsla(199, 62%, 52%, 100%);
  --ps-badge-info-background: var(--ps-color-data-blue-100);
  --shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-color: var(--color-neutral-200);
  --go-notification-info-background: hsla(198, 100%, 94%, 100%);
  --go-notification-info-text: hsla(0, 0%, 19%, 100%);
  --go-notification-info-border: hsla(199, 62%, 52%, 100%);
  --go-notification-link: hsla(199, 69%, 41%, 100%);
  --go-notification-error-background: hsla(48, 100%, 88%, 100%);
  --go-notification-error-text: hsla(0, 0%, 6%, 100%);
  --go-notification-error-border: hsla(48, 100%, 50%, 100%);
  --mobile-notification-info-background: hsla(240, 100%, 20%, 100%);
  --mobile-notification-info-text: hsla(0, 0%, 100%, 100%);
  --mobile-notification-info-border: hsla(216, 80%, 48%, 100%);
  --mobile-notification-link: hsla(199, 69%, 41%, 100%);
  --mobile-notification-error-background: hsla(33, 100%, 20%, 100%);
  --mobile-notification-error-text: hsla(0, 0%, 100%, 100%);
  --mobile-notification-error-border: hsla(48, 100%, 50%, 100%);
  --tooltip-background: var(--color-neutral-900);
  --tooltip-text: var(--color-neutral-00);
  --tooltip-border: var(--color-neutral-900);
  --info-blue-text: var(--color-neutral-800);
  --info-blue-border: var(--ps-color-data-blue-600-primary);
  --info-blue-background: var(--ps-color-data-blue-50);
  --success-border: var(--ps-color-data-green-600-primary);
  --success-background: var(--ps-color-data-green-100);
  --success-text: var(--color-neutral-800);
  --info-border: var(--ps-color-data-yellow-400-primary);
  --info-background: var(--ps-color-data-yellow-50);
  --info-text: var(--color-neutral-800);
  --danger-border: var(--ps-color-data-red-600-primary);
  --danger-background: var(--ps-color-data-red-50);
  --danger-text: var(--color-neutral-800);
  --disabled-chip-border: var(--color-neutral-200);
  --disabled-chip-background: var(--color-neutral-200);
  --disabled-chip-text: var(--color-neutral-500);
  --banner-text-info: var(--color-neutral-800);
  --banner-border-info: var(--ps-color-data-blue-600-primary);
  --banner-bg-info: var(--ps-color-data-blue-50);
  --banner-bg-warning: var(--ps-color-data-yellow-50);
  --banner-border-warning: var(--ps-color-data-yellow-400-primary);
  --banner-text-warning: var(--color-neutral-800);
  --banner-bg-danger: var(--ps-color-data-red-50);
  --banner-border-danger: var(--ps-color-data-red-400-primary);
  --banner-text-danger: var(--color-neutral-800);
  --table-row-in-focus: var(--ps-color-data-blue-200);
  --table-row-hover: var(--ps-color-data-blue-100);
  --table-row-text: var(--color-neutral-800);
  --table-grid-head-bg: var(--color-neutral-00);
  --table-head-bg: var(--color-neutral-700);
  --table-head-text: var(--color-neutral-00);
  --table-bg: var(--color-neutral-00);
  --table-borders: var(--color-neutral-50);
  --input-text-normal: var(--color-neutral-800);
  --input-text-focus: var(--color-neutral-800);
  --input-text-read-only: var(--color-neutral-500);
  --input-text-disabled: var(--color-neutral-400);
  --input-text-error: var(--color-neutral-800);
  --input-background-normal: var(--color-neutral-00);
  --input-background-focus: var(--color-neutral-00);
  --input-background-read-only: var(--color-neutral-50);
  --input-background-disabled: var(--color-neutral-100);
  --input-background-error: var(--color-neutral-00);
  --border-normal: var(--color-neutral-300);
  --border-focus: var(--ps-color-data-blue-600-primary);
  --border-read-only: var(--color-neutral-200);
  --border-disabled: var(--color-neutral-200);
  --border-error: var(--ps-color-data-red-600-primary);
  --ps-border-component: var(--color-neutral-300);
  --link: var(--ps-color-data-blue-600-primary);
  --disabled-link: var(--color-neutral-400);
  --delete-link-button: var(--ps-color-data-red-600-primary);
  --client-info-button: rgba(255, 255, 255, 0.1);
  --client-info-button-active: rgba(255, 255, 255, 0.25);
  --button: var(--color-neutral-50);
  --button-background: var(--ps-color-data-green-700);
  --button-hover: var(--ps-color-data-green-500);
  --button-active-background: var(--ps-color-data-green-800);
  --button-active-text: var(--color-neutral-50);
  --button-focus: #0DB6E5;
  --button-disabled: var(--color-neutral-50);
  --button-disabled-background: var(--ps-color-data-green-100);
  --button-standard-state-normal: var(--ps-color-data-green-700);
  --button-standard-state-hover: var(--ps-color-data-green-500);
  --button-standard-state-pressed: var(--ps-color-data-green-800);
  --button-standard-state-disabled: var(--ps-color-data-green-100);
  --secondary-button: var(--color-neutral-800);
  --secondary-button-background: var(--color-neutral-200);
  --secondary-button-hover: var(--color-neutral-800);
  --secondary-button-hover-background: var(--color-neutral-300);
  --secondary-button-disabled: var(--color-neutral-400);
  --secondary-button-disabled-background: var(--color-neutral-200);
  --toggle-button-unselected-background: var(--color-neutral-200);
  --toggle-button-unselected-state-normal: var(--color-neutral-800);
  --toggle-button-unselected-disabled: var(--color-neutral-400);
  --toggle-button-unselected-disabled-background: var(--color-neutral-200);
  --toggle-button-unselected-hover: var(--color-neutral-800);
  --toggle-button-unselected-hover-background: var(--color-neutral-300);
  --toggle-button-unselected-active: var(--color-neutral-800);
  --toggle-button-unselected-active-background: var(--ps-color-data-blue-100);
  --toggle-button-selected: var(--color-neutral-800);
  --toggle-button-selected-background: var(--ps-color-data-blue-100);
  --toggle-switch-unchecked-background: var(--color-neutral-400);
  --toggle-switch-checked-background: var(--color-neutral-800);
  --toggle-switch-thumb: var(--color-neutral-00);
  --toggle-switch-border: var(--color-neutral-800);
  --checkbox-unchecked-background: var(--color-neutral-50);
  --checkbox-unchecked-border: var(--color-neutral-400);
  --checkbox-checked-background: var(--color-neutral-900);
  --checkbox-checked-border: var(--color-neutral-900);
  --checkbox-checkmark: var(--color-neutral-00);
  --radio-button-background: var(--color-neutral-50);
  --radio-button-border: var(--color-neutral-800);
  --radio-button-checked: var(--color-neutral-800);
  --radio-button-focus-outline: var(--border-focus);
  --dropdown-stroke: var(--color-neutral-800);
  --file-upload-border: hsl(0 0% 70%);
  --session-recording: var(--ps-color-data-purple-600-primary);
  --session-recording-active: var(--ps-color-data-purple-400);
  --session-logging-container: var(--ps-color-data-purple-100);
  --close-button-circular: var(--color-neutral-800);
  --ps-logo-text: var(--color-neutral-800);
  --ps-logo-background: var(--color-neutral-50);
  --ps-copy-button: var(--ps-color-data-blue-600-primary);
  --ps-copy-button-title: var(--ps-color-data-blue-600-primary);
  --ps-default-close-button: var(--color-neutral-800);
  --ps-bg-loading-animation: var(--color-neutral-100);
  --ps-loading-animation: var(--ps-color-data-blue-200);
  --ps-check-no-background: var(--color-neutral-800);
  --ps-uncheck-no-background: var(--color-neutral-400);
  --ps-collapse-button-fill: var(--color-neutral-800);
  --ps-trash-bin-stroke: var(--color-neutral-800);
  --ps-round-checkmark-fill: var(--ps-color-data-green-600-primary);
  --ps-round-checkmark-stroke: var(--color-neutral-00);
  --ps-round-cross-fill: var(--ps-color-data-red-600-primary);
  --ps-round-cross-stroke: var(--color-neutral-00);
  --ps-cog-wheel-stroke: var(--color-neutral-00);
  --ps-status-stopped-fill: var(--color-neutral-800);
  --ps-status-stopped-stroke: var(--color-neutral-00);
  --ps-filter-button-stroke: var(--color-neutral-00);
  --ps-read-access-stroke: var(--color-neutral-00);
  --ps-read-access-fill: var(--ps-color-data-blue-600-primary);
  --ps-ai-icon-stroke: var(--color-neutral-800);
  --ps-voucher-button-stroke: var(--color-neutral-800);
  --ps-in-progress-path: var(--color-neutral-00);
  --ps-in-progress-dot-one: var(--color-neutral-00);
  --ps-in-progress-dot-two: var(--color-neutral-00);
  --ps-in-progress-background: var(--ps-color-data-purple-600-primary);
  --ps-chat-button-background: var(--color-neutral-00);
  --ps-chat-button-border: var(--color-neutral-400);
  --ps-chat-button-dot-one: var(--color-neutral-400);
  --ps-chat-button-dot-two: var(--color-neutral-300);
  --ps-chat-button-dot-three: var(--color-neutral-200);
  --ps-chat-button-background-hover: var(--color-neutral-50);
  --ps-chat-button-border-hover: var(--ps-color-data-blue-600-primary);
  --ps-chat-button-dot-one-hover: var(--ps-color-data-blue-500);
  --ps-chat-button-dot-two-hover: var(--ps-color-data-blue-400);
  --ps-chat-button-dot-three-hover: var(--ps-color-data-blue-300);
  --ps-shield-positive: var(--ps-color-data-blue-600-primary);
  --ps-shield-negative: var(--ps-color-data-red-600-primary);
  --ps-two-factor-positive: var(--ps-color-data-green-600-primary);
  --ps-two-factor-negative: var(--ps-color-data-red-600-primary);
  --ps-search-icon: var(--color-neutral-00);
  --ps-icon-hover: var(--ps-color-data-purple-400);
  --ps-icon-active: var(--ps-color-data-purple-300);
  --ps-icon-normal: var(--color-neutral-800);
  --ps-enter-button: hsla(191, 61%, 93%, 100%);
  --ps-enter-button-hover: hsla(191, 61%, 93%, 100%);
  --ps-enter-button-active: hsla(194, 99%, 34%, 100%);
  --ps-enter-button-arrow: hsla(0, 0%, 13%, 100%);
  --ps-enter-button-arrow-hover: hsla(194, 99%, 34%, 100%);
  --ps-enter-button-arrow-active: hsla(0, 0%, 100%, 100%);
  --ps-attachment-icon-stroke: var(--color-neutral-800);
  --ps-attachment-icon-stroke-hover: var(--ps-color-data-blue-600-primary);
  --ps-calendar-icon-stroke: var(--ps-color-data-blue-600-primary);
  --ps-calendar-icon-fill: var(--ps-color-data-blue-600-primary);
  --ps-filetype-icon-stroke: var(--color-neutral-800);
  --ps-filetype-icon-fill: var(--color-neutral-800);
  --ps-color-graph-primary-line: var(--ps-color-data-blue-200);
  --ps-color-graph-secondary-line: var(--ps-color-data-blue-300);
  --ps-color-graph-tertiary-line: var(--ps-color-data-blue-400);
  --ps-color-graph-quaternary-line: var(--ps-color-data-blue-500);
  --ps-color-graph-quinary-line: var(--ps-color-data-blue-600-primary);
  --ps-color-graph-senary-line: var(--ps-color-data-blue-700);
  --ps-color-graph-primary-negative-line: var(--ps-color-data-red-200);
  --ps-color-graph-secondary-negative-line: var(--ps-color-data-red-300);
  --ps-color-graph-tertiary-negative-line: var(--ps-color-data-red-400);
  --ps-color-graph-quaternary-negative-line: var(--ps-color-data-red-500);
  --ps-color-graph-quinary-negative-line: var(--ps-color-data-red-600-primary);
  --ps-color-graph-senary-negative-line: var(--ps-color-data-red-700);
  --ps-color-graph-primary-event: var(--ps-color-data-green-600-primary);
  --ps-color-graph-secondary-event: var(--ps-color-data-green-500);
  --ps-color-graph-tertiary-event: var(--ps-color-data-green-400);
  --ps-color-graph-quaternary-event: var(--ps-color-data-green-300);
  --ps-color-graph-grid-lines: var(--color-neutral-200);
  --ps-color-graph-primary-grey-line: var(--color-neutral-100);
  --ps-color-graph-secondary-grey-line: var(--color-neutral-100);
  --ps-color-graph-marker-line: var(--color-neutral-100);
  --ps-salesdashboard-widget-configurator-mini-widget-background: var(--color-neutral-100);
  --ps-salesdashboard-widget-configurator-mini-widget-border: var(--color-neutral-200);
  --ps-salesdashboard-widget-configurator-widgets-list-background: var(--color-neutral-100);
  --ps-salesdashboard-widget-configurator-widgets-list-border: var(--color-neutral-200);
  --ps-salesdashboard-icon-color: var(--color-neutral-800);
  --ps-component-demo-light-background: var(--color-neutral-00);
  --ps-component-demo-gray-background: var(--color-neutral-100);
  --ps-component-demo-dark-background: var(--color-neutral-800);
  --ps-component-demo-border-color: var(--color-neutral-300);
}

/*
This file should be the only file that references Variable/Colors.
That's why there will have to be some classes defined here that doesn't necessarily ONLY define colors.
*/
.ps-border-danger {
  border: 1px solid var(--danger-border);
}

.ps-border-warning {
  border: 1px solid var(--info-border);
}

.ps-border-info {
  border: 1px solid var(--info-blue-border);
}

.ps-border-success {
  border: 1px solid var(--success-border);
}

.ps-bg-danger-color {
  background-color: var(--danger-background);
}

.ps-bg-warning-color {
  background-color: var(--info-background);
}

.ps-bg-info-color {
  background-color: var(--info-blue-background);
}

.ps-bg-success-color {
  background-color: var(--success-background);
}

.ps-text-danger-color {
  color: var(--danger-text);
}

.ps-text-warning-color {
  color: var(--info-text);
}

.ps-text-info {
  color: var(--info-blue-text);
}

.ps-text-success {
  color: var(--success-text);
}

.ps-text-error {
  color: var(--danger-text);
}

.ps-bg-grid-row-header-color {
  background-color: var(--table-head-bg);
}
.ps-bg-grid-row-header-color .ps-download {
  stroke: var(--table-head-text);
}
.ps-bg-grid-row-header-color .ps-close-button-circular path {
  fill: var(--table-head-text);
}

.ps-grid-row-header-color {
  color: var(--table-head-text);
}

.ps-bg-grid-row {
  background-color: var(--table-bg);
}

.ps-grid-row-color {
  color: var(--text);
}

.ps-border-secondary-inset {
  border: 1px solid var(--border-normal);
}

.ps-border-bottom-secondary-inset {
  border-bottom: 1px solid var(--border-normal);
}

.ps-border-primary {
  border: 1px solid var(--border-read-only);
}

.ps-border-left-primary {
  border-left: 1px solid var(--border-read-only);
}

.ps-border-bottom-primary {
  border-bottom: 1px solid var(--border-read-only);
}

.ps-drop-shadow {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.ps-bg-primary-color {
  background-color: var(--primary-background);
}

.ps-bg-secondary-color {
  background-color: var(--secondary-background);
}

.ps-bg-tertiary-color {
  background-color: var(--table-bg);
}

.ps-bg-primary-header-color {
  background-color: var(--menu-background-normal);
}

.ps-bg-inactive-top-container-color {
  background-color: var(--client-info-button);
}

.ps-bg-active-top-container-color {
  background-color: var(--client-info-button);
}

.ps-close-button-circular path {
  fill: var(--close-button-circular);
}

.ps-tinted-image {
  stroke: var(--menu-foreground-normal);
}

.ps-logo-background {
  fill: var(--ps-logo-background);
}

.ps-logo-text {
  fill: var(--ps-logo-text);
}

.ps-copy-button {
  stroke: var(--ps-copy-button);
}

.ps-copy-button-title {
  color: var(--ps-copy-button-title);
}

.ps-chip-success {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--success-background);
  color: var(--success-text);
  background-color: var(--success-background);
  white-space: nowrap;
  height: fit-content;
}

.ps-chip-success:hover {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--success-border);
  color: var(--success-text);
  background-color: var(--success-background);
  white-space: nowrap;
  height: fit-content;
}

.ps-chip-info {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--info-blue-background);
  color: var(--info-blue-text);
  background-color: var(--info-blue-background);
  white-space: nowrap;
  height: fit-content;
}

.ps-chip-info:hover {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--info-blue-border);
  color: var(--info-blue-text);
  background-color: var(--info-blue-background);
  white-space: nowrap;
  height: fit-content;
}

.ps-chip-warning {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--info-border);
  color: var(--warning-text);
  background-color: var(--info-background);
  white-space: nowrap;
  height: fit-content;
}

.ps-chip-warning:hover {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--info-border);
  color: var(--warning-text);
  background-color: var(--info-border);
  white-space: nowrap;
  height: fit-content;
}

.ps-chip-danger {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--danger-border);
  color: var(--danger-text);
  background-color: var(--danger-background);
  white-space: nowrap;
  height: fit-content;
}

.ps-chip-danger:hover {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--danger-border);
  color: var(--danger-text);
  background-color: var(--danger-border);
  white-space: nowrap;
  height: fit-content;
}

.ps-chip-disabled {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--button-disabled-background);
  color: var(--button-disabled);
  background-color: var(--button-disabled-background);
  white-space: nowrap;
  height: fit-content;
}

.ps-chip-income {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--title-or-label);
  color: var(--primary-background);
  background-color: var(--title-or-label);
  white-space: nowrap;
  height: fit-content;
  font-size: 10px;
  font-weight: bolder;
  padding: 0 8px;
}

.ps-chip-narrow-success {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--success-border);
  color: var(--success-text);
  background-color: var(--success-background);
  white-space: nowrap;
  height: fit-content;
  padding: 0 8px;
}

.ps-chip-narrow-success:hover {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--success-border);
  color: var(--success-text);
  background-color: var(--success-border);
  white-space: nowrap;
  height: fit-content;
  padding: 0 8px;
}

.ps-chip-narrow-info {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--info-blue-border);
  color: var(--info-blue-text);
  background-color: var(--info-blue-background);
  white-space: nowrap;
  height: fit-content;
  padding: 0 8px;
}

.ps-chip-narrow-info:hover {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--info-blue-border);
  color: var(--info-blue-text);
  background-color: var(--info-blue-border);
  white-space: nowrap;
  height: fit-content;
  padding: 0 8px;
}

.ps-chip-narrow-warning {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--info-border);
  color: var(--info-text);
  background-color: var(--info-background);
  white-space: nowrap;
  height: fit-content;
  padding: 0 8px;
}

.ps-chip-narrow-warning:hover {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--info-border);
  color: var(--info-text);
  background-color: var(--info-border);
  white-space: nowrap;
  height: fit-content;
  padding: 0 8px;
}

.ps-chip-narrow-danger {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--danger-border);
  color: var(--danger-text);
  background-color: var(--danger-background);
  white-space: nowrap;
  height: fit-content;
  padding: 0 8px;
}

.ps-chip-narrow-danger:hover {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--danger-border);
  color: var(--danger-text);
  background-color: var(--danger-border);
  white-space: nowrap;
  height: fit-content;
  padding: 0 8px;
}

.ps-chip-narrow-disabled {
  display: flex;
  flex-wrap: nowrap;
  border-radius: 2px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid var(--disabled-chip-border);
  color: var(--disabled-chip-text);
  background-color: var(--disabled-chip-background);
  white-space: nowrap;
  height: fit-content;
  padding: 0 8px;
}

/* Global */
html {
  background-color: var(--primary-background);
  color: var(--text);
  border: none;
  font-size: 14px;
  line-height: 14px;
  height: 100%;
}

body {
  background-color: var(--primary-background);
  color: var(--text);
  font-size: 14px;
  outline: none;
  min-height: 100%;
}
body .is-invalid {
  border: 1px solid var(--border-error) !important;
  background-color: var(--input-background-error);
  color: var(--input-text-error);
}

div {
  outline: none;
}

ul {
  padding: 0px;
}

li {
  margin-left: 8px;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
}

input:-internal-autofill-selected {
  background-color: var(--search-field-background) !important;
  color: var(--input-text-normal) !important;
}

input {
  outline: none;
  border: 1px solid var(--border-normal);
  background-color: var(--search-field-background);
  color: var(--input-text-normal);
  border-radius: 8px !important;
  height: 32px;
  text-indent: 8px;
  padding-right: 8px;
}

input[type=text] {
  border: 1px solid var(--border-normal);
  background-color: var(--search-field-background);
  color: var(--input-text-normal);
  border-radius: 8px;
  height: 32px;
  text-indent: 8px;
  padding-right: 8px;
}
input[type=text] .read-only {
  border: 1px solid var(--border-read-only);
  background-color: var(--input-background-read-only);
  color: var(--input-text-read-only);
}
input[type=text] .error {
  border: 1px solid var(--border-error);
  background-color: var(--input-background-error);
  color: var(--input-text-error);
}

input:focus {
  outline: none !important;
  border: 1px solid var(--border-focus);
  background-color: var(--input-background-focus);
  color: var(--input-text-focus);
}

input:disabled {
  border: 1px solid var(--border-disabled);
  background-color: var(--input-background-disabled);
  color: var(--input-text-disabled);
}

::placeholder {
  font-weight: 400;
  font-style: italic;
  color: var(--placeholder-text);
}

::-webkit-input-placeholder {
  font-weight: 400;
  color: var(--placeholder-text);
}

a {
  color: var(--link);
  text-decoration: none;
}

a:hover {
  color: var(--link);
  text-decoration: underline;
}

select {
  background: var(--search-field-background);
  color: var(--text);
  border-radius: 8px;
  border: 1px solid var(--border-normal);
  height: 32px;
  text-indent: 8px;
}

select:active {
  outline: none;
}

select:focus {
  outline: none;
}

input[type=date] {
  background: var(--search-field-background);
  color: var(--text);
  border-radius: 8px;
  border: 1px solid var(--border-normal);
  width: 118px;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
}

input[type=date]:focus {
  outline: none;
  box-shadow: none;
}

input[type=search] {
  background: var(--search-field-background);
  color: var(--text);
  border-radius: 8px;
  border: 1px solid var(--border-normal);
  padding-top: 0;
  padding-bottom: 0;
  text-indent: 8px;
  height: 32px;
  border-radius: 5px;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  border-radius: 50em;
  background: url(../images/clear.svg) no-repeat 50% 50%;
  background-size: contain;
  opacity: 1;
  pointer-events: all;
  margin-right: 28px;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

p {
  /* running text, input fields */
  font-size: 14px;
  margin-bottom: 0;
  word-break: break-word;
  white-space: normal;
}

.ps-column-chooser-button {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 10;
}

.ps-column-chooser-container {
  margin-top: 16px;
  background-color: var(--secondary-background);
  padding: 16px;
}

.e-toolbar {
  background: transparent;
}

.e-grid {
  border: none;
}
.e-grid .e-gridcontent {
  background-color: hsla(0, 0%, 0%, 0);
}
.e-grid .e-content {
  background-color: hsla(0, 0%, 0%, 0);
}
.e-grid .e-headercell {
  background-color: var(--table-head-bg);
  color: var(--table-head-text);
  height: 40px;
  padding: 4px 16px;
}
.e-grid .e-control {
  font-size: 14px;
}
.e-grid .e-tableborder {
  border-right: none;
}
.e-grid .e-gridheader {
  margin: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  border-top-width: 0;
  border-bottom-color: var(--table-bg);
  z-index: 1;
  background: var(--table-grid-head-bg);
}
.e-grid .e-gridheader tr th:first-child {
  padding-left: 16px;
  border-radius: 8px 0 0 0;
}
.e-grid .e-gridheader tr th:last-child {
  border-radius: 0 8px 0 0;
}
.e-grid .e-table {
  width: 100%;
  background-color: var(--table-bg);
  border-radius: 8px;
}
.e-grid .e-table .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
  padding: 4px 16px;
  border-color: var(--table-borders);
  color: var(--table-row-text);
}
.e-grid .e-table .e-rowcell:first-child {
  padding: 4px 16px;
}
.e-grid .e-table .e-row:hover:not(.e-active) {
  background-color: var(--table-row-hover) !important;
  color: var(--table-row-text) !important;
}
.e-grid .e-table .e-row:hover:not(.e-active) .e-rowcell:not(.e-active) {
  background-color: var(--table-row-hover) !important;
  color: var(--table-row-text) !important;
}
.e-grid .e-table td.e-active {
  background-color: var(--table-row-in-focus) !important;
}
.e-grid .e-table .e-emptyrow {
  color: var(--table-row-text) !important;
}
.e-grid .e-pager {
  border-bottom: rgba(0, 0, 0, 0);
  border-left: rgba(0, 0, 0, 0);
  border-right: rgba(0, 0, 0, 0);
}

.e-pager {
  background: var(--search-field-background);
  color: var(--text);
  border-radius: 8px;
  border: 1px solid var(--border-normal);
  opacity: 1;
}

.e-grid .e-dialog.e-ccdlg {
  max-height: 350px !important;
  top: 40px !important;
  left: 100vw !important;
  translate: -130%;
}

.e-grid .e-ccdlg .e-cc-contentdiv {
  height: 170px !important;
}

.e-grid .e-toolbar {
  border-top: none;
}

.e-grid.e-resize-lines .e-headercell .e-rhandler {
  border-right: var(--table-bg);
}

#travel-model .e-gridheader {
  border: none;
}
#travel-model .e-gridheader tr th:first-child {
  border-radius: 24px 0 0 24px;
}
#travel-model .e-gridheader tr th:last-child {
  border-radius: 0 24px 24px 0;
}

.e-upload {
  border: none;
  padding: 0;
}

.e-grid.e-default .e-gridheader th.e-lastcell {
  border-left-style: none;
  border-top-right-radius: 8px;
}

.quick-grid table {
  width: 100%;
  background-color: var(--table-bg);
  border-radius: 8px;
}
.quick-grid thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--table-grid-head-bg);
  border-bottom-color: var(--table-bg);
}
.quick-grid thead tr th:first-child {
  padding-left: 8px;
  border-radius: 8px 0 0 0;
}
.quick-grid thead tr th:last-child {
  border-radius: 0 8px 0 0;
}
.quick-grid th {
  background-color: var(--table-head-bg);
  color: var(--table-head-text);
  height: 40px;
  padding: 8px;
  border-bottom-color: var(--table-bg);
}
.quick-grid td {
  padding: 8px;
  border-color: var(--table-borders);
  color: var(--table-row-text);
}
.quick-grid tbody tr:hover {
  background-color: var(--table-row-hover) !important;
  color: var(--table-row-text) !important;
}
.quick-grid tbody tr:hover td {
  background-color: var(--table-row-hover) !important;
  color: var(--table-row-text) !important;
}
.quick-grid tbody tr:has(.selected) {
  background-color: var(--table-row-in-focus) !important;
}
.quick-grid tbody tr:has(.selected) td {
  background-color: var(--table-row-in-focus) !important;
}
.quick-grid tbody tr:has(.ps-clickable) {
  background-color: var(--table-bg);
}
.quick-grid tbody tr:has(.ps-clickable):hover {
  background-color: var(--table-row-hover);
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
  background: var(--search-field-background);
  color: var(--text);
  border-radius: 8px;
  border: 1px solid var(--border-normal);
}

.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
  background: var(--search-field-background);
  color: var(--text);
  border-radius: 8px;
  border: 1px solid var(--border-normal);
}

.e-input-group .e-input-group-icon:last-child, .e-input-group.e-control-wrapper .e-input-group-icon:last-child {
  border-radius: 8px;
}

.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input {
  width: 100%;
  height: 32px;
  margin: auto;
}

#mobile-user-feedback .e-input-group input.e-input, #mobile-user-feedback .e-input-group.e-control-wrapper input.e-input {
  width: 350px;
  height: 32px;
  margin: auto;
}

#mobile-user-feedback .e-toolbar-item.e-template > div {
  width: unset !important;
  margin-right: 32px;
}

.e-input-group, .e-input-group.e-control-wrapper {
  background: var(--search-field-background);
  color: var(--text);
  border-radius: 8px;
  border: 1px solid var(--border-normal);
  width: fit-content;
  height: 32px;
}

.e-input-group .e-input-group-icon:last-child, .e-input-group.e-control-wrapper .e-input-group-icon:last-child {
  border: none;
  font-size: 12px;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
  background: var(--search-field-background);
  color: var(--text);
  border-radius: 8px;
  border: 1px solid var(--search-field-focus-border-color);
  outline: none;
  box-shadow: none;
}

.e-input-group.e-input-active:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-active:not(.e-success):not(.e-warning):not(.e-error) {
  background: var(--search-field-background);
  color: var(--text);
  border-radius: 8px;
  border: 1px solid var(--search-field-focus-border-color);
  outline: none;
  box-shadow: none;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
  background: var(--search-field-background);
  color: var(--text);
  border-radius: 8px;
  border: 1px solid var(--border-normal);
}

ul:has(.e-list-item) li {
  margin: 0 !important;
}

.error-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--danger-text);
  background-color: var(--danger-background);
  border: 1px solid var(--danger-border);
  border-radius: var(--radius-xsmall);
  padding: var(--radius-xsmall) var(--radius-small);
  min-width: 24px;
  min-height: 24px;
}
.error-indicator:hover {
  opacity: 0.8;
}
.error-indicator:focus {
  outline: 2px solid var(--danger-border);
  outline-offset: 2px;
}

.enter-button-displaced {
  margin-left: -28px;
  margin-right: 14px;
}

.ps-filter-button-1 {
  background: var(--ps-color-graph-primary-line);
}

.ps-filter-button-2 {
  background: var(--ps-color-graph-secondary-line);
}

input[type=radio] {
  position: relative;
  appearance: none; /* Removes default browser styling */
  -webkit-appearance: none; /* For older Webkit browsers */
  margin: 0; /* Remove default margin */
  font: inherit; /* Inherit font properties */
  color: currentColor; /* Inherit color */
  background-color: var(--radio-button-background);
  width: 1.2em; /* Set a consistent size */
  height: 1.2em;
  border: 0.1em solid var(--radio-button-border); /* Add a border */
  border-radius: 50%; /* Make it circular */
  display: grid; /* Use grid for centering the inner dot */
  place-content: center; /* Center content within the grid */
}

input[type=radio].hidden {
  display: none;
}

input[type=radio]::before {
  position: absolute;
  margin: 0.2em;
  content: "";
  width: 0.7em;
  height: 0.7em;
  border-radius: 50%;
  transform: scale(0); /* Hide the dot by default */
  transition: 120ms transform ease-in-out; /* Smooth transition */
  box-shadow: inset 1em 1em var(--radio-button-checked); /* Use box-shadow for color */
  /* You can define --form-control-color in :root or specific parent elements */
}

input[type=radio]:checked::before {
  transform: scale(1); /* Show the dot when checked */
}

input[type=radio]:focus-visible {
  outline: 0.1em solid var(--radio-button-focus-outline); /* Add a visible focus outline */
  outline-offset: 0.1em;
}

.toggle-button-unselected {
  background: var(--toggle-button-unselected-background);
  color: var(--toggle-button-unselected-state-normal);
  border: none;
  height: 32px;
  margin: 0;
}

.toggle-button-unselected-disabled {
  background: var(--toggle-button-unselected-disabled-background);
  border: none;
  color: var(--toggle-button-unselected-disabled);
  pointer-events: none;
  height: 32px;
  margin: 0;
}

.toggle-button-unselected:hover {
  background: var(--toggle-button-unselected-hover-background);
  color: var(--toggle-button-unselected-hover);
  border: none;
}

.toggle-button-unselected:active {
  background: var(--toggle-button-unselected-disabled-background);
  color: var(--toggle-button-unselected-active);
  border: 1px solid var(--toggle-button-unselected-active);
}

.toggle-button-selected {
  background-color: var(--toggle-button-selected-background);
  color: var(--toggle-button-selected);
  border: 1px solid var(--toggle-button-selected-background);
  height: 32px;
  margin: 0;
}

.left-button {
  border-radius: 8px 0 0 8px;
}

.middle-button {
  border-radius: 0;
}

.right-button {
  border-radius: 0 8px 8px 0;
  text-align: left;
}

.ps-no-style-button {
  all: unset;
  cursor: pointer;
}

.ps-no-style-button:hover {
  all: unset;
  cursor: pointer;
}

.ps-no-style-button:active {
  all: unset;
  cursor: pointer;
}

.linkbutton {
  border: none;
  background-color: transparent;
  font-size: 14px;
  padding: 0;
  color: var(--link);
}

.linkbutton:hover {
  text-decoration: underline;
  background-color: transparent;
  cursor: pointer;
}

.disabled-linkbutton {
  border: none;
  background-color: transparent;
  font-size: 14px;
  padding: 0;
  color: var(--disabled-link);
  pointer-events: none;
}

.delete-link-button {
  border: none;
  background-color: transparent;
  font-size: 14px;
  padding: 0;
  color: var(--link);
  color: var(--delete-link-button);
  padding: 0;
}

.delete-link-button:hover {
  text-decoration: underline;
  background-color: transparent;
}

.secondary-button {
  color: var(--secondary-button);
  background-color: var(--secondary-button-background);
  border: none;
}

.secondary-button:hover {
  color: var(--secondary-button-hover);
  background-color: var(--secondary-button-hover-background);
  border: none;
}

.secondary-button:disabled {
  background-color: var(--secondary-button-disabled-background);
  border: none;
  color: var(--secondary-button-disabled);
  pointer-events: none;
}

.in-line-edit-button path {
  stroke: var(--ps-icon-normal);
}

.in-line-edit-button:hover path {
  stroke: var(--ps-icon-hover);
}

.in-line-edit-button:active path {
  stroke: var(--ps-icon-active);
}

.ps-button-danger {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  height: 32px;
  border-radius: 8px;
  color: var(--button);
  background-color: var(--danger-background);
  padding: 0 16px;
  border: 1px solid var(--danger-border);
}

.ps-button-danger:hover {
  background-color: var(--danger-background);
  opacity: 0.9;
}

.ps-button-danger:active {
  background-color: var(--danger-background);
  opacity: 0.8;
}

.ps-button-danger:focus {
  outline: var(--button-focus) !important;
}

.ps-button-danger:disabled {
  pointer-events: none;
  color: var(--button-disabled);
  background-color: var(--button-disabled-background);
  border: 1px solid var(--button-disabled-background);
}

button {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  height: 32px;
  border-radius: 8px;
  color: var(--button);
  background-color: var(--button-background);
  padding: 0 16px;
  border: none;
}

button:hover {
  background-color: var(--button-hover);
}

button:active {
  background-color: var(--button-active-background);
  color: var(--button-active-text);
}

button:focus {
  outline: var(--button-focus) !important;
}

button:disabled {
  pointer-events: none;
  color: var(--button-disabled);
  background-color: var(--button-disabled-background);
}

.clear-button {
  margin: auto -40px;
}

.ps-enter-button rect {
  fill: var(--ps-enter-button);
}
.ps-enter-button path[id=ps-enter-button-arrow] {
  fill: var(--ps-enter-button-arrow);
}
.ps-enter-button path[id=ps-enter-button-line] {
  stroke: var(--ps-enter-button-arrow);
}

.ps-enter-button:hover rect {
  fill: var(--ps-enter-button-hover);
}
.ps-enter-button:hover path[id=ps-enter-button-arrow] {
  fill: var(--ps-enter-button-arrow-hover);
}
.ps-enter-button:hover path[id=ps-enter-button-line] {
  stroke: var(--ps-enter-button-arrow-hover);
}

.ps-enter-button:active rect {
  fill: var(--ps-enter-button-active);
}
.ps-enter-button:active path[id=ps-enter-button-arrow] {
  fill: var(--ps-enter-button-arrow-active);
}
.ps-enter-button:active path[id=ps-enter-button-line] {
  stroke: var(--ps-enter-button-arrow-active);
}

.ps-clear-button rect {
  fill: none;
}
.ps-clear-button path {
  stroke: var(--ps-enter-button-arrow);
  stroke-width: 1px;
}

.ps-clear-button:hover rect {
  fill: none;
}
.ps-clear-button:hover path {
  stroke: var(--ps-enter-button-arrow-hover);
}

.ps-clear-button:active rect {
  fill: none;
}
.ps-clear-button:active path {
  stroke: var(--ps-enter-button-arrow-active);
}

.collapse-all-button path {
  stroke: var(--table-head-text);
}

.collapse-all-button:hover path {
  stroke: var(--ps-icon-hover);
}

.collapse-all-button:focus-visible {
  outline: 1px solid var(--button-focus);
  outline-offset: 1px;
  border-radius: 8px;
}

.expand-all-button path {
  stroke: var(--table-head-text);
}

.expand-all-button:hover path {
  stroke: var(--ps-icon-hover);
}

.expand-all-button:focus-visible {
  outline: 1px solid var(--button-focus);
  outline-offset: 1px;
  border-radius: 8px;
}

.ps-toggle-switch {
  position: relative;
  height: 20px;
  width: 28px;
}
.ps-toggle-switch:focus-visible {
  outline: 1px solid var(--button-focus);
  outline-offset: 1px;
  border-radius: 20px;
}
.ps-toggle-switch .toggle-bg {
  background-color: var(--toggle-switch-unchecked-background);
  border-radius: 6px;
  position: absolute;
  top: 4px;
  width: 26px;
  height: 12px;
  transition: background-color 200ms ease-in;
}
.ps-toggle-switch .toggle-thumb {
  box-sizing: content-box;
  position: absolute;
  left: 0;
  top: 1px;
  width: 16px;
  height: 16px;
  background-color: var(--toggle-switch-thumb);
  border-radius: 50%;
  border: solid 1px var(--toggle-switch-border);
  transition: all 200ms ease-in;
}

.ps-toggle-switch[aria-checked] .toggle-bg {
  background-color: var(--toggle-switch-checked-background);
  transition: background-color 200ms ease-in;
}
.ps-toggle-switch[aria-checked] .toggle-thumb {
  left: 8px;
  top: 0px;
  border: solid 2px var(--toggle-switch-border);
  transition: all 200ms ease-in;
}

.drop-down-icon {
  color: var(--dropdown-stroke);
}
.drop-down-icon .path {
  stroke-dasharray: 190 1000;
  stroke-width: 10;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke: var(--dropdown-stroke);
  transform-origin: center;
}

.drop-down-icon[aria-expanded=false] {
  color: var(--dropdown-stroke);
}
.drop-down-icon[aria-expanded=false] .path {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 300ms ease-in;
}

.drop-down-icon[aria-expanded=true] {
  color: var(--dropdown-stroke);
}
.drop-down-icon[aria-expanded=true] .path {
  stroke-dashoffset: -140;
  transition: stroke-dashoffset 300ms ease-in;
}

.checkbox-icon {
  color: var(--checkbox-checkmark);
  min-width: 16px;
  min-height: 16px;
}
.checkbox-icon .rect {
  fill: var(--checkbox-unchecked-background);
  stroke: var(--checkbox-unchecked-border);
  stroke-width: 10;
  stroke-linejoin: round;
}
.checkbox-icon .path {
  stroke-dasharray: 80 1000;
  stroke-dashoffset: -80;
  stroke-width: 10;
  stroke-linecap: round;
  stroke: var(--checkbox-checkmark);
  transform-origin: center;
}

.checkbox-icon[aria-expanded=false] {
  color: var(--checkbox-checkmark);
}
.checkbox-icon[aria-expanded=false] .rect {
  fill: var(--checkbox-unchecked-background);
  stroke: var(--checkbox-unchecked-border);
  transition: fill 200ms ease-in 200ms, stroke 200ms ease-in 200ms;
}
.checkbox-icon[aria-expanded=false] .path {
  stroke-dashoffset: 80;
  transition: stroke-dashoffset 200ms ease-in;
}

.checkbox-icon[aria-expanded=true] {
  color: var(--checkbox-checkmark);
}
.checkbox-icon[aria-expanded=true] .rect {
  fill: var(--checkbox-checked-background);
  stroke: var(--checkbox-checked-border);
  transition: fill 200ms ease-in, stroke 200ms ease-in;
}
.checkbox-icon[aria-expanded=true] .path {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 200ms ease-in 200ms;
}

.voucher-icon {
  stroke: var(--link);
}
.voucher-icon .frame {
  stroke: var(--link);
  stroke-width: 3;
}
.voucher-icon .line {
  stroke: var(--link);
  stroke-width: 3;
}

.ps-download-icon {
  stroke: var(--link);
}
.ps-download-icon .frame {
  stroke: var(--link);
  stroke-width: 10;
}
.ps-download-icon .left-side-arrow {
  stroke: var(--link);
  stroke-width: 10;
}
.ps-download-icon .right-side-arrow {
  stroke: var(--link);
  stroke-width: 10;
}

.default-close-button {
  stroke: var(--ps-default-close-button);
}
.default-close-button .line {
  stroke: var(--ps-default-close-button);
  stroke-width: 6;
}

.circular-close-button {
  fill: var(--close-button-circular);
}

.ps-hamburger-menu-button {
  stroke: var(--text);
  stroke-width: 6px;
  stroke-linecap: round;
}
.ps-hamburger-menu-button .main-path {
  stroke-dasharray: 79 115;
}
.ps-hamburger-menu-button .mid-path {
  stroke-dasharray: 82 82;
}

.ps-hamburger-menu-button:hover {
  stroke: var(--ps-color-data-positive-30);
}

.ps-hamburger-menu-button[aria-expanded=false] .main-path {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 200ms ease-in;
}
.ps-hamburger-menu-button[aria-expanded=false] .mid-path {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 200ms ease-in;
}

.ps-hamburger-menu-button[aria-expanded=true] .main-path {
  stroke-dashoffset: 98;
  transition: stroke-dashoffset 200ms ease-in 200ms;
}
.ps-hamburger-menu-button[aria-expanded=true] .mid-path {
  stroke-dashoffset: 82;
  transition: stroke-dashoffset 200ms ease-in 200ms;
}

.drop-down--icon {
  padding: 16px;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  border-radius: 16px;
  color: var(--text);
}
.drop-down--icon .rect {
  stroke: var(--text);
  stroke-linejoin: round;
}
.drop-down--icon .path {
  stroke-dasharray: 25 288;
  stroke-width: 1;
  stroke-linecap: round;
  stroke: var(--ps-loading-animation);
  transform-origin: center;
  animation: loading 3s infinite linear;
}
.drop-down--icon .background-path {
  stroke-width: 1;
  stroke: var(--ps-bg-loading-animation);
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: pulsing 3s infinite ease-in-out;
}

.po-logo {
  margin-left: 32px;
  margin-top: -233px;
  animation: pulsing 3s infinite linear;
}

@keyframes pulsing {
  0% {
    opacity: 10%;
  }
  50% {
    opacity: 100%;
  }
  100% {
    opacity: 10%;
  }
}
@keyframes loading {
  to {
    stroke-dashoffset: -309;
  }
}
.date-time-small {
  font-size: 10px;
}

.ps-text-no-line-break {
  white-space: nowrap;
}

.ps-text-line-break-anywhere {
  white-space: wrap;
}

.ps-text-line-break-word-wrap {
  white-space: pre-wrap;
}

.ps-text-align-center {
  text-align: center;
}

.ps-text-align-start {
  text-align: start;
}

.ps-text-align-end {
  text-align: end;
  justify-content: end;
}

.ps-title-or-label-color {
  color: var(--title-or-label);
}

.ps-text {
  color: var(--text);
}

.ps-widget-huge {
  font-size: 56px;
  font-weight: bold;
  line-height: 48px;
}

.ps-widget-extra-large {
  font-size: 40px;
  font-weight: bold;
  line-height: 48px;
}

.ps-widget-large {
  font-size: 28px;
  font-weight: bold;
  line-height: 32px;
}

h1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}

h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}

h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 0 0;
}

h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 0 0;
}

h5 {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin: 0;
}

h6 {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: 0;
}

body {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

textarea {
  border: 1px solid var(--border-normal);
  border-radius: 8px;
  background-color: var(--search-field-background);
  color: var(--text);
  padding: 8px;
  height: 5em;
}

textarea:active {
  border: 1px solid var(--border-focus);
  background-color: var(--input-background-focus);
  color: var(--input-text-focus);
  outline: none;
}

textarea:focus {
  border: 1px solid var(--border-focus);
  background-color: var(--input-background-focus);
  color: var(--input-text-focus);
  outline: none;
}

input[type=search]::placeholder {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  line-height: 16px;
  color: var(--placeholder-text);
}

.ps-placeholder {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  line-height: 16px;
  color: var(--placeholder-text);
}

.ps-placeholder-strong {
  font-size: 12px;
  font-weight: 700;
  font-style: italic;
  line-height: 16px;
}

.ps-link {
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 16px;
}

.ps-label {
  font-weight: 600;
  font-style: normal;
  line-height: 14px;
}

.ps-label-strong {
  font-size: 11px;
  font-weight: 600;
  font-style: normal;
  line-height: 14px;
}

.ps-page-title {
  margin: 24px 0;
}

.ps-mandatory::after {
  content: " *";
  color: var(--ps-color-status-error);
}

.ps-table-highlight-1 {
  background: var(--info-blue-background);
}

.ps-table-highlight-2 {
  background: var(--success-background);
}

.ps-table-hide-header .e-grid .e-gridheader .e-columnheader {
  display: none;
}

.ps-table-small .e-headercell {
  padding: 4px 8px;
}
.ps-table-small .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd) {
  padding: 4px 8px !important;
}
.ps-table-small .e-grid .e-gridheader tr:first-child th {
  background: var(--primary-background);
  border-bottom: 1px solid var(--border-read-only);
}

.sticky-header-cell {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--primary-background);
}

.ps-user-info-client-list {
  max-height: calc(100vh - 530px);
  overflow: auto;
}

.ps-go-notification {
  display: flex;
  white-space: pre-wrap;
  position: relative;
  max-width: 500px;
  width: fit-content;
  border-radius: 2px;
}
.ps-go-notification p {
  flex-grow: 1;
  white-space: pre-wrap;
}

.ps-go-notification-info {
  border: 1px solid var(--go-notification-info-border);
  background-color: var(--go-notification-info-background);
  color: var(--go-notification-info-text);
}

.ps-go-notification-news {
  border: 1px solid var(--go-notification-info-border);
  background-color: var(--go-notification-info-background);
  color: var(--go-notification-info-text);
}

.ps-go-notification-error {
  border: 1px solid var(--go-notification-error-border);
  background-color: var(--go-notification-error-background);
  color: var(--go-notification-error-text);
}

.ps-go-notification-link {
  color: var(--go-notification-link);
}

.ps-go-notification-link:hover {
  color: var(--go-notification-link);
  text-decoration: underline;
}

.ps-content-vertical-0 {
  display: flex;
  flex-direction: column;
  row-gap: 0;
}

.ps-content-vertical-4 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

.ps-content-vertical-8 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.ps-content-vertical-16 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.ps-content-vertical-24 {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.ps-content-vertical-32 {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}

.ps-content-vertical-64 {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
}

.ps-content-horizontal-0 {
  display: flex;
  flex-direction: row;
  row-gap: 0;
  flex-wrap: wrap;
  column-gap: 0;
}

.ps-content-horizontal-1 {
  display: flex;
  flex-direction: row;
  row-gap: 1px;
  flex-wrap: wrap;
  column-gap: 1px;
}

.ps-content-horizontal-4 {
  display: flex;
  flex-direction: row;
  row-gap: 4px;
  flex-wrap: wrap;
  column-gap: 4px;
}

.ps-content-horizontal-8 {
  display: flex;
  flex-direction: row;
  row-gap: 8px;
  flex-wrap: wrap;
  column-gap: 8px;
}

.ps-content-horizontal-16 {
  display: flex;
  flex-direction: row;
  row-gap: 16px;
  flex-wrap: wrap;
  column-gap: 16px;
}

.ps-content-horizontal-24 {
  display: flex;
  flex-direction: row;
  row-gap: 24px;
  flex-wrap: wrap;
  column-gap: 24px;
}

.ps-content-horizontal-32 {
  display: flex;
  flex-direction: row;
  row-gap: 32px;
  flex-wrap: wrap;
  column-gap: 32px;
}

.ps-content-horizontal-64 {
  display: flex;
  flex-direction: row;
  row-gap: 64px;
  flex-wrap: wrap;
  column-gap: 64px;
}

.ps-content-chip {
  border-radius: 1000px;
}

.ps-clickable:hover {
  cursor: pointer;
}

.ps-grid-auto-8 {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 8px;
  row-gap: 8px;
}

.ps-grid-col-2-auto-24-8 {
  display: grid;
  row-gap: 8px;
  column-gap: 24px;
  grid-template-columns: repeat(2, auto);
  width: fit-content;
  align-items: center;
}

.ps-grid-col-2-auto-64-24 {
  display: grid;
  row-gap: 24px;
  column-gap: 64px;
  grid-template-columns: repeat(2, auto);
  width: fit-content;
  align-items: center;
}

.ps-grid-min-content-auto-8 {
  display: grid;
  grid-template-columns: min-content auto;
  column-gap: 8px;
  row-gap: 8px;
}

.ps-grid-294-8-60 {
  display: grid;
  grid-template-columns: 294px 60px;
  column-gap: 8px;
  row-gap: 8px;
}

.ps-grid-col-3-auto-8 {
  display: grid;
  row-gap: 8px;
  column-gap: 8px;
  grid-template-columns: repeat(3, auto);
  width: fit-content;
  align-items: center;
}

.ps-grid-col-4-auto-8 {
  display: grid;
  row-gap: 8px;
  column-gap: 8px;
  grid-template-columns: repeat(4, auto);
  width: fit-content;
  align-items: center;
}

.ps-grid-col-4-auto-24 {
  display: grid;
  row-gap: 8px;
  column-gap: 24px;
  grid-template-columns: repeat(4, auto);
  width: fit-content;
  align-items: center;
}

.ps-grid-col-10-auto-8 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 8px;
}

.ps-absolute-above-center {
  position: absolute;
  z-index: 10;
  left: 50%;
  translate: -50% calc(-100% - 10px);
}

.ps-relative {
  position: relative;
}

.ps-grid-wrapper {
  overflow: auto;
  border-radius: 8px;
}

.ps-element-center-vertically {
  margin-top: auto;
  margin-bottom: auto;
  align-content: center;
}

.ps-element-place-bottom {
  margin-top: auto;
}

.ps-element-place-bottom-right {
  margin: auto 0 0 auto;
}

.ps-element-place-bottom-left {
  margin: auto auto 0 0;
}

.ps-notification {
  white-space: pre;
  position: relative;
  max-width: 500px;
  right: 0;
  width: fit-content;
}

.ps-selected-tab-menu-item {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: var(--text);
  padding-bottom: 7px;
}

.ps-selected-tab-menu-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: var(--ps-active-input);
  border-radius: 2px 2px 0 0;
  top: 24px;
}

.ps-unselected-tab-menu-item {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--text);
  padding-bottom: 7px;
}

.tab-item-content {
  display: contents;
  height: 100%;
}

.ps-operation-success {
  color: var(--success-text);
  background-color: var(--success-background);
}
.ps-operation-success .ps-operation-success-icon {
  fill: transparent;
  transition: fill 500ms ease-in, stroke 500ms ease-in;
}
.ps-operation-success .ps-operation-success-path {
  stroke: var(--color-neutral-00);
  stroke-dasharray: 80 1000;
  stroke-dashoffset: -80;
  stroke-width: 2;
  stroke-linecap: round;
  transform-origin: center;
  transition: stroke-dashoffset 500ms ease-in 500ms;
}

.ps-operation-success[active-legend=true] {
  color: var(--success-text);
  background-color: var(--success-background);
}
.ps-operation-success[active-legend=true] .ps-operation-success-icon {
  fill: var(--success-border);
  transition: fill 500ms ease-in, stroke 500ms ease-in;
}
.ps-operation-success[active-legend=true] .ps-operation-success-path {
  stroke: var(--color-neutral-00);
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 500ms ease-in 400ms;
}

.ps-operation-failure {
  color: var(--danger-text);
  background-color: var(--danger-background);
}
.ps-operation-failure .ps-operation-failure-icon {
  fill: transparent;
  transition: fill 500ms ease-in, stroke 500ms ease-in;
}
.ps-operation-failure .ps-operation-failure-path-one {
  stroke: var(--color-neutral-00);
  stroke-dasharray: 80 1000;
  stroke-dashoffset: -80;
  stroke-width: 2;
  stroke-linecap: round;
  transform-origin: center;
  transition: stroke-dashoffset 500ms ease-in 500ms;
}
.ps-operation-failure .ps-operation-failure-path-two {
  stroke: var(--color-neutral-00);
  stroke-dasharray: 80 1000;
  stroke-dashoffset: -80;
  stroke-width: 2;
  stroke-linecap: round;
  transform-origin: center;
  transition: stroke-dashoffset 500ms ease-in 500ms;
}

.ps-operation-failure[active-legend=true] {
  color: var(--danger-text);
  background-color: var(--danger-background);
}
.ps-operation-failure[active-legend=true] .ps-operation-failure-icon {
  fill: var(--danger-border);
  transition: fill 500ms ease-in, stroke 500ms ease-in;
}
.ps-operation-failure[active-legend=true] .ps-operation-failure-path-one {
  stroke: var(--color-neutral-00);
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 500ms ease-in 400ms;
}
.ps-operation-failure[active-legend=true] .ps-operation-failure-path-two {
  stroke: var(--color-neutral-00);
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 500ms ease-in 900ms;
}

.ps-processing {
  color: var(--info-blue-text);
  background-color: var(--info-blue-background);
}
.ps-processing .spinner {
  border-top: 8px solid var(--info-blue-text);
}

.ps-dropdown {
  z-index: 10;
  position: absolute;
  top: 100%;
  border: 1px solid var(--border-normal);
  border-radius: 8px;
  border-top: none;
  background-color: var(--search-field-background);
}
.ps-dropdown button {
  padding: 8px;
  width: 100%;
  text-align: inherit;
  font-weight: 400;
  text-decoration: none;
  background-color: inherit;
  color: var(--text);
}
.ps-dropdown button:hover {
  background-color: var(--table-row-hover);
}

.ps-select-dropdown option {
  padding: 8px !important;
  width: 100%;
  text-align: inherit;
  font-weight: 400;
  text-decoration: none;
  background-color: inherit;
  color: var(--text);
}
.ps-select-dropdown option:hover {
  background-color: var(--table-row-hover);
}

.ps-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
  padding: 3px 8px;
  border-radius: 2px;
  border: 1px solid var(--border-normal);
  font-size: 14px;
  font-weight: 400;
  color: var(--text);
}

.ps-badge-info {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 4px;
  padding: 0px 4px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 400;
  color: var(--text);
  background-color: var(--ps-badge-info-background);
}

.ps-content-padding-4 {
  padding: 4px;
}

.ps-content-padding-6 {
  padding: 6px;
}

.ps-content-padding-8 {
  padding: 8px;
}

.ps-content-padding-16 {
  padding: 16px;
}

.ps-content-padding-24 {
  padding: 24px;
}

.ps-content-padding-horizontal-4 {
  padding-right: 4px;
  padding-left: 4px;
}

.ps-content-padding-horizontal-8 {
  padding-right: 8px;
  padding-left: 8px;
}

.ps-content-padding-horizontal-16 {
  padding-right: 16px;
  padding-left: 16px;
}

.ps-content-padding-horizontal-24 {
  padding-right: 24px;
  padding-left: 24px;
}

.ps-content-padding-vertical-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.ps-content-padding-vertical-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.ps-content-padding-vertical-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.ps-content-padding-vertical-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.ps-content-padding-vertical-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.ps-content-padding-bottom-4 {
  padding-bottom: 4px;
}

.ps-content-padding-bottom-8 {
  padding-bottom: 8px;
}

.ps-content-padding-bottom-16 {
  padding-bottom: 16px;
}

.ps-content-padding-bottom-24 {
  padding-bottom: 24px;
}

.ps-content-padding-top-4 {
  padding-top: 4px;
}

.ps-content-padding-top-8 {
  padding-top: 8px;
}

.ps-content-padding-top-16 {
  padding-top: 16px;
}

.ps-content-padding-top-24 {
  padding-top: 24px;
}

.ps-content-padding-left-4 {
  padding-left: 4px;
}

.ps-content-padding-left-8 {
  padding-left: 8px;
}

.ps-content-padding-left-16 {
  padding-left: 16px;
}

.ps-content-padding-left-24 {
  padding-left: 24px;
}

.ps-content-padding-left-50 {
  padding-left: 50px;
}

.ps-content-padding-right-4 {
  padding-right: 4px;
}

.ps-content-padding-right-8 {
  padding-right: 8px;
}

.ps-content-padding-right-16 {
  padding-right: 16px;
}

.ps-content-padding-right-24 {
  padding-right: 24px;
}

.ps-content-right-align {
  justify-content: end;
  text-align: end;
}

.ps-content-space-between {
  justify-content: space-between;
}

.ps-self-align-end {
  align-self: end;
}

.ps-content-no-wrap {
  flex-wrap: nowrap;
}

.ps-content-align-baseline {
  align-items: baseline;
}

.ps-content-align-top {
  align-items: start;
}

.ps-content-align-end {
  align-items: end;
}

.ps-content-center-vertically {
  display: flex;
  align-items: center;
}

.ps-content-center-horizontally {
  display: flex;
  justify-content: center;
}

.ps-margin-8 {
  margin: 8px;
}

.ps-margin-16 {
  margin: 16px;
}

.ps-margin-top-8 {
  margin-top: 8px;
}

.ps-margin-top-16 {
  margin-top: 16px;
}

.ps-margin-top-20 {
  margin-top: 20px;
}

.ps-margin-top-24 {
  margin-top: 24px;
}

.ps-margin-top-48 {
  margin-top: 48px;
}

.ps-margin-top-infinite {
  margin-top: auto;
}

.ps-margin-bottom-3 {
  margin-bottom: 3px;
}

.ps-margin-bottom-5 {
  margin-bottom: 5px;
}

.ps-margin-bottom-8 {
  margin-bottom: 8px;
}

.ps-margin-bottom-16 {
  margin-bottom: 16px;
}

.ps-margin-bottom-24 {
  margin-bottom: 24px;
}

.ps-margin-bottom-infinite {
  margin-bottom: auto;
}

.ps-margin-right-4 {
  margin-right: 4px;
}

.ps-margin-right-8 {
  margin-right: 8px;
}

.ps-margin-right-32 {
  margin-right: 32px;
}

.ps-margin-left-8 {
  margin-left: 8px;
}

.ps-margin-left-16 {
  margin-left: 16px;
}

.ps-margin-left-20 {
  margin-left: 20px;
}

.ps-margin-left-32 {
  margin-left: 32px;
}

.ps-margin-left-negative-8 {
  margin-left: -8px;
}

.ps-margin-top-negative-20 {
  margin-top: -20px;
}

.ps-margin-bottom-negative-20 {
  margin-bottom: -20px;
}

.ps-margin-left-infinite {
  margin-left: auto;
}

.ps-margin-right-infinite {
  margin-right: auto;
}

.ps-margin-vertical-auto {
  margin: auto 0;
}

.ps-width-90 {
  width: 90px;
  min-width: 90px;
  max-width: 90px;
}

.ps-width-120 {
  width: 120px;
  min-width: 120px;
  max-width: 120px;
}

.ps-width-130 {
  width: 130px;
  min-width: 130px;
  max-width: 130px;
}

.ps-width-150 {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}

.ps-width-160 {
  width: 160px;
  min-width: 160px;
  max-width: 160px;
}

.ps-width-180 {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}

.ps-width-200 {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}

.ps-width-250 {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
}

.ps-width-310 {
  width: 310px;
  min-width: 310px;
  max-width: 310px;
}

.ps-width-360 {
  width: 360px;
  min-width: 360px;
  max-width: 360px;
}

.ps-width-400 {
  width: 400px;
  min-width: 400px;
  max-width: 400px;
}

.ps-width-500 {
  width: 500px;
  min-width: 500px;
  max-width: 500px;
}

.ps-width-600 {
  width: 600px;
  min-width: 600px;
  max-width: 600px;
}

.ps-width-700 {
  width: 700px;
  min-width: 700px;
  max-width: 700px;
}

.ps-dashboard-widget-small {
  height: 360px;
  min-height: 360px;
  max-height: 360px;
  overflow: auto;
  width: 469px;
  min-width: 469px;
  max-width: 469px;
  border: 1px solid var(--ps-border-component);
  border-radius: var(--radius-small);
  margin: 0 !important;
}

.ps-dashboard-widget-small-tall {
  height: 744px;
  min-height: 744px;
  max-height: 744px;
  overflow: auto;
  width: 469px;
  min-width: 469px;
  max-width: 469px;
  border: 1px solid var(--ps-border-component);
  border-radius: var(--radius-small);
  margin: 0 !important;
  display: grid;
  grid-row: span 2;
}

.ps-dashboard-widget-small-wide {
  height: 360px;
  min-height: 360px;
  max-height: 360px;
  overflow: auto;
  width: 962px;
  min-width: 962px;
  max-width: 962px;
  border: 1px solid var(--ps-border-component);
  border-radius: var(--radius-small);
  margin: 0 !important;
  display: grid;
  grid-column: span 2;
}

.ps-dashboard-widget-small-extra-wide {
  height: 360px;
  min-height: 360px;
  max-height: 360px;
  overflow: auto;
  width: 1455px;
  min-width: 1455px;
  max-width: 1455px;
  border: 1px solid var(--ps-border-component);
  border-radius: var(--radius-small);
  margin: 0 !important;
  display: grid;
  grid-column: span 3;
}

.ps-dashboard-widget-big {
  height: 744px;
  min-height: 744px;
  max-height: 744px;
  overflow: auto;
  width: 962px;
  min-width: 962px;
  max-width: 962px;
  border: 1px solid var(--ps-border-component);
  border-radius: var(--radius-small);
  margin: 0 !important;
  display: grid;
  grid-column: span 2;
  grid-row: span 2;
}

.ps-dashboard-widget-grid-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(469px, 469px));
  gap: 24px 24px;
}

.ps-width-fit-content {
  width: fit-content;
}

.ps-width-fit-container {
  width: 100%;
}

.ps-width-fill-available {
  width: -webkit-fill-available;
}

.ps-height-20 {
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  overflow: auto;
}

.ps-height-24 {
  height: 24px;
  min-height: 24px;
  max-height: 24px;
  overflow: auto;
}

.ps-height-30 {
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  overflow: auto;
}

.ps-height-32 {
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  overflow: auto;
}

.ps-height-40 {
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  overflow: auto;
}

.ps-height-48 {
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  overflow: auto;
}

.ps-height-64 {
  height: 64px;
  min-height: 64px;
  max-height: 64px;
  overflow: auto;
}

.ps-height-72 {
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  overflow: auto;
}

.ps-height-150 {
  height: 150px;
  min-height: 150px;
  max-height: 150px;
  overflow: auto;
}

.ps-height-180 {
  height: 180px;
  min-height: 180px;
  max-height: 180px;
  overflow: auto;
}

.ps-height-200 {
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  overflow: auto;
}

.ps-height-250 {
  height: 250px;
  min-height: 250px;
  max-height: 250px;
  overflow: auto;
}

.ps-height-266 {
  height: 266px;
  min-height: 266px;
  max-height: 266px;
  overflow: auto;
}

.ps-height-350 {
  height: 350px;
  min-height: 350px;
  max-height: 350px;
  overflow: auto;
}

.ps-height-400 {
  height: 400px;
  min-height: 400px;
  max-height: 400px;
  overflow: auto;
}

.ps-event-log-height {
  height: calc(100vh - 225px);
  min-height: calc(100vh - 225px);
  max-height: calc(100vh - 225px);
  overflow: auto;
}

.ps-dequeue-height {
  height: calc(100vh - 385px);
  min-height: calc(100vh - 385px);
  max-height: calc(100vh - 385px);
  overflow: auto;
}

.ps-invites-table-height {
  height: calc(100vh - 242px);
  min-height: calc(100vh - 242px);
  max-height: calc(100vh - 242px);
  overflow: auto;
}

.ps-system-rates-height {
  height: calc(100vh - 265px);
  min-height: calc(100vh - 265px);
  max-height: calc(100vh - 265px);
  overflow: auto;
}

.ps-go-notifications-height {
  height: calc(100vh - 300px);
  min-height: calc(100vh - 300px);
  max-height: calc(100vh - 300px);
  overflow: auto;
}

.ps-go-notifications-height-compressed {
  height: 160px;
  min-height: 160px;
  max-height: 160px;
  overflow: auto;
}

.ps-height-fit-content {
  height: fit-content;
}

.ps-height-300 {
  height: 360px;
  min-height: 360px;
  max-height: 360px;
  overflow: auto;
}

.ps-height-624 {
  height: 744px;
  min-height: 744px;
  max-height: 744px;
  overflow: auto;
}

.ps-height-50-percent {
  height: 50vh;
  min-height: 50vh;
  max-height: 50vh;
  overflow: auto;
}

.ps-height-max-50-percent {
  max-height: 50vh;
  overflow: auto;
}

.ps-height-70-percent {
  max-height: 70vh;
  overflow: auto;
}

.ps-size-10 {
  height: 10px;
  width: 10px;
}

.ps-size-18 {
  height: 18px;
  width: 18px;
}

.ps-size-30 {
  height: 30px;
  width: 30px;
}

.ps-height-fill-available {
  height: -webkit-fill-available;
}

.ps-element-fill-parent-vertically {
  height: 100%;
}

.ps-element-fill-collapsible-title {
  width: calc(100% - 24px);
}

.ps-min-width-40 {
  min-width: 40px;
}

.ps-rounded-border-4 {
  border-radius: 4px;
}

.ps-rounded-border-8 {
  border-radius: 8px;
}

.ps-rounded-border-16 {
  border-radius: 16px;
}

.ps-rounded-border-32 {
  border-radius: 32px;
}

.ps-rounded-border-top-4 {
  border-radius: 4px 4px 0 0;
}

.ps-rounded-border-top-8 {
  border-radius: 8px 8px 0 0;
}

.ps-rounded-border-bottom-4 {
  border-radius: 0 0 4px 4px;
}

.ps-rounded-border-bottom-8 {
  border-radius: 0 0 8px 8px;
}

.ps-rounded-border-start-8 {
  border-radius: 8px 0 0 8px;
}

.ps-rounded-border-end-8 {
  border-radius: 0 8px 8px 0;
}

.ps-border-top-primary {
  border-top: 1px solid var(--border-read-only);
}

.ps-border-top-secondary {
  border-top: 1px solid var(--border-normal);
}

path[id$=connector_0] {
  fill: transparent;
  stroke: var(--ps-color-graph-primary-line);
}

path[id$=connector_1] {
  fill: transparent;
  stroke: var(--ps-color-graph-secondary-line);
}

path[id$=connector_2] {
  fill: transparent;
  stroke: var(--ps-color-graph-tertiary-line);
}

text[id*=_text_ i] {
  fill: var(--text);
}

text[id*=_text_1] {
  fill: var(--text);
}

text[id$=_text_2] {
  fill: var(--text);
}

text[id$=_title] {
  fill: var(--text);
}

text[id$=_ChartTitle] {
  fill: var(--text);
}

path[aria-label^=Primary] {
  fill: var(--ps-color-graph-primary-line);
  stroke: var(--ps-color-graph-primary-line);
}

path[aria-label^=Secondary] {
  fill: var(--ps-color-graph-secondary-line);
  stroke: var(--ps-color-graph-secondary-line);
}

path[aria-label^=Tertiary] {
  fill: var(--ps-color-graph-tertiary-line);
  stroke: var(--ps-color-graph-tertiary-line);
}

path[aria-label^=Quaternary] {
  fill: var(--ps-color-graph-quaternary-line);
  stroke: var(--ps-color-graph-quaternary-line);
}

path[aria-label^=Quinary] {
  fill: var(--ps-color-graph-quinary-line);
  stroke: var(--ps-color-graph-quinary-line);
}

rect[id$=_ChartAreaBorder] {
  fill: none;
  stroke: none;
}

.ps-donut {
  position: relative;
  width: 240px;
  min-width: 240px;
  max-width: 240px;
  height: 240px;
}

.donut-center {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

.donut-inner-title {
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}

.donut-inner-value {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
}

.ps-legend {
  height: 8px;
  width: 8px;
  border-radius: 4px;
}

.ps-legend[data-legend-type=Primary] {
  background-color: var(--ps-color-graph-primary-line);
}

.ps-legend[data-legend-type=Secondary] {
  background-color: var(--ps-color-graph-secondary-line);
}

.ps-legend[data-legend-type=Tertiary] {
  background-color: var(--ps-color-graph-tertiary-line);
}

.ps-legend[data-legend-type=Quaternary] {
  background-color: var(--ps-color-graph-quaternary-line);
}

.ps-legend[data-legend-type=Quinary] {
  background-color: var(--ps-color-graph-quinary-line);
}

.ps-legend-vertical {
  height: 100%;
}

.ps-legend-vertical[data-legend-type=Primary] {
  stroke: var(--ps-color-graph-primary-line);
}

.ps-legend-vertical[data-legend-type=Secondary] {
  stroke: var(--ps-color-graph-secondary-line);
}

.ps-legend-vertical[data-legend-type=Tertiary] {
  stroke: var(--ps-color-graph-tertiary-line);
}

.ps-legend-vertical[data-legend-type=PrimaryNegative] {
  stroke: var(--ps-color-graph-primary-negative-line);
}

.ps-legend-vertical[data-legend-type=SecondaryNegative] {
  stroke: var(--ps-color-graph-secondary-negative-line);
}

.ps-bar-chart-item {
  border-radius: 2px;
  height: 24px;
}

.ps-bar-chart-item[data-legend-type=Primary] {
  background-color: var(--ps-color-graph-primary-line);
}

.ps-bar-chart-item[data-legend-type=Secondary] {
  background-color: var(--ps-color-graph-secondary-line);
}

.ps-bar-chart-item[data-legend-type=Tertiary] {
  background-color: var(--ps-color-graph-tertiary-line);
}

.ps-bar-chart-item[data-legend-type=PrimaryNegative] {
  background-color: var(--ps-color-graph-primary-negative-line);
}

.ps-bar-chart-item[data-legend-type=SecondaryNegative] {
  background-color: var(--ps-color-graph-secondary-negative-line);
}

.ps-donut-link {
  stroke: var(--text);
}

.ps-dashboard-widget-primary-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 19px;
}

.ps-dashboard-widget-secondary-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.ps-dashboard-widget-tertiary-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.ps-dashboard-widget-primary-value {
  font-size: 56px;
  font-weight: 700;
  line-height: 56px;
}

.ps-dashboard-widget-primary-value[data-ps-widget=Primary] {
  color: var(--ps-color-graph-primary-line);
}

.ps-dashboard-widget-primary-value[data-ps-widget=Secondary] {
  color: var(--ps-color-graph-secondary-line);
}

.ps-dashboard-widget-primary-value[data-ps-widget=Tertiary] {
  color: var(--ps-color-graph-tertiary-line);
}

.ps-dashboard-widget-primary-value[data-ps-widget=PrimaryNegative] {
  color: var(--ps-color-graph-primary-negative-line);
}

.ps-dashboard-widget-primary-value[data-ps-widget=SecondaryNegative] {
  color: var(--ps-color-graph-secondary-negative-line);
}

.ps-dashboard-widget-primary-value[data-ps-widget=TertiaryNegative] {
  color: var(--ps-color-graph-tertiary-negative-line);
}

.ps-dashboard-widget-secondary-value {
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

.ps-dashboard-widget-secondary-value[data-ps-widget=Primary] {
  color: var(--ps-color-graph-secondary-line);
}

.ps-dashboard-widget-secondary-value[data-ps-widget=Secondary] {
  color: var(--ps-color-graph-secondary-line);
}

.ps-dashboard-widget-secondary-value[data-ps-widget=Tertiary] {
  color: var(--ps-color-graph-tertiary-line);
}

.ps-dashboard-widget-secondary-value[data-ps-widget=PrimaryNegative] {
  color: var(--ps-color-graph-secondary-negative-line);
}

.ps-dashboard-widget-secondary-value[data-ps-widget=SecondaryNegative] {
  color: var(--ps-color-graph-secondary-negative-line);
}

.ps-dashboard-widget-secondary-value[data-ps-widget=TertiaryNegative] {
  color: var(--ps-color-graph-tertiary-negative-line);
}

.ps-dashboard-widget-tertiary-value {
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
}

.ps-dashboard-widget-tertiary-value-tiny {
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}

.ps-dashboard-widget-tertiary-value[data-ps-widget=Primary] {
  color: var(--ps-color-graph-tertiary-line);
}

.ps-dashboard-widget-tertiary-value[data-ps-widget=Secondary] {
  color: var(--ps-color-graph-secondary-line);
}

.ps-dashboard-widget-tertiary-value-tiny[data-ps-widget=Secondary] {
  color: var(--ps-color-graph-secondary-line);
}

.ps-dashboard-widget-tertiary-value[data-ps-widget=Tertiary] {
  color: var(--ps-color-graph-tertiary-line);
}

.ps-dashboard-widget-tertiary-value[data-ps-widget=PrimaryNegative] {
  color: var(--ps-color-graph-tertiary-negative-line);
}

.ps-dashboard-widget-tertiary-value[data-ps-widget=SecondaryNegative] {
  color: var(--ps-color-graph-secondary-negative-line);
}

.ps-dashboard-widget-tertiary-value[data-ps-widget=TertiaryNegative] {
  color: var(--ps-color-graph-tertiary-negative-line);
}

.usage-widget .ps-grid-6 {
  display: grid;
  row-gap: 0px;
  column-gap: 0px;
  grid-template-columns: repeat(6, auto);
  width: fit-content;
  align-items: center;
}
.usage-widget .ps-grid-7 {
  display: grid;
  row-gap: 0px;
  column-gap: 0px;
  grid-template-columns: repeat(7, auto);
  width: fit-content;
  align-items: center;
}
.usage-widget .ps-legend {
  height: 2px;
  width: 16px;
  border-radius: 2px;
  margin: auto 8px auto 16px;
}
.usage-widget .ps-primary-graph-grey {
  background-color: var(--ps-color-graph-primary-grey-line);
}
.usage-widget .ps-secondary-graph-grey {
  background-color: var(--ps-color-graph-secondary-grey-line);
}
.usage-widget .ps-primary-graph {
  background-color: var(--ps-color-graph-primary-line);
}
.usage-widget .ps-secondary-graph {
  background-color: var(--ps-color-graph-secondary-line);
}
.usage-widget .ps-primary-graph-dashed {
  background-color: transparent;
  border: 1px dashed var(--ps-color-graph-primary-line);
}
.usage-widget .ps-secondary-graph-dashed {
  background-color: transparent;
  border: 1px dashed var(--ps-color-graph-secondary-line);
}
.usage-widget path[id$=_Series_0_Point_0] {
  fill: var(--ps-color-graph-primary-grey-line);
  stroke: var(--ps-color-graph-primary-grey-line);
}
.usage-widget path[id$=_Series_0_Point_1] {
  fill: var(--ps-color-graph-primary-line);
  stroke: var(--ps-color-graph-primary-line);
}
.usage-widget path[id$=_Series_0_Point_2] {
  fill: var(--ps-color-graph-primary-line);
  stroke: var(--ps-color-graph-primary-line);
}
.usage-widget path[id$=_Series_1_Point_0] {
  fill: transparent;
  stroke: var(--ps-color-graph-secondary-grey-line);
}
.usage-widget path[id$=_Series_1_Point_1] {
  fill: transparent;
  stroke: var(--ps-color-graph-primary-line);
  stroke-dasharray: 5, 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.usage-widget path[id$=_Series_1_Point_2] {
  fill: transparent;
  stroke: var(--ps-color-graph-primary-line);
}
.usage-widget path[id$=_Series_2_Point_0] {
  fill: var(--ps-color-graph-secondary-grey-line);
  stroke: var(--ps-color-graph-secondary-grey-line);
}
.usage-widget path[id$=_Series_2_Point_1] {
  fill: var(--ps-color-graph-secondary-line);
  stroke: var(--ps-color-graph-secondary-line);
}
.usage-widget path[id$=_Series_2_Point_2] {
  fill: var(--ps-color-graph-secondary-line);
  stroke: var(--ps-color-graph-secondary-line);
}
.usage-widget path[id$=_Series_3_Point_0] {
  fill: transparent;
  stroke: var(--ps-color-graph-secondary-grey-line);
}
.usage-widget path[id$=_Series_3_Point_1] {
  fill: transparent;
  stroke: var(--ps-color-graph-secondary-line);
  stroke-dasharray: 5, 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.usage-widget path[id$=_Series_3_Point_2] {
  fill: transparent;
  stroke: var(--ps-color-graph-secondary-line);
}

.ps-graph-colored-widget[data-ps-widget="+"] path[id*=_Series_0] {
  fill: var(--ps-color-graph-primary-line);
  stroke: var(--ps-color-graph-primary-line);
}
.ps-graph-colored-widget[data-ps-widget="+"] path[id*=_Series_1] {
  fill: var(--ps-color-graph-tertiary-line);
  stroke: var(--ps-color-graph-tertiary-line);
}
.ps-graph-colored-widget[data-ps-widget="+"] path[id*=_Series_2] {
  fill: var(--ps-color-graph-quinary-line);
  stroke: var(--ps-color-graph-quinary-line);
}

.ps-graph-colored-widget[data-ps-widget="-"] path[id*=_Series_0] {
  fill: var(--ps-color-graph-primary-negative-line);
  stroke: var(--ps-color-graph-primary-negative-line);
}
.ps-graph-colored-widget[data-ps-widget="-"] path[id*=_Series_1] {
  fill: var(--ps-color-graph-secondary-negative-line);
  stroke: var(--ps-color-graph-secondary-negative-line);
}
.ps-graph-colored-widget[data-ps-widget="-"] path[id*=_Series_2] {
  fill: var(--ps-color-graph-tertiary-negative-line);
  stroke: var(--ps-color-graph-tertiary-negative-line);
}

.ps-graph-colored-widget[data-ps-widget="+-"] path[aria-label*=positive] {
  fill: var(--ps-color-graph-primary-line);
  stroke: var(--ps-color-graph-primary-line);
}
.ps-graph-colored-widget[data-ps-widget="+-"] path[aria-label*=negative] {
  fill: var(--ps-color-graph-primary-negative-line);
  stroke: var(--ps-color-graph-primary-negative-line);
}

.ps-pin-button path {
  fill: var(--header-foreground);
}
.ps-pin-button path:not(.fill-only) {
  stroke: var(--header-foreground);
}

.ps-trash-bin path {
  stroke: var(--ps-trash-bin-stroke);
  stroke-width: 2px;
}

.ps-cog-wheel {
  justify-self: end;
}
.ps-cog-wheel path {
  stroke: var(--ps-cog-wheel-stroke);
  stroke-width: 1.5px;
}

.ps-cog-wheel:hover path {
  fill: var(--ps-cog-wheel-stroke);
}

.ps-attachment-icon path {
  stroke: var(--ps-attachment-icon-stroke);
  stroke-width: 1.5px;
}

.ps-attachment-icon:hover path {
  stroke: var(--ps-attachment-icon-stroke-hover);
}

.ps-filetype-icon .fill {
  fill: var(--ps-filetype-icon-fill);
}
.ps-filetype-icon .stroke {
  stroke: var(--ps-filetype-icon-stroke);
  stroke-width: 1.5px;
}

.ps-calendar-icon .fill {
  fill: var(--ps-calendar-icon-fill);
}
.ps-calendar-icon .stroke {
  stroke: var(--ps-calendar-icon-stroke);
  stroke-width: 1.25px;
}

.ps-voucher-button-icon .stroke {
  stroke: var(--ps-voucher-button-stroke);
  stroke-width: 2px;
}

.ps-status-stopped path {
  fill: var(--ps-status-stopped-fill);
  stroke: var(--ps-status-stopped-stroke);
}

.ps-filter-button {
  justify-self: end;
}
.ps-filter-button path {
  stroke: var(--ps-filter-button-stroke);
}
.ps-filter-button rect {
  stroke: var(--ps-filter-button-stroke);
}

.ps-checked {
  stroke: var(--ps-check-no-background);
}

.ps-un-checked {
  fill: var(--ps-uncheck-no-background);
}

.ps-affirmative {
  fill: var(--ps-round-checkmark-fill);
}

.ps-negative {
  fill: var(--ps-round-cross-fill);
}

.ps-chat-bubble path {
  fill: var(--ps-chat-button-background);
  stroke: var(--ps-chat-button-border);
}
.ps-chat-bubble .ps-chat-dot-one {
  fill: var(--ps-chat-button-dot-one);
}
.ps-chat-bubble .ps-chat-dot-two {
  fill: var(--ps-chat-button-dot-two);
}
.ps-chat-bubble .ps-chat-dot-three {
  fill: var(--ps-chat-button-dot-three);
}

.ps-chat-bubble:hover path {
  fill: var(--ps-chat-button-background-hover);
  stroke: var(--ps-chat-button-border-hover);
}
.ps-chat-bubble:hover .ps-chat-dot-one {
  fill: var(--ps-chat-button-dot-one-hover);
}
.ps-chat-bubble:hover .ps-chat-dot-two {
  fill: var(--ps-chat-button-dot-two-hover);
}
.ps-chat-bubble:hover .ps-chat-dot-three {
  fill: var(--ps-chat-button-dot-three-hover);
}

.ps-in-progress {
  fill: var(--ps-in-progress-background);
}

.ps-in-progress-path {
  stroke: var(--ps-in-progress-path);
}

.ps-in-progress-dot-one {
  fill: var(--ps-in-progress-dot-one);
}

.ps-in-progress-dot-two {
  fill: var(--ps-in-progress-dot-two);
}

.ps-warning {
  fill: var(--ps-color-data-yellow-400-primary);
  stroke: var(--color-neutral-800);
  stroke-width: 0.67px;
}

.ps-warning-path {
  stroke: var(--color-neutral-800);
}

.ps-warning-dot {
  fill: var(--color-neutral-800);
}

.ps-success {
  fill: var(--ps-round-checkmark-fill);
}

.ps-success-path {
  stroke: var(--ps-round-checkmark-stroke);
}

.ps-none {
  stroke: var(--text);
}

.ps-reversal {
  fill: var(--text);
}

.ps-reversal-path-one {
  stroke: var(--color-neutral-00);
}

.ps-reversal-path-two {
  stroke: var(--color-neutral-00);
}

.ps-download {
  stroke: var(--text);
}

.ps-shield-positive {
  fill: var(--ps-shield-positive);
}

.ps-shield-negative {
  fill: var(--ps-shield-negative);
}

.ps-verified path {
  stroke: var(--ps-shield-positive);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ps-triangle-up path {
  fill: var(--ps-color-data-green-600-primary);
}

.ps-triangle-down path {
  fill: var(--ps-color-data-red-600-primary);
}

.ps-cube-color-graph-primary-event rect {
  fill: var(--ps-color-graph-primary-event);
}

.ps-cube-color-graph-secondary-event rect {
  fill: var(--ps-color-graph-secondary-event);
}

.ps-two-factor-positive {
  fill: var(--ps-two-factor-positive);
}

.ps-two-factor-negative {
  fill: var(--ps-two-factor-negative);
}

.collapse-button path {
  fill: var(--ps-collapse-button-fill);
}

.ps-pie-chart-icon path {
  stroke: var(--ps-salesdashboard-icon-color);
  stroke-width: 2;
}

.ps-pie-chart-icon-small path {
  stroke: var(--ps-salesdashboard-icon-color);
  stroke-width: 1;
}

.ps-bar-chart-icon path {
  stroke: var(--ps-salesdashboard-icon-color);
  stroke-width: 2;
}

.ps-bar-chart-icon-small path {
  stroke: var(--ps-salesdashboard-icon-color);
}

.ps-hashtag-chart-icon {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 4px 5px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.ps-hashtag-chart-icon path {
  stroke: var(--ps-salesdashboard-icon-color);
  stroke-width: 2;
  stroke-linecap: round;
}

.ps-hashtag-chart-icon-small {
  width: 11px;
  height: 12px;
  flex-shrink: 0;
  aspect-ratio: 11/12;
}
.ps-hashtag-chart-icon-small path {
  stroke: var(--ps-salesdashboard-icon-color);
  stroke-width: 1;
  stroke-linecap: round;
}

.ps-line-chart-icon path {
  stroke: var(--ps-salesdashboard-icon-color);
  stroke-width: 2;
  stroke-linecap: round;
}

.ps-line-chart-icon-small path {
  stroke: var(--ps-salesdashboard-icon-color);
  stroke-width: 1;
  stroke-linecap: round;
}

.ps-close-button-solid path {
  stroke: var(--ps-color-neutral-00);
  stroke-width: 1.5;
  stroke-linecap: round;
}
.ps-close-button-solid circle {
  fill: var(--ps-salesdashboard-icon-color);
}

.ps-draggable-indicator-icon circle {
  fill: var(--ps-salesdashboard-icon-color);
}

.ps-dashboard-settings-icon .path {
  fill: var(--ps-salesdashboard-icon-color);
}

.ps-location path {
  stroke: var(--ps-trash-bin-stroke);
}

.ps-users path {
  stroke: var(--ps-trash-bin-stroke);
}
.ps-users circle {
  stroke: var(--ps-trash-bin-stroke);
}

.ps-read-access path {
  stroke: var(--ps-read-access-stroke);
}
.ps-read-access circle {
  fill: var(--ps-read-access-fill);
}

.ps-ai-icon path {
  stroke: var(--ps-ai-icon-stroke);
}

.ps-ehf-lookup-table-max-height {
  max-height: calc(100vh - 527px);
}

.access-point-container {
  display: flex;
  position: absolute;
  top: 72px;
  left: 50%;
  max-width: 528px;
  overflow: hidden;
  padding: 0 20px 20px 20px;
  transform: translateX(-50%);
  z-index: 2048;
}

.access-point-intro {
  padding: 8px 16px;
  -webkit-animation: slide-from-top 0.3s ease-in forwards;
  animation: slide-from-top 0.3s ease-in forwards;
}

.access-point-outro {
  padding: 8px 16px;
  -webkit-animation: slide-to-top 0.3s ease-in forwards;
  animation: slide-to-top 0.3s ease-in forwards;
}

.ps-elma-history-container-max-height {
  max-height: 250px;
}

.ps-elma-history-table-max-height {
  max-height: 190px;
}

.active-user {
  padding: 12px 16px;
}

.ps-search-field {
  border: none !important;
  border-radius: 8px !important;
}

.ps-search-field-container {
  position: relative;
  background-color: var(--search-field-background);
}
.ps-search-field-container input[type=text] {
  height: 30px;
}

.client-integration-search-results {
  position: absolute;
  margin-top: 35px;
  margin-left: 47px;
  min-width: 400px;
  z-index: 2;
}
.client-integration-search-results .ps-selectable-item:hover {
  background-color: var(--table-row-hover);
}

.ps-sales-dashboard-grid-cell {
  display: flex;
  flex-direction: row;
  row-gap: 24px;
  flex-wrap: wrap;
  column-gap: 24px;
  display: flex;
  flex-wrap: nowrap;
  text-wrap: nowrap;
  width: 233px;
}

.line-hover:hover {
  background-color: var(--table-row-hover) !important;
  color: var(--table-row-text) !important;
  font-weight: bolder;
  font-size: 14px;
}

.ps-feature-flag-inactive {
  background-color: var(--color-neutral-200);
}

.ps-multi-line-table-cell {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.search-icon {
  stroke: var(--ps-search-icon);
}

.client-info-div {
  height: 34px;
}

.information-banner {
  position: absolute;
  left: 50vw;
  top: 80px;
  translate: -50%;
  max-width: 70%;
  max-height: 128px;
  overflow: auto;
  padding: 8px 8px 16px;
  border-radius: 5px;
  animation: banner-open ease-in 300ms;
  -webkit-animation: banner-open ease-in 300ms;
}

.information-banner:has(.info) {
  background-color: var(--banner-bg-info);
  border: 1px solid var(--banner-border-info);
}

.information-banner:has(.warning) {
  background-color: var(--banner-bg-warning);
  border: 1px solid var(--banner-border-warning);
}

.information-banner:has(.danger) {
  background-color: var(--banner-bg-danger);
  border: 1px solid var(--banner-border-danger);
}

@keyframes banner-close {
  0% {
    max-height: 200px;
  }
  100% {
    max-height: 30px;
  }
}
@-webkit-keyframes banner-open {
  0% {
    max-width: 0px;
  }
  100% {
    max-width: 70%;
  }
}
.ps-session-selector-modal-session {
  background-color: var(--toggle-button-unselected-background);
  color: var(--toggle-button-unselected-state-normal);
}

.ps-session-selector-modal-session:hover {
  background-color: var(--toggle-button-selected-background);
  color: var(--toggle-button-selected);
}

.collapsible-component-initial {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  overflow: hidden;
  max-height: 30px;
}

.collapsible-component-collapsed {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  overflow: hidden;
  max-height: 30px;
  animation: collapse 300ms ease-in;
  -webkit-animation: collapse 300ms ease-in;
}

.collapsible-component-expanded {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  animation: expanded 300ms ease-in;
  -webkit-animation: expanded 300ms ease-in;
}

.collapsible-component-expanded:has(.collapsible-header-3) {
  display: flex;
  flex-direction: column;
  padding: 0;
  animation: expanded 300ms ease-in;
  -webkit-animation: expanded 300ms ease-in;
}

.collapsible-header-3 {
  padding: 0 0 16px 0;
}

.collapsible-subtitle {
  padding: 0 0 16px 0;
}

.collapsible-component-collapsed:has(.collapsible-header-3):not(:has(.collapsible-subtitle)) {
  max-height: 37px;
  padding: 0;
}

.collapsible-component-initial:has(.collapsible-header-3):not(:has(.collapsible-subtitle)) {
  max-height: 37px;
  padding: 0;
}

.collapsible-component-collapsed:has(.collapsible-subtitle):has(.collapsible-header-3) {
  max-height: 73px;
  padding: 0;
}

.collapsible-component-initial:has(.collapsible-subtitle):has(.collapsible-header-3) {
  max-height: 73px;
  padding: 0;
}

@keyframes collapse {
  0% {
    max-height: 200px;
  }
  100% {
    max-height: 30px;
  }
}
@-webkit-keyframes expanded {
  0% {
    max-height: 30px;
  }
  100% {
    max-height: 200px;
  }
}
.waitable-container {
  position: relative;
}

.waitable-container-vertical-no-padding {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  position: relative;
}

.waitable-container-40 {
  position: relative;
  max-width: 40%;
}

.waitable-container-rows {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.waitable-container-waiting {
  min-height: fit-content;
  min-width: fit-content;
  position: relative;
  margin: auto;
}

.waitable-container-is-page-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 101;
}

.ps-conversion-date-max-list-height {
  border-radius: 5px;
  overflow: auto;
  max-height: calc(100vh - 310px);
}

.table-wrapper {
  border-radius: 5px;
  overflow: auto;
  max-height: calc(100vh - 292px);
}

.table-wrapper-travel-expenses-list {
  border-radius: 5px;
  overflow: auto;
  max-height: calc(100vh - 745px);
}

.table-wrapper-travel-expenses {
  border-radius: 5px;
  overflow: auto;
  max-height: calc(100vh - 316px);
}

.payments-max-list-height {
  max-height: calc(100vh - 360px);
}

.payments-details-max-list-height {
  max-height: calc(100vh - 660px);
}

.bank-accounts-list-max-height {
  max-height: calc(100vh - 240px);
}

.ps-table-cell-formatted-text {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ps-sfgrid-sticky-pagination .e-grid .e-content {
  height: 70%;
  overflow-y: auto;
}
.ps-sfgrid-sticky-pagination .e-grid .e-pager {
  position: sticky;
  bottom: 0;
  background-color: white;
  z-index: 100;
  border-top: 1px solid #e0e0e0;
}

.disabled {
  pointer-events: none;
  color: var(--disabled-text);
}

.hidden-element {
  visibility: hidden;
}

.main {
  height: calc(100vh - 10px);
}
.main .modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: all;
  z-index: 1000;
  padding: 400px;
  background-color: hsla(0, 0%, 0%, 0.4);
}
.main .modal-animation-intro {
  animation: fade-in 300ms ease-in;
}
.main .modal-animation-outro {
  transition: background-color 300ms ease-in;
  background-color: hsla(0, 0%, 0%, 0);
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.ps-modal-dialog {
  max-height: calc(100vh - 334px);
  max-width: calc(100vw - 80px);
  position: fixed;
  top: 167px;
  left: 50vw;
  translate: -50%;
  z-index: 1024;
  display: flex;
  flex-direction: column;
}

.ps-modal-body {
  flex-grow: 1;
  overflow: auto;
}

.hidden {
  display: none;
}

.content {
  height: calc(100% - 100px);
  overflow: auto;
}

.ps-no-hover {
  pointer-events: none;
}

/* Top menu */
.block-link {
  text-decoration: none;
  margin-top: auto;
  margin-bottom: auto;
  cursor: pointer;
}

.logo {
  height: 30px;
  width: 30px;
}

.logo-text {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--header-foreground);
}

/* Main menu */
.main-container {
  pointer-events: all;
}
.main-container .menu-item-header {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 12px;
}
.main-container .menuitem {
  min-width: 300px;
  max-width: 300px;
  font-size: 16px;
}

.menuitem-anchor {
  font-size: 16px;
  font-family: Inter, sans-serif;
}

.e-control {
  font-size: 16px;
  font-family: Inter, sans-serif;
}

div.custom-tooltip {
  color: var(--tooltip-text) !important;
  border: 1px solid var(--tooltip-border) !important;
  padding: 10px !important;
  background-color: var(--tooltip-background) !important;
  box-shadow: -2px 2px 12px rgba(85, 85, 85, 0.2);
  border-radius: var(--radius-small) !important;
}

div.custom-tooltip .e-tip-content {
  color: var(--tooltip-text) !important;
}

.e-arrow-tip .e-tip-bottom {
  color: var(--tooltip-background) !important;
  border-bottom-color: var(--tooltip-background) !important;
}

.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom {
  color: var(--tooltip-background) !important;
  border-bottom-color: var(--tooltip-background) !important;
}

.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
  color: var(--tooltip-background) !important;
  border-top: 8px solid var(--tooltip-border) !important;
}

.inactive-user {
  font-weight: 400;
  color: var(--disabled-link);
  font-style: italic;
}

.result-list {
  position: absolute;
  top: 64px;
  left: 206px;
  z-index: 100;
  width: 440px;
  max-height: calc(100vh - 75px);
  overflow: auto;
}
.result-list .ps-tinted-image {
  stroke: var(--ps-attachment-icon-stroke);
}
.result-list .result-name {
  flex-basis: 230px;
  margin-right: 4px;
  cursor: pointer;
}
.result-list .result-org-nr {
  flex-basis: 100px;
}
.result-list .result-status {
  flex-basis: 65px;
}
.result-list .result-status div {
  line-height: 16px;
  height: 22px;
}
.result-list .result-line:not(:has(.user-search)) {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-top: 4px;
}
.result-list .result-line-header {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}
.result-list .result-line:focus {
  background-color: var(--table-row-in-focus) !important;
}
.result-list .result-line:hover {
  background-color: var(--table-row-hover) !important;
  color: var(--table-row-text) !important;
}
.result-list .focused-result-line {
  background-color: var(--table-row-in-focus) !important;
  display: flex;
  flex-wrap: nowrap;
  margin-top: 4px;
}

.ps-disabled {
  pointer-events: none;
  color: var(--disabled-text);
}

.breadcrumbs {
  margin-top: 16px;
  display: flex;
  height: auto;
}

.with-breadcrumbs {
  margin-top: 0;
}

.date-range {
  padding: 1px;
  max-width: 210px;
  margin-left: 8px;
}

.sticky-message-container {
  display: flex;
  position: absolute;
  top: 72px;
  left: 50%;
  max-width: 516px;
  overflow: hidden;
  padding: 0 20px 20px 20px;
  transform: translateX(-50%);
  z-index: 2048;
}

.sticky-message-intro {
  -webkit-animation: slide-from-top 0.3s ease-in forwards;
  animation: slide-from-top 0.3s ease-in forwards;
}

.sticky-message-outro {
  -webkit-animation: slide-to-top 0.3s ease-in forwards;
  animation: slide-to-top 0.3s ease-in forwards;
}

@-webkit-keyframes slide-to-top {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(calc(-100% + 8px));
  }
}
@keyframes slide-to-top {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(calc(-100% + 8px));
  }
}
@-webkit-keyframes slide-from-top {
  0% {
    transform: translateY(calc(-100% + 8px));
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes slide-from-top {
  0% {
    transform: translateY(calc(-100% + 8px));
  }
  100% {
    transform: translateY(0px);
  }
}
.clipboard-message {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 97;
}

.time-tracking-search-result {
  position: absolute;
  top: -7px;
  max-height: 150px;
  overflow: auto;
  z-index: 10;
  width: 100%;
}

.ps-sales-dashboard-budget-grid {
  display: grid;
  row-gap: 8px;
  column-gap: 8px;
  grid-template-columns: repeat(15, auto);
  width: fit-content;
  align-items: center;
}
.ps-sales-dashboard-budget-grid input[type=text] {
  width: 80px;
  text-align: end;
}

/* Scroll bars */
::-webkit-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-button {
  width: 3px;
}

::-webkit-scrollbar-track {
  width: 3px;
}

::-webkit-scrollbar-track-piece {
  width: 3px;
}

::-webkit-scrollbar-thumb {
  width: 3px;
  background: #BBBBBB;
  border-radius: 1.5px;
}

::-webkit-scrollbar-corner {
  width: 3px;
}

::-webkit-resizer {
  width: 3px;
}

/* Animations */
/* Working */
.spinner-container {
  position: relative;
  box-sizing: border-box;
  border-radius: 8px;
  left: 50%;
  margin-top: 50px;
}
.spinner-container.standard-container {
  width: 256px;
  height: 256px;
  margin-left: -128px;
}
.spinner-container.small-container {
  width: 128px;
  height: 128px;
  margin-left: -64px;
}
.spinner-container.large-container {
  width: 384px;
  height: 384px;
  margin-left: -192px;
}
.spinner-container.tiny-container {
  width: 48px;
  height: 48px;
  margin-left: -24px;
  margin-top: -48px;
}

.rotate {
  animation: rotation 0.6s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.spinner {
  border-top: 8px solid var(--ps-color-graph-primary-line);
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  border-right: 8px solid transparent;
  border-radius: 50%;
}
.spinner.standard-spinner {
  width: 128px;
  height: 128px;
  margin-left: -64px;
  margin-top: -64px;
  border-width: 8px;
}
.spinner.small-spinner {
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  border-width: 6px;
}
.spinner.large-spinner {
  width: 192px;
  height: 192px;
  margin-left: -96px;
  margin-top: -96px;
  border-width: 10px;
}
.spinner.tiny-spinner {
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
  border-width: 3px;
}

.ps-slide-menu-container {
  position: absolute;
  top: 120px;
  right: 0;
  overflow: hidden;
  max-width: 250px;
  width: 250px;
  padding: 0 0 5px 5px;
  pointer-events: none;
}

.ps-slide-menu-initial {
  display: flex;
  white-space: break-spaces;
  position: relative;
  max-width: 200px;
  right: 0;
  width: 200px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  z-index: 90;
  pointer-events: all;
  transform: translateX(calc(100% + 44px));
}

.ps-slide-menu-intro {
  display: flex;
  white-space: break-spaces;
  position: relative;
  max-width: 200px;
  right: 0;
  width: 200px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  z-index: 90;
  pointer-events: all;
  -webkit-animation: ps-intro-slide-menu 0.3s ease-in forwards;
  animation: ps-intro-slide-menu 0.3s ease-in forwards;
}

.ps-slide-menu-outro {
  display: flex;
  white-space: break-spaces;
  position: relative;
  max-width: 200px;
  right: 0;
  width: 200px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  z-index: 90;
  pointer-events: all;
  -webkit-animation: ps-outro-slide-menu 0.3s ease-in forwards;
  animation: ps-outro-slide-menu 0.3s ease-in forwards;
}

.ps-slide-menu-tab {
  position: relative;
  translate: calc(-100% - 16px) -17px;
  width: 32px;
  height: fit-content;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-right: none;
  pointer-events: all;
}

.ps-slide-menu-overflow-list {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  overflow: auto;
  max-height: calc(100vh - 130px);
  margin-left: -40px;
}

.power-messages-container {
  position: absolute;
  top: 85px;
  right: 0;
  overflow: hidden;
  max-width: 250px;
  width: 250px;
  padding: 0 0 5px 5px;
  pointer-events: none;
}

.power-message-list-initial {
  display: flex;
  white-space: break-spaces;
  position: relative;
  max-width: 200px;
  right: 0;
  width: 200px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  z-index: 91;
  pointer-events: all;
  transform: translateX(calc(100% + 44px));
}

.power-message-list-intro {
  display: flex;
  white-space: break-spaces;
  position: relative;
  max-width: 200px;
  right: 0;
  width: 200px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  z-index: 91;
  pointer-events: all;
  -webkit-animation: intro-power-message 0.3s ease-in forwards;
  animation: intro-power-message 0.3s ease-in forwards;
}

.power-message-list-outro {
  display: flex;
  white-space: break-spaces;
  position: relative;
  max-width: 200px;
  right: 0;
  width: 200px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
  z-index: 91;
  pointer-events: all;
  -webkit-animation: outro-power-message 0.3s ease-in forwards;
  animation: outro-power-message 0.3s ease-in forwards;
}

/* Info message enter from right corner */
.info-message-container {
  position: absolute;
  top: 85px;
  right: 0;
  z-index: 2048;
  overflow: hidden;
  max-width: 516px;
  width: fit-content;
  padding: 0 16px 5px 5px;
}

.info-message {
  -webkit-animation: slide-in-out 8s ease-out forwards;
  animation: slide-in-out 8s ease-out forwards;
}

.info-message-outro {
  -webkit-animation: outro 0.3s ease-in forwards;
  animation: outro 0.3s ease-in forwards;
}

/* Success message animation */
.success-message {
  -webkit-animation: slide-in-out 4s linear forwards;
  animation: slide-in-out 4s linear forwards;
}

.success-message-outro {
  -webkit-animation: outro 0.3s ease-in forwards;
  animation: outro 0.3s ease-in forwards;
}

/* Warning message animation */
.warning-message-intro {
  -webkit-animation: intro 0.3s ease-in forwards;
  animation: intro 0.3s ease-in forwards;
}

.warning-message-outro {
  -webkit-animation: outro 0.3s ease-in forwards;
  animation: outro 0.3s ease-in forwards;
}

/* Error message animation */
.error-message-intro {
  -webkit-animation: intro 0.3s ease-in forwards;
  animation: intro 0.3s ease-in forwards;
}

.error-message-outro {
  -webkit-animation: outro 0.3s ease-in forwards;
  animation: outro 0.3s ease-in forwards;
}

@-webkit-keyframes intro {
  0% {
    transform: translateX(calc(100% + 24px));
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes intro {
  0% {
    transform: translateX(calc(100% + 24px));
  }
  100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes outro {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(100% + 24px));
  }
}
@keyframes outro {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(100% + 24px));
  }
}
@-webkit-keyframes slide-in-out {
  0%, 100% {
    transform: translateX(calc(100% + 24px));
  }
  7%, 93% {
    transform: translateX(0px);
  }
}
@keyframes slide-in-out {
  0%, 100% {
    transform: translateX(calc(100% + 24px));
  }
  7%, 93% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes intro-power-message {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(44px);
  }
}
@keyframes intro-power-message {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(44px);
  }
}
@-webkit-keyframes outro-power-message {
  0% {
    transform: translateX(44px);
  }
  100% {
    transform: translateX(calc(100% + 44px));
  }
}
@keyframes outro-power-message {
  0% {
    transform: translateX(44px);
  }
  100% {
    transform: translateX(calc(100% + 44px));
  }
}
@-webkit-keyframes ps-intro-slide-menu {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(44px);
  }
}
@keyframes ps-intro-slide-menu {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(44px);
  }
}
@-webkit-keyframes ps-outro-slide-menu {
  0% {
    transform: translateX(44px);
  }
  100% {
    transform: translateX(calc(100% + 44px));
  }
}
@keyframes ps-outro-slide-menu {
  0% {
    transform: translateX(44px);
  }
  100% {
    transform: translateX(calc(100% + 44px));
  }
}
.client-info-popup-container {
  position: absolute;
  top: 72px;
  left: 632px;
  padding: 0 20px 20px 20px;
  overflow: hidden;
  z-index: 97;
}

.client-info-popup-intro {
  width: 330px;
  -webkit-animation: slide-from-top 0.3s ease-in forwards;
  animation: slide-from-top 0.3s ease-in forwards;
}

.client-info-popup-outro {
  width: 330px;
  -webkit-animation: slide-to-top 0.3s ease-in forwards;
  animation: slide-to-top 0.3s ease-in forwards;
}

/* User options fade in, same animation as error message! */
.user-options-container {
  display: flex;
  position: absolute;
  top: 72px;
  right: 32px;
  padding: 0 20px 20px 20px;
  overflow: hidden;
  z-index: 97;
}

.user-options-intro {
  padding: 16px 24px;
  -webkit-animation: slide-from-top 0.3s ease-in forwards;
  animation: slide-from-top 0.3s ease-in forwards;
}

.user-options-outro {
  padding: 16px 24px;
  -webkit-animation: slide-to-top 0.3s ease-in forwards;
  animation: slide-to-top 0.3s ease-in forwards;
}

.ps-hit-count {
  font-size: 0.9em;
  color: #888;
}

.red-pulsating-text {
  color: var(--delete-link-button);
  animation: pulsate 1s 2;
}

@media (prefers-reduced-motion: reduce) {
  .red-pulsating-text {
    animation: none;
  }
}
@keyframes pulsate {
  0% {
    opacity: 0.9;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    opacity: 0.9;
    transform: scale(1);
  }
}
.session-button {
  border: 1px solid var(--border-read-only);
  padding: 9px 14px 10px 14px;
}

.session-button-active {
  border: 2px solid var(--success-background);
  padding: 8px 14px 9px 14px;
}

.session-recording {
  background-color: var(--session-recording);
  height: 8px;
  width: 8px;
  border-radius: 4px;
  box-shadow: 0 0 1px 1px var(--session-recording-active);
  margin: auto auto auto 12px;
  animation: pulse-animation 2s infinite;
  -webkit-animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0%, 100% {
    box-shadow: 0 0 0 0 var(--session-recording-active);
  }
  50% {
    box-shadow: 0 0 0 4px var(--session-recording-active);
  }
}
@-webkit-keyframes pulse-animation {
  0%, 100% {
    box-shadow: 0 0 0 0 var(--session-recording-active);
  }
  50% {
    box-shadow: 0 0 0 4px var(--session-recording-active);
  }
}
.privacy-log-container {
  display: flex;
  position: absolute;
  top: 72px;
  left: 50%;
  max-width: 820px;
  overflow: hidden;
  padding: 0 20px 20px 20px;
  transform: translateX(-50%);
  z-index: 2048;
  flex-wrap: nowrap;
}
.privacy-log-container .collapsible-component-collapsed {
  max-height: 32px;
  padding-top: 0;
}
.privacy-log-container .collapsible-component-expanded {
  padding-top: 0;
}
.privacy-log-container .collapsible-component-initial {
  max-height: 32px;
  padding-top: 0;
}
.privacy-log-container .collapsible-component-heading {
  padding-bottom: 4px;
}

.privacy-log-intro {
  width: 1135px;
  flex-wrap: nowrap;
  -webkit-animation: slide-from-top 0.3s ease-in forwards;
  animation: slide-from-top 0.3s ease-in forwards;
}

.privacy-log-outro {
  width: 1135px;
  flex-wrap: nowrap;
  -webkit-animation: slide-to-top 0.3s ease-in forwards;
  animation: slide-to-top 0.3s ease-in forwards;
}

.privacy-log-edit-container {
  display: flex;
  position: absolute;
  top: 72px;
  left: 50%;
  overflow: hidden;
  padding: 0 20px 20px 20px;
  transform: translateX(-50%);
}

.privacy-log-edit-intro {
  width: 1135px;
  flex-wrap: nowrap;
  height: auto;
  padding: 16px;
  width: auto;
  -webkit-animation: slide-from-top 0.3s ease-in forwards;
  animation: slide-from-top 0.3s ease-in forwards;
}

.privacy-log-edit-outro {
  width: 1135px;
  flex-wrap: nowrap;
  height: auto;
  padding: 16px;
  width: auto;
  -webkit-animation: slide-to-top 0.3s ease-in forwards;
  animation: slide-to-top 0.3s ease-in forwards;
}

.privacy-comment-box {
  width: 400px;
  height: 140px;
}

.privacy-log-container:has(.privacy-log-info-box) .privacy-comment-box {
  width: 520px;
  height: 113px;
}

.privacy-log-container:has(.privacy-log-End-Session-Checkbox) .privacy-comment-box {
  height: 176px;
}

.privacy-log-info-box {
  display: flex;
  flex-direction: row;
  row-gap: 24px;
  flex-wrap: wrap;
  column-gap: 24px;
  margin-top: 24px;
  margin-bottom: 0;
  flex-wrap: nowrap;
  max-width: 360px;
}

.request-session-info-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  transform: translate3d(-50%, -50%, 0);
  z-index: 99;
}

.request-session-info-container-right {
  display: flex;
  flex-direction: row;
  row-gap: 16px;
  flex-wrap: wrap;
  column-gap: 16px;
  margin: auto 0 auto auto;
}

.horizontal-wrapper-log-viewer {
  display: flex;
  flex-direction: row;
  row-gap: 16px;
  flex-wrap: wrap;
  column-gap: 16px;
}

.log-viewer-search {
  display: flex;
  margin: auto 0 0 auto;
  align-items: center;
}

.log-viewer-list-max-height {
  max-height: calc(50vh - 181px);
}

.power-message-tab {
  position: relative;
  translate: calc(-100% - 16px) -17px;
  width: 32px;
  height: fit-content;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-right: none;
  pointer-events: all;
}

.power-messages-overflow-list {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  overflow: auto;
  max-height: calc(100vh - 130px);
  margin-left: -40px;
}

.power-message-unread-badge {
  position: absolute;
  top: 20px;
  left: -10px;
  background-color: var(--danger-background);
  color: var(--danger-text);
  border-radius: 50%;
  padding: 4px;
  border: 1px solid var(--danger-border);
  min-width: 2em;
}

.payroll-table {
  max-height: calc(100vh - 240px);
}

.display-a03-popover {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 65px;
  left: 50%;
  translate: -50%;
  width: 660px;
  z-index: 98;
}
.display-a03-popover .display-a03-popover-body {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 106px);
  overflow: auto;
}

.payroll-info {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 265px;
  left: 50%;
  translate: -50%;
  width: 300px;
  z-index: 2;
}

/* RGB-Pilot section*/
.bank-container {
  height: calc(100vh - 216px);
}
.bank-container h3 {
  font-size: 18px;
  font-weight: bold;
}

.dropzone {
  height: calc(100vh - 216px);
}

.bank-list-heading {
  padding: 18px 24px;
}

.bank-list-body {
  height: calc(100vh - 306px);
  overflow: auto;
}

.available-bank {
  padding: 8px 24px;
  border-radius: 20px;
  flex-basis: 100%;
  background-color: var(--ps-color-graph-quaternary-line);
  border: 1 ps solid var(--ps-color-graph-tertiary-line);
}

.available-bank:hover {
  cursor: grab;
}

.available-bank:active {
  cursor: grabbing;
}

.active-bank {
  color: var(--primary-background);
  background-color: var(--ps-color-graph-tertiary-line);
  border: 1 ps solid var(--ps-color-graph-tertiary-line);
  padding: 8px 24px;
  border-radius: 20px;
  flex-basis: 100%;
  cursor: grab;
}

.active-bank:hover {
  cursor: grab;
}

.active-bank:active {
  cursor: grabbing;
}

.filechosen {
  display: flex;
  height: 48px;
  margin-top: 57px;
  border-radius: 8px;
  align-content: center;
  flex-direction: row;
}
.filechosen h3 {
  margin: 8px auto auto 24px;
}

.uploaditem {
  color: var(--link);
  display: flex;
  flex-basis: 100%;
  height: 105px;
  border-radius: 8px;
  justify-content: center;
  border: 2px dashed var(--disabled-text);
  color: var(--disabled-text);
}
.uploaditem .horizontal-center {
  color: var(--disabled-text);
  pointer-events: none;
}
.uploaditem .horizontal-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 16px;
}

.uploaditem:hover {
  border: 2px dashed var(--link);
  color: var(--link);
}
.uploaditem:hover .horizontal-center {
  color: var(--link);
}

.taxupdate {
  display: grid;
  grid-template-columns: 115px 250px;
  column-gap: 33px;
  grid-row-gap: 16px;
  align-items: center;
  grid-template-areas: "period periodselector" "hr hr" "line_1_left line_1_right" "line_2_left line_2_right" "line_3_left line_3_right" "line_4_left line_4_right" "line_5_left line_5_right" "line_6_left line_6_right" "line_7_left line_7_right" "line_8_left line_8_right";
}
.taxupdate h4 {
  margin: auto auto auto 0px;
}
.taxupdate .period {
  grid-area: period;
}
.taxupdate .periodselector {
  grid-area: periodselector;
}
.taxupdate .hr {
  grid-area: hr;
  margin: 16px 0;
}
.taxupdate .line_1_left {
  grid-area: line_1_left;
}
.taxupdate .line_2_left {
  grid-area: line_2_left;
}
.taxupdate .line_3_left {
  grid-area: line_3_left;
  padding-bottom: 16px;
}
.taxupdate .line_4_left {
  grid-area: line_4_left;
}
.taxupdate .line_5_left {
  grid-area: line_5_left;
}
.taxupdate .line_6_left {
  grid-area: line_6_left;
}
.taxupdate .line_7_left {
  grid-area: line_7_left;
}
.taxupdate .line_8_left {
  grid-area: line_8_left;
}
.taxupdate .line_1_right {
  grid-area: line_1_right;
}
.taxupdate .line_2_right {
  grid-area: line_2_right;
}
.taxupdate .line_3_right {
  grid-area: line_3_right;
  padding-bottom: 16px;
}
.taxupdate .line_4_right {
  grid-area: line_4_right;
}
.taxupdate .line_5_right {
  grid-area: line_5_right;
}
.taxupdate .line_6_right {
  grid-area: line_6_right;
}
.taxupdate .line_7_right {
  grid-area: line_7_right;
}
.taxupdate .line_8_right {
  grid-area: line_8_right;
}
.taxupdate .right-aligned {
  margin-left: auto;
  margin-right: 0px;
}

.tax-update-content {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  width: fit-content;
}

.upperrightcorner {
  margin: 15px 15px auto auto;
}

.emptyCell {
  height: 32px;
}

.numberpresentation {
  text-align: right;
}

.fillsecondcolumn {
  width: 250px;
}

.file-input-zone {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 105px;
}

.file-input-zone:hover {
  background-color: var(--secondary-background);
}

.file-input-zone input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.users-list {
  max-height: calc(100vh - 352px);
}

.users-info-user {
  min-height: 200px;
  margin-top: 48px;
  border: 1px solid var(--border-normal);
}

.role-container {
  transition: color 0.3s linear, scale 0.3s linear;
  position: relative;
  isolation: isolate;
  width: 335px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--border-normal);
  background-color: var(--secondary-background);
}
.role-container button {
  pointer-events: auto;
  transition: all 0.3s linear;
}
.role-container img {
  opacity: 1;
  transition: all 0.3s linear;
}

.role-container::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  z-index: -1;
  opacity: 1;
  transition: opacity 0.3s linear;
}

.role-container-edit {
  transition: all 0.3s linear;
  position: relative;
  isolation: isolate;
  width: 335px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--border-normal);
  background-color: var(--secondary-background);
}
.role-container-edit input[type=checkbox] {
  margin-right: 16px;
}
.role-container-edit input[type=text] {
  margin: -4px 0px 4px 0px;
}

.role-container-edit::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  z-index: -1;
  opacity: 1;
  transition: opacity 0.3s linear;
  box-shadow: 0 0 18px rgba(85, 85, 85, 0.2);
}

.faded-role {
  transition: color 0.3s linear, transform 0.3s linear;
  position: relative;
  isolation: isolate;
  width: 335px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--border-normal);
  color: var(--disabled-text);
  border: 1px solid var(--border-read-only);
}
.faded-role button {
  color: var(--disabled-text);
}
.faded-role button {
  pointer-events: none;
  transition: all 0.3s linear;
}
.faded-role img {
  opacity: 0.2;
  transition: all 0.3s linear;
}

.faded-role::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  z-index: -1;
  opacity: 1;
  transition: opacity 0.3s linear;
  opacity: 0;
}

.new-role {
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition: color 0.3s linear;
  align-items: center;
  position: relative;
  isolation: isolate;
  width: 335px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--border-normal);
  border: 2px dashed var(--link);
  color: var(--link);
}
.new-role .horizontal-center {
  color: var(--link);
}

.faded-new-role {
  display: flex;
  justify-content: center;
  pointer-events: none;
  transition: color 0.3s linear;
  align-items: center;
  position: relative;
  isolation: isolate;
  width: 335px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid var(--border-normal);
  border: 2px dashed var(--disabled-text);
  color: var(--disabled-text);
}
.faded-new-role .horizontal-center {
  color: var(--disabled-text);
  pointer-events: none;
}

.spinner-location-roles {
  margin-top: 150px;
}

.validated-component {
  display: flex;
}
.validated-component .invalid-message {
  font-style: italic;
  margin-left: 10px;
}

.client-integration-table {
  max-height: calc(100vh - 240px);
  height: calc(100vh - 240px);
  overflow: auto;
}

div:has(.client-integration-table) .e-grid .e-dialog.e-ccdlg {
  max-height: calc(100vh - 280px) !important;
  top: 40px !important;
  left: 100vw !important;
  translate: -130%;
}
div:has(.client-integration-table) .e-grid .e-ccdlg .e-cc-contentdiv {
  height: fit-content !important;
  max-height: calc(100vh - 280px - 170px) !important;
}

.ps-privileges-height {
  height: calc(100vh - 505px);
  min-height: calc(100vh - 505px);
  max-height: calc(100vh - 505px);
  overflow: auto;
}

.client-integration-details {
  height: calc(100vh - 420px);
  min-height: calc(100vh - 420px);
  max-height: calc(100vh - 420px);
  overflow: auto;
}

.logging-container {
  position: absolute;
  left: 30px;
  top: 72px;
  z-index: 10;
  background-color: var(--session-logging-container);
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  height: 48px;
}

.logging-container:has(#open:checked) {
  height: 300px;
  transition: all 0.3s ease-in-out;
}

.logging-comment-box {
  width: 328px;
  height: 64px;
}

.logging-container-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: auto 0;
  max-width: 328px;
}

.quick-search-component {
  position: relative;
  z-index: 10;
  background-color: var(--primary-background);
  border-radius: 8px;
  width: 357px;
  box-shadow: 0 0 8px 2px var(--shadow-color);
}
.quick-search-component .title-bar {
  padding: 16px;
  border-bottom: 1px solid var(--border-read-only);
  display: flex;
  justify-content: space-between;
}
.quick-search-component .search-icon {
  stroke: var(--ps-icon-normal);
}
.quick-search-component .search-input-line {
  background-color: var(--search-field-background);
}
.quick-search-component input[type=text] {
  border: none;
  width: calc(100% - 25px);
  outline: none;
}
.quick-search-component input[type=text]:focus-visible {
  outline: 1px solid var(--search-field-focus-border-color);
  outline-offset: 1px;
}
.quick-search-component .search-results {
  height: 300px;
  overflow: auto;
  padding: 8px 16px;
}
.quick-search-component .search-result-item {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  padding: 8px 0;
  cursor: pointer;
}
.quick-search-component .search-result-item:hover {
  background-color: var(--hover-background);
}
.quick-search-component .search-result-item.selected {
  background-color: var(--info-blue-background);
  color: var(--text);
  font-weight: bold;
}

.user-button-anchor {
  anchor-name: --button-anchor;
}

@position-try --fallback1 {
  position-area: top;
  margin-bottom: 12px;
}
.user-search-component {
  display: flex;
  flex-direction: column;
  position: fixed;
  position-area: bottom;
  position-try-fallbacks: --fallback1;
  margin-top: 12px;
  z-index: 10;
  position-anchor: --button-anchor;
}

.client-button-anchor {
  anchor-name: --client-button-anchor;
}

.client-search-component {
  display: flex;
  flex-direction: column;
  position: fixed;
  position-area: bottom;
  position-try-fallbacks: --fallback1;
  margin-top: 12px;
  z-index: 10;
  position-anchor: --client-button-anchor;
}

.statistics-list {
  font-weight: 400;
  color: var(--placeholder-text);
}

.feature-flag-enabled {
  background-color: var(--secondary-background);
  border: 1px solid var(--border-focus);
}

.feature-flag-disabled {
  background-color: var(--secondary-background);
  border: 1px solid var(--border-normal);
}

.ps-system-info {
  box-sizing: border-box;
  flex-wrap: nowrap;
  width: 358px;
  height: 96px;
  border-radius: 16px;
  padding: 13px;
  font-size: 16px;
  line-height: 20px;
  align-items: center;
}
.ps-system-info .ps-notification-header {
  font-weight: bold;
}
.ps-system-info .ps-message-container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  max-width: 310px;
  max-height: 40px;
  white-space: pre-line;
  overflow: hidden;
}
.ps-system-info .default-close-button path {
  stroke: var(--menu-foreground-normal);
}
.ps-system-info {
  border: 3px solid var(--mobile-notification-info-border);
  background-color: var(--mobile-notification-info-background);
  color: var(--mobile-notification-info-text);
}

.ps-system-alert {
  box-sizing: border-box;
  flex-wrap: nowrap;
  width: 358px;
  height: 96px;
  border-radius: 16px;
  padding: 13px;
  font-size: 16px;
  line-height: 20px;
  align-items: center;
}
.ps-system-alert .ps-notification-header {
  font-weight: bold;
}
.ps-system-alert .ps-message-container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  max-width: 310px;
  max-height: 40px;
  white-space: pre-line;
  overflow: hidden;
}
.ps-system-alert .default-close-button path {
  stroke: var(--menu-foreground-normal);
}
.ps-system-alert {
  border: 3px solid var(--mobile-notification-error-border);
  background-color: var(--mobile-notification-error-background);
  color: var(--mobile-notification-error-text);
}

.ps-system-news {
  box-sizing: border-box;
  flex-wrap: nowrap;
  width: 358px;
  height: 96px;
  border-radius: 16px;
  padding: 13px;
  font-size: 16px;
  line-height: 20px;
  align-items: center;
}
.ps-system-news .ps-notification-header {
  font-weight: bold;
}
.ps-system-news .ps-message-container {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  max-width: 310px;
  max-height: 40px;
  white-space: pre-line;
  overflow: hidden;
}
.ps-system-news .default-close-button path {
  stroke: var(--menu-foreground-normal);
}
.ps-system-news {
  border: 3px solid transparent;
  background-image: linear-gradient(hsl(0, 0%, 6%), hsl(0, 0%, 6%)), linear-gradient(10deg, #9657D7, #BA80BF, #FFD19B);
  background-origin: padding-box, border-box;
  background-clip: padding-box, border-box;
  color: hsl(0, 0%, 100%);
}

button .ps-ai-icon path {
  stroke: var(--button);
}

#page-voucher-delete .ps-calendar-icon .stroke {
  stroke: var(--text);
}
#page-voucher-delete .ps-calendar-icon .fill {
  fill: var(--text);
}
#page-voucher-delete .ps-attachment-icon path {
  stroke: var(--text);
}
#page-voucher-delete .ps-voucher-button-icon path {
  stroke: var(--text);
}

.legendary-max-list-height {
  max-height: calc(100vh - 420px);
}

.tri-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, calc(33.33333333% - 10.7px)));
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  width: 100%;
}

.first-column {
  text-align: end;
  min-width: 17px;
}

.card-documents-content {
  max-height: 200px;
  overflow: auto;
  padding: 16px 24px;
  display: grid;
  grid-template-columns: 24px auto;
  column-gap: 8px;
  row-gap: 8px;
}

.popover-details {
  position: absolute;
  z-index: 100;
  top: 120px;
  max-width: 60vw;
  min-width: 600px;
  left: 50%;
  translate: -50%;
}

.log-viewer-container {
  max-height: calc(100vh - 300px);
  overflow: auto;
}

.log-viewer-severity-normal {
  color: var(--text);
  background-color: var(--ps-color-background-secondary);
}

.log-viewer-severity-warning {
  color: var(--info-text);
  background-color: var(--info-background);
  border: 1px solid var(--info-border);
  border-radius: var(--radius-xsmall);
  padding: var(--radius-xsmall);
}

.log-viewer-severity-error {
  color: var(--danger-text);
  background-color: var(--danger-background);
  border: 1px solid var(--danger-border);
  border-radius: var(--radius-xsmall);
  padding: var(--radius-xsmall);
}

#show-log-details .ps-ai-icon path {
  stroke: var(--text);
}

.holiday-leave-container {
  max-width: 50vw;
  min-width: 600px;
}

.client-file-input-zone {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--text);
  cursor: pointer;
  position: relative;
  padding: 16px;
  max-width: 500px;
  border: 1px dashed var(--file-upload-border);
}

.client-file-input-zone:hover {
  border-color: var(--link);
}

.client-file-input-zone input[type=file] {
  position: absolute;
  width: 85%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.support-files-search-result {
  position: absolute;
  top: 54px;
  max-height: 150px;
  overflow: auto;
  z-index: 10;
  width: 100%;
}

.selected-files-container {
  max-height: calc(100vh - 616px);
  overflow: auto;
}

.live-search-result-line:hover {
  background-color: var(--table-row-hover);
}

.live-search-field::placeholder {
  font-weight: 500;
  font-style: normal;
  color: var(--title-or-label);
}

.live-search-field::-webkit-input-placeholder {
  font-weight: 500;
  color: var(--title-or-label);
}

.ps-client-user-privileges {
  overflow: auto;
  max-height: calc(100vh - 475px);
}

.deleted-client-line {
  background-color: var(--info-blue-background);
  font-weight: 600;
}

.deleted-mail-width {
  max-width: 75ch;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

#top-menu {
  border-bottom: 1px solid var(--menu-border);
}
#top-menu .ps-menu-item {
  border-radius: var(--radius-small);
  background-color: var(--menu-background-highlight);
  color: var(--menu-foreground-normal);
  border: none;
  height: 40px;
}
#top-menu .default-close-button path {
  stroke: var(--menu-foreground-normal);
}
#top-menu a {
  color: var(--menu-link);
}

#client-search-field {
  width: 405px;
  text-indent: 8px;
}

#selectedclientstatusimage {
  margin: 5px 6px 5px 0px;
}

#activeusericon {
  margin-right: 3px;
}

#selectedclientstatustext {
  margin: auto 8px;
}

#selectedclientdropdown {
  margin-top: 1px;
}

#username {
  margin-right: 6px;
  flex: none;
}

#latest-build-info {
  position: absolute;
  right: 50px;
  top: 68px;
  opacity: 100%;
}
#latest-build-info .LOCAL {
  opacity: 20%;
}
#latest-build-info .LOCAL h5 {
  font-size: 18px;
}
#latest-build-info .TEST {
  color: var(--ps-version-test-color);
  opacity: 50%;
}
#latest-build-info .BETA {
  color: var(--ps-version-beta-color);
  opacity: 50%;
}
#latest-build-info .PROD {
  opacity: 20%;
}
#latest-build-info .PROD h5 {
  font-size: 18px;
}
#latest-build-info h5 {
  font-size: 28px;
  margin-left: auto;
  margin-right: 20px;
  margin-top: 8px;
  width: max-content;
}

@media only screen and (max-width: 1050px) {
  .logo-area {
    width: 40px;
  }
  .logo-area .logo-text {
    display: none;
  }
  .logo-area .logo {
    margin-left: 10px;
    margin-right: 10px;
  }
  .client-lookup-container {
    flex-basis: calc(100% - 50px);
  }
  .outer {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 1200px) {
  #username {
    display: none;
  }
  .payment-detail-content {
    margin-top: 24px;
  }
  .sf-grid-max-height-payments {
    max-height: 212px;
  }
}
@media only screen and (min-width: 1200px) {
  .payment-detail-content {
    margin-top: 90px;
  }
  .ps-content-10-of-12-screen-width {
    flex: 0 0 auto;
    width: calc(83.3333333334% - 24px);
  }
  .ps-content-9-of-12-screen-width {
    flex: 0 0 auto;
    width: calc(75% - 24px);
  }
  .ps-content-8-of-12-screen-width {
    flex: 0 0 auto;
    width: calc(66.6666666667% - 24px);
  }
  .ps-content-6-of-12-screen-width {
    flex: 0 0 auto;
    width: calc(50% - 24px);
  }
  .ps-content-4-of-12-screen-width {
    flex: 0 0 auto;
    width: calc(33.3333333334% - 24px);
  }
  .ps-content-3-of-12-screen-width {
    flex: 0 0 auto;
    width: calc(25% - 24px);
  }
  .ps-content-2-of-12-screen-width {
    flex: 0 0 auto;
    width: calc(0.166666667% - 24px);
  }
}
:root {
  --radius: 16px;
}

.ps-widget-card {
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 16px 8px;
  border-radius: 8px;
  width: 100%;
  background-color: var(--ps-color-graph-tertiary-line);
}

.ps-widgetconf-list-box {
  display: flex;
  width: 305px;
  height: 472px;
  padding: 24px;
  flex-direction: column;
  overflow: auto;
  align-items: flex-start;
  gap: 24px;
  flex-shrink: 0;
  border-radius: 16px;
  border: 1px solid var(--ps-salesdashboard-widget-configurator-widgets-list-border);
  background: var(--ps-salesdashboard-widget-configurator-widgets-list-background);
}

.ps-widgetconf-whitespace {
  height: 224px;
  min-height: 224px;
  max-height: 224px;
  overflow: auto;
  width: 333px;
  min-width: 333px;
  max-width: 333px;
  margin: 0 !important;
  border-radius: var(--radius), var(--ps-salesdashboard-widget-configurator-mini-widget-border);
}

.ps-widgetconf-whitespace > * {
  display: none;
}

.ps-dashboard-widget-small-mini {
  height: 224px;
  min-height: 224px;
  max-height: 224px;
  overflow: auto;
  width: 333px;
  min-width: 333px;
  max-width: 333px;
  background-color: var(--ps-salesdashboard-widget-configurator-mini-widget-background);
  border: 1px solid var(--ps-salesdashboard-widget-configurator-mini-widget-border);
  display: grid;
  margin: 0 !important;
  border-radius: var(--radius);
}

.ps-dashboard-widget-small-tall-mini {
  height: 472px;
  min-height: 472px;
  max-height: 472px;
  overflow: auto;
  width: 333px;
  min-width: 333px;
  max-width: 333px;
  background-color: var(--ps-salesdashboard-widget-configurator-mini-widget-background);
  border: 1px solid var(--ps-salesdashboard-widget-configurator-mini-widget-border);
  margin: 0 !important;
  display: grid;
  grid-row: span 2;
  border-radius: var(--radius);
}

.ps-dashboard-widget-small-wide-mini {
  height: 224px;
  min-height: 224px;
  max-height: 224px;
  overflow: auto;
  width: 690px;
  min-width: 690px;
  max-width: 690px;
  background-color: var(--ps-salesdashboard-widget-configurator-mini-widget-background);
  border: 1px solid var(--ps-salesdashboard-widget-configurator-mini-widget-border);
  display: grid;
  margin: 0 !important;
  grid-column: span 2;
  border-radius: var(--radius);
}

.ps-dashboard-widget-small-extra-wide-mini {
  height: 224px;
  min-height: 224px;
  max-height: 224px;
  overflow: auto;
  width: 1047px;
  min-width: 1047px;
  max-width: 1047px;
  background-color: var(--ps-salesdashboard-widget-configurator-mini-widget-background);
  border: 1px solid var(--ps-salesdashboard-widget-configurator-mini-widget-border);
  margin: 0 !important;
  display: grid;
  grid-column: span 3;
  border-radius: var(--radius);
}

.ps-dashboard-widget-big-mini {
  height: 472px;
  min-height: 472px;
  max-height: 472px;
  overflow: auto;
  width: 690px;
  min-width: 690px;
  max-width: 690px;
  background-color: var(--ps-salesdashboard-widget-configurator-mini-widget-background);
  border: 1px solid var(--ps-salesdashboard-widget-configurator-mini-widget-border);
  margin: 0 !important;
  display: grid;
  grid-column: span 2;
  grid-row: span 2;
  border-radius: var(--radius);
}

.ps-dashboard-widget-grid-container-mini {
  width: 1057px;
  height: 75vh;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(333px, 333px));
  grid-template-rows: repeat(auto-fill, minmax(224px, 224px));
  gap: 24px 24px;
  padding-right: 5px;
}

.ps-dashboard-widget-mini-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ps-dashboard-widget-mini-no-content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--primary-background);
  color: var(--disabled-text);
}

.ps-dashboard-widget-save-button {
  background: var(--ps-salesdashboard-save-button-color);
}

.ps-dashboard-widget-abort-button {
  background: var(--ps-salesdashboard-abort-button-color);
  color: var(--ps-color-neutral-900);
}

.ps-dashboard-settings-button {
  background: var(--ps-salesdashboard-abort-button-color);
  display: flex;
  min-width: 100px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
}

:root {
  --radius: 16px;
}

.ps-reportgenerator-partner-filter-box {
  width: 500px;
}

.ps-reportgenerator-partner-list-box {
  display: flex;
  width: 420px;
  height: 472px;
  padding: 8px 0px 8px 8px;
  flex-direction: column;
  overflow: auto;
  align-items: flex-start;
  gap: 8px;
  flex-shrink: 0;
  border-top: 1px solid var(--ps-salesdashboard-widget-configurator-widgets-list-border);
  border-bottom: 1px solid var(--ps-salesdashboard-widget-configurator-widgets-list-border);
}

.ps-reportgenerator-partner-list-partner {
  height: 24px;
  width: 390px;
}

.ps-reportgenerator-partner-list-partner-checkbox-title {
  width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ps-reportgenerator-image-container {
  width: max-content;
  height: max-content;
  overflow: visible;
}

.ps-reportgenerator-partner-list-partner-checkbox {
  width: 420px;
}

.ps-reportgenerator-partner-count-footer {
  margin-top: auto;
  padding-top: 8px;
  display: flex;
  justify-content: flex-end;
}

.ps-calendar-widget-container {
  padding: 16px;
}
.ps-calendar-widget-container .e-footer-container {
  display: none;
}
.ps-calendar-widget-container .e-calendar {
  max-width: 100%;
  min-width: auto;
  border: 0;
}

.ps-table th,
.ps-table td {
  padding: 4px 16px;
  text-align: left;
}

.ps-demo-widget-grid-container {
  display: grid;
  grid-template-columns: repeat(6, minmax(200px, 200px));
  grid-template-rows: repeat(auto-fill, minmax(120px, 120px));
  gap: 16px 16px;
  overflow: auto;
}

.ps-demo-component-card {
  position: relative;
  border-radius: 8px;
  background-color: var(--ps-salesdashboard-widget-configurator-mini-widget-background);
  border: 1px solid var(--ps-salesdashboard-widget-configurator-mini-widget-border);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px;
  min-height: 120px;
}

.ps-demo-inspect-box {
  padding: 24px;
  overflow: auto;
}

.ps-demo-inspected-component {
  border-radius: 8px;
  position: relative;
  background-color: var(--ps-component-demo-gray-background);
  border: 1px solid var(--ps-component-demo-border-color);
  padding: 8px;
  margin: 16px;
  min-height: 120px;
  min-width: 200px;
  justify-content: space-around;
}

.ps-demo-inspected-component-light-bg {
  background-color: var(--ps-component-demo-light-background);
}

.ps-demo-inspected-component-dark-bg {
  background-color: var(--ps-component-demo-dark-background);
}

.ps-demo-column-span-1 {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  border: 1px solid var(--ps-border-component);
  border-radius: var(--radius-small);
  margin: 0 !important;
  overflow: hidden;
}

.ps-demo-column-span-2 {
  width: 416px;
  min-width: 416px;
  max-width: 416px;
  border: 1px solid var(--ps-border-component);
  border-radius: var(--radius-small);
  margin: 0 !important;
  overflow: hidden;
  grid-column: span 2;
}

.ps-demo-column-span-3 {
  width: 632px;
  min-width: 632px;
  max-width: 632px;
  border: 1px solid var(--ps-border-component);
  border-radius: var(--radius-small);
  margin: 0 !important;
  overflow: hidden;
  grid-column: span 3;
}

.ps-demo-column-span-4 {
  width: 848px;
  min-width: 848px;
  max-width: 848px;
  border: 1px solid var(--ps-border-component);
  border-radius: var(--radius-small);
  margin: 0 !important;
  overflow: hidden;
  grid-column: span 4;
}

.ps-demo-row-span-1 {
  height: 120px;
  min-height: 120px;
  max-height: 120px;
  overflow: auto;
  overflow: hidden;
}

.ps-demo-row-span-2 {
  height: 256px;
  min-height: 256px;
  max-height: 256px;
  overflow: auto;
  overflow: hidden;
  grid-row: span 2;
}

.ps-demo-row-span-3 {
  height: 392px;
  min-height: 392px;
  max-height: 392px;
  overflow: auto;
  overflow: hidden;
  grid-row: span 3;
}

.ps-demo-row-span-4 {
  height: 576px;
  min-height: 576px;
  max-height: 576px;
  overflow: auto;
  overflow: hidden;
  grid-row: span 4;
}

/*# sourceMappingURL=StyleSheet.css.map */