/**
This file contains default values for variables used in PDP.
It should not be overridden. To modify this variables set what you need in _customer-variables.scss
 */
@font-face {
  font-family: "ClanforLBBW";
  src: url("../fonts/ClanforLBBW-Medium.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "ClanforLBBW";
  src: url("../fonts/ClanforLBBW-News.ttf") format("truetype");
}
/*stylelint-disable scss/dollar-variable-pattern */
/*
  Colors according to the admin style guide
*/
/* hover */
/*stylelint-enable scss/dollar-variable-pattern */
/**
This file contains default values for variables used in PDP.
It should not be overridden. To modify this variables set what you need in _customer-variables.scss
 */
@font-face {
  font-family: "ClanforLBBW";
  src: url("../fonts/ClanforLBBW-Medium.ttf") format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "ClanforLBBW";
  src: url("../fonts/ClanforLBBW-News.ttf") format("truetype");
}
/*stylelint-disable scss/dollar-variable-pattern */
/*
  Colors according to the admin style guide
*/
/* hover */
/*stylelint-enable scss/dollar-variable-pattern */
:root {
  --color-bg-page: #f5f5f5;
  --color-bg-default: #fff;
  --color-bg-login-default: var(--color-bg-default);
  --color-bg-hover: #f5f5f5;
  --color-bg-overlay: rgba(255, 255, 255, 0.6);
  --color-box-shadow: rgba(0, 0, 0, 0.25);
  --color-text: #3c3c3c;
  --color-text-sub: #8c8c8c;
  --color-text-placeholder: var(--color-text-sub);
  --color-primary: #004f91;
  --color-primary-active: rgba(0, 79, 145, 0.1);
  --color-primary-background: #e5edf4;
  --color-primary-hover: #004178;
  --color-focus: var(--color-primary);
  --color-on-primary: var(--color-bg-default);
  --color-on-primary-hover: var(--color-bg-default);
  --color-product: #4caff3;
  --color-secondary: var(--color-bg-default);
  --color-secondary-hover: var(--color-bg-page);
  --color-on-secondary: var(--color-primary);
  --color-on-secondary-hover: var(--color-primary);
  --color-disabled-primary: #dcdcdc;
  --color-on-disabled-primary: var(--color-text-sub);
  --color-disabled-secondary: var(--color-bg-default);
  --color-on-disabled-secondary: var(--color-text-sub);
  --color-link: var(--color-text);
  --color-link-hover: var(--color-primary);
  --color-link-focus: var(--color-link-hover);
  --color-link-on-primary: var(--color-bg-default);
  --color-link-on-primary-hover: var(--color-bg-default);
  --color-icon-disabled: #a0a0a0;
  --color-accent: var(--color-primary);
  --color-on-accent: var(--color-on-primary);
  --color-accent-hover: var(--color-primary-hover);
  --color-on-accent-hover: var(--color-on-primary-hover);
  --color-border: var(--color-disabled-primary);
  --color-border-diabled: #dcdcdc;
  --color-functional-error: #eb0000;
  --color-functional-error-hover: #fde5e5;
  --color-functional-error-background: #d10000;
  --color-functional-success: #098632;
  --color-functional-success-background: #076e29;
  --color-functional-success-background-lighter: #e6f3ea;
  --color-functional-warning: #ffc107;
  --color-functional-warning-hover: #fff4d1;
  --color-functional-warning-background: #fff4d1;
  --color-on-functional-error: #fff;
  --color-on-functional-success: #fff;
  --color-separator: var(--color-bg-page);
  --color-on-separator: var(--color-text);
  --color-page-title: var(--color-accent);
  --box-shadow-x: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  --box-shadow-focus: 0 0 0 2px rgba(0, 79, 145, 0.25);
  --border-radius: 2px;
  --border-radius-xl: 4px;
  --border-radius-xxl: 5px;
  --border-width: 1px;
  --outline-width-focus: var(--border-width);
  --outline-offset-focus: 0;
  --spacing-xs: 5px;
  --spacing-s: 10px;
  --spacing-m: 20px;
  --spacing-l: 30px;
  --spacing-xl: 40px;
  --spacing-xxl: 50px;
  --spacing-xxxl: 60px;
  --font-family: 'Roboto Regular', 'Arial', sans-serif;
  --font-family-bold: 'Roboto Medium', 'Arial', sans-serif;
  --font-family-accent: 'Roboto Regular', 'Arial', sans-serif;
  --font-family-accent-bold: 'Roboto Medium', 'Arial', sans-serif;
  --page-title-font-family: var(--font-family);
  --page-title-text-transform: inherit;
  --page-title-font-size: var(--font-size-h1);
  --page-title-font-weight: var(--font-weight-bold);
  --font-weight-regular: 400;
  --font-weight-bold: 500;
  --font-size-c: 11px;
  --font-size-b: 13px;
  --font-size-h2: 16px;
  --font-size-h1: 20px;
  --font-line-height-c: 16px;
  --font-line-height-b: 20px;
  --font-line-height-h2: 20px;
  --font-line-height-h1: 30px;
  --font-variant: normal;
  --font-c: var(--font-variant) var(--font-weight-regular) var(--font-size-c) / var(--font-line-height-c) var(--font-family);
  --font-c-bold: var(--font-variant) var(--font-weight-bold) var(--font-size-c) / var(--font-line-height-c) var(--font-family-bold);
  --font-b: var(--font-variant) var(--font-weight-regular) var(--font-size-b) / var(--font-line-height-b) var(--font-family);
  --font-b-bold: var(--font-variant) var(--font-weight-bold) var(--font-size-b) / var(--font-line-height-b) var(--font-family-bold);
  --font-h2: var(--font-variant) var(--font-weight-regular) var(--font-size-h2) / var(--font-line-height-h2) var(--font-family);
  --font-h2-bold: var(--font-variant) var(--font-weight-bold) var(--font-size-h2) / var(--font-line-height-h2) var(--font-family-bold);
  --font-h1: var(--font-variant) var(--font-weight-regular) var(--font-size-h1) / var(--font-line-height-h1) var(--font-family);
  --font-h1-bold: var(--font-variant) var(--font-weight-bold) var(--font-size-h1) / var(--font-line-height-h1) var(--font-family-bold);
  --font-c-accent: var(--font-variant) var(--font-weight-regular) var(--font-size-c) / var(--font-line-height-c) var(--font-family-accent);
  --font-c-accent-bold: var(--font-variant) var(--font-weight-bold) var(--font-size-c) / var(--font-line-height-c)
    var(--font-family-accent-bold);
  --font-b-accent: var(--font-variant) var(--font-weight-regular) var(--font-size-b) / var(--font-line-height-b) var(--font-family-accent);
  --font-b-accent-bold: var(--font-variant) var(--font-weight-bold) var(--font-size-b) / var(--font-line-height-b)
    var(--font-family-accent-bold);
  --font-h2-accent: var(--font-variant) var(--font-weight-regular) var(--font-size-h2) / var(--font-line-height-h2)
    var(--font-family-accent);
  --font-h2-accent-bold: var(--font-variant) var(--font-weight-bold) var(--font-size-h2) / var(--font-line-height-h2)
    var(--font-family-accent-bold);
  --font-h1-accent: var(--font-variant) var(--font-weight-regular) var(--font-size-h1) / var(--font-line-height-h1)
    var(--font-family-accent);
  --font-h1-accent-bold: var(--font-variant) var(--font-weight-bold) var(--font-size-h1) / var(--font-line-height-h1)
    var(--font-family-accent-bold);
  --outline-default: 2px solid #000000;
  --transition-duration: 0.2s;
  --top-header-color-bg: var(--color-primary);
  --top-header-build-timestamp-color: var(--fe-navigation-icon-color);
  --top-bar-border-bottom: none;
  --top-bar-border-top: none;
  --top-bar-box-shadow: none;
  --top-bar-logo-color: #fff;
  --top-bar-logo-font-family: var(--font-family-bold);
  --top-bar-logo-font-size: var(--font-size-b);
  --top-bar-logo-font-weight: var(--font-weight-bold);
  --top-bar-slogan-display: block;
  --top-bar-slogan-padding-left: 0;
  --top-bar-slogan-padding-right: 15px;
  --accordion-header-color-background: var(--color-bg-default);
  --accordion-header-color-text: var(--color-text);
  --accordion-border: var(--accordion-border-width) var(--accordion-border-style) var(--accordion-color-border);
  --accordion-border-width: var(--border-width);
  --accordion-border-style: solid;
  --accordion-button-area-padding: var(--spacing-xs) var(--spacing-s);
  --accordion-button-area-margin-right: 15px;
  --accordion-color-border: var(--color-border);
  --accordion-border-radius: var(--border-radius);
  --accordion-header-box-shadow: 0 2px 5px -2px var(--color-box-shadow);
  --accordion-header-border: solid var(--color-border);
  --accordion-header-border-width: 0;
  --accordion-header-height-normal: 40px;
  --accordion-header-padding-normal: 0 var(--spacing-m);
  --accordion-step-icon-background: var(--color-primary);
  --accordion-step-icon-color: var(--color-on-primary);
  --accordion-step-icon-border-incomplete: none;
  --accordion-step-icon-color-incomplete: var(--color-on-disabled-primary);
  --accordion-title-font: var(--font-b);
  --accordion-title-color-text: var(--color-text);
  --accordion-title-mobile-font-size: var(--font-size-b);
  --accordion-title-mobile-line-height: var(--font-line-height-b);
  --accordion-toggle-padding: 0;
  --accordion-toggle-color-bg: var(--color-bg-default);
  --accordion-toggle-border: var(--accordion-toggle-border-width) var(--accordion-toggle-border-style) var(--accordion-toggle-color-border);
  --accordion-toggle-color-border: var(--color-border);
  --accordion-toggle-border-width: 0;
  --accordion-toggle-border-radius: var(--border-radius);
  --accordion-toggle-border-style: solid;
  --accordion-step-icon-incomplete: #f5f5f5;
  --active-navigation-margin-left: 40px;
  --active-navigation-min-width: 160px;
  --breadcrumbs-list-font: var(--font-b);
  --breadcrumbs-list-color: var(--color-text);
  --breadcrumbs-list-margin: 0;
  --breadcrumbs-list-padding: 0;
  --breadcrumbs-last-margin: 20px 0 0;
  --breadcrumbs-last-font: 600 var(--font-size-h1) / var(--font-line-height-b) var(--font-family);
  --breadcrumbs-last-color-text: inherit;
  --button-color-text-primary: var(--color-on-primary);
  --button-color-text-primary-error: var(--color-on-primary);
  --button-color-text-secondary: var(--color-primary);
  --button-color-bg-primary: var(--color-primary);
  --button-color-bg-primary-error: var(--color-functional-error);
  --button-color-bg-secondary: var(--color-bg-default);
  --button-color-border-primary: var(--color-primary);
  --button-color-border-primary-error: var(--button-color-bg-primary-error);
  --button-color-border-secondary: var(--color-primary);
  --button-color-text-primary-hover: var(--color-on-primary-hover);
  --button-color-text-primary-error-hover: var(--color-on-primary-hover);
  --button-color-text-secondary-hover: var(--color-primary-hover);
  --button-color-border-primary-hover: var(--color-primary-hover);
  --button-color-border-primary-error-hover: var(--color-functional-error-hover);
  --button-color-border-secondary-hover: var(--color-primary-hover);
  --button-color-bg-primary-hover: var(--color-primary-hover);
  --button-color-bg-primary-error-hover: var(--color-functional-error-hover);
  --button-color-bg-secondary-hover: var(--color-secondary-hover);
  --button-color-border-disabled-primary: var(--color-disabled-primary);
  --button-color-border-disabled-secondary: var(--color-disabled-primary);
  --button-outline-primary-focus: none;
  --button-outline-secondary-focus: none;
  --button-outline-offset-primary-focus: var(--outline-offset-focus);
  --button-outline-offset-secondary-focus: var(--outline-offset-focus);
  --button-color-text-disabled-primary: var(--color-on-disabled-primary);
  --button-color-text-disabled-secondary: var(--color-on-disabled-secondary);
  --button-icon-color-disabled-primary: var(--button-color-text-disabled-primary);
  --button-icon-color-disabled-secondary: var(--button-color-text-disabled-secondary);
  --button-color-bg-disabled-primary: var(--color-disabled-primary);
  --button-color-bg-disabled-secondary: var(--color-disabled-secondary);
  --button-icon-color-primary: var(--color-primary);
  --button-icon-color-primary-hover: var(--color-primary-hover);
  --button-icon-button-color-border-secondary: var(--color-border);
  --button-icon-button-color-primary: var(--button-color-text-primary);
  --button-icon-button-color-primary-hover: var(--button-color-text-primary-hover);
  --button-icon-color-secondary: var(--color-text);
  --button-icon-color-secondary-hover: var(--color-primary-hover);
  --button-icon-button-color-secondary: var(--color-text);
  --button-icon-button-color-secondary-hover: var(--button-color-text-secondary-hover);
  --button-icon-color-disabled: var(--color-on-disabled-primary);
  --button-link-color: var(--color-text);
  --button-link-font: var(--font-b);
  --button-link-color-hover: var(--color-primary-hover);
  --button-link-color-disabled: var(--color-on-disabled-primary);
  --button-border-width-primary: var(--border-width);
  --button-border-width-disabled-primary: var(--border-width);
  --button-border-width-secondary: var(--border-width);
  --button-border-width-disabled-secondary: var(--border-width);
  --button-border-radius: var(--border-radius);
  --button-border-radius-s: var(--border-radius);
  --button-border-style: solid;
  --button-border-primary: var(--button-border-width-primary) var(--button-border-style) var(--button-color-border-primary);
  --button-border-secondary: var(--button-border-width-secondary) var(--button-border-style) var(--button-color-border-secondary);
  --button-height-xs: 20px;
  --button-height-s: 30px;
  --button-height-m: 40px;
  --button-height-l: 50px;
  --button-line-height-xs: 20px;
  --button-line-height-s: 25px;
  --button-line-height-m: 40px;
  --button-line-height-l: 50px;
  --button-font: var(--font-b-bold);
  --button-transition-duration: var(--transition-duration);
  --button-padding: 0 10px;
  --button-text-transform: none;
  --button-text-left-margin: 0;
  --button-text-right-margin: 0;
  --button-text-to-icon-right-margin: var(--spacing-s);
  --button-min-width: 120px;
  --button-box-shadow-primary-focus: var(--box-shadow-focus);
  --button-box-shadow-secondary-focus: var(--box-shadow-focus);
  --button-grouped-border-top: var(--button-border-width-secondary) solid var(--button-color-border-secondary);
  --button-grouped-border-left: var(--button-border-width-secondary) solid var(--button-color-border-secondary);
  --button-grouped-inner-button-left-hover-after: var(--button-border-width-secondary);
  --button-grouped-inner-button-top-hover-after: var(--button-border-width-secondary);
  --button-grouped-inner-button-border-hover-after: var(--button-border-width-secondary) solid var(--button-color-border-secondary-hover);
  --box-color-bg: var(--color-bg-default);
  --box-margin: var(--spacing-m) auto;
  --box-width: 100%;
  --box-max-width: 900px;
  --box-border-radius: var(--border-radius);
  --box-padding: var(--spacing-s) 0 var(--spacing-m);
  --box-padding-toggled: var(--spacing-s) 0;
  --box-secondary-color-bg: var(--color-bg-default);
  --box-content-width: var(--box-max-width);
  --box-content-border-color: var(--color-border);
  --box-content-subheader-font-size: var(--font-size-b);
  --box-content-subheader-padding: var(--spacing-s) 0;
  --box-content-subheader-margin: var(--spacing-s) 0 var(--spacing-xs);
  --box-content-padding: 0 var(--spacing-xl);
  --box-header-title-padding: 0 var(--spacing-s);
  --box-header-color: var(--color-text);
  --box-header-line-height: 40px;
  --box-header-border-color: var(--color-border);
  --checkbox-color: var(--color-bg-default);
  --checkbox-color-disabled: var(--color-on-disabled-primary);
  --checkbox-color-error: var(--color-functional-error);
  --checkbox-color-bg: #fff;
  --checkbox-color-bg-error: var(--checkbox-color);
  --checkbox-color-bg-disabled: #f5f5f5;
  --checkbox-color-bg-active: var(--color-primary);
  --checkbox-color-bg-error-active: #fff;
  --checkbox-color-bg-disabled-active: var(--color-disabled-primary);
  --checkbox-color-border: var(--input-color-border);
  --checkbox-color-border-error: var(--color-functional-error);
  --checkbox-color-border-disabled: var(--input-color-border-disabled);
  --checkbox-color-border-active: var(--color-primary);
  --checkbox-color-border-disabled-active: var(--color-disabled-primary);
  --checkbox-color-border-error-active: var(--color-functional-error);
  --checkbox-border-radius: var(--border-radius);
  --checkbox-border-width: var(--border-width);
  --checkbox-label-color-text: var(--color-text);
  --checkbox-label-color-disabled: var(--color-text-sub);
  --checkbox-label-color-error: var(--color-functional-error);
  --checkbox-label-font: var(--font-b);
  --checkbox-label-padding: 0 var(--spacing-s);
  --checkbox-label-cursor: pointer;
  --checkbox-label-cursor-disabled: not-allowed;
  --checkbox-size: 20px;
  --checkbox-switch-color-bg: #a0a0a0;
  --checkbox-switch-color-text--off: var(--color-text-sub);
  --checkbox-switch-slider-transition-duration: var(--transition-duration);
  --checkbox-switch-border-radius: 10px;
  --checkbox-switch-border-width: 0px;
  --checkbox-switch-border-color: var(--checkbox-switch-color-bg);
  --checkbox-switch-width: 40px;
  --checkbox-switch-height: 20px;
  --checkbox-switch-color-bg-active: var(--color-primary);
  --checkbox-switch-color-bg-disabled: var(--color-disabled-primary);
  --checkbox-switch-color-bg-checked-disabled: var(--color-disabled-primary);
  --checkbox-switch-color-border-active: var(--color-primary);
  --checkbox-switch-color-border-checked-disabled: var(--color-disabled-primary);
  --checkbox-switch-slider-translate-x-active: 20px;
  --checkbox-switch-slider-left: 2px;
  --checkbox-switch-slider-top: 2px;
  --checkbox-switch-slider-color: #fff;
  --checkbox-switch-slider-color-disabled: #f0f0f0;
  --checkbox-switch-slider-border-color: var(--checkbox-switch-border-color);
  --checkbox-switch-slider-border-width: 0px;
  --checkbox-switch-slider-padding: 0;
  --checkbox-switch-box-shadow-focus: 0 0 1px #2196f3;
  --checkbox-switch-text-visibility: hidden;
  --config-selector-select-width: 320px;
  --config-selector-button-border-width: 1px;
  --config-selector-button-border-color: #dcdcdc;
  --config-selector-button-border: var(--config-selector-button-border-width) solid var(--config-selector-button-border-color);
  --config-selector-button-background-hover: #f5f5f5;
  --config-selector-dirty-button-border-right-color: inherit;
  --data-grid-color-text: var(--color-text);
  --data-grid-color-border: var(--color-border);
  --data-grid-font: var(--font-b);
  --data-grid-font-bold: var(--font-b-bold);
  --data-grid-border-radius: 2px;
  --data-grid-border-width: var(--border-width);
  --data-grid-bg: #fff;
  --data-grid-text-wrap: nowrap;
  --data-grid-mobile-toggle-overlay-z-index: 2;
  --data-grid-mobile-height: 400px;
  --data-grid-accordion-title-color: var(--color-primary);
  --data-grid-accordion-title-color-border: var(--color-primary);
  --data-grid-accordion-toggle-padding: var(--spacing-xs);
  --data-grid-accordion-toggle-bg: var(--color-bg-default);
  --data-grid-button-padding: 1px var(--spacing-s);
  --data-grid-button-font: var(--button-font);
  --data-grid-cell-padding: var(--spacing-xs) 0;
  --data-grid-td-padding: 0 var(--spacing-s);
  --data-grid-expanded-row-cell-padding: 5px 10px;
  --data-grid-modal-dialog-font: var(--modal-dialog-font);
  --data-grid-modal-dialog-border-width: 1px;
  --data-grid-modal-dialog-border-color-warning: var(--color-text, #3c3c3c);
  --data-grid-modal-dialog-header-color-text: var(--color-text);
  --data-grid-modal-dialog-header-font: var(--modal-dialog-header-font);
  --data-grid-modal-dialog-body-font: var(--modal-dialog-body-font);
  --data-grid-modal-dialog-body-padding: 0 0 var(--spacing-xl);
  --data-grid-configuration-column-row-color-text-hover: var(--color-primary);
  --data-grid-configuration-column-row-color-bg-hover: var(--color-bg-page);
  --data-grid-configuration-column-row-checkbox-label-color-text: var(--color-text);
  --data-grid-configuration-column-row-checkbox-label-color-text-hover: var(--color-primary);
  --data-grid-configuration-column-row-checkbox-label-font: var(--data-grid-font-bold);
  --data-grid-column-color-sorted: var(--color-focus);
  --data-grid-entries-per-page-select-height: var(--select-control-height);
  --data-grid-entries-per-page-select-border-width: 1px;
  --data-grid-entries-per-page-select-width: 70px;
  --data-grid-expand-toggle-border: 0;
  --data-grid-expand-toggle-color-bg-collapsed: #dcdcdc;
  --data-grid-expand-toggle-color-bg-expanded: var(--data-grid-expand-toggle-color-bg-collapsed);
  --data-grid-expand-toggle-color-collapsed: var(--color-text);
  --data-grid-expand-toggle-color--hover: var(--color-primary);
  --data-grid-expand-toggle-color-expanded: var(--color-text);
  --data-grid-filter-accordion-border-width: 0;
  --data-grid-filter-accordion-header-bg: var(--color-bg-page);
  --data-grid-filter-accordion-toggle-bg: var(--color-bg-page);
  --data-grid-filter-box-shadow: var(--box-shadow-x);
  --data-grid-filter-placeholder-font: var(--font-b);
  --data-grid-filter-input-font: var(--font-b);
  --data-grid-filter-multiselect-scrollcontainer-height: 160px;
  --data-grid-filter-multiselect-scrollcontainer-height-mobile: 100px;
  --data-grid-filter-multiselect-border-width: 1px;
  --data-grid-filter-multiselect-color-border: var(--color-border);
  --data-grid-filter-multiselect-margin-y: var(--spacing-s);
  --data-grid-filter-multiselect-margin-x: var(--spacing-m);
  --data-grid-filter-multiselect-checkbox-label-color: var(--color-text);
  --data-grid-filter-width: 340px;
  --data-grid-footer-min-height: 40px;
  --data-grid-filter-footer-padding: var(--spacing-m);
  --data-grid-filter-footer-padding-mobile: var(--spacing-s) var(--spacing-m);
  --data-grid-filter-button-min-width: 120px;
  --data-grid-filter-text-color: var(--text-color);
  --data-grid-filter-external__header-margin: 0 10px 10px 0;
  --data-grid-filter-border-radius: 0;
  --data-grid-table-color-bg: #fff;
  --data-grid-header-font: var(--data-grid-font-bold);
  --data-grid-header-border-width: 1px;
  --data-grid-header-bg: var(--data-grid-table-color-bg);
  --data-grid-header-color-border: var(--color-border);
  --data-grid-header-cell-border-width: 0;
  --data-grid-header-cell-color-border: var(--color-border);
  --data-grid-header-column-color-sorted: inherit;
  --data-grid-header-selection-bucket-bg: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #3c3c3c 100%);
  --data-grid-header-z-index: 1;
  --data-grid-header-area-select-font-weight: bold;
  --date-grid-header-area-row-margin: 0 10px 10px;
  --date-grid-header-area-row-margin-top--first: 10px;
  --data-grid-row-color-selected: var(--color-primary-active);
  --data-grid-row-color-selected-no-alpha: #e5edf4;
  --data-grid-row-color-hover: var(--color-bg-hover);
  --data-grid-row-border-width: 1px;
  --data-grid-row-color-border: #f3f3f3;
  --data-grid-row-loading-indicator-height: 40px;
  --data-grid-pagination-font: var(--font-b);
  --data-grid-pagination-font-selected: var(--font-b-bold);
  --data-grid-pagination-border-radius: var(--border-radius);
  --data-grid-pagination-border-width: var(--data-grid-border-width);
  --data-grid-pagination-color-border: var(--data-grid-color-border);
  --data-grid-pagination-color-text-active: var(--color-text);
  --data-grid-pagination-color-text-disabled: var(--color-on-disabled-primary);
  --data-grid-pagination-color-text-hover: var(--color-primary-hover);
  --data-grid-pagination-color-text-selected: #e5edf4;
  --data-grid-pagination-color-bg: var(--data-grid-bg);
  --data-grid-pagination-color-bg-hover: var(--color-secondary-hover);
  --data-grid-pagination-color-bg-disabled: var(--color-bg-page);
  --data-grid-pagination-color-bg-selected: var(--color-primary);
  --data-grid-pagination-color-border-hover: var(--data-grid-color-border);
  --data-grid-pagination-color-border-selected: var(--data-grid-pagination-color-bg-selected);
  --data-grid-pagination-arrow-color-border-hover: var(--data-grid-pagination-color-border-hover);
  --data-grid-pagination-height: 30px;
  --data-grid-pagination-button-width: 30px;
  --data-grid-pagination-middle-button-width: var(--data-grid-pagination-button-width);
  --data-grid-pagination-outline-focus: none;
  --data-grid-pagination-outline-offset-focus: var(--outline-offset-focus);
  --data-grid-settings-button-bg: inherit;
  --data-grid-settings-border: 1px solid #dcdcdc;
  --data-grid-settings-border-radius: 2px;
  --data-grid-first-child-gradient-color: rgba(0, 0, 0, 0.15);
  --data-grid-functional-color-success-background: #c3ebc5;
  --data-grid-withSeparateSection-lineHeight: 61px;
  --data-grid-withSeparateSection-mainSection-width: 1500px;
  --data-grid-withSeparateSection-separateSection-width: 785px;
  --data-grid-simplifiedPermissionOveriew-margin: var(--spacing-m);
  --date-picker-color-text: var(--input-color-text);
  --date-picker-color-text-disabled: var(--input-color-text-disabled);
  --date-picker-z-index: 2;
  --date-picker-font: var(--font-b);
  --date-picker-button-color-text: var(--color-text);
  --date-picker-button-color-text-hover: var(--date-picker-button-color-text);
  --date-picker-day-outline: 0;
  --date-picker-day-box-shadow: none;
  --date-picker-day-border-width: var(--border-width);
  --date-picker-day-color-border: var(--color-border);
  --date-picker-day-border-style: solid;
  --date-picker-day-color-text: var(--color-text);
  --date-picker-day-color-text-disabled: var(--color-on-disabled-primary);
  --date-picker-day-color-text-selected: #fff;
  --date-picker-day-color-text-selected-hover: #a0a0a0;
  --date-picker-day-color-text-hover: var(--color-primary-hover);
  --date-picker-day-color-bg-selected: var(--color-primary);
  --date-picker-day-color-bg-disabled: var(--color-bg-page);
  --date-picker-day-color-bg-outside: var(--color-bg-default);
  --date-picker-day-color-bg-selected-hover: var(--color-primary-hover);
  --date-picker-day-color-border-selected: var(--color-border);
  --date-picker-day-border-style-selected: solid;
  --date-picker-day-border-width-selected: 1px;
  --date-picker-day-border-radius-selected: initial;
  --date-picker-day-height: 30px;
  --date-picker-day-width: 30px;
  --date-picker-day-font: var(--date-picker-font);
  --date-picker-day-font-selected: var(--date-picker-day-font);
  --date-picker-day-today-color-text: var(--color-primary);
  --date-picker-day-today-color-text-selected: var(--date-picker-day-color-text-selected);
  --date-picker-day-today-color-text-disabled: var(--date-picker-day-color-text-disabled);
  --date-picker-day-today-font-selected: var(--font-b-bold);
  --date-picker-day-today-font-weight: var(--font-weight-regular);
  --date-picker-day-today-border-width: 1px;
  --date-picker-day-today-border-style: solid;
  --date-picker-day-today-color-border: var(--color-primary);
  --date-picker-input-color: var(--input-color-text);
  --date-picker-input-color-bg: var(--input-color-background);
  --date-picker-input-color-bg-disabled: var(--color-disabled-primary);
  --date-picker-input-color-border-disabled: var(--input-color-border-disabled);
  --date-picker-input-color-text-disabled: var(--input-color-text-disabled);
  --date-picker-input-border-width: 1px;
  --date-picker-input-border-radius: 2px;
  --date-picker-input-color-border: var(--input-color-border);
  --date-picker-input-color-border-error: var(--input-color-border-error);
  --date-picker-input-border-width-focus: 1px;
  --date-picker-input-color-border-focus: var(--input-color-border-focus);
  --date-picker-input-font: var(--input-font);
  --date-picker-input-outline-focus: initial;
  --date-picker-input-outline-offset-focus: var(--outline-offset-focus);
  --date-picker-input-width: 140px;
  --date-picker-input-height-s: 30px;
  --date-picker-input-height: 40px;
  --date-picker-input-padding-top: 0;
  --date-picker-input-padding-right: var(--spacing-xl);
  --date-picker-input-padding-bottom: 0;
  --date-picker-input-padding-left: 10px;
  --date-picker-input-placeholder-color: var(--input-color-text-placeholder);
  --date-picker-navigation-border-bottom: initial;
  --date-picker-year-month-select-height: 30px;
  --date-picker-year-month-select-gap: var(--spacing-xs);
  --date-picker-weeknumber-font: 400 var(--font-size-b) / var(--font-line-height-b) var(--font-family);
  --date-picker-weekday-font: 400 var(--font-size-b) / var(--font-line-height-b) var(--font-family);
  --date-picker-weekday-color-text: var(--color-text);
  --date-picker-weeknumber-color-text: var(--color-text-sub);
  --date-picker-overlay-box-shadow: var(--box-shadow-x);
  --date-picker-overlay-bg-color: var(--color-bg-default);
  --date-picker-overlay-position-top-offset: var(--input-height);
  --date-picker-icon-top: 50%;
  --date-picker-icon-right: 10px;
  --date-picker-icon-margin-top: -10px;
  --dropzone-overlay-background: rgba(0, 0, 0, 0.5);
  --dropzone-overlay-color-text: #fff;
  --dropzone-overlay-border: 3px dashed #fff;
  --extension-toggle-bg-color: var(--color-bg-page);
  --extension-toggle-color-hover: var(--color-on-secondary-hover);
  --full-page-color: var(--color-text);
  --full-page-padding: 0 0 20px;
  --iframe-width: 400px;
  --gsp-body-background-color: white;
  --gsp-body-margin-vertical: var(--spacing-s);
  --gsp-body-margin: 0 var(--spacing-s) var(--gsp-body-margin-vertical);
  --gsp-font-size: var(--font-size-b);
  --gsp-form-label-font: var(--font-b-bold);
  --gsp-form-label-color: var(--color-text);
  --gsp-form-label-star-required-color: var(--color-functional-error);
  --gsp-login-iframe-height: 475px;
  --gsp-login-label-color: #003768;
  --gsp-login-padding--vertical: 10px;
  --gsp-login-padding--horizontal: 30px;
  --gsp-login-padding--mobile: 10px;
  --gsp-login-method-password-background: #ffffff;
  --gsp-login-method-password-min-width: 420px;
  --gsp-login-method-password-label-color: var(--color-primary);
  --gsp-login-method-password-link-color--hover: var(--color-link-hover);
  --gsp-login-method-password-link-activate-color: var(--color-link);
  --gsp-login-method-password-link-forgot-color: #a0a0a0;
  --gsp-login-method-password-link-text-decoration: none;
  --gsp-login-method-password-login-formrow-margin-top: var(--spacing-m);
  --gsp-login-method-password-login-pasword-form-footer-margin-top: 0;
  --gsp-login-method-password-login-pasword-footer-margin-top: var(--spacing-xxl);
  --gsp-login-method-password-login-wrapper-padding-top: var(--spacing-s);
  --gsp-login-method-password-login-min-width: 380px;
  --gsp-login-method-password-login-header-padding: 20px 0 0;
  --gsp-login-method-password-font-family: var(--font-family);
  --gsp-login-method-password-forgot-wrapper-padding: 0;
  --gsp-login-method-password-forgot-pasword-header-font-family: var(--gsp-login-method-password-font-family);
  --gsp-login-method-password-forgot-pasword-header-margin-bottom: var(--spacing-m);
  --gsp-login-method-password-forgot-pasword-font-family: var(--gsp-login-method-password-font-family);
  --gsp-login-method-password-forgot-pasword-font-size: var(--gsp-font-size);
  --gsp-login-method-password-forgot-pasword-footer-margin-top: var(--spacing-xxl);
  --gsp-login-method-password-forgot-pasword-link-color: #a0a0a0;
  --gsp-login-method-password-forgot-pasword-link-font-weight: var(--font-weight-regular);
  --gsp-login-method-password-forgot-pasword-summary-color: #333;
  --gsp-login-method-password-forgot-pasword-success-title-font-size: var(--gsp-font-size);
  --gsp-login-method-password-forgot-pasword-success-title-font-weight: var(--font-weight-regular);
  --gsp-login-method-password-forgot-pasword-success-description-font-size: var(--gsp-font-size);
  --gsp-login-method-password-forgot-pasword-success-description-font-weight: var(--font-weight-bold);
  --gsp-login-method-password-forgot-min-width: var(--gsp-login-method-password-min-width);
  --gsp-login-method-password-init-wrapper-padding: 0;
  --gsp-login-method-password-init-min-width: var(--gsp-login-method-password-min-width);
  --gsp-login-method-password-init-box-bg-color: var(--color-bg-default);
  --gsp-login-method-password-forgot-pasword-footer-form-bg-color: var(--color-bg-default);
  --gsp-login-method-password-box-subheader-color: var(--color-text);
  --gsp-login-method-password-box-subheader-font-weight: 600;
  --gsp-login-method-password-header-background: 120px;
  --gsp-login-method-password-header-border-bottom: 0px;
  --gsp-login-method-password-header-height: 120px;
  --gsp-login-method-password-summary-content-color: #000;
  --gsp-login-method-password-summary-content-header-color: #000;
  --gsp-login-method-password-information-box-background: #f5f5f5;
  --gsp-login-method-password-password-weak-background: var(--color-functional-error);
  --gsp-login-method-password-password-medium-background: #e68d27;
  --gsp-login-method-password-password-strong-background: #39bf3e;
  --gsp-login-method-password-information-box-border: 0;
  --gsp-login-method-password-information-box-margin-top: var(--spacing-m);
  --gsp-login-method-password-information-box-content-margin: 0;
  --gsp-login-method-password-information-box-font-size: var(--font-size-b);
  --gsp-login-method-password-icon-success-color: #39bf3e;
  --gsp-login-method-password-icon-failure-color: #bc2a39;
  --gsp-login-method-mobile-token-border-color: var(--color-border);
  --gsp-login-method-mobile-token-border: var(--border-width) solid var(--gsp-login-method-mobile-token-border-color);
  --gsp-login-method-mobile-token-container-border: var(--gsp-login-method-mobile-token-border);
  --gsp-login-method-mobile-token-container-border-top: var(--gsp-login-method-mobile-token-container-border);
  --gsp-login-method-mobile-token-container-border-bottom: var(--gsp-login-method-mobile-token-container-border);
  --gsp-login-method-mobile-token-color: var(--color-text);
  --gsp-login-method-mobile-token-font-family: 'Roboto Regular', Arial, sans-serif;
  --gsp-login-method-mobile-token-link-color: var(--color-text);
  --gsp-login-method-mobile-token-link-soft-color: var(--color-primary);
  --gsp-login-method-mobile-token-link-color--hover: var(--color-primary);
  --gsp-login-method-mobile-token-btn-backround-color: var(--button-color-bg-primary);
  --gsp-login-method-mobile-token-btn-backround-color--hover: var(--button-color-bg-primary-hover);
  --gsp-login-method-mobile-token-main-padding: var(--spacing-s);
  --gsp-login-method-mobile-token-main-background-color: #dee5e6;
  --gsp-login-method-mobile-token-icon-link-size: 16px;
  --gsp-login-method-mobile-token-login-btn-background-color: var(--button-color-bg-primary);
  --gsp-login-method-mobile-token-login-btn-border: 0;
  --gsp-login-method-mobile-token-login-submit-btn-color: var(--button-color-text-primary);
  --gsp-login-method-mobile-token-login-submit-btn-transition:
    color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  --gsp-login-method-mobile-token-login-submit-btn-background--disabled: var(--button-color-bg-disabled-primary);
  --gsp-login-method-mobile-token-login-submit-btn-color--disabled: var(--button-color-text-disabled-primary);
  --gsp-login-method-mobile-token-login-submit-btn-border--disabled: var(--button-border-width-disabled-primary) solid
    var(--button-color-border-disabled-primary);
  --gsp-login-method-mobile-token-login-submit-btn-background-color--hover: var(--button-color-bg-primary-hover);
  --gsp-login-method-mobile-token-placeholder-color: #b0b0b0;
  --gsp-login-method-mobile-token-tab-divider-color: var(--color-text);
  --gsp-login-footer-margin: 0 calc(var(--gsp-login-padding--horizontal) * -1) calc(var(--gsp-login-padding--vertical) * -1);
  --gsp-login-footer-margin--mobile: 0 calc(var(--gsp-login-padding--mobile) * -1) calc(var(--gsp-login-padding--mobile) * -1);
  --gsp-login-footer-border-radius: 0 0 var(--modal-border-radius) var(--modal-border-radius);
  --gsp-login-modal-border-radius: var(--modal-border-radius);
  --gsp-login-method-mv-token-about-background-color: var(--color-primary);
  --gsp-login-method-mv-token-about-color-text: var(--color-text);
  --gsp-login-method-mv-token-about-link-color--hover: var(--color-primary);
  --gsp-login-method-mv-token-about-link-background-color: var(--color-primary);
  --gsp-login-method-mv-token-about-link-background-color--hover: var(--color-primary-hover);
  --gsp-login-method-mv-token-about-link-btn-text-color: white;
  --gsp-login-method-mv-token-about-link-btn-border-radius: 2px;
  --gsp-login-method-mv-token-about-link-btn--apple: 2px;
  --gsp-login-method-mv-token-about-link-btn-border: unset;
  --gsp-login-method-mv-token-about-border-radius: var(--border-radius);
  --gsp-login-method-mv-token-about-main-border-top: none;
  --gsp-login-method-mv-token-about-header-color: var(--color-primary);
  --gsp-login-method-mv-token-about-header-font-weight: var(--font-weight-regular);
  --gsp-login-method-mv-token-about-hr-color: #dcdcdc;
  --gsp-login-method-mv-token-about-info-font-weight: bold;
  --gsp-login-method-mv-token-about-spacer-margin-top: var(--spacing-l);
  --gsp-login-method-mv-token-about-links-header-font-weight: normal;
  --gsp-login-method-mv-token-about-links-header-color: var(--color-primary);
  --gsp-login-method-mv-token-about-main-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5), 0 0 5px 0 rgba(0, 0, 0, 0.5);
  --gsp-login-method-mv-token-init-background-color: #131338;
  --gsp-login-method-mv-token-init-header-color: var(--login-header-color-bg);
  --gsp-login-method-mv-token-init-header-margin-left: var(--login-header-padding-left);
  --gsp-login-method-mv-token-init-logo-background-size: auto;
  --gsp-login-method-mv-token-init-use-bg-image: false;
  --gsp-authorisation-fieldset-legend--font-weight: bold;
  --gsp-authorisation-fieldset-legend--color: inherit;
  --gsp-authorisation-fieldset-text--font-weight: inherit;
  --gsp-authorisation-fieldset--padding: var(--spacing-xs) 0;
  --gsp-authorisation-fieldset--font-size: inherit;
  --gsp-firendly-captcha-height: 60px;
  --digit-input-fieldset-gap: var(--spacing-s);
  --digit-input-fieldset-gap--mobile: var(--spacing-xs);
  --grid-color-text: var(--color-text);
  --grid-color-border: var(--color-border);
  --grid-color-bg-loading: var(--color-bg-overlay);
  --grid-font: var(--font-b);
  --grid-header-font: var(--font-b);
  --grid-border-width: 1px;
  --grid-bg: initial;
  --grid-pagination-color-active: var(--color-primary);
  --grid-pagination-color-hover: var(--color-primary);
  --grid-pagination-color-disabled: var(--color-disabled-primary);
  --grid-pagination-color-selected: var(--color-primary);
  --grid-row-border-width: 0;
  --grid-row-border-bottom-width: var(--grid-row-border-width);
  --grid-row-border-top-width: var(--grid-row-border-width);
  --grid-row-color-border-top: #f3f3f3;
  --grid-row-color-selected: var(--color-bg-hover);
  --grid-row-color-hover: var(--color-bg-hover);
  --grid-header-column-color-text-sorted: inherit;
  --grid-header-color-text: var(--grid-color-text);
  --grid-header: var(--grid-header-color-text);
  --grid-header-bg: var(--color-bg-default);
  --grid-text-wrap: initial;
  --icon-border-radius: 0;
  --icon-ok-color: var(--color-functional-success);
  --icon-error-color: var(--color-functional-error);
  --icon-warning-color: var(--color-functional-warning);
  --icon-warning-info: var(--color-primary);
  --infinite-scroll-thumb-color-bg: rgba(0, 0, 0, 0.2);
  --infinite-scroll-thumb-border-radius: 3px;
  --infinite-scroll-loader-bg: rgba(255, 255, 255, 0.6);
  --infinite-scroll-loader-height: 20px;
  --input-color-text: var(--color-text);
  --input-color-text-disabled: var(--color-on-disabled-primary);
  --input-color-text-placeholder: var(--color-text-placeholder);
  --input-color-text-error: initial;
  --input-color-border: var(--color-border);
  --input-color-background: #fff;
  --input-color-border-hover: var(--input-color-border);
  --input-color-border-focus: var(--color-focus);
  --input-color-border-disabled: var(--color-border-diabled);
  --input-color-border-error: var(--color-functional-error);
  --input-border-radius: var(--border-radius);
  --input-border-radius-focus: var(--input-border-radius);
  --input-border-width: var(--border-width);
  --input-border: var(--border-width) solid var(--input-color-border);
  --input-height-s: 30px;
  --input-height: 40px;
  --input-padding: 2px 8px;
  --input-color-bg-disabled: #f5f5f5;
  --input-font: var(--font-b-bold);
  --input-suffix-element-min-width: 80px;
  --input-clear-indicator-padding-right: 10px;
  --input-clear-indicator-padding-top: 12px;
  --input-outline-focus: none;
  --input-outline-offset-focus: var(--outline-offset-focus);
  --input-box-shadow-focus: none;
  --input-prefix-icon-color: var(--color-text);
  --input-min-width: auto;
  --loader-indicator-size: 20px;
  --loader-indicator-margin-top: -10px;
  --loader-indicator-margin-left: -10px;
  --loader-indicator-color: var(--color-primary);
  --loader-indicator-color-secondary: var(--color-text);
  --loader-indicator-color-text: var(--color-text);
  --loader-indicator-width: 2px;
  --loader-animation-time: 0.6s;
  --loader-height-s: 30px;
  --loader-height-m: 40px;
  --loader-height-l: 100%;
  --loader-overlay-bg: var(--color-bg-overlay);
  --menu-component-color-bg: var(--color-bg-default);
  --menu-component-box-shadow: var(--box-shadow-x);
  --menu-component-item-color-text: var(--color-text);
  --menu-component-item-color-text-hover: var(--color-text);
  --menu-component-item-bg: transparent;
  --menu-component-item-color-bg-hover: var(--color-bg-hover);
  --menu-component-item-font: var(--font-weight-regular) var(--font-size-b) / 24px var(--font-family);
  --menu-component-item-font-hover: var(--font-weight-regular) var(--font-size-b) / 24px var(--font-family);
  --menu-component-item-padding: 7px 10px;
  --menu-component-item-border-top-height: 0;
  --menu-component-item-border-top-color: var(--color-border);
  --menu-component-item-icon-text-margin: var(--spacing-s);
  --menu-component-item-white-space: nowrap;
  --menu-component-item-text-align: right;
  --menu-bg-color: #fff;
  --menu-bg-color-not-open: var(--menu-bg-color);
  --menu-bg-color-open: var(--menu-bg-color);
  --menu-fancy-burger-color: var(--fe-navigation-icon-color);
  --menu-fancy-burger-color-pinned: var(--menu-fancy-burger-color);
  --menu-group-arrow-icon-color: var(--menu-item-color-active);
  --menu-group-open-arrow-icon-color: var(--menu-group-open-color-active);
  --menu-group-open-color-active: var(--menu-item-color-active);
  --menu-group-bg-color-active: inherit;
  --menu-item-opened-color: var(--color-primary-active);
  --menu-item-opened-color-active: var(--menu-item-opened-color);
  --menu-item-arrow-icon-color: var(--menu-item-color);
  --menu-item-border-bottom-color: var(--color-border);
  --menu-item-border-bottom-style: none;
  --menu-item-color: var(--color-text);
  --menu-item-color-hover: var(--color-primary);
  --menu-item-bg-color-hover: var(--color-secondary-hover);
  --menu-item-color-active: var(--color-accent);
  --menu-item-color-active-hover: var(--menu-item-color-active);
  --menu-item-icon-color-active: var(--menu-item-color-active);
  --menu-item-icon-color-active-and-open: var(--menu-item-icon-color-active);
  --menu-item-icon-color-hover: var(--menu-item-color-hover);
  --menu-item-icon-color-open: var(--menu-item-icon-color-active);
  --menu-item-favourite-icon-color: var(--color-accent);
  --menu-item-favourite-icon-color-hover: var(--color-accent);
  --menu-item-sub-section-header-color: var(--color-primary);
  --menu-main-link-opened-bg-color-active: var(--menu-item-opened-color);
  --menu-main-link-bg-color-hover: var(--menu-item-bg-color-hover);
  --menu-main-link-opened-bg-color-hover: var(--menu-item-opened-color);
  --menu-navbar-header-toogled-color-bg: var(--top-header-color-bg);
  --menu-navbar-header-box-shadow: var(--top-bar-box-shadow);
  --menu-pin-icon-color: var(--fe-navigation-icon-color);
  --menu-pin-icon-color-hover: var(--menu-pin-icon-color);
  --menu-pin-icon-color-pinned: var(--menu-pin-icon-color-hover);
  --menu-pin-icon-bg-color-hover: inherit;
  --menu-pin-icon-bg-color-pinned: var(--menu-pin-icon-bg-color-hover);
  --menu-pin-icon-border-color: var(--color-border);
  --menu-pin-icon-border-style: none;
  --menu-pin-icon-border-width: var(--border-width);
  --menu-sidebar-border-width: var(--border-width);
  --menu-sidebar-pinned-border-width: var(--menu-sidebar-border-width);
  --menu-sidebar-box-shadow: 0 5px 5px 0 var(--color-box-shadow);
  --menu-sidebar-wrapper-bottom-bg: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, black 100%);
  --menu-sidebar-wrapper-top-bg: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, black 100%);
  --menu-toggle-width: 60px;
  --message-padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) 0;
  --message-margin: var(--spacing-s) 0;
  --message-body-padding: 0 0 0 5px;
  --message-color-text-base: var(--color-text);
  --message-color-text-error: var(--color-functional-error);
  --message-color-text-info: var(--color-text);
  --message-color-text-success: var(--color-functional-success);
  --message-color-text-warning: var(--color-functional-warning);
  --message-color-bg: var(--color-bg-default);
  --message-color-bg-base: var(--color-bg-page);
  --message-border-width: var(--border-width);
  --message-border-radius: 0;
  --message-icon-container-padding: 0 var(--spacing-xs) 0 var(--spacing-xs);
  --mobile-breakpoint: 968px;
  --modal-border-radius: var(--border-radius);
  --modal-content-padding: var(--spacing-m);
  --modal-color-bg: #fff;
  --modal-color-border: var(--color-border);
  --modal-overlay-color-bg: rgba(0, 0, 0, 0.25);
  --modal-dialog-width: 360px;
  --modal-dialog-min-width: var(--modal-dialog-width);
  --modal-dialog-max-width: initial;
  --modal-dialog-bg: var(--modal-color-bg);
  --modal-dialog-border-width: var(--border-width);
  --modal-dialog-border-radius: 0;
  --modal-dialog-color-border: var(--modal-dialog-bg);
  --modal-dialog-box-shadow: initial;
  --modal-dialog-font: var(--font-b);
  --modal-dialog-padding: var(--spacing-m);
  --modal-dialog-header-color-text: var(--color-accent);
  --modal-dialog-header-font: var(--font-weight-regular) var(--font-size-h2) / var(--font-line-height-b) var(--font-family);
  --modal-dialog-header-margin: 0 0 var(--spacing-m) 0;
  --modal-dialog-header-padding: 0;
  --modal-dialog-header-color-bg: transparent;
  --modal-dialog-header-height: initial;
  --modal-dialog-header-border: initial;
  --modal-dialog-header-show-close-button: true;
  --modal-dialog-header-show-icon: true;
  --modal-dialog-header-icon-margin-right: var(--spacing-s);
  --modal-dialog-body-margin: auto;
  --modal-dialog-body-padding: var(--spacing-l) 0;
  --modal-dialog-body-font: var(--font-b);
  --modal-dialog-body-color-text: var(--color-text);
  --modal-dialog-body-text-shadow: 0 1px 0 #fff;
  --modal-dialog-body-width: 310px;
  --modal-dialog-body-max-width: initial;
  --modal-dialog-body-min-height: initial;
  --modal-dialog-body-border: initial;
  --modal-dialog-footer-margin: var(--spacing-m) 0 0;
  --modal-dialog-footer-padding: 0;
  --modal-dialog-footer-border-top: 0;
  --modal-dialog-footer-font: var(--modal-dialog-font);
  --modal-confirmation-dialog-footer-border-top: 0;
  --modal-confirmation-dialog-header-height: initial;
  --modal-confirmation-dialog-footer-buttons-reversed: false;
  --modal-dialog-close-icon-color: 'currentColor';
  --notification-mobile-breakpoint: 480px;
  --notification-auto-close: 5000;
  --notification-action-margin-top: var(--spacing-s);
  --notification-action-gap: var(--spacing-s);
  --notification-action-decoration: none;
  --notification-color-text: var(--color-text);
  --notification-color-text-info: initial;
  --notification-color-text-success: initial;
  --notification-color-text-error: initial;
  --notification-color-bg-info: #fff;
  --notification-color-bg-success: #fff;
  --notification-color-bg-error: #fecccb;
  --notification-box-shadow: var(--box-shadow-x);
  --notification-width: 320px;
  --notification-width-mobile: 90%;
  --notification-min-height: 40px;
  --notification-font: 600 var(--font-size-b) / var(--font-line-height-b) var(--font-family);
  --notification-z-index: 10000000;
  --notification-padding-top: 75px;
  --notification-icon-padding-left: var(--spacing-xs);
  --notification-icon-padding-right: var(--spacing-l);
  --notification-icon-vertical-align: top;
  --notification-icon-color: initial;
  --notification-icon-color-info: initial;
  --notification-icon-color-error: initial;
  --notification-icon-color-success: #3abf3e;
  --notification-message-width: 220px;
  --notification-message-width-mobile: calc(var(--notification-width-mobile) - 30px);
  --notification-close-button-color: initial;
  --notification-progress-indicator-height: 100%;
  --notification-progress-indicator-color-bg: #fff;
  --notification-progress-indicator-color-bg-info: #e1eaf2;
  --notification-progress-indicator-color-bg-error: #fecccb;
  --notification-progress-indicator-color-bg-success: #c3ebc5;
  --notification-progress-indicator-box-shadow: var(--box-shadow-x);
  --notification-progress-indicator-hide-info: false;
  --notification-progress-indicator-hide-success: false;
  --notification-progress-indicator-hide-error: true;
  --page-content-width: 900px;
  --page-footer-padding: var(--spacing-s) 0;
  --page-footer-margin: 0 auto;
  --page-footer-max-width: var(--page-content-width);
  --page-footer-color-bg: var(--color-bg-default);
  --page-header-width: var(--page-content-width);
  --page-header-max-width: var(--page-content-width);
  --page-header-icon-color: var(--color-primary);
  --page-header-margin: 0 auto;
  --page-header-padding: var(--spacing-s) 0 0;
  --page-header-color: var(--color-text);
  --page-sub-header-width: var(--page-content-width);
  --page-sub-header-padding: var(--spacing-m) 0 0;
  --page-sub-header-margin: 0 auto;
  --page-sub-header-border-bottom-color: var(--color-border);
  --page-sub-header-color: var(--color-text);
  --password-input-header-margin-bottom: var(--spacing-s);
  --password-input-header-font: var(--font-b-bold);
  --password-input-header-height: 20px;
  --password-input-header-color-text-error: var(--color-functional-error);
  --password-input-color-text-error: var(--input-color-text-error);
  --password-input-header-color-text-level-0: var(--color-functional-error);
  --password-input-header-color-text-level-1: var(--color-functional-error);
  --password-input-header-color-text-level-2: #ffc107;
  --password-input-header-color-text-level-3: #ffc107;
  --password-input-header-color-text-level-4: #39bf3e;
  --password-input-meter-bar-color-bg-level0: var(--color-functional-error);
  --password-input-meter-bar-color-bg-level1: var(--color-functional-error);
  --password-input-meter-bar-color-bg-level2: #ffc107;
  --password-input-meter-bar-color-bg-level3: #ffc107;
  --password-input-meter-bar-color-bg-level4: #39bf3e;
  --password-input-meter-bar-color-bg-inactive: #f5f5f5;
  --password-input-header-color-text: var(--color-text);
  --password-input-meter-margin-top: var(--spacing-s);
  --password-input-meter-spacing: var(--spacing-m);
  --password-input-visibility-toggle-color: var(--color-text);
  --radio-button-label-font: var(--font-b);
  --radio-button-size: 20px;
  --radio-button-dot-size: 10px;
  --radio-button-dot-color: var(--color-primary);
  --radio-button-dot-color-disabled: var(--color-disabled-primary);
  --radio-button-label-color-text: var(--color-text);
  --radio-button-label-color-disabled: var(--color-on-disabled-primary);
  --radio-button-label-margin-left: var(--spacing-s);
  --radio-button-border-width: var(--border-width);
  --radio-button-color-border: var(--color-disabled-primary);
  --radio-button-color-border-active: var(--color-primary);
  --radio-button-color-border-disabled-active: var(--color-disabled-primary);
  --radio-button-color-border-disabled: var(--color-disabled-primary);
  --radio-button-color-border-error: var(--color-functional-error);
  --radio-button-checkmark-color-bg: var(--color-bg-default);
  --radio-button-checkmark-color-bg-hover: var(--color-bg-hover);
  --radio-button-checkmark-color-bg-active: var(--color-bg);
  --radio-button-checkmark-color-bg-disabled-active: var(--color-bg);
  --radio-button-checkmark-color-bg-disabled-hover: var(--color-bg-hover);
  --radio-button-checkmark-color-bg-disabled: var(--color-bg-default);
  --radio-button-checkmark-color-bg-error: var(--color-bg);
  --radio-group-label-font: var(--font-b-bold);
  --radio-group-content-margin: var(--spacing-s);
  --radio-group-mobile-breakpoint: 500px;
  --radio-group-column-min-width: initial;
  --radio-group-rowGap: 0;
  --radio-group-colGap: 0;
  --rich-text-editor-border: var(--rich-text-editor-border-width) var(--rich-text-editor-border-style) var(--rich-text-editor-color-border);
  --rich-text-editor-border-width: var(--border-width);
  --rich-text-editor-border-style: solid;
  --rich-text-editor-color-border: var(--color-border);
  --rich-text-editor-bg: #fff;
  --rich-text-editor-action-bar-border-bottom: 1px solid var(--color-border);
  --rich-text-editor-action-bar-padding: 0 5px;
  --rich-text-editor-action-button-color-text: initial;
  --rich-text-editor-action-button-color-text--active: var(--color-primary);
  --rich-text-editor-action-button-margin-right: 5px;
  --rich-text-editor-content-font: var(--font-b);
  --rich-text-editor-body-padding: var(--spacing-s) 15px;
  --rich-text-editor-body-min-height: 220px;
  --rich-text-editor-body-color-text: var(--color-text);
  --rich-text-editor-placeholder-color-text: var(--color-text-placeholder);
  --rich-text-editor-body-bg-page--readonly: var(--color-bg-page);
  --rich-text-editor-body-weight-text: var(--font-weight-bold);
  --rich-text-editor-popup-box-shadow: var(--modal-dialog-box-shadow);
  --section-color-border: var(--color-border);
  --select-font: var(--input-font);
  --select-clear-indicator-color: var(--color-text);
  --select-clear-indicator-color-hover: var(--color-text);
  --select-clear-indicator-margin-right: 0;
  --select-clear-indicator-margin-left: 0;
  --select-clear-indicator-cursor: pointer;
  --select-clear-indicator-padding: 0;
  --select-container-height: initial;
  --select-control-font: var(--select-font);
  --select-control-border-radius: var(--border-radius);
  --select-control-color-border: var(--input-color-border);
  --select-control-color-border-focus: var(--color-primary);
  --select-control-color-border-hover: var(--color-primary);
  --select-control-color-border-error: var(--color-functional-error);
  --select-control-color-border-disabled: var(--input-color-border-disabled);
  --select-control-color-bg: var(--input-color-background);
  --select-control-color-bg-disabled: var(--input-color-bg-disabled);
  --select-control-height: initial;
  --select-control-min-height: 40px;
  --select-control-min-height-s: 30px;
  --select-control-box-shadow: none;
  --select-control-box-shadow-focus: none;
  --select-control-outline-focus: 0;
  --select-control-outline-offset-focus: var(--outline-offset-focus);
  --select-dropdown-indicator-color: var(--color-text);
  --select-dropdown-indicator-color-disabled: var(--select-multi-value-color-text-disabled, #a0a0a0);
  --select-dropdown-indicator-color-focus: initial;
  --select-dropdown-indicator-color-active: var(--color-primary);
  --select-dropdown-indicator-height: 38px;
  --select-dropdown-indicator-height-s: 28px;
  --select-group-heading-color-text: #a0a0a0;
  --select-menu-margin-top: 0;
  --select-menu-margin-bottom: 8px;
  --select-menu-border-radius: 0;
  --select-menu-color-border: var(--color-border);
  --select-menu-background-color: var(--color-bg-default);
  --select-menu-z-index: 3;
  --select-menu-position-default: absolute;
  --select-menu-placement-default: auto;
  --select-menu-list-padding-top: 0;
  --select-menu-list-padding-bottom: 0;
  --select-multi-value-color-text-disabled: var(--input-color-text-disabled);
  --select-multi-value-color-text: var(--select-multi-value-color-border);
  --select-multi-value-color-border-disabled: #a0a0a0;
  --select-multi-value-color-border: var(--color-primary);
  --select-multi-value-border-radius: var(--border-radius);
  --select-multi-value-color-bg: none;
  --select-multi-value-font: var(--select-font);
  --select-multi-value-label-font: var(--font-weight-bold) var(--font-size-b) / var(--font-line-height-b) var(--font-family);
  --select-multi-value-min-height: 30px;
  --select-multi-value-min-height-s: 20px;
  --select-multi-value-margin: 0 1px;
  --select-multi-value-padding: initial;
  --select-multi-value-remove-button-display: flex;
  --select-multi-value-remove-button-height-s: 18px;
  --select-multi-value-remove-button-height: 28px;
  --select-option-color-text: var(--color-text);
  --select-option-color-text-active: var(--color-primary);
  --select-option-color-text-active-hover: var(--select-option-color-text-active);
  --select-option-color-text-focus: var(--color-primary);
  --select-option-color-text-hover: var(--select-option-color-text-active);
  --select-option-color-text-disabled: var(--color-text-sub);
  --select-option-color-text-disabled-hover: var(--select-option-color-text-disabled);
  --select-option-color-bg: var(--select-menu-background-color);
  --select-option-color-bg-active: #f5f5f5;
  --select-option-color-bg-active-hover: var(--select-option-color-bg-active);
  --select-option-color-bg-hover: var(--color-secondary-hover);
  --select-option-color-bg-disabled: transparent;
  --select-option-color-bg-disabled-hover: transparent;
  --select-option-color-bg-focus: #f5f5f5;
  --select-option-cursor: default;
  --select-option-cursor-disabled: not-allowed;
  --select-option-font: var(--select-font);
  --select-option-font-active: var(--select-option-font);
  --select-option-min-height: 30px;
  --select-option-width: initial;
  --select-option-min-width: initial;
  --select-option-display: flex;
  --select-option-align-items: center;
  --select-option-box-sizing: border-box;
  --select-option-padding: var(--spacing-xs) var(--spacing-s);
  --select-placeholder-color-text: var(--input-color-text-placeholder);
  --select-placeholder-color-text-disabled: var(--select-single-value-color-text-disabled);
  --select-placeholder-color-text-accent: var(--input-color-text-placeholder);
  --select-placeholder-color-text-accent-disabled: var(--select-single-value-color-text-disabled);
  --select-placeholder-font: var(--select-font);
  --select-single-value-color-text: var(--input-color-text);
  --select-single-value-color-text-disabled: var(--input-color-text-disabled);
  --select-single-value-color-bg: initial;
  --select-single-value-color-bg-disabled: initial;
  --select-single-value-font: var(--select-font);
  --select-single-value-margin-left: 2px;
  --select-single-value-margin-right: 2px;
  --select-value-container-padding-left: var(--spacing-xs);
  --select-value-container-padding-right: 0px;
  --select-value-container-padding-top: 3px;
  --select-value-container-padding-bottom: 3px;
  --select-value-container-padding: var(--select-value-container-padding-top) var(--select-value-container-padding-right)
    var(--select-value-container-padding-bottom) var(--select-value-container-padding-left);
  --select-value-container-padding-s: 0 5px;
  --select-value-container-min-height: initial;
  --rich-multi-select-filter-label-font-weight: 500px;
  --rich-multi-select-filter-label-container-border: #dcdcdc;
  --rich-multi-select-filter-color-text: var(--color-text);
  --rich-multi-select-filter-button-border: var(--color-primary);
  --rich-multi-select-filter-button-icon-color: var(--color-primary);
  --rich-multi-select-filter-button-active-background: #e5edf4;
  --rich-multi-select-filter-button-active-color: #004f91;
  --rich-multi-select-menu-background-color: var(--color-bg-default);
  --rich-multi-select-menu-show-details-button-color: var(--color-text);
  --rich-multi-select-menu-show-details-button-background: #f5f5f5;
  --rich-multi-select-menu-details-item-color: var(--color-text-sub);
  --stepper-color-text-current: var(--color-primary);
  --stepper-color-icon-active: var(--color-primary);
  --stepper-color-text-active: var(--color-primary);
  --stepper-color-text-inactive: var(--color-icon-disabled);
  --stepper-color-text-on-active: #fff;
  --stepper-color-text-on-inactive: #8c8c8c;
  --stepper-caption-font: var(--font-b);
  --stepper-caption-font-active: var(--font-b-bold);
  --stepper-content-font-size: 16px;
  --stepper-font: var(--font-b);
  --stepper-font-active: var(--font-b-bold);
  --stepper-margin: auto;
  --stepper-icon-color-on-inactive: #f5f5f5;
  --stepper-stroke-icon-color-on-inactive: #dcdcdc;
  --stepper-icon-color-outlined: transparent;
  --stepper-stroke-icon-color-outlined: transparent;
  --submenu-item-text-color-hover: var(--menu-item-color-hover);
  --tabs-selector-padding-mobile: 0;
  --tabs-selector-row-padding: 0;
  --tabs-selector-padding: var(--spacing-xs) var(--spacing-m);
  --tabs-border-color: var(--color-border);
  --tabs-border-color-active: var(--color-border);
  --tabs-border-top-color-active: var(--color-primary);
  --tabs-border-width: var(--border-width);
  --tabs-color-text-active: var(--color-primary);
  --tabs-color-text-active-hover: var(--color-primary);
  --tabs-color-text-active-hover--active: var(--tabs-color-text-active-hover);
  --tabs-color-text-inactive: var(--color-text);
  --tabs-color-text-inactive-hover: var(--color-primary-hover);
  --tabs-color-bg-inactive: var(--color-bg-page);
  --tabs-color-bg-active: var(--color-bg-default);
  --tabs-color-bg-active-hover: var(--color-bg-default);
  --tabs-color-bg-inactive-hover: var(--color-bg-page);
  --tabs-color-border-inactive-hover: var(--tabs-border-color);
  --tabs-content-color-bg-active: var(--tabs-color-bg-active);
  --tabs-first-border-radius: 0;
  --tabs-font-active: var(--font-weight-bold) var(--font-size-b) / var(--font-line-height-b) var(--font-family-bold);
  --tabs-font-inactive: var(--tabs-font-active);
  --tabs-font-active--hover: var(--tabs-font-active);
  --tabs-font-inactive--hover: var(--tabs-font-inactive);
  --tabs-height: 40px;
  --tabs-margin: 0;
  --tabs-min-width: 120px;
  --tabs-mobile-breakpoint: 768px;
  --tabs-last-border-radius: 0;
  --text-area-color-text: var(--input-color-text);
  --text-area-color-text-disabled: var(--input-color-text-disabled);
  --text-area-color-bg-disabled: var(--input-color-bg-disabled);
  --text-area-font: var(--input-font);
  --text-area-border-radius: var(--border-radius);
  --text-area-border: var(--text-area-border-width) var(--text-area-border-style) var(--text-area-color-border);
  --text-area-border-width: var(--border-width);
  --text-area-border-style: solid;
  --text-area-color-border: var(--input-color-border);
  --text-area-color-border-error: var(--color-functional-error);
  --text-area-color-border-focus: var(--color-focus);
  --text-area-color-border-disabled: var(--input-color-border-disabled);
  --text-area-padding: 10px 8px;
  --text-area-placeholder-color-text: var(--input-color-text-placeholder);
  --text-area-counter-color-text: var(--color-text-sub);
  --text-area-counter-font: var(--font-c);
  --tooltip-color-bg: #3c3c3c;
  --tooltip-border-radius: var(--border-radius);
  --tooltip-padding: 13px 11px;
  --tooltip-font-size: var(--font-size-b);
  --tooltip-color-text: #fff;
  --tooltip-line-height: 15px;
  --tooltip-box-shadow: 0;
  --tooltip-min-height: initial;
  --tooltip-max-width: initial;
  --tooltip-triangle-spacing: 22px;
  --tooltip-triangle-size: 8px;
  --tooltip-triangle-box-shadow: 0 0 5px 1px var(--color-box-shadow);
  --tooltip-triangle-box-shadow-range: 5;
  --tree-grid-cell-border: var(--tree-grid-cell-border-width) var(--tree-grid-cell-border-style) var(--tree-grid-cell-color-border);
  --tree-grid-cell-border-width: var(--border-width);
  --tree-grid-cell-border-style: solid;
  --tree-grid-cell-color-border: var(--color-border);
  --tree-grid-cell-padding: 0 var(--spacing-s);
  --tree-grid-collapse-icon-color: #222;
  --tree-grid-collapse-icon-color-hover: #222;
  --tree-grid-expand-icon-color: #222;
  --tree-grid-expand-icon-color-hover: #222;
  --tree-grid-expand-icon-name: plus-treeview-solid;
  --tree-grid-collapse-icon-name: minus-treeview;
  --tree-grid-collapse-icon-circle-color: #979797;
  --tree-grid-collapse-icon-margin-right: var(--spacing-s);
  --tree-grid-collapse-icon-circle-margin-right: 7px;
  --tree-grid-group-divider-color-border: #979797;
  --tree-grid-group-divider-color-text: #646464;
  --tree-grid-group-divider-header-bg: #fff;
  --tree-grid-group-header-font: var(--font-b-bold);
  --tree-grid-header-bg: #c4e2eb;
  --tree-grid-header-color-text: var(--color-text);
  --tree-grid-header-min-height: 40px;
  --tree-grid-header-padding: var(--spacing-xs) var(--spacing-s);
  --tree-grid-header-font: var(--font-b-bold);
  --tree-grid-nest-margin-step: 15;
  --tree-grid-no-data-min-height: 40px;
  --tree-grid-subheader-color-bg: #f0f0f0;
  --tree-grid-subheader-color-text: var(--color-text);
  --tree-grid-row-color-bg: transparent;
  --tree-grid-row-color-bg-hover: #e6f2f8;
  --tree-grid-row-highlighted-color-bg: #e6f2f8;
  --tree-grid-table-border: var(--tree-grid-table-border-width) var(--tree-grid-table-border-style) var(--tree-grid-table-color-border);
  --tree-grid-table-border-width: var(--border-width);
  --tree-grid-table-border-style: solid;
  --tree-grid-table-border-radius: var(--border-radius);
  --tree-grid-table-box-shadow: none;
  --tree-grid-table-color-border: var(--color-border);
  --tree-grid-table-font: var(--font-b);
  --tree-grid-text-color: var(--color-text);
  --tree-grid-text-filter-icon-color: var(--color-text);
  --tree-grid-text-filter-icon-color-inactive: var(--color-text-placeholder);
  --tree-grid-text-filter-icon-top: 5px;
  --tree-grid-text-filter-icon-right: 10px;
  --tree-grid-text-filter-input-padding: 7px 35px 8px 10px;
  --tree-grid-text-filter-input-border: var(--tree-grid-text-filter-input-border-width) var(--tree-grid-text-filter-input-border-style)
    var(--tree-grid-text-filter-input-color-border);
  --tree-grid-text-filter-input-border-width: var(--border-width);
  --tree-grid-text-filter-input-border-style: solid;
  --tree-grid-text-filter-input-color-border: var(--color-border);
  --tree-grid-text-filter-input-color-border-focus: var(--color-focus);
  --tree-grid-text-filter-input-border-radius: var(--border-radius);
  --tree-grid-text-filter-input-color-text: var(--color-text);
  --tree-grid-text-filter-input-height: 30px;
  --tree-grid-text-filter-input-font: var(--input-font);
  --tree-grid-text-filter-placeholder-color-text: var(--color-text-placeholder);
  --tree-grid-text-filter-width: 180px;
  --tree-grid-color-bg-mobile: #fff;
  --tree-grid-cell-font-mobile: var(--font-b-bold);
  --tree-grid-cell-padding-mobile: 0;
  --tree-grid-default-close-padding-mobile: var(--spacing-xs) var(--spacing-s);
  --tree-grid-footer-padding-mobile: 10px 15px;
  --tree-grid-footer-box-shadow: 0 0 5px 0 var(--color-box-shadow);
  --tree-grid-group-header-min-height-mobile: 40px;
  --tree-grid-group-header-color-text-mobile: #043b62;
  --tree-grid-group-header-text-transform-mobile: uppercase;
  --tree-grid-group-header-margin-mobile: 0 15px;
  --tree-grid-group-header-padding-mobile: var(--spacing-xs) 0;
  --tree-grid-group-header-font-mobile: var(--font-b);
  --tree-grid-group-header-border-bottom-mobile: 1px solid #dcdcdc;
  --tree-grid-row-color-text-mobile: var(--color-text);
  --tree-grid-row-min-height-mobile: 50px;
  --tree-grid-row-margin-mobile: 0 15px;
  --tree-grid-row-padding-mobile: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xs);
  --tree-grid-row-font-mobile: var(--font-b);
  --tree-grid-row-border-bottom-mobile: 1px solid #dcdcdc;
  --tree-grid-rows-color-bg-mobile: linear-gradient(
    to bottom,
    rgba(60, 60, 60, 0.2) 0%,
    rgba(255, 255, 255, 0.6) 10px,
    rgba(255, 255, 255, 1) 100%
  );
  --tree-grid-title-font-mobile: var(--font-b);
  --tree-grid-title-padding-mobile: 0 var(--spacing-s) 0 0;
  --tree-grid-z-index-mobile: 2;
  --file-input-button-background: #f5f5f5;
  --file-input-button-border: 1px solid var(--input-color-border);
  --form-label-color-text: var(--color-primary);
  --form-section-header-color-text: var(--color-accent);
  --form-renderer-label-color-text: var(--color-text);
  --form-renderer-label-color-text-accent: var(--color-primary);
  --form-renderer-label-mark-color-text: var(--color-functional-error);
  --form-renderer-label-font-size: var(--font-size-b);
  --form-renderer-label-text-gap: var(--spacing-s);
  --form-renderer-label-vertical-top-padding-top: var(--form-renderer-label-text-gap);
  --form-renderer-error-font-size: 14px;
  --form-renderer-error-margin-top: var(--spacing-s);
  --form-renderer-error-padding-bottom: var(--spacing-s);
  --form-renderer-error-color-text: var(--color-functional-error);
  --form-renderer-field-wrapper-spacing: var(--spacing-s);
  --form-renderer-field-wrapper-conditions-line-height: inherit;
  --form-renderer-field-wrapper-conditions-padding: inherit;
  --form-renderer-field-wrapper-gap: var(--spacing-m);
  --form-renderer-field-wrapper-gap-horizontal: var(--spacing-s);
  --form-renderer-field-wrapper-border-color: var(--color-border);
  --form-renderer-field-wrapper-border-width: var(--border-width);
  --form-renderer-field-wrapper-border-bottom: var(--form-renderer-field-wrapper-border-width) solid
    var(--form-renderer-field-wrapper-border-color);
  --form-renderer-field-wrapper-border-padding-bottom: var(--spacing-s);
  --form-renderer-field-wrapper-dark-border-bottom-color: #000;
  --form-renderer-field-wrapper-border-top-border: var(--form-renderer-field-wrapper-border-width) solid
    var(--form-renderer-field-wrapper-dark-border-bottom-color);
  --form-renderer-field-wrapper-border-top-padding-top: var(--spacing-s);
  --form-renderer-field-wrapper-additional-border-top: var(--form-renderer-field-wrapper-border-width) solid var(--color-border);
  --form-renderer-field-wrapper-additional-padding-top: var(--form-renderer-field-wrapper-border-top-padding-top);
  --form-renderer-field-wrapper-normal-min-height: 40px;
  --form-renderer-field-wrapper-small-min-height: 30px;
  --form-renderer-field-wrapper-additional-info-min-height: var(--form-renderer-field-wrapper-small-min-height);
  --form-renderer-field-wrapper-align: inherit;
  --form-renderer-required-mark-color: #fb736d;
  --form-renderer-sectioned-object-header-border-bottom: var(--border-width) solid var(--color-separator);
  --form-renderer-sectioned-object-header-color-text: var(--color-primary);
  --form-renderer-sectioned-object-header-font-size: var(--font-size-h2);
  --form-renderer-sectioned-object-header-transform-text: uppercase;
  --form-renderer-sectioned-object-header-font-weight: 600;
  --form-renderer-sectioned-object-header-line-height: 40px;
  --form-renderer-sectioned-object-header-margin: 0 0 var(--spacing-s);
  --form-renderer-sectioned-object-header-padding: 0;
  --form-renderer-sectioned-object-body-padding: var(--spacing-s) var(--spacing-l);
  --form-renderer-sectioned-object-section-padding-toggled: var(--form-renderer-sectioned-object-section-padding);
  --form-renderer-sectioned-object-section-border-radius: var(--border-radius);
  --form-renderer-sectioned-object-section-border: 1px solid var(--color-border);
  --form-renderer-sectioned-object-section-background: #fff;
  --form-renderer-sectioned-object-section-padding: var(--spacing-s) var(--spacing-xl);
  --form-renderer-sectioned-object-section-margin: 0 auto var(--spacing-s);
  --form-renderer-sectioned-object-section-max-width: 960px;
  --form-renderer-sectioned-object-section-icon-space: var(--spacing-s);
  --form-renderer-sectioned-object-section-icon: inherit;
  --form-renderer-sectioned-object-message-margin: var(--spacing-s) var(--spacing-xl);
  --form-renderer-sectioned-object-message-margin-toggled: 0;
  --form-renderer-sectioned-object-message-font-size: var(--font-size-b);
  --form-renderer-sectioned-object-additional-data-padding-bottom: var(--spacing-l);
  --form-renderer-sectioned-object-info-button-icon-color-toggled: var(--color-primary);
  --form-renderer-sectioned-object-section-font-size: inherit;
  --form-renderer-input-currency-wrapper-columns: 2fr 1fr;
  --form-renderer-sectioned-object-header-font-family: inherit;
  --form-renderer-sectioned-object-header-font-weigth: inherit;
  --form-renderer-collapsible-object-header-padding: var(--form-renderer-sectioned-object-header-padding);
  --form-renderer-collapsible-object-header-margin: 0;
  --form-renderer-collapsible-object-header-border-bottom: var(--border-width) solid #000;
  --form-renderer-collapsible-object-header-color-text: var(--form-renderer-sectioned-object-header-color-text);
  --form-renderer-collapsible-object-header-font-size: 14px;
  --form-renderer-collapsible-object-header-font-weight: var(--form-renderer-sectioned-object-header-font-weight);
  --form-renderer-collapsible-object-header-line-height: var(--form-renderer-sectioned-object-header-line-height);
  --form-renderer-collapsible-object-nested-section-header-border-bottom: var(--border-width) solid var(--color-border);
  --form-renderer-collapsible-object-children-container-margin-top: var(--spacing-s);
  --form-renderer-collapsible-object-children-container-margin-bottom: var(
    --form-renderer-collapsible-object-children-container-margin-top
  );
  --form-renderer-collapsible-object-icon-margin-right: var(--spacing-s);
  --form-renderer-collapsible-object-message-margin: var(--form-renderer-sectioned-object-message-margin);
  --form-renderer-collapsible-object-additional-data-padding-bottom: 15px;
  --form-renderer-input-currency-wrapper-gap: var(--spacing-s);
  --form-renderer-input-switch-gap: var(--spacing-s);
  --form-renderer-input-switch-padding: var(--spacing-xs) 0 var(--spacing-xs) 0;
  --form-renderer-input-switch-additional-info-padding: var(--spacing-xs) 0;
  --form-renderer-link-wrapper-min-height: 30px;
  --form-renderer-link-color: #000;
  --form-renderer-side-by-side-container-child-gap: var(--spacing-m);
  --form-renderer-side-by-side-summary-child-gap: var(--spacing-xs);
  --form-renderer-additional-info-font-size: 14px;
  --form-renderer-additional-info-color-text-no-data: #a0a0a0;
  --form-renderer-radio-button-margin-bottom: 0;
  --form-renderer-translation-input-border-radius: var(--border-radius);
  --form-renderer-translation-input-border-color: var(--color-border);
  --form-renderer-translation-input-border-color-hover: var(--color-primary);
  --form-renderer-translation-input-border: var(--border-width) solid var(--form-renderer-translation-input-border-color);
  --form-renderer-translation-input-transition-duration: var(--transition-duration);
  --form-renderer-translation-input-header-color-text: var(--color-text);
  --form-renderer-translation-input-header-font-size: 12px;
  --form-renderer-translation-input-header-font-weight: normal;
  --form-renderer-translation-input-header-padding: 2px 36px 2px 8px;
  --form-renderer-translation-input-header-height: var(--spacing-xl);
  --form-renderer-translation-input-header-line-height: 36px;
  --form-renderer-translation-input-header-icon-right-position: 8px;
  --form-renderer-translation-input-header-icon-top-position: 10px;
  --form-renderer-translation-input-translation-wrapper-border-top: var(--form-renderer-translation-input-border);
  --form-renderer-translation-input-translation-wrapper-padding: var(--spacing-s);
  --form-renderer-translation-input-wrappers-gap: var(--spacing-s);
  --form-renderer-translation-input-wrapper-input-padding-left: var(--spacing-xxl);
  --form-renderer-translation-input-wrapper-input-padding-right: var(--spacing-xl);
  --form-renderer-translation-input-wrapper-language-label-top-position: 1px;
  --form-renderer-translation-input-wrapper-language-label-bottom-position: 1px;
  --form-renderer-translation-input-wrapper-language-label-left-position: 1px;
  --form-renderer-translation-input-wrapper-language-label-background: #f5f5f5;
  --form-renderer-translation-input-wrapper-language-label-width: 40px;
  --form-renderer-translation-input-wrapper-language-label-height: 40px;
  --form-renderer-translation-input-wrapper-language-label-border-right: var(--form-renderer-translation-input-border);
  --form-renderer-translation-input-wrapper-language-label-width: var(--spacing-xl);
  --form-renderer-translation-input-wrapper-language-label-line-height: 38px;
  --form-renderer-translation-input-wrapper-clear-button-top-position: 1px;
  --form-renderer-translation-input-wrapper-clear-button-bottom-position: 1px;
  --form-renderer-translation-input-wrapper-clear-button-right-position: 11px;
  --form-renderer-upload-wrapper-padding: 0 0 var(--spacing-s) 0;
  --form-renderer-upload-dragging-overlay-background: #fff;
  --form-renderer-upload-dragging-overlay-border: 1px dashed #dcdcdc;
  --form-renderer-upload-dragging-iverlay-border-error: 1px dashed var(--color-functional-error);
  --form-renderer-upload-header-margin-bottom: 15px;
  --form-renderer-upload-header-min-height: 40px;
  --form-renderer-upload-header-icon-margin-right: 10px;
  --form-renderer-upload-header-icon-ok-color: #dcdcdc;
  --form-renderer-upload-header-icon-ok-color-uploaded: #39bf3e;
  --form-renderer-upload-header-text-color-not-uploaded: #a0a0a0;
  --form-renderer-upload-header-text-color-error: var(--color-functional-error);
  --form-renderer-upload-file-row-padding: 0;
  --form-renderer-upload-file-row-label-margin: 0 10px 0 0;
  --form-renderer-upload-files-row-border-top: 1px solid #dcdcdc;
  --form-renderer-upload-files-row-vertical-alingment: center;
  --form-renderer-upload-file-row-name-text-color-error: var(--color-functional-error);
  --form-renderer-upload-file-row-name-font-size: 13px;
  --form-renderer-upload-file-row-name-font-weight: bold;
  --form-renderer-upload-file-row-name-padding: 0 0 0 10px;
  --form-renderer-upload-file-row-buttons-margin-left: 15px;
  --form-renderer-upload-edit-name-buttons-button-margin-left: var(--form-renderer-upload-file-row-buttons-margin-left);
  --form-renderer-columns-header-gap: var(--spacing-m);
  --form-renderer-columns-header-font-weight: bold;
  --form-renderer-columns-header-margin-bottom: var(--spacing-s);
  --form-renderer-columns-header-padding-top: var(--form-renderer-columns-header-margin-bottom);
  --form-renderer-columns-header-font-size: var(--form-renderer-additional-info-font-size);
  --form-renderer-columns-header-height: var(--spacing-xl);
  --form-renderer-columns-header-border-bottom: var(--border-width) solid #3c3c3c;
  --form-renderer-submit-min-width: 180px;
  --form-builder-footer-height: 60px;
  --login-ebics-signing-prompt-window-width: var(--modal-dialog-width);
  --login-ebics-signing-prompt-window-body-width: var(--modal-dialog-body-width);
  --chart-active-column-bg-opacity: 0.1;
  --chart-grid-base-line-color: #3c3c3c;
  --chart-grid-horizontal-lines-color: #dcdcdc;
  --chart-grid-vertical-lines-color: #f5f5f5;
  --chart-tooltip-border-radius: var(--border-radius);
  --chart-tooltip-shadow-color: #000000;
  --color-bar-chart-positive: var(--color-chart-slice-1);
  --color-bar-chart-negative: var(--color-functional-error);
  --color-chart-1: #186999;
  --color-chart-2: #9abed1;
  --color-chart-3: #f5e578;
  --color-chart-4: #a0d42c;
  --color-chart-5: #608f6c;
  --color-chart-6: #a7a59f;
  --color-chart-7: #8f024b;
  --color-chart-8: #eb4f00;
  --color-chart-9: #eb9324;
  --color-chart-10: #121227;
  --color-chart-11: #f1eee9;
  --color-chart-12: #eee4ab;
  --color-chart-13: #e5cb9f;
  --color-chart-14: #ffcd38;
  --color-chart-15: #ec994b;
  --color-chart-16: #85586f;
  --color-chart-17: #99c4c8;
  --color-chart-18: #68a7ad;
  --color-chart-19: #7fb5ff;
  --color-chart-20: #15133c;
  --color-chart-active-column-label: var(--color-primary);
  --color-chart-active-column-bg: var(--color-primary);
  --color-chart-limit-line-color: var(--color-functional-error);
  --color-chart-negative-amount: var(--color-functional-error);
  --color-chart-slice-1: var(--color-primary);
  --color-chart-slice-2: #a0a0a0;
  --color-chart-slice-3: #dcdcdc;
  --color-chart-slice-4: #4b82b1;
  --color-chart-slice-5: #b1c9dd;
  --color-chart-slice-6: #7ed7fb;
  --color-chart-slice-7: #b2bbc9;
  --fe-navigation-icon-arrow-color: var(--fe-sidebar-header-background-color);
  --fe-navigation-icon-arrow-border-color: transparent;
  --fe-navigation-icon-color: #fff;
  --fe-navigation-icon-color-active: var(--fe-navigation-icon-color);
  --fe-navigation-icon-color-mobile: var(--color-text);
  --fe-navigation-icon-color-mobile-active: var(--color-primary);
  --fe-navigation-icon-color-mobile-hover: var(--fe-navigation-icon-color-mobile-active);
  --fe-navigation-bullets-color: var(--fe-navigation-icon-color);
  --fe-navigation-bullets-color-active: var(--fe-navigation-icon-color-active);
  --fe-navigation-bullets-color-hover: var(--fe-navigation-icon-color-active);
  --fe-tab-color-text: var(--color-text);
  --fe-tab-font-size: var(--font-size-b);
  --fe-tab-background: #f5f5f5;
  --fe-tab-border-color: #dcdcdc;
  --fe-tab-border-top: 1px solid var(--fe-tab-border-color);
  --fe-tab-border-left: var(--fe-tab-border-top);
  --fe-tab-border-right: var(--fe-tab-border-top);
  --fe-tab-border-bottom: 0;
  --fe-tab-height: var(--spacing-xl);
  --fe-tab-max-width: 160px;
  --fe-tab-min-width: 175px;
  --fe-tab-color-text--active: var(--color-primary);
  --fe-tab-font-weight--active: var(--font-weight-regular);
  --fe-tab-background--active: #fff;
  --fe-tab-background-hover--active: var(--fe-tab-background);
  --fe-tab-border-top-color--active: var(--fe-tab-border-color);
  --fe-tab-border-top--active: 1px solid var(--fe-tab-border-top-color--active);
  --fe-tab-border-left--active: 1px solid #dcdcdc;
  --fe-tab-border-right--active: var(--fe-tab-border-left--active);
  --fe-tab-border-bottom--active: 0;
  --fe-tab-margin: 0;
  --fe-tab-border-radius: 0;
  --fe-tabs-header-container-border-bottom: 1px solid #dcdcdc;
  --fe-tabs-content-border-left: 0;
  --fe-tabs-transition-duration: 0.4s;
  --fe-tabs-transition:
    color var(--fe-tabs-transition-duration) ease-in-out, background-color var(--fe-tabs-transition-duration) ease-in-out,
    border-color var(--fe-tabs-transition-duration) ease-in-out, box-shadow var(--fe-tabs-transition-duration) ease-in-out;
  --fe-tabs-transition-will-change: color, background-color, top, border-color, box-shadow;
  --fe-sidebar-background-color: var(--color-bg-default);
  --fe-sidebar-section-header-background-color: var(--color-bg-page);
  --fe-sidebar-section-header-color-text: var(--color-text);
  --fe-sidebar-header-background-color: var(--fe-sidebar-background-color);
  --fe-sidebar-header-background-color-hover: var(--fe-sidebar-background-color);
  --fe-sidebar-header-color-text: var(--color-primary);
  --fe-sidebar-header-font: var(--font-h2);
  --fe-sidebar-subheader-font: var(--fe-sidebar-header-font);
  --fe-sidebar-header-min-height: var(--spacing-xxxl);
  --fe-sidebar-header-max-height: var(--spacing-xxxl);
  --fe-sidebar-header-gap: var(--spacing-s);
  --fe-sidebar-header-icons-gap: var(--spacing-l);
  --fe-sidebar-header-padding: 0 var(--spacing-m);
  --fe-sidebar-header-border-bottom-color: var(--color-border);
  --fe-sidebar-header-border-bottom: 1px var(--fe-sidebar-header-border-bottom-color) solid;
  --fe-sidebar-header-icon-display: inline-block;
  --fe-sidebar-header-icon-color: var(--fe-sidebar-header-color-text);
  --fe-sidebar-content-background: #fff;
  --fe-sidebar-content-box-shadow: none;
  --fe-sidebar-header-icons-color-text: var(--color-text);
  --fe-sidebar-header-icons-color-text--hover: var(--color-text);
  --fe-sidebar-icon-justify-content--mobile: flex-start;
  --fe-sidebar-text-color: #333;
  --fe-sidebar-section-border-top: var(--border-width) solid var(--color-border);
  --fe-bar-badge-line-height: 14px;
  --fe-bar-badge-font-size: 11px;
  --fe-bar-badge-font-weight: bold;
  --fe-bar-badge-background-color: #ff6464;
  --fe-bar-badge-box-shadow: 0 3px 3px 0 var(--color-box-shadow);
  --fe-bar-badge-border-radius: 50%;
  --fe-bar-badge-color-text: #fff;
  --fe-bar-badge-min-width: 20px;
  --fe-bar-badge-padding: 3px 0 0 0;
  --fe-bar-badge-height: 20px;
  --fe-bar-badge-right: 10px;
  --fe-bar-badge-top: 8px;
  --fe-bar-badge-right--mobile: inherit;
  --fe-bar-badge-left--mobile: 28px;
  --fe-bar-badge-wide-left--mobile: 20px;
  --fe-bar-badge-top--mobile: 4px;
  --fe-bar-badge-border-radius--wide: 4px;
  --fe-bar-badge-padding--wide: 3px 5px 0;
  --fe-dropzone-overlay-background: rgba(0, 0, 0, 0.5);
  --fe-dropzone-overlay-color-text: #fff;
  --fe-dropzone-overlay-border: 3px dashed #fff;
  --fe-session-timeout-counter-border-radius: var(--button-border-radius);
  --fe-session-timeout-counter-color-border: var(--button-color-border-secondary);
  --fe-session-timeout-counter-color-border-hover: var(--fe-session-timeout-counter-color-border);
  --fe-session-timeout-counter-font-size: var(--font-size-b);
  --fe-session-timeout-counter-reload-icon-bg-color-hover: var(--button-color-bg-secondary-hover);
  --fe-session-timeout-counter-reload-icon-color: var(--button-icon-button-color-secondary-hover);
  --fe-session-timeout-counter-height: 30px;
  --fe-session-timeout-counter-width: 50px;
  --fe-session-timeout-counter-timer-placeholder-width: 0;
  --fe-tasks-tabs-margin-top: var(--spacing-m);
  --fe-tasks-tabs-header-container-padding-bottom: 0;
  --fe-tasks-tabs-header-padding: 0 var(--spacing-m);
  --fe-tasks-tab-min-width: 160px;
  --fe-tasks-tab-max-width: 175px;
  --fe-tasks-tabs-height: calc(100% - var(--fe-tasks-tabs-margin-top));
  --fe-tasks-list-item-color-text--unread: var(--color-primary);
  --fe-tasks-list-item-status-indicator-background-color: var(--color-text);
  --fe-tasks-list-item-status-indicator-background-color--open: var(--color-functional-warning);
  --fe-tasks-list-item-status-indicator-background-color--completed: var(--color-functional-success);
  --fe-tasks-list-item-status-indicator-background-color--expired: var(--color-functional-error);
  --fe-tasks-list-item-status-indicator-color-text--expired: var(--fe-tasks-list-item-status-indicator-background-color--expired);
  --fe-tasks-list-recipients-column-min-width: 120px;
  --fe-tasks-myaction-color--signed: #fff;
  --fe-tasks-myaction-background-color--signed: #39bf3e;
  --fe-tasks-myaction-color--signature_required: #3c3c3c;
  --fe-tasks-myaction-color--action_required: #3c3c3c;
  --fe-tasks-myaction-background-color--signature_required: #ffc107;
  --fe-tasks-myaction-background-color--action_required: #ffc107;
  --fe-tasks-myaction-color--noaction: #3c3c3c;
  --fe-tasks-myaction-background-color--noaction: #dcdcdc;
  --fe-tasks-myaction-font-size: 11px;
  --fe-tasks-myaction-font-weight: 600;
  --fe-tasks-myaction-border-radius: 10px;
  --fe-tasks-workflow-body-border-radius: 0;
  --fe-tasks-workflow-file-attachments-title-display: block;
  --fe-tasks-workflow-file-attachment-description-color: #4d4d4d;
  --fe-tasks-workflow-header-status-group-left-border-color: var(--color-border);
  --fe-tasks-workflow-status-field-label-color: var(--color-primary);
  --fe-share-dashboard-text-color: #afafaf;
  --fe-mydashboard-list-font-weight: bold;
  --fe-mydashboard-action-list-font-size: var(--font-size-b);
  --fe-mydashboard-action-list-element-color: var(--color-text);
  --fe-mydashboard-list-title-font-size: var(--font-size-b);
  --fe-account-statements-bg-color: var(--color-bg-page);
  --fe-account-statements-tab-panels-margin-top: var(--spacing-s);
  --demo-login-send-btn-border-radius: var(--button-border-radius);
  --demo-login-input-border: var(--border-width) solid var(--input-color-border);
  --demo-login-input-border--focus: var(--login-input-border--focus);
  --demo-login-input-shadow--focus: var(--login-input-shadow--focus);
  --demo-login-label-color: var(--color-text);
  --demo-login-submit-width: 100%;
  --login-container-border-style: none;
  --login-container-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  --login-font-family: var(--font-family);
  --login-header-border-bottom: var(--top-bar-border-bottom);
  --login-header-box-shadow: var(--top-bar-box-shadow);
  --login-header-color-bg: var(--top-header-color-bg);
  --login-header-padding-left: 60px;
  --login-iframe-margin: var(--spacing-s);
  --login-input-border--error: var(--border-width) solid var(--color-functional-error);
  --login-input-border--focus: var(--border-width) solid var(--input-color-border-focus);
  --login-input-shadow--focus: 0 0 1px 3px var(--box-shadow-focus), 0 0 0 30px white inset;
  --login-menu-background-color: #fff;
  --login-method-color: #3c3c3c;
  --login-method-headline-color: #1e3562;
  --login-method-selection-selection-margin: 0 var(--spacing-s);
  --login-submit-button-background--disabled: var(--button-color-bg-disabled-primary);
  --login-submit-button-background--hover: var(--button-color-bg-primary-hover);
  --login-submit-button-border--disabled: var(--border-width) solid var(--button-color-border-disabled-primary);
  --login-submit-button-color--disabled: var(--button-color-text-disabled-primary);
  --login-submit-button-margin: 0;
  --login-submit-button-transition:
    color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, 0 box-shadow 0.15s ease-in-out;
  --color-error-logo: var(--color-text);
  --fe-requests-breadcrumb-header-height: 100px;
  --fe-requests-details-form-flow-max-width: 900px;
  --fe-settings-agreement-change-btn-text-transform: none;
  --fe-settings-agreement-subsection-title-font-family: var(--font-family);
  --fe-settings-agreement-subsection-title-font-size: var(--font-size-b);
  --fe-settings-context-descriptor-color: #787878;
  --fe-settings-context-descriptor-separator-color: var(--fe-settings-context-selector-id-color);
  --fe-settings-context-selector-id-color: var(--fe-settings-section-title-color);
  --fe-settings-default-font-size: var(--font-size-b);
  --fe-settings-default-font-weight: bold;
  --fe-settings-default-text-color: var(--color-text);
  --fe-settings-background-color: var(--fe-sidebar-background-color);
  --fe-settings-font-family: var(--font-family);
  --fe-settings-notification-channel-label-color: #444444;
  --fe-settings-notifications-channel-reminder-padding: var(--fe-settings-vertical-padding) 0 41%;
  --fe-settings-notifications-subtitle-color: #444444;
  --fe-settings-row-height--small: 20px;
  --fe-settings-row-height--standard: 30px;
  --fe-settings-row-height--big: 40px;
  --fe-settings-row-line-height--big: 20px;
  --fe-settings-row-value-padding--big: 0 var(--spacing-m) 0 var(--spacing-xxl);
  --fe-settings-section-top-bar-bg-color: var(--fe-sidebar-section-header-background-color);
  --fe-settings-section-icon-margin: var(--spacing-s);
  --fe-settings-section-header-box-shadow: inset 0 1px 0 0 #dcdcdc;
  --fe-settings-section-title-color: var(--color-text);
  --fe-settings-section-title-font-size: 13px;
  --fe-settings-section-title-font-weight: var(--font-weight-bold);
  --fe-settings-user-info-selector-wrapper-color: #444444;
  --fe-settings-vertical-padding: 0 var(--spacing-m);
  --fe-settings-section-title-font: var(--font-variant) var(--fe-settings-section-title-font-weight)
    var(--fe-settings-section-title-font-size) / var(--font-line-height-c) var(--font-family-bold);
  --fe-settings-section-content-bg-color: var(--fe-settings-background-color);
  --fe-settings-section-content-padding: var(--spacing-m) 0;
  --fe-settings-media-mobile-down-margin-top: -40px;
  --fe-settings-v2-desktop-language-selector-padding: 0 var(--spacing-xxl) 0 var(--spacing-m);
  --fe-mobile-menu-display: block;
  --fe-tasks-status-filter-button-font-family: var(--font-family-accent-bold);
  --fs-dropdown-anchor-list-border-radius: var(--select-control-border-radius);
  --fs-dropdown-anchor-list-bg-color: var(--color-bg-default);
  --fs-dropdown-anchor-list-item-bg-color--hover: var(--color-bg-hover);
  --fs-dropdown-anchor-list-item-line-height: var(--font-line-height-b);
  --fs-dropdown-anchor-list-item-link-line-height: 40px;
  --fs-dropdown-anchor-list-item-link-text-color: var(--color-text);
  --fs-dropdown-anchor-list-item-link-text-color--hover: var(--color-link-hover);
  --fs-dropdown-anchor-list-item-font-size: var(--font-size-b);
  --fs-dropdown-anchor-list-item-link-outline: none;
  --fs-dropdown-anchor-list-item-link-box-shadow: none;
  --dropdown-trigger-wrapper-outline: var(--outline-width-focus) solid var(--color-focus);
  --dropdown-trigger-wrapper-box-shadow: var(--box-shadow-focus);
  --dropdown-trigger-wrapper-offset: var(--outline-offset-focus);
  --dashboard-color-icon: #5c5c5c;
  --dashboard-color-icon-hover: #5c5c5c;
  --dashboard-color-icon-popup: var(--color-text);
  --dashboard-color-icon-popup-hover: var(--color-on-secondary-hover);
  --dashboard-edit-screen-widget-minature-color: var(--color-primary);
  --dashboard-accent-color: var(--color-accent);
  --dashboard-accordion-title-icon-color: var(--color-primary);
  --dashboard-accordion-title-icon-color--hover: var(--dashboard-accordion-title-icon-color);
  --dashboard-accordion-title-icon-border-color: var(--color-primary);
  --dashboard-accordion-title-icon-border-color--hover: var(--dashboard-accordion-title-icon-border-color);
  --dashboard-accordion-title-icon-border-radius: 2px;
  --dashboard-button-font: var(--button-font);
  --dashboard-button-border-radius-s: var(--button-border-radius-s);
  --dashboard-button-cursor--disabled: not-allowed;
  --dashboard-button-border-radius: var(--button-border-radius);
  --dashboard-button-height: var(--button-height-m);
  --dashboard-button-padding: var(--button-padding);
  --dashboard-button-border-width: var(--button-border-width-secondary);
  --dashboard-button-border-color: var(--button-color-border-secondary);
  --dashboard-button-background: var(--button-color-bg-secondary);
  --dashboard-button-background--hover: var(--button-color-bg-secondary-hover);
  --dashboard-button-color-text: var(--button-color-text-secondary);
  --dashboard-button-border-color--hover: var(--button-color-border-secondary-hover);
  --dashboard-button-color-text--hover: var(--button-color-text-secondary-hover);
  --dashboard-body-background: var(--color-bg-page);
  --dashboard-button-border-width--disabled: var(--dashboard-button-border-width);
  --dashboard-button-border-color--disabled: var(--button-color-border-disabled-secondary);
  --dashboard-button-background--disabled: var(--button-color-bg-disabled-secondary);
  --dashboard-button-color-text--disabled: var(--button-color-disabled-secondary);
  --dashboard-button-close-modal-size: 23px;
  --dashboard-card-header-padding: 0 20px;
  --dashboard-color-text: var(--color-text);
  --dashboard-context-menu-top: var(--dashboard-topBar-height);
  --dashboard-context-menu-width: auto;
  --dashboard-context-menu-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  --dashboard-context-menu-font-weight: var(--font-weight-bold);
  --dashboard-context-menu-color--hover: var(--color-accent);
  --dashboard-context-menu-background-color--hover: #f5f5f5;
  --dashboard-dashboardContainer-padding: 7px 0 0;
  --dashboard-dashboardContainer-margin: 0;
  --dashboard-double-lined-title-font-size: 21px;
  --dashboard-dragbar-font-family: var(--dashboard-font-family);
  --dashboard-dragbar-font-size: 16px;
  --dashboard-dragBar-height: 100%;
  --dashboard-dragBar-margin-top: 0;
  --dashboard-dragBar-line-height: var(--dashboard-topBar-height);
  --dashboard-dragBar-padding-top: 0;
  --dashboard-font-size: var(--font-size-b);
  --dashboard-font-weight-bold: var(--font-weight-bold);
  --dashboard-font-family: var(--font-family);
  --dashboard-height-1-height: 360px;
  --dashboard-height-2-height: 740px;
  --dashboard-height-3-height: 900px;
  --dashboard-html-font-size: 10px;
  --dashboard-link-color-text: var(--color-accent);
  --dashboard-media-description-font-size: 1.3rem;
  --dashboard-media-description-line-height: 1.3;
  --dashboard-media-description-color-text: #4d4d4d;
  --dashboard-modal-container-top: 0;
  --dashboard-modal-header-padding: 15px;
  --dashboard-modal-footer-padding: var(--dashboard-modal-header-padding);
  --dashboard-modal-edit-input-container-margin-bottom: var(--spacing-m);
  --dashboard-modal-header-font-weight: 300;
  --dashboard-modal-header-font-size: 17px;
  --dashboard-modal-card-h-font-weight: 700;
  --dashboard-modal-h-font-weight: 300;
  --dashboard-modal-header-color-text: var(--color-accent);
  --dashboard-more-actions-color: #3c3c3c;
  --dashboard-more-actions-color--hover: var(--color-accent);
  --dashboard-on-accent-color: var(--color-on-accent);
  --dashboard-overviewColumn-border-color: #dcdcdc;
  --dashboard-selectize-control-background: var(--color-accent);
  --dashboard-selectize-dropdown-color-text--active: var(--color-accent);
  --dashboard-text-input-border-width: var(--input-border-width);
  --dashboard-text-input-border-color: var(--input-color-border);
  --dashboard-text-input-border-color--hover: var(--input-color-border-hover);
  --dashboard-text-input-border-color--focus: var(--input-color-border-focus);
  --dashboard-text-input-color-text-placeholder: var(--input-color-text-placeholder);
  --dashboard-title-padding: 14px 0 0 10px;
  --dashboard-topBar-height: 50px;
  --dashboard-topBar-background-color: #fff;
  --dashboard-topBar-padding: 0 10px 0 20px;
  --dashboard-topBar-width: 100%;
  --dashboard-widget-h-color-text: var(--dashboard-color-text);
  --dashboard-widget-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  --dashboard-widget-box-shadow--hover: 0 4px 10px 0 rgba(0, 0, 0, 0.3);
  --dashboard-widget-border: 0;
  --dashboard-widget-padding: 0;
  --dashboard-widget-border-radius: 4px;
  --dashboard-widget-menu-action-text-color-text: var(--color-accent);
  --dashboard-widget-title-color-text: var(--color-accent);
  --dashboard-widget-content-max-height: calc(100% - var(--dashboard-topBar-height));
  --dashboard-widget-content-padding: 0 10px;
  --dashboard-widget-font-size: var(--font-size-b);
  --dashboard-widget-context-menu-colorer-background-color: #fff;
  --dashboard-widget-context-menu-padding: 20px 0;
  --dashboard-wrapper-padding: 0 10px;
  --dashboard-button-border-width-primary: var(--button-border-width-primary);
  --dashboard-button-border-color-primary: var(--button-color-border-primary);
  --dashboard-button-border-color-primary--hover: var(--button-color-border-primary-hover);
  --dashboard-button-background-primary: var(--button-color-bg-primary);
  --dashboard-button-background-primary--hover: var(--button-color-bg-primary-hover);
  --dashboard-button-color-text-primary: var(--button-color-text-primary);
  --dashboard-button-color-text-primary--hover: var(--button-color-text-primary-hover);
  --dashboard-button-background-primary--disabled: var(--button-color-bg-disabled-primary);
  --dashboard-button-color-text-primary--disabled: var(--button-color-text-disabled-primary);
  --dashboard-button-border-primary--disabled: var(--button-border-width-primary) var(--button-border-style)
    var(--button-color-border-disabled-primary);
  --dasboard-widget-context-menu-padding: 0;
  --dashboard-widget-context-menu-background-color: #fff;
  --dashboard-widget-topBar-background-color--context-open: #fff;
  --dashboard-edit-screen-checkbox-size: var(--checkbox-size);
  --dashboard-edit-screen-checkbox-border-radius: var(--checkbox-border-radius);
  --dashboard-edit-screen-checkbox-border-width: var(--checkbox-border-width);
  --dashboard-edit-screen-checkbox-border-color: var(--checkbox-color-border);
  --dashboard-edit-screen-checkbox-focus-border-color: var(--checkbox-color-border-active);
  --dashboard-edit-screen-checkbox-focus-box-shadow: none;
  --dashboard-edit-screen-checkbox-disabled-label-color: var(--checkbox-label-color-disabled);
  --dashboard-edit-screen-checkbox-checked-tick-color: var(--checkbox-color);
  --dashboard-edit-screen-checkbox-checked-bg-color: var(--checkbox-color-bg-active);
  --dashboard-edit-screen-checkbox-checked-border-color: var(--checkbox-color-border-active);
  --dashboard-edit-screen-checkbox-disabled-bg-color: var(--checkbox-color-bg-disabled);
  --dashboard-edit-screen-checkbox-disabled-border-color: var(--checkbox-color-border-disabled);
  --dashboard-edit-screen-checkbox-checked-disabled-tick-color: var(--checkbox-color-disabled);
  --dashboard-edit-screen-checkbox-checked-disabled-bg-color: var(--checkbox-color-bg-disabled-active);
  --dashboard-edit-screen-checkbox-checked-disabled-border-color: var(--checkbox-color-border-disabled-active);
  --screen-admin-background: var(--color-bg-page);
  --screen-admin-grid-row-header-color-text: var(--color-primary);
  --screen-admin-kendo-details-grid-header-color-text: var(--color-primary);
  --screen-admin-kendo-grid-header-color-text: #fff;
  --screen-admin-kendo-tab-color-text: var(--color-primary);
  --screen-modifications-bg-color: var(--color-bg-page);
  --screen-modifications-header-bg-color: var(--screen-modifications-bg-color);
  --screen-modifications-tree-list-expand-all-icon-color: var(--checkbox-color-border-active);
  --screen-pec-color-primary: var(--color-primary);
  --screen-pec-color-primary-hover: var(--color-primary-hover);
  --screen-pec-color-bg-hover: var(--color-primary-active);
  --screen-pec-color-warning: var(--color-functional-warning);
  --screen-pec-color-error: var(--color-functional-error);
  --screen-pec-color-disabled: var(--color-disabled-primary);
  --screen-pec-color-bg-default: var(--color-bg-default);
  --screen-pec-color-shadow: #000;
  --screen-pec-color-header-text: var(--color-text);
  --screen-pec-color-border: var(--color-border);
  --screen-pec-color-save-check-mark: var(--color-functional-success);
  --screen-pec-color-border-user-task-permissions: var(--color-border);
  --screen-pec-color-tree-list--active: var(--tree-grid-subheader-color-bg);
  --screen-pec-color-add-application-popup-border: var(--color-border);
  --screen-pec-color-add-application-list-background--hover: var(--color-bg-page);
  --screen-pec-color-bg-date-picker--hover: var(--date-picker-day-color-bg-disabled);
  --screen-pec-color-status--secondary: var(--color-icon-disabled);
  --screen-pec-color-user-task-permissions-bg: var(--color-bg-page);
  --screen-pec-buttons-font-family: 'WebComponentsIcons';
  --screen-pec-font-b-family: Arial, 'Arial Bold', Helvetica, sans-serif;
  --screen-pec-font-b: var(--font-variant) var(--font-weight-regular) var(--font-size-b) / var(--font-line-height-b)
    var(--screen-pec-font-b-family);
  --screen-pec-font-h1: var(--font-variant) var(--font-size-h1) / var(--font-line-height-h1) var(--font-family);
  --screen-pec-font-h2: var(--font-variant) var(--font-size-h1) / var(--font-line-height-h1) var(--font-family);
  --screen-pec-button-color-text-primary: var(--button-color-text-primary);
  --screen-pec-button-border-primary: 0;
  --screen-pec-button-color-bg-primary: var(--button-color-bg-primary);
  --screen-pec-button-border-disabled-primary: 0;
  --screen-pec-button-color-text-disabled-primary: var(--button-color-text-disabled-primary);
  --screen-pec-button-color-bg-disabled-primary: var(--button-color-bg-disabled-primary);
  --screen-pec-button-border-primary-hover: 0;
  --screen-pec-button-color-text-primary-hover: var(--button-color-text-primary-hover);
  --screen-pec-button-color-bg-primary-hover: var(--button-color-bg-primary-hover);
  --screen-pec-button-color-text-secondary: var(--button-color-text-secondary);
  --screen-pec-button-border-secondary: var(--button-border-secondary);
  --screen-pec-button-color-bg-secondary: var(--button-color-bg-secondary);
  --screen-pec-button-border-disabled-secondary: var(--border-width) solid var(--button-color-border-disabled-secondary);
  --screen-pec-button-color-text-disabled-secondary: var(--button-color-text-disabled-secondary);
  --screen-pec-button-color-bg-disabled-secondary: var(--button-color-bg-disabled-secondary);
  --screen-pec-button-border-secondary-hover: var(--button-border-secondary);
  --screen-pec-button-color-text-secondary-hover: var(--button-color-text-secondary-hover);
  --screen-pec-button-color-bg-secondary-hover: var(--button-color-bg-secondary-hover);
  --screen-pec-kendo-dropdown-font: var(--screen-pec-font-b);
  --screen-pec-kendo-dropdown-color-text: var(--color-text);
  --screen-pec-kendo-grid-icon-color: var(--screen-pec-color-primary);
  --screen-pec-kendo-grid-icon-color-disabled: var(--color-icon-disabled);
  --screen-pec-kendo-grid-icon-color-hover: var(--color-primary-hover);
  --screen-pec-kendo-grid-action-icon-color: var(--screen-pec-color-primary);
  --screen-pec-kendo-grid-action-icon-color-hover: var(--screen-pec-color-primary);
  --screen-pec-kendo-grid-switch-color-bg: var(--screen-pec-color-primary);
  --screen-pec-kendo-grid-switch-color-border: var(--color-icon-disabled);
  --screen-pec-kendo-grid-row-color-bg-selected: var(--color-bg-hover);
  --screen-pec-kendo-grid-row-color-bg-hover: var(--color-bg-hover);
  --screen-pec-kendo-grid-pager-page-color-bg-selected: var(--color-bg-hover);
  --screen-pec-user-edit-header-color-bg: var(--color-bg-hover);
  --screen-pec-user-edit-pager-color-bg: var(--color-bg-hover);
  --screen-pec-kendo-menu-text-color: var(--color-text);
  --screen-pec-kendo-border-color: var(--color-border);
  --screen-pec-kendo-border-color-secondary: #ccc;
  --screen-pec-kendo-input-color: var(--screen-pec-color-shadow);
  --tiled-component-tile-border-hover: var(--color-border);
  --widget-exchange-rates-history-series-color: var(--color-chart-1);
  --widget-action-filter-icon-name: filter;
  --widget-action-filter-active-icon-name: var(--widget-action-filter-icon-name);
  --data-grid-export-pdf-font-path: '../../../../../fonts/Roboto-Regular.ttf';
  --data-grid-export-pdf-font-style: normal;
  --data-grid-export-pdf-font-name: Roboto;
  --data-grid-export-pdf-font-bold-path: '../../../../../fonts/Roboto-Medium.ttf';
  --data-grid-export-pdf-font-bold-style: bold;
  --data-grid-export-pdf-font-bold-name: Roboto_Medium;
  --data-grid-export-pdf-logo-img-src: '../../../../../images/svg/coconet-logo.png';
  --data-grid-export-pdf-logo-img-format: PNG;
  --data-grid-export-pdf-logo-img-height: 59;
  --data-grid-export-pdf-logo-img-width: 288;
  --data-grid-export-pdf-btn-icon: export2;
  --data-grid-export-pdf-color-text: var(--color-text);
  --data-grid-export-pdf-document-margin: 15;
  --data-grid-export-pdf-document-width: 210;
  --data-grid-export-pdf-document-height: 297;
  --data-grid-export-pdf-document-pos-y: var(--data-grid-export-pdf-document-margin);
  --data-grid-export-pdf-document-pos-x: var(--data-grid-export-pdf-document-margin);
  --data-grid-export-pdf-table-font-size: 8;
  --data-grid-export-pdf-title-color: var(--color-primary);
  --data-grid-export-pdf-title-font-size: 14;
  --data-grid-export-pdf-infobox-bg-color: #f5f5f5;
  --data-grid-export-pdf-infobox-font-size: var(--data-grid-export-pdf-table-font-size);
  --data-grid-export-pdf-infobox-value-column-pos-x: 100;
  --data-grid-export-pdf-infobox-text-color: var(--data-grid-export-pdf-color-text);
  --data-grid-export-pdf-head-border-color: var(--color-border);
  --data-grid-export-pdf-head-bg-color: var(--color-primary);
  --data-grid-export-pdf-head-text-color: var(--color-on-primary);
  --data-grid-export-pdf-body-border-color: var(--data-grid-export-pdf-head-border-color);
  --data-grid-export-pdf-body-bg-color: var(--color-bg-default);
  --data-grid-export-pdf-body-text-color: var(--color-text);
  --data-grid-export-pdf-foot-font-size: var(--data-grid-export-pdf-table-font-size);
  --data-grid-export-pdf-foot-border-color: var(--data-grid-export-pdf-head-border-color);
  --data-grid-export-pdf-foot-bg-color: var(--data-grid-export-pdf-head-bg-color);
  --data-grid-export-pdf-foot-text-color: var(--data-grid-export-pdf-head-text-color);
  --data-grid-row-mobile-th-padding: 0 var(--spacing-xs) 0 15px;
  --data-grid-row-mobile-td-padding: 0 15px 0 var(--spacing-xs);
  --data-grid-mobile-cell-groups-th-padding: 0 15px;
  --data-grid-mobile-cell-groups-td-padding: 0 15px;
  --data-grid-row-weight-bold: var(--font-weight-bold);
  --infoBox-bg-color: var(--color-disabled-primary);
  --infoBox-bg-color-no-border: #f5f5f5;
  --infoBox-icon-color: var(--color-text);
  --infoBox-wrapper-width: auto;
  --dap-validation-color--error: #eb4b50;
  --dap-accent-bg-color: var(--color-bg-page);
  --dap-color-primary: var(--color-primary);
  --accordion-header-button-color-bg: var(--dap-accent-bg-color);
  --dap-modification-icon-bg-color: #19aad2;
  --dap-modification-icon-color-text: white;
  --dap-color-badge--CA: #123250;
  --dap-color-badge--VM: #37c391;
  --dap-color-badge--IBS: #19aad2;
  --dap-color-badge--KEYBAG: #ffc107;
  --dap-color-badge--TOKEN: #37c391;
  --multi-value-context-selector-navigation-icon-padding-left: 20px;
  --multi-value-context-selector-context-selection-dialog--modal-content-padding-left: 30px;
  --attachments-details-manager-wrapper-padding: 0;
  --administrator-badge-background-color: var(--top-header-color-bg);
  --authorisation-selector-width: 480px;
  --authorisation-iframe-padding: 0 var(--spacing-xs);
  --dashboard-dashboard-min-height: calc(100vh - 59px);
  --admin-substitute-font-color: var(--color-primary);
  --neye-dialog-header-color: var(--color-text);
}

:root {
  --lbbw-green-primary: #37c391;
  --lbbw-green-secondary: #2c9971;
  --lbbw-green-accessible: #23755c;
  --lbbw-grey-blue: #e6eaed;
  --lbbw-dark-blue: #123250;
  --lbbw-white: #fff;
  --lbbw-red: #ff3333;
  --lbbw-red-accessible: #db191e;
  --lbbw-bg-color: #f3f5f6;
  --lbbw-color-disabled: #888;
  --lbbw-border-color-accessible: #8c8c8c;
  --color-chart-3: #19aad2;
  --color-chart-4: #c5eaf4;
  --color-chart-10: #8898a8;
  --color-primary: var(--lbbw-dark-blue);
  --color-primary-hover: var(--lbbw-green-secondary);
  --color-bg-page: var(--lbbw-bg-color);
  --font-family: 'ClanforLBBW', Arial, 'sans-serif';
  --font-family-bold: 'ClanforLBBW', Arial, 'sans-serif';
  --font-family-accent: 'ClanforLBBW', Arial, 'sans-serif';
  --font-family-accent-bold: 'ClanforLBBW', Arial, 'sans-serif';
  --font-weight-bold: 700;
  --input-font: var(--font-b);
  --box-shadow-focus: 0 0 0 0 rgba(0, 0, 0, 0);
  --button-border-radius: 0;
  --button-color-text-secondary: var(--lbbw-dark-blue);
  --button-color-text-secondary-hover: var(--lbbw-green-primary);
  --button-color-bg-primary: var(--lbbw-green-primary);
  --button-color-bg-primary-hover: var(--lbbw-green-secondary);
  --button-color-bg-secondary: var(--lbbw-white);
  --button-color-bg-secondary-hover: var(--lbbw-white);
  --button-color-border-primary: var(--lbbw-green-primary);
  --button-color-border-primary-hover: var(--lbbw-green-secondary);
  --button-color-border-secondary: var(--lbbw-dark-blue);
  --button-color-border-secondary-hover: var(--lbbw-green-primary);
  --button-font: var(--font-weight-bold) 13px / var(--font-line-height-b) var(--font-family);
  --button-min-width: 130px;
  --date-picker-input-outline-focus: none;
  --date-picker-input-color-border-focus: var(--lbbw-dark-blue);
  --dashboard-edit-screen-checkbox-checked-bg-color: var(--lbbw-green-primary);
  --dashboard-edit-screen-checkbox-checked-border-color: var(--lbbw-green-primary);
  --dashboard-button-font: var(--button-font);
  --dashboard-button-padding: 0 7px;
  --dashboard-widget-category-link-color-text: var(--lbbw-green-primary);
  --gsp-body-margin-vertical: var(--spacing-xl);
  --gsp-body-margin: var(--spacing-m) var(--gsp-body-margin-vertical);
  --gsp-login-method-password-link-color--hover: var(--lbbw-green-secondary);
  --gsp-login-method-password-link-text-decoration: underline;
  --gsp-login-method-password-forgot-pasword-header-margin-bottom: var(--spacing-xl);
  --gsp-login-method-password-forgot-pasword-link-font-weight: var(--font-weight-bold);
  --gsp-login-method-password-login-pasword-form-footer-margin-top: var(--spacing-l);
  --gsp-login-method-password-login-pasword-footer-margin-top: 100px;
  --gsp-login-method-password-link-activate-color: #123250;
  --gsp-login-method-password-icon-success-color: var(--lbbw-green-primary);
  --gsp-login-method-password-icon-failure-color: #bc2a39;
  --gsp-login-method-mobile-token-border-color: #e7eaed;
  --gsp-login-method-mobile-token-container: none;
  --gsp-login-method-mobile-token-color: var(--color-primary);
  --gsp-login-method-mobile-token-link-color: var(--gsp-login-method-mobile-token-color);
  --gsp-login-method-mobile-token-link-soft-color: var(--color-primary);
  --gsp-login-method-mobile-token-link-color--hover: var(--color-primary-hover);
  --gsp-login-method-mobile-token-main-padding: 30px 0 10px;
  --gsp-login-method-mobile-token-main-background-color: white;
  --gsp-login-method-mobile-token-font-family: 'ClanforLBBW';
  --gsp-login-method-mv-token-about-background-color: #b3b3b3;
  --gsp-login-method-mv-token-about-border-radius: 0px;
  --gsp-login-method-mv-token-about-main-border-top: 21px solid #37c391;
  --gsp-login-method-mv-token-about-header-font-weight: bold;
  --gsp-login-method-mv-token-about-hr-color: #1e3562;
  --gsp-login-method-mv-token-about-info-font-weight: normal;
  --gsp-login-method-mv-token-about-link-background-color: var(--lbbw-green-primary);
  --gsp-login-method-mv-token-about-link-background-color--hover: var(--color-primary-hover);
  --gsp-login-method-mv-token-about-links-header-font-weight: bold;
  --gsp-login-method-mv-token-about-main-shadow: none;
  --password-input-header-color-text-level-0: #bc2a39;
  --password-input-header-color-text-level-1: #bc2a39;
  --password-input-header-color-text-level-2: #e68d27;
  --password-input-header-color-text-level-3: #e68d27;
  --password-input-header-color-text-level-4: #569175;
  --password-input-meter-bar-color-bg-level0: #bc2a39;
  --password-input-meter-bar-color-bg-level1: #bc2a39;
  --password-input-meter-bar-color-bg-level2: #e68d27;
  --password-input-meter-bar-color-bg-level3: #e68d27;
  --password-input-meter-bar-color-bg-level4: #569175;
  --password-input-meter-bar-color-bg-inactive: #969696;
  --login-header-color-bg: var(--lbbw-white);
  --login-header-padding-left: 10px;
  --menu-toggle-width: 50px;
  --menu-item-bg-color-hover: var(--menu-item-opened-color);
  --modal-dialog-width: 450px;
  --modal-dialog-padding: 0;
  --modal-dialog-border-radius: 3px;
  --modal-dialog-border-width: 0;
  --modal-dialog-header-padding: 16px 20px 16px 30px;
  --modal-dialog-header-margin: 0;
  --modal-dialog-header-color-bg: var(--lbbw-green-primary);
  --modal-dialog-header-color-text: var(--lbbw-white);
  --modal-dialog-header-font: var(--font-weight-bold) 18px / var(--font-line-height-b) var(--font-family);
  --modal-dialog-header-show-icon: false;
  --modal-dialog-footer-padding: 30px 20px 20px 20px;
  --modal-dialog-footer-margin: 0;
  --modal-dialog-body-font: var(--font-weight-regular) 14px / var(--font-line-height-b) var(--font-family);
  --modal-dialog-body-color-text: var(--lbbw-dark-blue);
  --modal-dialog-body-width: 390px;
  --modal-dialog-body-padding: 20px 0;
  --modal-dialog-body-min-height: 100px;
  --modal-confirmation-dialog-header-height: 50px;
  --notification-font: var(--font-weight-bold) var(--font-size-c) / var(--font-line-height-b) var(--font-family);
  --notification-color-bg-error: #fecccb;
  --notification-padding-top: 65px;
  --notification-progress-indicator-color-bg-info: #e8f8f2;
  --notification-action-decoration: underline;
  --breadcrumbs-last-color-text: var(--lbbw-dark-blue);
  --fe-sidebar-header-background-color: var(--lbbw-dark-blue);
  --fe-sidebar-header-color-text: var(--lbbw-white);
  --fe-sidebar-header-icon-display: none;
  --fe-sidebar-header-font: var(--font-h1-bold);
  --fe-sidebar-header-border-bottom-color: var(--fe-sidebar-header-background-color);
  --fe-sidebar-header-icons-color-text: var(--fe-sidebar-header-color-text);
  --fe-sidebar-header-icons-color-text--hover: var(--fe-sidebar-header-color-text);
  --fe-sidebar-icon-justify-content--mobile: center;
  --fe-sidebar-section-border-top: 0;
  --fe-bar-badge-color-text: #fff;
  --fe-bar-badge-background-color: var(--lbbw-green-primary);
  --fe-bar-badge-border-radius: 4px;
  --fe-bar-badge-line-height: 11px;
  --fe-bar-badge-height: 16px;
  --fe-bar-badge-top: -13px;
  --fe-bar-badge-right: -11px;
  --fe-bar-badge-left--mobile: unset;
  --fe-bar-badge-right--mobile: 4px;
  --fe-bar-badge-top--mobile: 5px;
  --fe-tab-color-text: var(--fe-sidebar-header-color-text);
  --fe-tab-background: var(--fe-sidebar-header-background-color);
  --fe-tab-border-color: var(--fe-sidebar-header-background-color);
  --fe-tab-color-text--active: var(--fe-sidebar-header-background-color);
  --fe-tab-border-top-color--active: var(--fe-tab-border-color);
  --fe-tab-border-left--active: 1px solid var(--fe-tab-border-color);
  --fe-tab-border-right--active: var(--fe-tab-border-left--active);
  --fe-tab-border-bottom--active: 0;
  --fe-tab-margin: 0 var(--spacing-xs);
  --fe-tabs-header-container-border-bottom: 0;
  --fe-tabs-content-border-left: 1px solid #dcdcdc;
  --fe-tasks-tabs-margin-top: 0px;
  --fe-tasks-tab-max-width: 50%;
  --fe-tasks-tabs-header-padding: 0 var(--spacing-s);
  --fe-tasks-tabs-height: 100%;
  --fe-tasks-list-item-color-text--unread: var(--lbbw-green-primary);
  --fe-navigation-icon-color: #222;
  --fe-navigation-icon-color-active: #fff;
  --fe-navigation-icon-color-mobile-active: var(--fe-navigation-icon-color);
  --checkbox-color-bg-active: var(--lbbw-green-primary);
  --checkbox-color-border-active: var(--checkbox-color-bg-active);
  --checkbox-color-bg-disabled: var(--color-disabled-primary);
  --accordion-button-area-margin-right: 0;
  --screen-modifications-tree-list-row-background--active: #ebf9f4;
  --screen-modifications-bg-color: #f3f5f6;
  --fe-settings-background-color: var(--lbbw-bg-color);
  --fe-settings-section-top-bar-bg-color: #fff;
  --fe-settings-section-title-color: var(--color-text);
  --fe-settings-notifications-subtitle-color: var(--color-primary);
  --fe-settings-notification-channel-label-color: var(--color-primary);
  --fe-settings-user-info-selector-wrapper-color: var(--color-primary);
  --fe-settings-context-selector-id-color: var(--fe-settings-section-title-color);
  --fe-settings-context-descriptor-separator-color: var(--fe-settings-context-selector-id-color);
  --fe-sidebar-item-bg-color--hover: var(--lbbw-white);
  --fe-sidebar-background-color: var(--color-primary);
  --fe-mobile-menu-display: flex;
  --dashboard-color-icon: #363636;
  --dashboard-color-icon-hover: var(--dashboard-color-icon);
  --top-header-build-timestamp-color: var(--lbbw-dark-blue);
  --top-header-color-bg: #006394;
  --login-submit-button-background--hover: #2db282;
  --dashboard-context-menu-top: 50px;
  --dashboard-height-1-height: 360px;
  --dashboard-height-2-height: 740px;
  --dashboard-height-3-height: 900px;
  --dashboard-wrapper-padding: 0;
  --dasboard-widget-context-menu-padding: 0;
  --dashboard-dragbar-font-size: 16px;
  --dashboard-topBar-background-color: var(--lbbw-white);
  --dashboard-widget-topBar-background-color--context-open: #b6bbc1;
  --dashboard-widget-title-color-text: var(--color-primary);
  --dashboard-dragbar-font-weight: 700;
  --dashboard-widget-box-shadow: 0 0 5px 0 rgb(0 0 0 / 25%);
  --dashboard-dragbar-font-family: var(--font-family);
  --dashboard-widget-content-padding: 0;
  --dashboard-widget-content-max-height: calc(100% - 30px);
  --dashboard-widget-border: 1px solid #ededed;
  --dashboard-widget-context-menu-background-color: #fff;
  --dashboard-button-border-color: var(--button-color-border-secondary);
  --dashboard-button-background-primary: var(--lbbw-green-primary);
  --dashboard-button-background-primary--hover: var(--lbbw-green-secondary);
  --dashboard-button-background-secondary: var(--lbbw-white);
  --dashboard-button-border-color-secondary: var(--button-color-border-secondary);
  --dashboard-button-secondary-color-text: var(--lbbw-dark-blue);
  --dashboard-button-secondary-color-text--hover: var(--button-color-text-secondary-hover);
  --dashboard-body-background: var(--color-bg-page);
  --dashboard-widget-font-size: 12px;
  --onboarding-overview-status--saved: #000;
  --onboarding-overview-status--open: var(--color-functional-warning);
  --onboarding-overview-status--in-review: var(--color-functional-warning);
  --onboarding-overview-status--expired: var(--color-functional-error);
  --onboarding-overview-status--declined: var(--color-functional-error);
  --onboarding-overview-status--cancelled: var(--color-functional-error);
  --onboarding-overview-status--completed: var(--color-functional-success);
  --menu-pin-icon-color: var(--lbbw-dark-blue);
  --menu-pin-icon-color-hover: var(--lbbw-dark-blue);
  --menu-pin-icon-border-color: var(--lbbw-dark-blue);
  --menu-pin-icon-bg-color-hover: var(--color-bg-page);
  --menu-pin-icon-border-style: solid;
  --data-grid-header-bg: #e8eaed;
  --data-grid-header-color-border: #e8eaed;
  --data-grid-settings-button-bg: var(--lbbw-bg-color);
  --checkbox-switch-color-bg-active: var(--lbbw-green-primary);
  --infoBox-bg-color: var(--color-disabled-primary);
  --dap-validation-color--error: #eb4b50;
  --dap-accent-bg-color: var(--lbbw-bg-color);
  --dap-color-primary: var(--lbbw-green-primary);
  --dap-color-badge--CA: var(--lbbw-dark-blue);
  --dap-color-badge--VM: var(--dap-color-primary);
  --dap-color-badge--IBS: var(--color-chart-3);
  --dap-color-badge--KEYBAG: var(--color-chart-4);
  --dap-color-badge--TOKEN: var(--color-chart-10);
  --accordion-header-button-color-bg: var(--lbbw-bg-color);
  --accordion-header-color-background: var(--lbbw-bg-color);
  --accordion-toggle-color-bg: var(--lbbw-bg-color);
  --icon-ok-color: var(--lbbw-green-primary);
  --stepper-color-text-current: var(--lbbw-green-primary);
  --stepper-color-icon-active: var(--lbbw-green-primary);
  --stepper-color-text-active: var(--lbbw-green-primary);
  --box-content-padding: 0 var(--spacing-m);
  --attachments-details-manager-wrapper-padding: 0 var(--spacing-m);
  --fe-tab-background-hover--active: var(--lbbw-white);
  --neye-dialog-header-color: var(--lbbw-white);
}