/*
 * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
 */
:root {
  .theme-brand-light {
      --theme-color-ghost: #00002800;
      --theme-color-ghost--hover: #bdbdae26;
      --theme-color-ghost--active: #8f8f7526;
      --theme-color-ghost--selected: #00ffb92e;
      --theme-color-ghost--selected-hover: #20c57e38;
      --theme-color-ghost--selected-active: #009e6738;
      --theme-color-ghost-primary--active: #00cf9633;
      --theme-color-ghost-primary--hover: #00ffb92e;
      --theme-color-ghost-alt: #00002808;
      --theme-color-ghost-alt--hover: #afafa438;
      --theme-color-ghost-alt--active: #8b8b8338;
      --theme-color-ghost-alt--selected: #00ecae38;
      --theme-color-ghost-alt--selected-hover: #1eb8783d;
      --theme-color-ghost-alt--selected-active: #00a16838;
      --theme-color-primary: #007993;
      --theme-color-primary--contrast: #ffffff;
      --theme-color-primary--hover: #196269;
      --theme-color-primary--active: #16565c;
      --theme-color-primary--disabled: #0079934d;
      --theme-color-dynamic: #005159;
      --theme-color-dynamic--hover: #125d65;
      --theme-color-dynamic--active: #105259;
      --theme-color-dynamic-alt: #00ffb9;
      --theme-color-dynamic-alt--hover: #62eec7;
      --theme-color-dynamic-alt--active: #5ce0bc;
      --theme-color-secondary: #ffffff;
      --theme-color-secondary--hover: #d1fff2;
      --theme-color-secondary--active: #b8f2e2;
      --theme-color-component-1: #bdbdae33;
      --theme-color-component-1--hover: #bdbdae59;
      --theme-color-component-1--active: #96968a59;
      --theme-color-component-2: #0000281a;
      --theme-color-component-3: #00002833;
      --theme-color-component-4: #0000284d;
      --theme-color-component-5: #00002873;
      --theme-color-component-6: #00002899;
      --theme-color-component-7--hover: #00ffb9;
      --theme-color-component-7: #00ffb92e;
      --theme-color-component-7--active: #00f2b0;
      --theme-color-component-error: #fcccd7;
      --theme-color-component-info: #d0e9fb;
      --theme-color-component-8--hover: #d1fff2;
      --theme-color-component-8: #ebf7f8;
      --theme-color-component-9: #0b6165;
      --theme-color-component-9--hover: #005d66;
      --theme-color-component-9--active: #00464d;
      --theme-color-component-9--disabled: #0B61654d;
      --theme-color-component-10: #005159bf;
      --theme-color-component-10--hover: #005d66bf;
      --theme-color-component-10--active: #00464dbf;
      --theme-color-component-10--disabled: #00515926;
      --theme-color-1--hover: #f2f2f2;
      --theme-color-1--active: #e5e5e5;
      --theme-color-component-11: #d7d7d033;
      --theme-color-0: #ffffff00;
      --theme-color-1: #ffffff;
      --theme-color-2: #f3f3f0;
      --theme-color-3: #e8e8e3;
      --theme-color-4: #dfdfd9;
      --theme-color-5: #d7d7d0;
      --theme-color-6: #cecec8;
      --theme-color-7: #c8c8c2;
      --theme-color-8: #8d8da0;
      --theme-color-std-bdr: #0000284d;
      --theme-color-soft-bdr: #00002833;
      --theme-color-weak-bdr: #23233c26;
      --theme-color-x-weak-bdr: #bdbdae33;
      --theme-color-focus-bdr: #1491EB;
      --theme-color-contrast-bdr: #000028;
      --theme-color-hard-bdr: #4c4c68;
      --theme-color-alarm: #d72339;
      --theme-color-alarm--hover: #c11f33;
      --theme-color-alarm--active: #b41d30;
      --theme-color-alarm--contrast: #ffffff;
      --theme-color-alarm-40: #d7233966;
      --theme-color-alarm-10: #d723391a;
      --theme-color-warning: #e9c32a;
      --theme-color-warning--hover: #e3ba17;
      --theme-color-warning--active: #d0ab15;
      --theme-color-warning--contrast: #000028;
      --theme-color-warning-40: #e9c32a66;
      --theme-color-warning-10: #e9c32a1a;
      --theme-color-critical: #e96401;
      --theme-color-critical--hover: #d05901;
      --theme-color-critical--active: #c15301;
      --theme-color-critical--contrast: #000028;
      --theme-color-critical-40: #e9640166;
      --theme-color-success: #01893a;
      --theme-color-success--hover: #017a33;
      --theme-color-success--active: #016f2f;
      --theme-color-success--contrast: #ffffff;
      --theme-color-success-40: #01893a66;
      --theme-color-info: #007eb1;
      --theme-color-info--hover: #00719e;
      --theme-color-info--active: #006994;
      --theme-color-info--contrast: #ffffff;
      --theme-color-info-40: #007eb166;
      --theme-color-neutral: #66667e;
      --theme-color-neutral--hover: #5b5b71;
      --theme-color-neutral--active: #545468;
      --theme-color-neutral--contrast: #ffffff;
      --theme-color-neutral-40: #66667e66;
      --theme-color-contrast-text: #000000;
      --theme-color-std-text: #000028;
      --theme-color-soft-text: #00002899;
      --theme-color-weak-text: #0000284d;
      --theme-color-inv-contrast-text: #ffffff;
      --theme-color-inv-std-text: #ffffff;
      --theme-color-inv-soft-text: #ffffff99;
      --theme-color-inv-weak-text: #ffffff73;
      --theme-color-alarm-text: #b81e31;
      --theme-color-shadow-1: #0000281a;
      --theme-color-shadow-2: #00002833;
      --theme-color-shadow-3: rgba(0,0,40,0.12);
      --theme-color-lightbox: #ffffffa6;
      --theme-color-backdrop: #ffffffd9;
      --theme-color-backdrop-3: #e8e8e3d9;
      --theme-color-gradient-effect-1: #007993;
      --theme-color-gradient-effect-2: #005159;
      --theme-color-logo: #009999;
      --theme-color-logo-login: #009999;
      --theme-chart-1: #1a747d;
      --theme-chart-1-40: #1a747d66;
      --theme-chart-2: #005159;
      --theme-chart-2-40: #00515966;
      --theme-chart-3: #009999;
      --theme-chart-3-40: #00999966;
      --theme-chart-4: #002949;
      --theme-chart-4-40: #00294966;
      --theme-chart-5: #4c4c68;
      --theme-chart-5-40: #4c4c6866;
      --theme-chart-6: #3664c6;
      --theme-chart-6-40: #3664c666;
      --theme-chart-7: #00237a;
      --theme-chart-7-40: #00237a66;
      --theme-chart-8: #00004a;
      --theme-chart-8-40: #00004a66;
      --theme-chart-9: #553ba3;
      --theme-chart-9-40: #553ba366;
      --theme-chart-10: #7353e5;
      --theme-chart-10-40: #7353e566;
      --theme-chart-11: #740089;
      --theme-chart-11-40: #74008966;
      --theme-chart-12: #c04774;
      --theme-chart-12-40: #c0477466;
      --theme-chart-13: #4f153d;
      --theme-chart-13-40: #4f153d66;
      --theme-chart-14: #be5925;
      --theme-chart-14-40: #be592566;
      --theme-chart-15: #801100;
      --theme-chart-15-40: #80110066;
      --theme-chart-16: #805800;
      --theme-chart-16-40: #80580066;
      --theme-chart-17: #5e5e4a;
      --theme-chart-17-40: #5e5e4a66;
      --theme-chart-axes: #0000284d;
      --theme-chart-grid-lines: #0000281a;
      --theme-chart-grid-fill: #ffffff;
      --theme-chart-ticks: #0000284d;
      --theme-chart-tooltip-fill: #ffffffcc;
      --theme-chart-tooltip-bdr: #00002833;
      --theme-workflow-step--color--disabled: var(--theme-color-weak-text);
      --theme-app-header--color: var(--theme-color-std-text);
      --theme-app-header--background: var(--theme-color-2);
      --theme-app-header--border-color: var(--theme-color-weak-bdr);
      --theme-app-header-logo--color: var(--theme-color-logo);
      --theme-btn-primary--background: var(--theme-color-primary);
      --theme-btn-primary--background--hover: var(--theme-color-primary--hover);
      --theme-btn-primary--background--active: var(--theme-color-primary--active);
      --theme-btn-primary--background--disabled: var(--theme-color-component-4);
      --theme-btn-primary--color: var(--theme-color-primary--contrast);
      --theme-btn-primary--color--hover: var(--theme-color-primary--contrast);
      --theme-btn-primary--color--active: var(--theme-color-primary--contrast);
      --theme-btn-primary--color--disabled: var(--theme-color-primary--contrast);
      --theme-btn-outline-primary--background: var(--theme-color-secondary);
      --theme-btn-outline-primary--background--hover: var(--theme-color-secondary--hover);
      --theme-btn-outline-primary--background--active: var(--theme-color-secondary--active);
      --theme-btn-outline-primary--background--disabled: var(--theme-color-ghost);
      --theme-btn-outline-primary--color: var(--theme-color-primary);
      --theme-btn-outline-primary--color--hover: var(--theme-color-dynamic);
      --theme-btn-outline-primary--color--active: var(--theme-color-dynamic);
      --theme-btn-outline-primary--color--disabled: var(--theme-color-weak-text);
      --theme-btn-primary--border-color: var(--theme-color-ghost);
      --theme-btn-primary--border-color--hover: var(--theme-color-ghost);
      --theme-btn-primary--border-color--active: var(--theme-color-ghost);
      --theme-btn-primary--border-color--disabled: var(--theme-color-ghost);
      --theme-btn-invisible-primary--background: var(--theme-color-ghost);
      --theme-btn-invisible-primary--background--hover: var(--theme-color-ghost-primary--hover);
      --theme-btn-invisible-primary--background--active: var(--theme-color-ghost-primary--active);
      --theme-btn-invisible-primary--background--disabled: var(--theme-color-ghost);
      --theme-btn-invisible-primary--color: var(--theme-color-primary);
      --theme-btn-invisible-primary--color--hover: var(--theme-color-dynamic);
      --theme-btn-invisible-primary--color--active: var(--theme-color-dynamic);
      --theme-btn-invisible-primary--color--disabled: var(--theme-color-weak-text);
      --theme-btn-secondary--background: var(--theme-color-component-1);
      --theme-btn-secondary--background--hover: var(--theme-color-component-1--hover);
      --theme-btn-secondary--background--active: var(--theme-color-component-1--active);
      --theme-btn-secondary--background--disabled: var(--theme-color-component-1);
      --theme-btn-secondary--color: var(--theme-color-std-text);
      --theme-btn-secondary--color--hover: var(--theme-color-std-text);
      --theme-btn-secondary--color--active: var(--theme-color-std-text);
      --theme-btn-secondary--color--disabled: var(--theme-color-weak-text);
      --theme-btn-outline-secondary--background: var(--theme-color-ghost);
      --theme-btn-outline-secondary--background--hover: var(--theme-color-ghost--hover);
      --theme-btn-outline-secondary--background--active: var(--theme-color-ghost--active);
      --theme-btn-outline-secondary--background--disabled: var(--theme-color-ghost);
      --theme-btn-outline-secondary--border-color: var(--theme-color-component-4);
      --theme-btn-outline-secondary--border-color--hover: var(--theme-color-component-4);
      --theme-btn-outline-secondary--border-color--active: var(--theme-color-component-4);
      --theme-btn-outline-secondary--border-color--disabled: var(--theme-color-component-4);
      --theme-btn-outline-secondary--color: var(--theme-color-std-text);
      --theme-btn-outline-secondary--color--hover: var(--theme-color-std-text);
      --theme-btn-outline-secondary--color--active: var(--theme-color-std-text);
      --theme-btn-outline-secondary--color--disabled: var(--theme-color-weak-text);
      --theme-btn-invisible-secondary--background: var(--theme-color-ghost);
      --theme-btn-invisible-secondary--background--hover: var(--theme-color-ghost--hover);
      --theme-btn-invisible-secondary--background--active: var(--theme-color-ghost--active);
      --theme-btn-invisible-secondary--background--disabled: var(--theme-color-ghost);
      --theme-btn-invisible-secondary--color: var(--theme-color-std-text);
      --theme-btn-invisible-secondary--color--hover: var(--theme-color-std-text);
      --theme-btn-invisible-secondary--color--active: var(--theme-color-std-text);
      --theme-btn-invisible-secondary--color--disabled: var(--theme-color-weak-text);
      --theme-btn-invisible-secondary--color--selected: var(--theme-color-dynamic);
      --theme-btn-invisible-secondary--color--selected-hover: var(--theme-color-dynamic);
      --theme-btn-invisible-secondary--color--selected-active: var(--theme-color-dynamic);
      --theme-btn-invisible-secondary--background--selected: var(--theme-color-component-7);
      --theme-btn-invisible-secondary--background--selected-hover: var(--theme-color-component-7--hover);
      --theme-btn-invisible-secondary--background--selected-active: var(--theme-color-component-7--active);
      --theme-link-btn--color: var(--theme-color-primary);
      --theme-link-btn--color--hover: var(--theme-color-dynamic);
      --theme-link-btn--color--active: var(--theme-color-dynamic);
      --theme-link-btn--border-color: var(--theme-color-ghost);
      --theme-link-btn--border-color--hover: var(--theme-color-ghost);
      --theme-link-btn--border-color--active: var(--theme-color-ghost);
      --theme-link-btn--color--visited: var(--theme-color-primary);
      --theme-link-btn--border-color--visited: var(--theme-color-ghost);
      --theme-link-btn--border-color--disabled: var(--theme-color-ghost);
      --theme-link-btn--color--disabled: var(--theme-color-weak-text);
      --theme-checkbox-unchecked--background: var(--theme-color-secondary);
      --theme-checkbox-unchecked--background--hover: var(--theme-color-secondary--hover);
      --theme-checkbox-unchecked--background--active: var(--theme-color-secondary--active);
      --theme-checkbox-unchecked--background--disabled: var(--theme-color-ghost);
      --theme-checkbox-unchecked--background--invalid: var(--theme-color-component-error);
      --theme-checkbox-unchecked--background--invalid--hover: var(--theme-color-component-error);
      --theme-checkbox-unchecked--background--invalid--active: var(--theme-color-component-error);
      --theme-checkbox-unchecked--background--warning: var(--theme-color-secondary);
      --theme-checkbox-unchecked--background--warning--hover: var(--theme-color-secondary--hover);
      --theme-checkbox-unchecked--background--warning--active: var(--theme-color-secondary--active);
      --theme-checkbox-unchecked--background--info: var(--theme-color-secondary);
      --theme-checkbox-unchecked--background--info--hover: var(--theme-color-secondary--hover);
      --theme-checkbox-unchecked--background--info--active: var(--theme-color-secondary--active);
      --theme-checkbox-unchecked--border-color: var(--theme-color-contrast-bdr);
      --theme-checkbox-unchecked--border-color--hover: var(--theme-color-dynamic);
      --theme-checkbox-unchecked--border-color--active: var(--theme-color-dynamic);
      --theme-checkbox-unchecked--border-color--disabled: var(--theme-color-component-4);
      --theme-checkbox-unchecked--border-color--invalid: var(--theme-color-alarm);
      --theme-checkbox-unchecked--border-color--invalid--hover: var(--theme-color-alarm--hover);
      --theme-checkbox-unchecked--border-color--invalid--active: var(--theme-color-alarm--active);
      --theme-checkbox-unchecked--border-color--warning: var(--theme-color-warning);
      --theme-checkbox-unchecked--border-color--warning--hover: var(--theme-color-warning--hover);
      --theme-checkbox-unchecked--border-color--warning--active: var(--theme-color-warning--active);
      --theme-checkbox-unchecked--border-color--info: var(--theme-color-info);
      --theme-checkbox-unchecked--border-color--info--hover: var(--theme-color-info--hover);
      --theme-checkbox-unchecked--border-color--info--active: var(--theme-color-info--active);
      --theme-checkbox-checked--background: var(--theme-color-dynamic);
      --theme-checkbox-checked--background--hover: var(--theme-color-dynamic--hover);
      --theme-checkbox-checked--background--active: var(--theme-color-dynamic--active);
      --theme-checkbox-checked--background--disabled: var(--theme-color-component-4);
      --theme-checkbox-checked--background--invalid: var(--theme-color-alarm);
      --theme-checkbox-checked--background--invalid--hover: var(--theme-color-alarm--hover);
      --theme-checkbox-checked--background--invalid--active: var(--theme-color-alarm--active);
      --theme-checkbox-checked--background--warning: var(--theme-color-warning);
      --theme-checkbox-checked--background--warning--hover: var(--theme-color-warning--hover);
      --theme-checkbox-checked--background--warning--active: var(--theme-color-warning--active);
      --theme-checkbox-checked--background--info: var(--theme-color-info);
      --theme-checkbox-checked--background--info--hover: var(--theme-color-info--hover);
      --theme-checkbox-checked--background--info--active: var(--theme-color-info--active);
      --theme-checkbox-checked--border-color: var(--theme-color-0);
      --theme-checkbox-checked--border-color--hover: var(--theme-color-0);
      --theme-checkbox-checked--border-color--active: var(--theme-color-0);
      --theme-checkbox-checked--border-color--disabled: var(--theme-color-0);
      --theme-checkbox-checked--border-color--invalid: var(--theme-color-0);
      --theme-checkbox-checked--border-color--invalid--hover: var(--theme-color-0);
      --theme-checkbox-checked--border-color--invalid--active: var(--theme-color-0);
      --theme-checkbox-checked--border-color--warning: var(--theme-color-0);
      --theme-checkbox-checked--border-color--warning--hover: var(--theme-color-0);
      --theme-checkbox-checked--border-color--warning--active: var(--theme-color-0);
      --theme-checkbox-checked--border-color--info: var(--theme-color-0);
      --theme-checkbox-checked--border-color--info--hover: var(--theme-color-0);
      --theme-checkbox-checked--border-color--info--active: var(--theme-color-0);
      --theme-checkbox-checked--color: var(--theme-color-primary--contrast);
      --theme-checkbox-checked--color--hover: var(--theme-color-primary--contrast);
      --theme-checkbox-checked--color--active: var(--theme-color-primary--contrast);
      --theme-checkbox-checked--color--disabled: var(--theme-color-primary--contrast);
      --theme-checkbox-checked--color--invalid: var(--theme-color-alarm--contrast);
      --theme-checkbox-checked--color--invalid--hover: var(--theme-color-alarm--contrast);
      --theme-checkbox-checked--color--invalid--active: var(--theme-color-alarm--contrast);
      --theme-checkbox-checked--color--warning: var(--theme-color-warning--contrast);
      --theme-checkbox-checked--color--warning--hover: var(--theme-color-warning--contrast);
      --theme-checkbox-checked--color--warning--active: var(--theme-color-warning--contrast);
      --theme-checkbox-checked--color--info: var(--theme-color-info--contrast);
      --theme-checkbox-checked--color--info--hover: var(--theme-color-info--contrast);
      --theme-checkbox-checked--color--info--active: var(--theme-color-info--contrast);
      --theme-checkbox-mixed--background: var(--theme-color-dynamic);
      --theme-checkbox-mixed--background--hover: var(--theme-color-dynamic--hover);
      --theme-checkbox-mixed--background--active: var(--theme-color-dynamic--active);
      --theme-checkbox-mixed--background--disabled: var(--theme-color-component-4);
      --theme-checkbox-mixed--background--invalid: var(--theme-color-alarm);
      --theme-checkbox-mixed--background--invalid--hover: var(--theme-color-alarm--hover);
      --theme-checkbox-mixed--background--invalid--active: var(--theme-color-alarm--active);
      --theme-checkbox-mixed--background--warning: var(--theme-color-warning);
      --theme-checkbox-mixed--background--warning--hover: var(--theme-color-warning--hover);
      --theme-checkbox-mixed--background--warning--active: var(--theme-color-warning--active);
      --theme-checkbox-mixed--border-color: var(--theme-color-0);
      --theme-checkbox-mixed--border-color--hover: var(--theme-color-0);
      --theme-checkbox-mixed--border-color--active: var(--theme-color-0);
      --theme-checkbox-mixed--border-color--disabled: var(--theme-color-0);
      --theme-checkbox-mixed--border-color--invalid: var(--theme-color-0);
      --theme-checkbox-mixed--border-color--invalid--hover: var(--theme-color-0);
      --theme-checkbox-mixed--border-color--invalid--active: var(--theme-color-0);
      --theme-checkbox-mixed--border-color--warning: var(--theme-color-0);
      --theme-checkbox-mixed--border-color--warning--hover: var(--theme-color-0);
      --theme-checkbox-mixed--border-color--warning--active: var(--theme-color-0);
      --theme-checkbox-mixed--border-color--info: var(--theme-color-0);
      --theme-checkbox-mixed--border-color--info--hover: var(--theme-color-0);
      --theme-checkbox-mixed--border-color--info--active: var(--theme-color-0);
      --theme-checkbox-mixed--color: var(--theme-color-primary--contrast);
      --theme-checkbox-mixed--color--hover: var(--theme-color-primary--contrast);
      --theme-checkbox-mixed--color--active: var(--theme-color-primary--contrast);
      --theme-checkbox-mixed--color--disabled: var(--theme-color-primary--contrast);
      --theme-checkbox-mixed--color--invalid: var(--theme-color-alarm--contrast);
      --theme-checkbox-mixed--color--invalid--hover: var(--theme-color-alarm--contrast);
      --theme-checkbox-mixed--color--invalid--active: var(--theme-color-alarm--contrast);
      --theme-checkbox-mixed--color--warning: var(--theme-color-warning--contrast);
      --theme-checkbox-mixed--color--warning--hover: var(--theme-color-warning--contrast);
      --theme-checkbox-mixed--color--warning--active: var(--theme-color-warning--contrast);
      --theme-checkbox-mixed--color--info: var(--theme-color-info--contrast);
      --theme-checkbox-mixed--color--info--hover: var(--theme-color-info--contrast);
      --theme-checkbox-mixed--color--info--active: var(--theme-color-info--contrast);
      --theme-checkbox-label--color: var(--theme-color-std-text);
      --theme-checkbox-label--color--disabled: var(--theme-color-weak-text);
      --theme-ghost--background: var(--theme-color-ghost);
      --theme-ghost--background--hover: var(--theme-color-ghost--hover);
      --theme-ghost--background--active: var(--theme-color-ghost--active);
      --theme-radiobtn-unchecked--background: var(--theme-color-secondary);
      --theme-radiobtn-unchecked--background--hover: var(--theme-color-secondary--hover);
      --theme-radiobtn-unchecked--background--active: var(--theme-color-secondary--active);
      --theme-radiobtn-unchecked--background--disabled: var(--theme-color-ghost);
      --theme-radiobtn-unchecked--background--invalid: var(--theme-color-component-error);
      --theme-radiobtn-unchecked--background--invalid--hover: var(--theme-color-component-error);
      --theme-radiobtn-unchecked--background--invalid--active: var(--theme-color-component-error);
      --theme-radiobtn-unchecked--background--warning: var(--theme-color-secondary);
      --theme-radiobtn-unchecked--background--warning--hover: var(--theme-color-secondary--hover);
      --theme-radiobtn-unchecked--background--warning--active: var(--theme-color-secondary--active);
      --theme-radiobtn-unchecked--background--info: var(--theme-color-secondary);
      --theme-radiobtn-unchecked--background--info--hover: var(--theme-color-secondary--hover);
      --theme-radiobtn-unchecked--background--info--active: var(--theme-color-secondary--active);
      --theme-radiobtn-unchecked--border-color: var(--theme-color-contrast-bdr);
      --theme-radiobtn-unchecked--border-color--hover: var(--theme-color-dynamic);
      --theme-radiobtn-unchecked--border-color--active: var(--theme-color-dynamic);
      --theme-radiobtn-unchecked--border-color--disabled: var(--theme-color-component-4);
      --theme-radiobtn-unchecked--border-color--invalid: var(--theme-color-alarm);
      --theme-radiobtn-unchecked--border-color--invalid--hover: var(--theme-color-alarm--hover);
      --theme-radiobtn-unchecked--border-color--invalid--active: var(--theme-color-alarm--active);
      --theme-radiobtn-unchecked--border-color--warning: var(--theme-color-warning);
      --theme-radiobtn-unchecked--border-color--warning--hover: var(--theme-color-warning--hover);
      --theme-radiobtn-unchecked--border-color--warning--active: var(--theme-color-warning--active);
      --theme-radiobtn-unchecked--border-color--info: var(--theme-color-info);
      --theme-radiobtn-unchecked--border-color--info--hover: var(--theme-color-info--hover);
      --theme-radiobtn-unchecked--border-color--info--active: var(--theme-color-info--active);
      --theme-radiobtn-checked--background: var(--theme-color-dynamic);
      --theme-radiobtn-checked--background--hover: var(--theme-color-dynamic--hover);
      --theme-radiobtn-checked--background--active: var(--theme-color-dynamic--active);
      --theme-radiobtn-checked--background--disabled: var(--theme-color-component-4);
      --theme-radiobtn-checked--background--invalid: var(--theme-color-alarm);
      --theme-radiobtn-checked--background--invalid--hover: var(--theme-color-alarm--hover);
      --theme-radiobtn-checked--background--invalid--active: var(--theme-color-alarm--active);
      --theme-radiobtn-checked--background--warning: var(--theme-color-warning);
      --theme-radiobtn-checked--background--warning--hover: var(--theme-color-warning--hover);
      --theme-radiobtn-checked--background--warning--active: var(--theme-color-warning--active);
      --theme-radiobtn-checked--background--info: var(--theme-color-info);
      --theme-radiobtn-checked--background--info--hover: var(--theme-color-info--hover);
      --theme-radiobtn-checked--background--info--active: var(--theme-color-info--active);
      --theme-radiobtn-checked--border-color: var(--theme-color-0);
      --theme-radiobtn-checked--border-color--hover: var(--theme-color-0);
      --theme-radiobtn-checked--border-color--active: var(--theme-color-0);
      --theme-radiobtn-checked--border-color--disabled: var(--theme-color-0);
      --theme-radiobtn-checked--border-color--invalid: var(--theme-color-0);
      --theme-radiobtn-checked--border-color--invalid--hover: var(--theme-color-0);
      --theme-radiobtn-checked--border-color--invalid--active: var(--theme-color-0);
      --theme-radiobtn-checked--border-color--warning: var(--theme-color-0);
      --theme-radiobtn-checked--border-color--warning--hover: var(--theme-color-0);
      --theme-radiobtn-checked--border-color--warning--active: var(--theme-color-0);
      --theme-radiobtn-checked--border-color--info: var(--theme-color-0);
      --theme-radiobtn-checked--border-color--info--hover: var(--theme-color-0);
      --theme-radiobtn-checked--border-color--info--active: var(--theme-color-0);
      --theme-radiobtn-checked--color: var(--theme-color-primary--contrast);
      --theme-radiobtn-checked--color--hover: var(--theme-color-primary--contrast);
      --theme-radiobtn-checked--color--active: var(--theme-color-primary--contrast);
      --theme-radiobtn-checked--color--disabled: var(--theme-color-primary--contrast);
      --theme-radiobtn-checked--color--invalid: var(--theme-color-alarm--contrast);
      --theme-radiobtn-checked--color--invalid--hover: var(--theme-color-alarm--contrast);
      --theme-radiobtn-checked--color--invalid--active: var(--theme-color-alarm--contrast);
      --theme-radiobtn-checked--color--warning: var(--theme-color-warning--contrast);
      --theme-radiobtn-checked--color--warning--hover: var(--theme-color-warning--contrast);
      --theme-radiobtn-checked--color--warning--active: var(--theme-color-warning--contrast);
      --theme-radiobtn-checked--color--info: var(--theme-color-info--contrast);
      --theme-radiobtn-checked--color--info--hover: var(--theme-color-info--contrast);
      --theme-radiobtn-checked--color--info--active: var(--theme-color-info--contrast);
      --theme-radiobtn-label--color: var(--theme-color-std-text);
      --theme-radiobtn-label--color--disabled: var(--theme-color-weak-text);
      --theme-nav--background: var(--theme-color-2);
      --theme-avatar-btn--background: var(--theme-color-ghost);
      --theme-avatar-btn--background--hover: var(--theme-color-ghost--hover);
      --theme-avatar-btn--background--active: var(--theme-color-ghost--active);
      --theme-avatar-btn--color: var(--theme-color-std-text);
      --theme-avatar-btn--color--hover: var(--theme-color-std-text);
      --theme-avatar-btn--color--active: var(--theme-color-std-text);
      --theme-menu-btn--color: var(--theme-color-std-text);
      --theme-menu-btn--color--hover: var(--theme-color-std-text);
      --theme-menu-btn--color--active: var(--theme-color-std-text);
      --theme-menu-btn--background: var(--theme-color-ghost);
      --theme-menu-btn--background--hover: var(--theme-color-ghost--hover);
      --theme-menu-btn--background--active: var(--theme-color-ghost--active);
      --theme-nav-item-primary--background: var(--theme-color-ghost);
      --theme-nav-item-primary--background--hover: var(--theme-color-ghost--hover);
      --theme-nav-item-primary--background--active: var(--theme-color-ghost--active);
      --theme-nav-item-primary--background--selected: var(--theme-color-1);
      --theme-nav-item-primary--border-color: var(--theme-color-0);
      --theme-nav-item-primary--border-color--hover: var(--theme-color-0);
      --theme-nav-item-primary--border-color--active: var(--theme-color-0);
      --theme-nav-item-primary--border-color--selected: var(--theme-color-dynamic);
      --theme-nav-item-primary--color: var(--theme-color-std-text);
      --theme-nav-item-primary--color--hover: var(--theme-color-std-text);
      --theme-nav-item-primary--color--active: var(--theme-color-std-text);
      --theme-nav-item-primary--color--selected: var(--theme-color-std-text);
      --theme-nav-item-primary-icon--color: var(--theme-color-std-text);
      --theme-nav-item-primary-icon--color--hover: var(--theme-color-std-text);
      --theme-nav-item-primary-icon--color--active: var(--theme-color-std-text);
      --theme-nav-item-primary-icon--color--selected: var(--theme-color-std-text);
      --theme-nav-item-secondary--background: var(--theme-color-ghost);
      --theme-nav-item-secondary--background--hover: var(--theme-color-ghost--hover);
      --theme-nav-item-secondary--background--active: var(--theme-color-ghost--active);
      --theme-nav-item-secondary--background--disabled: var(--theme-color-0);
      --theme-nav-item-secondary--background--selected: var(--theme-color-3);
      --theme-nav-item-secondary--border-color: var(--theme-color-0);
      --theme-nav-item-secondary--border-color--hover: var(--theme-color-0);
      --theme-nav-item-secondary--border-color--active: var(--theme-color-0);
      --theme-nav-item-secondary--border-color--disabled: var(--theme-color-0);
      --theme-nav-item-secondary--border-color--selected: var(--theme-color-dynamic);
      --theme-nav-item-secondary--color: var(--theme-color-std-text);
      --theme-nav-item-secondary--color--hover: var(--theme-color-std-text);
      --theme-nav-item-secondary--color--active: var(--theme-color-std-text);
      --theme-nav-item-secondary--color--disabled: var(--theme-color-weak-text);
      --theme-nav-item-secondary--color--selected: var(--theme-color-std-text);
      --theme-nav-item-secondary-icon--color: var(--theme-color-std-text);
      --theme-nav-item-secondary-icon--color--hover: var(--theme-color-std-text);
      --theme-nav-item-secondary-icon--color--active: var(--theme-color-std-text);
      --theme-nav-item-secondary-icon--color--selected: var(--theme-color-std-text);
      --theme-nav-item-secondary-icon--color--disabled: var(--theme-color-weak-text);
      --theme-avatar--background: var(--theme-color-component-3);
      --theme-input--background: var(--theme-color-component-8);
      --theme-input--background--hover: var(--theme-color-component-8--hover);
      --theme-input--background--focus: var(--theme-color-component-8--hover);
      --theme-input--background--readonly: var(--theme-color-0);
      --theme-input--background--autofill: var(--theme-color-component-info);
      --theme-input--background--disabled: var(--theme-color-0);
      --theme-input--background--invalid: var(--theme-color-component-error);
      --theme-input--background--invalid--hover: var(--theme-color-component-error);
      --theme-input--background--invalid--focus: var(--theme-color-component-error);
      --theme-input--border-color: var(--theme-color-std-bdr);
      --theme-input--border-color--hover: var(--theme-color-dynamic);
      --theme-input--border-color--focus: var(--theme-color-dynamic);
      --theme-input--border-color--autofill: var(--theme-color-hard-bdr);
      --theme-input--border-color--readonly: var(--theme-color-0);
      --theme-input--border-color--disabled: var(--theme-color-0);
      --theme-input--border-color-bottom--readonly: var(--theme-color-soft-bdr);
      --theme-input--border-color-bottom--disabled: var(--theme-color-weak-bdr);
      --theme-input--border-color--invalid: var(--theme-color-alarm);
      --theme-input--border-color--invalid--hover: var(--theme-color-alarm);
      --theme-input--border-color--invalid--active: var(--theme-color-alarm);
      --theme-input--border-color--warning: var(--theme-color-warning);
      --theme-input--border-color--warning--hover: var(--theme-color-warning);
      --theme-input--border-color--warning--active: var(--theme-color-warning);
      --theme-input--border-color--info: var(--theme-color-info);
      --theme-input--border-color--info--hover: var(--theme-color-info);
      --theme-input--border-color--info--active: var(--theme-color-info);
      --theme-input-hint--color: var(--theme-color-soft-text);
      --theme-input--color: var(--theme-color-std-text);
      --theme-input--color--disabled: var(--theme-color-weak-text);
      --theme-input--color--autofill: var(--theme-color-std-text);
      --theme-input-error--background: var(--theme-color-component-error);
      --theme-input-error--border-color: var(--theme-color-alarm);
      --theme-input-error-icon--color: var(--theme-color-alarm);
      --theme-helper--color: var(--theme-color-soft-text);
      --theme-helper--color--invalid: var(--theme-color-alarm-text);
      --theme-helper--color--valid: var(--theme-color-std-text);
      --theme-helper--color--warning: var(--theme-color-std-text);
      --theme-helper--color--info: var(--theme-color-std-text);
      --theme-helper-icon--color--invalid: var(--theme-color-alarm);
      --theme-helper-icon--color--valid: var(--theme-color-success);
      --theme-helper-icon--color--warning: var(--theme-color-warning);
      --theme-helper-icon--color--info: var(--theme-color-info);
      --theme-blind-base--border-color: var(--theme-color-0);
      --theme-blind-base--background: var(--theme-color-component-1);
      --theme-blind-header-closed--background: var(--theme-color-ghost);
      --theme-blind-header-closed--background--hover: var(--theme-color-ghost--hover);
      --theme-blind-header-closed--background--active: var(--theme-color-ghost--active);
      --theme-blind-header-open--background: var(--theme-color-ghost);
      --theme-blind-header-open--background--hover: var(--theme-color-ghost--hover);
      --theme-blind-header-open--background--active: var(--theme-color-ghost--active);
      --theme-blind-header-open--color--active: var(--theme-color-std-text);
      --theme-blind-header-icon-open--color--active: var(--theme-color-dynamic);
      --theme-blind-header-icon-open--color--hover: var(--theme-color-dynamic);
      --theme-blind-header-open--color--hover: var(--theme-color-std-text);
      --theme-blind-header-icon-open--color: var(--theme-color-dynamic);
      --theme-blind-header-open--color: var(--theme-color-std-text);
      --theme-blind-header-icon-closed--color: var(--theme-color-primary);
      --theme-blind-header-icon-closed--color--active: var(--theme-color-primary);
      --theme-blind-header-icon-closed--color--hover: var(--theme-color-primary);
      --theme-blind-header-closed--color: var(--theme-color-std-text);
      --theme-blind-header-closed--color--active: var(--theme-color-std-text);
      --theme-blind-header-closed--color--hover: var(--theme-color-std-text);
      --theme-breadcrumb-btn--background: var(--theme-color-component-1);
      --theme-breadcrumb-btn--background--hover: var(--theme-color-component-1--hover);
      --theme-breadcrumb-btn--background--active: var(--theme-color-component-1--active);
      --theme-breadcrumb-btn--color: var(--theme-color-soft-text);
      --theme-breadcrumb-btn--color--hover: var(--theme-color-std-text);
      --theme-breadcrumb-btn--color--active: var(--theme-color-std-text);
      --theme-breadcrumb-btn-arrow--color: var(--theme-color-soft-text);
      --theme-breadcrumb-btn-arrow--color--hover: var(--theme-color-std-text);
      --theme-breadcrumb-btn-arrow--color--active: var(--theme-color-std-text);
      --theme-breadcrumb-btn-last--color: var(--theme-color-soft-text);
      --theme-breadcrumb-ghost--color: var(--theme-color-primary);
      --theme-breadcrumb-ghost--color--hover: var(--theme-color-dynamic);
      --theme-breadcrumb-ghost--color--active: var(--theme-color-dynamic);
      --theme-breadcrumb-ghost-arrow--color: var(--theme-color-soft-text);
      --theme-breadcrumb-ghost-arrow--color--hover: var(--theme-color-dynamic);
      --theme-breadcrumb-ghost-arrow--color--active: var(--theme-color-dynamic);
      --theme-breadcrumb-ghost--background: var(--theme-color-ghost);
      --theme-breadcrumb-ghost--background--hover: var(--theme-color-ghost--hover);
      --theme-breadcrumb-ghost--background--active: var(--theme-color-ghost--active);
      --theme-breadcrumb-ghost-last--color: var(--theme-color-soft-text);
      --theme-avatar--color: var(--theme-color-std-text);
      --theme-chip-close-btn--background--hover: var(--theme-color-ghost--hover);
      --theme-chip-close-btn--background--active: var(--theme-color-ghost--active);
      --theme-chip-close-btn--color: var(--theme-color-soft-text);
      --theme-chip-outline--color: var(--theme-color-std-text);
      --theme-chip-outline--background: var(--theme-color-1);
      --theme-chip-outline--background--hover: var(--theme-color-1--hover);
      --theme-chip-outline--background--active: var(--theme-color-1--active);
      --theme-chip--background: var(--theme-color-component-1);
      --theme-chip--background--hover: var(--theme-color-component-1--hover);
      --theme-chip--background--active: var(--theme-color-component-1--active);
      --theme-chip--color: var(--theme-color-std-text);
      --theme-chip-close-btn--background: var(--theme-color-ghost);
      --theme-pill-outline--color: var(--theme-color-std-text);
      --theme-pill-outline--background: var(--theme-color-1);
      --theme-chip-primary-outline--background: var(--theme-color-secondary);
      --theme-chip-primary-outline--background--hover: var(--theme-color-secondary--hover);
      --theme-chip-primary-outline--background--active: var(--theme-color-secondary--active);
      --theme-chip-primary-outline--border-color: var(--theme-color-primary);
      --theme-chip-primary-outline--border-color--hover: var(--theme-color-dynamic);
      --theme-chip-primary-outline--border-color--active: var(--theme-color-dynamic);
      --theme-chip-primary-outline--color: var(--theme-color-primary);
      --theme-chip-primary-outline--color--hover: var(--theme-color-dynamic);
      --theme-chip-primary-outline--color--active: var(--theme-color-dynamic);
      --theme-chip-primary--background: var(--theme-color-primary);
      --theme-chip-primary--background--hover: var(--theme-color-primary--hover);
      --theme-chip-primary--background--active: var(--theme-color-primary--active);
      --theme-chip-primary--color: var(--theme-color-primary--contrast);
      --theme-chip-primary--color--hover: var(--theme-color-primary--contrast);
      --theme-chip-primary--color--active: var(--theme-color-primary--contrast);
      --theme-chip-primary-outline--background--display: var(--theme-color-secondary);
      --theme-chip-primary-outline--border-color--display: var(--theme-color-primary);
      --theme-chip-primary-outline--color--display: var(--theme-color-std-text);
      --theme-menu--background: var(--theme-color-2);
      --theme-menu--border-color: var(--theme-color-0);
      --theme-menu-header--color: var(--theme-color-soft-text);
      --theme-menu-separator--background: var(--theme-color-x-weak-bdr);
      --theme-menu-item--background: var(--theme-color-ghost);
      --theme-menu-item--background--hover: var(--theme-color-ghost--hover);
      --theme-menu-item--background--active: var(--theme-color-ghost--active);
      --theme-menu-item--background--disabled: var(--theme-color-ghost);
      --theme-menu-item--color: var(--theme-color-std-text);
      --theme-menu-item--color--hover: var(--theme-color-std-text);
      --theme-menu-item--color--active: var(--theme-color-std-text);
      --theme-menu-item--color--disabled: var(--theme-color-weak-text);
      --theme-menu-item-icon--color: var(--theme-color-soft-text);
      --theme-menu-item-icon--color--hover: var(--theme-color-std-text);
      --theme-menu-item-icon--color--active: var(--theme-color-std-text);
      --theme-menu-item-icon--color--disabled: var(--theme-color-weak-text);
      --theme-menu-item-arrow--color: var(--theme-color-soft-text);
      --theme-menu-item-arrow--color--hover: var(--theme-color-std-text);
      --theme-menu-item-arrow--color--active: var(--theme-color-std-text);
      --theme-menu-item-arrow--color--disabled: var(--theme-color-weak-text);
      --theme-menu-item-check--color: var(--theme-color-soft-text);
      --theme-menu-item-check--color--hover: var(--theme-color-std-text);
      --theme-menu-item-check--color--active: var(--theme-color-std-text);
      --theme-menu-item-check--color--disabled: var(--theme-color-weak-text);
      --theme-select-list-item--background: var(--theme-color-ghost);
      --theme-select-list-item--background--hover: var(--theme-color-ghost--hover);
      --theme-select-list-item--background--active: var(--theme-color-ghost--active);
      --theme-select-list-item--background--disabled: var(--theme-color-ghost);
      --theme-select-list-item--background--selected: var(--theme-color-ghost--selected);
      --theme-select-list-item--background--selected-hover: var(--theme-color-ghost--selected-hover);
      --theme-select-list-item--background--selected-active: var(--theme-color-ghost--selected-active);
      --theme-select-list-item--background--selected-disabled: var(--theme-color-ghost);
      --theme-select-list-item--color: var(--theme-color-std-text);
      --theme-select-list-item--color--hover: var(--theme-color-std-text);
      --theme-select-list-item--color--active: var(--theme-color-std-text);
      --theme-select-list-item--color--disabled: var(--theme-color-weak-text);
      --theme-select-list-item--color--selected: var(--theme-color-std-text);
      --theme-select-list-item--color--selected-hover: var(--theme-color-std-text);
      --theme-select-list-item--color--selected-active: var(--theme-color-std-text);
      --theme-select-list-item--color--selected-disabled: var(--theme-color-weak-text);
      --theme-select-list-item-check--color: var(--theme-color-std-text);
      --theme-select-list-item-check--color--hover: var(--theme-color-std-text);
      --theme-select-list-item-check--color--active: var(--theme-color-std-text);
      --theme-select-list-item-check--color--disabled: var(--theme-color-weak-text);
      --theme-select-list--background: var(--theme-color-2);
      --theme-select-list--border-color: var(--theme-color-0);
      --theme-tab--background: var(--theme-color-ghost);
      --theme-tab--background--hover: var(--theme-color-ghost-primary--hover);
      --theme-tab--background--active: var(--theme-color-ghost-primary--active);
      --theme-tab--background--selected: var(--theme-color-ghost);
      --theme-tab--background--disabled: var(--theme-color-ghost);
      --theme-tab-indicator--background: var(--theme-color-soft-bdr);
      --theme-tab-indicator--background--hover: var(--theme-color-soft-bdr);
      --theme-tab-indicator--background--active: var(--theme-color-soft-bdr);
      --theme-tab-indicator--background--selected: var(--theme-color-dynamic);
      --theme-tab-indicator--background--disabled: var(--theme-color-soft-bdr);
      --theme-animated-tab-indicator--background: var(--theme-color-soft-bdr);
      --theme-animated-tab-indicator--background--hover: var(--theme-color-soft-bdr);
      --theme-animated-tab-indicator--background--active: var(--theme-color-soft-bdr);
      --theme-animated-tab-indicator--background--selected: var(--theme-color-dynamic);
      --theme-tab--color: var(--theme-color-std-text);
      --theme-tab--color--hover: var(--theme-color-std-text);
      --theme-tab--color--active: var(--theme-color-std-text);
      --theme-tab--color--selected: var(--theme-color-std-text);
      --theme-tab--color--disabled: var(--theme-color-weak-text);
      --theme-tab-icon--color: var(--theme-color-std-text);
      --theme-tab-icon--color--hover: var(--theme-color-std-text);
      --theme-tab-icon--color--active: var(--theme-color-std-text);
      --theme-tab-icon--color--selected: var(--theme-color-std-text);
      --theme-tab-icon--color--disabled: var(--theme-color-weak-text);
      --theme-animated-tab-icon--color: var(--theme-color-std-text);
      --theme-animated-tab-icon--color--hover: var(--theme-color-std-text);
      --theme-animated-tab-icon--color--active: var(--theme-color-std-text);
      --theme-animated-tab-icon--color--selected: var(--theme-color-std-text);
      --theme-animated-tab-icon--color--disabled: var(--theme-color-weak-text);
      --theme-animated-tab-circle--background: var(--theme-color-component-1);
      --theme-animated-tab-circle--background--hover: var(--theme-color-ghost-primary--hover);
      --theme-animated-tab-circle--background--active: var(--theme-color-ghost-primary--active);
      --theme-animated-tab-circle--background--selected: var(--theme-color-ghost);
      --theme-animated-tab-circle--background--disabled: var(--theme-color-ghost);
      --theme-animated-tab-circle--border-color: var(--theme-color-0);
      --theme-animated-tab-circle--border-color--hover: var(--theme-color-0);
      --theme-animated-tab-circle--border-color--active: var(--theme-color-0);
      --theme-animated-tab-circle--border-color--selected: var(--theme-color-dynamic);
      --theme-animated-tab-circle--border-color--disabled: var(--theme-color-ghost);
      --theme-tab-pill--border-color: var(--theme-color-neutral);
      --theme-tab-pill--border-color--hover: var(--theme-color-neutral);
      --theme-tab-pill--border-color--active: var(--theme-color-neutral);
      --theme-tab-pill--border-color--selected: var(--theme-color-dynamic);
      --theme-tab-pill--border-color--disabled: var(--theme-color-neutral);
      --theme-input-unit--color: var(--theme-color-soft-text);
      --theme-input-gripper--color: var(--theme-color-weak-text);
      --theme-input-gripper--color--hover: var(--theme-color-weak-text);
      --theme-input-gripper--color--focus: var(--theme-color-weak-text);
      --theme-input-search-icon--color: var(--theme-color-primary);
      --theme-input-search-icon--color--hover: var(--theme-color-dynamic);
      --theme-input-search-icon--color--focus: var(--theme-color-dynamic);
      --theme-input-search-icon--color--disabled: var(--theme-color-weak-text);
      --theme-input-select-icon--color: var(--theme-color-soft-text);
      --theme-input-select-icon--color--hover: var(--theme-color-dynamic);
      --theme-input-select-icon--color--active: var(--theme-color-dynamic);
      --theme-select-list-item-hint--color: var(--theme-color-soft-text);
      --theme-select-list-item-hint--color--hover: var(--theme-color-soft-text);
      --theme-select-list-item-hint--color--active: var(--theme-color-soft-text);
      --theme-switch-off--background: var(--theme-color-component-4);
      --theme-switch-off--background--hover: var(--theme-color-component-5);
      --theme-switch-off--background--active: var(--theme-color-component-4);
      --theme-switch-off--background--disabled: var(--theme-color-component-2);
      --theme-switch-off--background--invalid: var(--theme-color-component-4);
      --theme-switch-off--background--invalid--hover: var(--theme-color-component-5);
      --theme-switch-off--background--invalid--active: var(--theme-color-component-4);
      --theme-switch-off--background--warning: var(--theme-color-component-4);
      --theme-switch-off--background--warning--hover: var(--theme-color-component-5);
      --theme-switch-off--background--warning--active: var(--theme-color-component-4);
      --theme-switch-off--background--info: var(--theme-color-component-4);
      --theme-switch-off--background--info--hover: var(--theme-color-component-5);
      --theme-switch-off--background--info--active: var(--theme-color-component-4);
      --theme-switch-off--border-color: var(--theme-color-0);
      --theme-switch-off--border-color--hover: var(--theme-color-0);
      --theme-switch-off--border-color--active: var(--theme-color-0);
      --theme-switch-off--border-color--disabled: var(--theme-color-0);
      --theme-switch-off--border-color--invalid: var(--theme-color-alarm);
      --theme-switch-off--border-color--invalid--hover: var(--theme-color-alarm--hover);
      --theme-switch-off--border-color--invalid--active: var(--theme-color-alarm--active);
      --theme-switch-off--border-color--warning: var(--theme-color-warning);
      --theme-switch-off--border-color--warning--hover: var(--theme-undefined);
      --theme-switch-off--border-color--warning--active: var(--theme-color-warning--active);
      --theme-switch-off--border-color--info: var(--theme-color-info);
      --theme-switch-off--border-color--info--hover: var(--theme-color-info--hover);
      --theme-switch-off--border-color--nfo--active: var(--theme-color-info--active);
      --theme-switch-on--background: var(--theme-color-dynamic);
      --theme-switch-on--background--hover: var(--theme-color-dynamic--hover);
      --theme-switch-on--background--active: var(--theme-color-dynamic--active);
      --theme-switch-on--background--disabled: var(--theme-color-component-2);
      --theme-switch-on--background--invalid: var(--theme-color-alarm);
      --theme-switch-on--background--invalid--hover: var(--theme-color-alarm--hover);
      --theme-switch-on--background--invalid--active: var(--theme-color-alarm--active);
      --theme-switch-on--background--warning: var(--theme-color-warning);
      --theme-switch-on--background--warning--hover: var(--theme-color-warning--hover);
      --theme-switch-on--background--warning--active: var(--theme-color-warning--active);
      --theme-switch-on--background--info: var(--theme-color-info);
      --theme-switch-on--background--info--hover: var(--theme-color-info--hover);
      --theme-switch-on--background--info--active: var(--theme-color-info--active);
      --theme-switch-on--border-color: var(--theme-color-0);
      --theme-switch-on--border-color--hover: var(--theme-color-0);
      --theme-switch-on--border-color--active: var(--theme-color-0);
      --theme-switch-on--border-color--disabled: var(--theme-color-0);
      --theme-switch-on--border-color--invalid: var(--theme-color-0);
      --theme-switch-on--border-color--invalid--hover: var(--theme-color-0);
      --theme-switch-on--border-color--invalid--active: var(--theme-color-0);
      --theme-switch-on--border-color--warning: var(--theme-color-0);
      --theme-switch-on--border-color--warning--hover: var(--theme-color-0);
      --theme-switch-on--border-color--warning--active: var(--theme-color-0);
      --theme-switch-on--border-color--info: var(--theme-color-0);
      --theme-switch-on--border-color--info--hover: var(--theme-color-0);
      --theme-switch-on--border-color--info--active: var(--theme-color-0);
      --theme-switch-mixed--background: var(--theme-color-component-4);
      --theme-switch-mixed--background--hover: var(--theme-color-component-5);
      --theme-switch-mixed--background--active: var(--theme-color-component-4);
      --theme-switch-mixed--background--disabled: var(--theme-color-component-2);
      --theme-switch-mixed--background--invalid: var(--theme-color-component-4);
      --theme-switch-mixed--background--invalid--hover: var(--theme-color-component-5);
      --theme-switch-mixed--background--invalid--active: var(--theme-color-component-4);
      --theme-switch-mixed--background--warning: var(--theme-color-component-4);
      --theme-switch-mixed--background--warning--hover: var(--theme-color-component-5);
      --theme-switch-mixed--background--warning--active: var(--theme-color-component-4);
      --theme-switch-mixed--background--info: var(--theme-color-component-4);
      --theme-switch-mixed--background--info--hover: var(--theme-color-component-5);
      --theme-switch-mixed--background--info--active: var(--theme-color-component-4);
      --theme-switch-mixed--border-color: var(--theme-color-0);
      --theme-switch-mixed--border-color--hover: var(--theme-color-0);
      --theme-switch-mixed--border-color--active: var(--theme-color-0);
      --theme-switch-mixed--border-color--disabled: var(--theme-color-0);
      --theme-switch-thumb-off--background: var(--theme-color-1);
      --theme-switch-thumb-off--background--hover: var(--theme-color-1);
      --theme-switch-thumb-off--background--active: var(--theme-color-1);
      --theme-switch-thumb-off--background--disabled: var(--theme-color-component-3);
      --theme-switch-thumb-off--background--invalid: var(--theme-color-1);
      --theme-switch-thumb-off--background--invalid--hover: var(--theme-color-1);
      --theme-switch-thumb-off--background--invalid--active: var(--theme-color-1);
      --theme-switch-thumb-off--background--warning: var(--theme-color-1);
      --theme-switch-thumb-off--background--warning--hover: var(--theme-color-1);
      --theme-switch-thumb-off--background--warning--active: var(--theme-color-1);
      --theme-switch-thumb-off--background--info: var(--theme-color-1);
      --theme-switch-thumb-off--background--info--hover: var(--theme-color-1);
      --theme-switch-thumb-off--background--info--active: var(--theme-color-1);
      --theme-switch-thumb-off--border-color: var(--theme-color-0);
      --theme-switch-thumb-off--border-color--hover: var(--theme-color-0);
      --theme-switch-thumb-off--border-color--active: var(--theme-color-0);
      --theme-switch-thumb-off--border-color--disabled: var(--theme-color-0);
      --theme-switch-thumb-off--border-color--invalid: var(--theme-color-0);
      --theme-switch-thumb-off--border-color--invalid--hover: var(--theme-color-0);
      --theme-switch-thumb-off--border-color--invalid--active: var(--theme-color-0);
      --theme-switch-thumb-off--border-color--warning: var(--theme-color-0);
      --theme-switch-thumb-off--border-color--warning--hover: var(--theme-color-0);
      --theme-switch-thumb-off--border-color--warning--active: var(--theme-color-0);
      --theme-switch-thumb-on--background: var(--theme-color-primary--contrast);
      --theme-switch-thumb-on--background--hover: var(--theme-color-primary--contrast);
      --theme-switch-thumb-on--background--active: var(--theme-color-primary--contrast);
      --theme-switch-thumb-on--background--disabled: var(--theme-color-component-3);
      --theme-switch-thumb-on--background--invalid: var(--theme-color-alarm--contrast);
      --theme-switch-thumb-on--background--invalid--hover: var(--theme-color-alarm--contrast);
      --theme-switch-thumb-on--background--invalid--active: var(--theme-color-alarm--contrast);
      --theme-switch-thumb-on--background--warning: var(--theme-color-warning--contrast);
      --theme-switch-thumb-on--background--warning--hover: var(--theme-color-warning--contrast);
      --theme-switch-thumb-on--background--warning--active: var(--theme-color-warning--contrast);
      --theme-switch-thumb-on--background--info: var(--theme-color-info--contrast);
      --theme-switch-thumb-on--background--info--hover: var(--theme-color-info--contrast);
      --theme-switch-thumb-on--background--info--active: var(--theme-color-info--contrast);
      --theme-switch-thumb-on--border-color: var(--theme-color-0);
      --theme-switch-thumb-on--border-color--hover: var(--theme-color-0);
      --theme-switch-thumb-on--border-color--active: var(--theme-color-0);
      --theme-switch-thumb-on--border-color--disabled: var(--theme-color-0);
      --theme-switch-thumb-on--border-color--invalid: var(--theme-color-0);
      --theme-switch-thumb-on--border-color--invalid--hover: var(--theme-color-0);
      --theme-switch-thumb-on--border-color--invalid--active: var(--theme-color-0);
      --theme-switch-thumb-on--border-color--warning: var(--theme-color-0);
      --theme-switch-thumb-on--border-color--warning--hover: var(--theme-color-0);
      --theme-switch-thumb-on--border-color--warning--active: var(--theme-color-0);
      --theme-switch-thumb-on--border-color--info: var(--theme-color-0);
      --theme-switch-thumb-on--border-color--info--hover: var(--theme-color-0);
      --theme-switch-thumb-on--border-color--info--active: var(--theme-color-0);
      --theme-switch-thumb-mixed--background: var(--theme-color-1);
      --theme-switch-thumb-mixed--background--hover: var(--theme-color-1);
      --theme-switch-thumb-mixed--background--active: var(--theme-color-1);
      --theme-switch-thumb-mixed--background--disabled: var(--theme-color-component-3);
      --theme-switch-thumb-mixed--background--invalid: var(--theme-color-1);
      --theme-switch-thumb-mixed--background--invalid--hover: var(--theme-color-1);
      --theme-switch-thumb-mixed--background--invalid--active: var(--theme-color-1);
      --theme-switch-thumb-mixed--background--warning: var(--theme-color-1);
      --theme-switch-thumb-mixed--background--warning--hover: var(--theme-color-1);
      --theme-switch-thumb-mixed--background--warning--active: var(--theme-color-1);
      --theme-switch-thumb-mixed--background--info: var(--theme-color-1);
      --theme-switch-thumb-mixed--background--info--hover: var(--theme-color-1);
      --theme-switch-thumb-mixed--background--info--active: var(--theme-color-1);
      --theme-switch-thumb-mixed--border-color: var(--theme-color-0);
      --theme-switch-thumb-mixed--border-color--hover: var(--theme-color-0);
      --theme-switch-thumb-mixed--border-color--active: var(--theme-color-0);
      --theme-switch-thumb-mixed--border-color--disabled: var(--theme-color-0);
      --theme-switch-thumb-mixed--border-color--invalid: var(--theme-color-0);
      --theme-switch-thumb-mixed--border-color--invalid--hover: var(--theme-color-0);
      --theme-switch-thumb-mixed--border-color--invalid--active: var(--theme-color-0);
      --theme-switch-thumb-mixed--border-color--warning: var(--theme-color-0);
      --theme-switch-thumb-mixed--border-color--warning--hover: var(--theme-color-0);
      --theme-switch-thumb-mixed--border-color--warning--active: var(--theme-color-0);
      --theme-switch-thumb-mixed--border-color--info: var(--theme-color-0);
      --theme-switch-thumb-mixed--border-color--info--hover: var(--theme-color-0);
      --theme-switch-thumb-mixed--border-color--info--active: var(--theme-color-0);
      --theme-switch--color: var(--theme-color-std-text);
      --theme-switch--color--hover: var(--theme-color-std-text);
      --theme-switch--color--active: var(--theme-color-std-text);
      --theme-switch--color--disabled: var(--theme-color-weak-text);
      --theme-messagebar--color: var(--theme-color-std-text);
      --theme-messagebar--background: var(--theme-color-1);
      --theme-scrollbar-track--background: var(--theme-color-2);
      --theme-scrollbar-track--border: var(--theme-color-1);
      --theme-scrollbar-thumb--background: var(--theme-color-5);
      --theme-scrollbar-track--background--hover: var(--theme-color-3);
      --theme-scrollbar-thumb--background--hover: var(--theme-color-7);
      --theme-toast-timer-track--background: var(--theme-color-0);
      --theme-toast-timer-value--background: var(--theme-color-component-4);
      --theme-toast--background: var(--theme-color-2);
      --theme-toast--border-color: var(--theme-color-0);
      --theme-toast--color: var(--theme-color-std-text);
      --theme-modal--background: var(--theme-color-2);
      --theme-modal--border-color: var(--theme-color-0);
      --theme-datepicker-day--background: var(--theme-color-ghost);
      --theme-datepicker-day--background--hover: var(--theme-color-ghost--hover);
      --theme-datepicker-day--background--active: var(--theme-color-ghost--active);
      --theme-datepicker-day--background--disabled: var(--theme-color-ghost);
      --theme-datepicker-day--border-color: var(--theme-color-0);
      --theme-datepicker-day--border-color--hover: var(--theme-color-0);
      --theme-datepicker-day--border-color--active: var(--theme-color-0);
      --theme-datepicker-day--border-color--disabled: var(--theme-color-0);
      --theme-datepicker-day--color: var(--theme-color-primary);
      --theme-datepicker-day--color--hover: var(--theme-color-primary);
      --theme-datepicker-day--color--active: var(--theme-color-primary);
      --theme-datepicker-day--color--disabled: var(--theme-color-weak-text);
      --theme-datepicker-day--background--selected: var(--theme-color-component-9);
      --theme-datepicker-day--background--selected-hover: var(--theme-color-component-9--hover);
      --theme-datepicker-day--background--selected-active: var(--theme-color-component-9--active);
      --theme-datepicker-day--background--selected-disabled: var(--theme-color-component-9--disabled);
      --theme-datepicker-day--border-color--selected: var(--theme-color-0);
      --theme-datepicker-day--border-color--selected-hover: var(--theme-color-0);
      --theme-datepicker-day--border-color--selected-active: var(--theme-color-0);
      --theme-datepicker-day--border-color--selected-disabled: var(--theme-color-0);
      --theme-datepicker-day--color--selected: var(--theme-color-primary--contrast);
      --theme-datepicker-day--color--selected-hover: var(--theme-color-primary--contrast);
      --theme-datepicker-day--color--selected-active: var(--theme-color-primary--contrast);
      --theme-datepicker-day--color--selected-disabled: var(--theme-color-weak-text);
      --theme-datepicker-day--background--range: var(--theme-color-component-10);
      --theme-datepicker-day--background--range-hover: var(--theme-color-component-10--hover);
      --theme-datepicker-day--background--range-active: var(--theme-color-component-10--active);
      --theme-datepicker-day--background--range-disabled: var(--theme-color-component-10--disabled);
      --theme-datepicker-day--border-color--range: var(--theme-color-0);
      --theme-datepicker-day--border-color--range-hover: var(--theme-color-0);
      --theme-datepicker-day--border-color--range-active: var(--theme-color-0);
      --theme-datepicker-day--border-color--range-disabled: var(--theme-color-0);
      --theme-datepicker-day--color--range: var(--theme-color-primary--contrast);
      --theme-datepicker-day--color--range-hover: var(--theme-color-primary--contrast);
      --theme-datepicker-day--color--range-active: var(--theme-color-primary--contrast);
      --theme-datepicker-day--color--range-disabled: var(--theme-color-weak-text);
      --theme-datepicker-today--background: var(--theme-color-ghost);
      --theme-datepicker-today--background--hover: var(--theme-color-ghost--hover);
      --theme-datepicker-today--background--active: var(--theme-color-ghost--active);
      --theme-datepicker-today--background--disabled: var(--theme-color-ghost);
      --theme-datepicker-today--border-color: var(--theme-color-primary);
      --theme-datepicker-today--border-color--hover: var(--theme-color-primary);
      --theme-datepicker-today--border-color--active: var(--theme-color-primary);
      --theme-datepicker-today--border-color--disabled: var(--theme-color-primary--disabled);
      --theme-datepicker-today--color: var(--theme-color-primary);
      --theme-datepicker-today--color--hover: var(--theme-color-primary);
      --theme-datepicker-today--color--active: var(--theme-color-primary);
      --theme-datepicker-today--color--disabled: var(--theme-color-weak-text);
      --theme-datepicker-today--background--selected: var(--theme-color-component-9);
      --theme-datepicker-today--background--selected-hover: var(--theme-color-component-9--hover);
      --theme-datepicker-today--background--selected-active: var(--theme-color-component-9--active);
      --theme-datepicker-today--background--selected-disabled: var(--theme-color-component-9--disabled);
      --theme-datepicker-today--border-color--selected: var(--theme-color-primary);
      --theme-datepicker-today--border-color--selected-hover: var(--theme-color-primary);
      --theme-datepicker-today--border-color--selected-active: var(--theme-color-primary);
      --theme-datepicker-today--border-color--selected-disabled: var(--theme-color-primary--disabled);
      --theme-datepicker-today--color--selected: var(--theme-color-primary--contrast);
      --theme-datepicker-today--color--selected-hover: var(--theme-color-primary--contrast);
      --theme-datepicker-today--color--selected-active: var(--theme-color-primary--contrast);
      --theme-datepicker-today--color--selected-disabled: var(--theme-color-weak-text);
      --theme-datepicker-today--background--range: var(--theme-color-component-10);
      --theme-datepicker-today--background--range-hover: var(--theme-color-component-10--hover);
      --theme-datepicker-today--background--range-active: var(--theme-color-component-10--active);
      --theme-datepicker-today--background--range-disabled: var(--theme-color-component-10--disabled);
      --theme-datepicker-today--border-color--range: var(--theme-color-primary);
      --theme-datepicker-today--border-color--range-hover: var(--theme-color-primary);
      --theme-datepicker-today--border-color--range-active: var(--theme-color-primary);
      --theme-datepicker-today--border-color--range-disabled: var(--theme-color-primary--disabled);
      --theme-datepicker-today--color--range: var(--theme-color-primary--contrast);
      --theme-datepicker-today--color--range-hover: var(--theme-color-primary--contrast);
      --theme-datepicker-today--color--range-active: var(--theme-color-primary--contrast);
      --theme-datepicker-today--color--range-disabled: var(--theme-color-weak-text);
      --theme-datepicker-separator--background: var(--theme-color-x-weak-bdr);
      --theme-datepicker-weekday--color: var(--theme-color-soft-text);
      --theme-datepicker-cw--color: var(--theme-color-soft-text);
      --theme-datepicker-time-header: var(--theme-color-std-text);
      --theme-datepicker-extra--border-color: var(--theme-color-1);
      --theme-btn-invisible-primary--border-color: var(--theme-color-0);
      --theme-btn-invisible-primary--border-color--hover: var(--theme-color-0);
      --theme-btn-invisible-primary--border-color--active: var(--theme-color-0);
      --theme-btn-invisible-primary--border-color--disabled: var(--theme-color-0);
      --theme-btn-secondary--border-color: var(--theme-color-0);
      --theme-btn-secondary--border-color--hover: var(--theme-color-0);
      --theme-btn-secondary--border-color--active: var(--theme-color-0);
      --theme-btn-secondary--border-color--disabled: var(--theme-color-0);
      --theme-btn-invisible-secondary--border-color: var(--theme-color-0);
      --theme-btn-invisible-secondary--border-color--hover: var(--theme-color-0);
      --theme-btn-invisible-secondary--border-color--active: var(--theme-color-0);
      --theme-btn-invisible-secondary--border-color--disabled: var(--theme-color-0);
      --theme-map-navigation-logo--color: var(--theme-color-logo);
      --theme-map-navigation-header--color: var(--theme-color-std-text);
      --theme-map-navigation-separator--background: var(--theme-color-soft-bdr);
      --theme-map-navigation--background: var(--theme-color-1);
      --theme-btn-invisible-secondary--border-color--selected: var(--theme-color-0);
      --theme-btn-invisible-secondary--border-color--selected-hover: var(--theme-color-0);
      --theme-btn-invisible-secondary--border-color--selected-active: var(--theme-color-0);
      --theme-overlay--background: var(--theme-color-backdrop);
      --theme-overlay-header--background: var(--theme-color-0);
      --theme-overlay-header--color: var(--theme-color-std-text);
      --theme-nav-overlay--background: var(--theme-color-backdrop-3);
      --theme-nav-overlay-header--color: var(--theme-color-std-text);
      --theme-event-item--background: var(--theme-color-component-1);
      --theme-event-item--border--hover: var(--theme-color-0);
      --theme-event-item--border: var(--theme-color-0);
      --theme-event-item--border--active: var(--theme-color-0);
      --theme-event-item--border--selected: var(--theme-color-dynamic);
      --theme-event-item--border--disabled: var(--theme-color-0);
      --theme-event-item--background--hover: var(--theme-color-component-1--hover);
      --theme-event-item--background--active: var(--theme-color-component-1--active);
      --theme-event-item--background--selected: var(--theme-color-component-1--hover);
      --theme-event-item--background--disabled: var(--theme-color-component-1);
      --theme-event-item-chevron--color: var(--theme-color-soft-text);
      --theme-flip--color: var(--theme-color-std-text);
      --theme-flip--background: var(--theme-color-component-1);
      --theme-flip--border-color: var(--theme-color-0);
      --theme-flip-footer--background: var(--theme-color-component-1);
      --theme-flip-footer--color: var(--theme-color-std-text);
      --theme-kpi-display--background: var(--theme-color-ghost);
      --theme-kpi-display--background--hover: var(--theme-color-ghost--hover);
      --theme-kpi-display--background--active: var(--theme-color-ghost--active);
      --theme-kpi-display-indicator--background: var(--theme-color-component-4);
      --theme-kpi-display-label--color: var(--theme-color-soft-text);
      --theme-kpi-display-icon--color: var(--theme-color-std-text);
      --theme-kpi-display-value: var(--theme-color-std-text);
      --theme-kpi-display-units: var(--theme-color-soft-text);
      --theme-tree-item--background: var(--theme-color-ghost);
      --theme-tree-item--background--hover: var(--theme-color-ghost--hover);
      --theme-tree-item--background--active: var(--theme-color-ghost--active);
      --theme-tree-item--background--selected: var(--theme-color-ghost--selected);
      --theme-tree-item--background--selected-hover: var(--theme-color-ghost--selected-hover);
      --theme-tree-item--background--selected-active: var(--theme-color-ghost--selected-active);
      --theme-tree-item-node-closed-icon--color: var(--theme-color-std-text);
      --theme-tree-item-node-open-icon--color: var(--theme-color-dynamic);
      --theme-tree-item--color: var(--theme-color-std-text);
      --theme-tree-item-icon: var(--theme-color-std-text);
      --theme-tree-item-status--color: var(--theme-color-soft-text);
      --theme-workflow-step--background: var(--theme-color-ghost);
      --theme-workflow-step--background--hover: var(--theme-color-ghost--hover);
      --theme-workflow-step--background--active: var(--theme-color-ghost--active);
      --theme-workflow-step--background--selected: var(--theme-color-ghost--selected);
      --theme-workflow-step--background--disabled: var(--theme-color-ghost);
      --theme-workflow-step--color: var(--theme-color-std-text);
      --theme-workflow-step-icon--background: var(--theme-color-1);
      --theme-workflow-step-icon-default--color: var(--theme-color-soft-text);
      --theme-workflow-step-icon-default--color--selected: var(--theme-color-dynamic);
      --theme-workflow-step-icon-default--color--disabled: var(--theme-color-weak-text);
      --theme-workflow-step-icon-done--color: var(--theme-color-primary);
      --theme-workflow-step-icon-done--color--selected: var(--theme-color-dynamic);
      --theme-workflow-step-icon-done--color--disabled: var(--theme-color-weak-text);
      --theme-workflow-step-icon-success--color--disabled: var(--theme-color-weak-text);
      --theme-workflow-step-icon-warning--color--disabled: var(--theme-color-weak-text);
      --theme-workflow-step-icon-error--color--disabled: var(--theme-color-weak-text);
      --theme-tootlip--background: var(--theme-color-2);
      --theme-tooltip--border-color: var(--theme-color-0);
      --theme-tooltip--color: var(--theme-color-std-text);
      --theme-tooltip-close--color: var(--theme-color-soft-text);
      --theme-tooltip-close-btn--background: var(--theme-color-ghost);
      --theme-tooltip-close-btn--background--hover: var(--theme-color-ghost--hover);
      --theme-tooltip-close-btn--background--active: var(--theme-color-ghost--active);
      --theme-table--background: var(--theme-color-0);
      --theme-table--border-color: var(--theme-color-0);
      --theme-table--color: var(--theme-color-std-text);
      --theme-table-header-row--background: var(--theme-color-0);
      --theme-table-header-row--border-color: var(--theme-color-soft-bdr);
      --theme-table-header-cell--background: var(--theme-color-ghost);
      --theme-table-header-cell--background--hover: var(--theme-color-ghost--hover);
      --theme-table-header-cell--background--active: var(--theme-color-ghost--active);
      --theme-table-header-cell--border-color: var(--theme-color-0);
      --theme-table-header-cell--border-color--hover: var(--theme-color-0);
      --theme-table-header-cell--border-color--active: var(--theme-color-0);
      --theme-table-header-cell--color: var(--theme-color-std-text);
      --theme-table-header-filter--color: var(--theme-color-dynamic);
      --theme-table-header-sort--color: var(--theme-color-dynamic);
      --theme-table-header-splitter--background: var(--theme-color-soft-bdr);
      --theme-table-header-splitter--background--hover: var(--theme-color-dynamic);
      --theme-table-data-row--background: var(--theme-color-ghost);
      --theme-table-data-row--background--hover: var(--theme-color-ghost--hover);
      --theme-table-data-row--background--active: var(--theme-color-ghost--active);
      --theme-table-data-row--background--selected: var(--theme-color-ghost--selected);
      --theme-table-data-row--background--disabled: var(--theme-color-ghost);
      --theme-table-data-row--background--selected-hover: var(--theme-color-ghost--selected-hover);
      --theme-table-data-row--background--selected-active: var(--theme-color-ghost--selected-active);
      --theme-table-data-row--border-color: var(--theme-color-weak-bdr);
      --theme-table-data-cell--border-color: var(--theme-color-0);
      --theme-table-data-cell--background: var(--theme-color-ghost);
      --theme-table-data-cell--background--hover: var(--theme-color-ghost--hover);
      --theme-table-data-cell--background--active: var(--theme-color-ghost--active);
      --theme-table-data-cell--background--selected: var(--theme-color-ghost--selected);
      --theme-table-data-cell--background--disabled: var(--theme-color-ghost);
      --theme-table-data-cell--background--selected-hover: var(--theme-color-ghost--selected-hover);
      --theme-table-data-cell--background--selected-active: var(--theme-color-ghost--selected-active);
      --theme-table-data-cell--color: var(--theme-color-std-text);
      --theme-table-data-cell--color-disabled: var(--theme-color-weak-text);
      --theme-table-data-row-alt--background: var(--theme-color-ghost-alt);
      --theme-table-data-row-alt--background--hover: var(--theme-color-ghost-alt--hover);
      --theme-table-data-row-alt--background--active: var(--theme-color-ghost-alt--active);
      --theme-table-data-row-alt--background--selected: var(--theme-color-ghost-alt--selected);
      --theme-table-data-row-alt--background--disabled: var(--theme-color-ghost-alt);
      --theme-table-data-row-alt--background--selected-hover: var(--theme-color-ghost-alt--selected-hover);
      --theme-table-data-row-alt--background--selected-active: var(--theme-color-ghost-alt--selected-active);
      --theme-table-group-splitter--background: var(--theme-color-x-weak-bdr);
      --theme-table-group-splitter--background--hover: var(--theme-color-dynamic);
      --theme-group-item--background: var(--theme-color-component-1);
      --theme-group-item--background--hover: var(--theme-color-component-1--hover);
      --theme-group-item--background--active: var(--theme-color-component-1--active);
      --theme-group-item--background--selected: var(--theme-color-ghost--selected);
      --theme-group-item--background--disabled: var(--theme-color-component-1);
      --theme-group-item--border-color: var(--theme-color-0);
      --theme-group-item--border-color--hover: var(--theme-color-0);
      --theme-group-item--border-color--active: var(--theme-color-0);
      --theme-group-item--border-color--selected: var(--theme-color-0);
      --theme-group-item--border-color--disabled: var(--theme-color-0);
      --theme-group-item-indicator--background: var(--theme-color-0);
      --theme-group-item-indicator--background--selected: var(--theme-color-dynamic);
      --theme-group-item-indicator--background--subselected: var(--theme-color-dynamic);
      --theme-group-node-closed--color: var(--theme-color-std-text);
      --theme-group-node-open--color: var(--theme-color-std-text);
      --theme-group-header--color: var(--theme-color-std-text);
      --theme-group-subheader--color: var(--theme-color-std-text);
      --theme-group-item-icon--color: var(--theme-color-std-text);
      --theme-group-item-text--color: var(--theme-color-std-text);
      --theme-group-item-subtext--color: var(--theme-color-soft-text);
      --theme-group-item-icon--color--disabled: var(--theme-color-weak-text);
      --theme-group-item-text--color--disabled: var(--theme-color-weak-text);
      --theme-group-item-subtext--color--disabled: var(--theme-color-weak-text);
      --theme-upload--background: var(--theme-color-1);
      --theme-upload--background--dragover: var(--theme-color-1);
      --theme-upload--border-color: var(--theme-color-soft-bdr);
      --theme-upload--border-color--dragover: var(--theme-color-dynamic);
      --theme-upload--background--checking: var(--theme-color-1);
      --theme-upload--background--disabled: var(--theme-color-0);
      --theme-upload--border-color--checking: var(--theme-color-soft-bdr);
      --theme-upload--border-color--disabled: var(--theme-color-soft-bdr);
      --theme-upload-text--color: var(--theme-color-std-text);
      --theme-upload-text--color--checking: var(--theme-color-std-text);
      --theme-upload-text--color--disabled: var(--theme-color-weak-text);
      --theme-input-extra--background--active: var(--theme-color-component-8--hover);
      --theme-input-extra--background--hover: var(--theme-color-component-8--hover);
      --theme-table-group-header-row--background: var(--theme-color-0);
      --theme-table-group-header-row--border-color: var(--theme-color-soft-bdr);
      --theme-label--color: var(--theme-color-soft-text);
      --theme-label--color--hover: var(--theme-color-std-text);
      --theme-label--color--active: var(--theme-color-std-text);
      --theme-label--color--focus: var(--theme-color-dynamic);
      --theme-label--color--disabled: var(--theme-color-weak-text);
      --theme-label--color--invalid: var(--theme-color-alarm-text);
      --theme-btn-outline-primary--border-color: var(--theme-color-primary);
      --theme-btn-outline-primary--border-color--hover: var(--theme-color-dynamic);
      --theme-btn-outline-primary--border-color--active: var(--theme-color-dynamic);
      --theme-btn-outline-primary--border-color--disabled: var(--theme-color-component-4);
      --theme-table-selection--border-color: var(--theme-color-0);
      --theme-btn-danger--background: var(--theme-color-alarm);
      --theme-btn-danger--background--hover: var(--theme-color-alarm--hover);
      --theme-btn-danger--background--active: var(--theme-color-alarm--active);
      --theme-btn-danger--background--disabled: var(--theme-color-component-4);
      --theme-btn-danger--color: var(--theme-color-alarm--contrast);
      --theme-btn-danger--color--hover: var(--theme-color-alarm--contrast);
      --theme-btn-danger--color--active: var(--theme-color-alarm--contrast);
      --theme-btn-danger--color--disabled: var(--theme-color-primary--contrast);
      --theme-btn-danger--border-color: var(--theme-color-0);
      --theme-btn-danger--border-color--hover: var(--theme-color-0);
      --theme-btn-danger--border-color--active: var(--theme-color-0);
      --theme-btn-danger--border-color--disabled: var(--theme-color-0);
      --theme-btn-outline-danger--background: var(--theme-color-1);
      --theme-btn-outline-danger--background--hover: var(--theme-color-1--hover);
      --theme-btn-outline-danger--background--active: var(--theme-color-1--active);
      --theme-btn-outline-danger--background--disabled: var(--theme-color-ghost);
      --theme-btn-outline-danger--color: var(--theme-color-alarm);
      --theme-btn-outline-danger--color--hover: var(--theme-color-alarm--hover);
      --theme-btn-outline-danger--color--active: var(--theme-color-alarm--active);
      --theme-btn-outline-danger--color--disabled: var(--theme-color-weak-text);
      --theme-btn-outline-danger--border-color: var(--theme-color-alarm);
      --theme-btn-outline-danger--border-color--hover: var(--theme-color-alarm--hover);
      --theme-btn-outline-danger--border-color--active: var(--theme-color-alarm--active);
      --theme-btn-outline-danger--border-color--disabled: var(--theme-color-component-4);
      --theme-btn-invisible-danger--background: var(--theme-color-ghost);
      --theme-btn-invisible-danger--background--hover: var(--theme-color-ghost--hover);
      --theme-btn-invisible-danger--background--active: var(--theme-color-ghost--active);
      --theme-btn-invisible-danger--background--disabled: var(--theme-color-ghost);
      --theme-btn-invisible-danger--color: var(--theme-color-alarm-text);
      --theme-btn-invisible-danger--color--hover: var(--theme-color-alarm-text);
      --theme-btn-invisible-danger--color--active: var(--theme-color-alarm-text);
      --theme-btn-invisible-danger--color--disabled: var(--theme-color-weak-text);
      --theme-btn-invisible-danger--border-color: var(--theme-color-0);
      --theme-btn-invisible-danger--border-color--hover: var(--theme-color-0);
      --theme-btn-invisible-danger--border-color--active: var(--theme-color-0);
      --theme-btn-invisible-danger--border-color--disabled: var(--theme-color-0);
      --theme-slider-track--background: var(--theme-color-component-4);
      --theme-slider-track--background--disabled: var(--theme-color-component-2);
      --theme-slider-track-marker--background: var(--theme-color-8);
      --theme-slider-track-marker--background--disabled: var(--theme-color-5);
      --theme-slider-thumb--background: var(--theme-color-dynamic);
      --theme-slider-thumb--background--hover: var(--theme-color-dynamic--hover);
      --theme-slider-thumb--background--active: var(--theme-color-dynamic--active);
      --theme-slider-thumb--background--disabled: var(--theme-color-7);
      --theme-slider-thumb--background--invalid: var(--theme-color-alarm);
      --theme-slider-thumb--background--invalid--hover: var(--theme-color-alarm--hover);
      --theme-slider-thumb--background--invalid--active: var(--theme-color-alarm--active);
      --theme-slider-thumb--background--warning: var(--theme-color-warning);
      --theme-slider-thumb--background--warning--hover: var(--theme-color-warning--hover);
      --theme-slider-thumb--background--warning--active: var(--theme-color-warning--active);
      --theme-slider-thumb--background--info: var(--theme-color-info);
      --theme-slider-thumb--background--info--hover: var(--theme-color-info--hover);
      --theme-slider-thumb--background--info--active: var(--theme-color-info--active);
      --theme-slider-trace--background: var(--theme-color-dynamic);
      --theme-slider-trace--background--disabled: var(--theme-color-component-3);
      --theme-slider-trace--background--invalid: var(--theme-color-alarm);
      --theme-slider-trace--background--warning: var(--theme-color-warning);
      --theme-slider-trace--background--info: var(--theme-color-info);
      --theme-slider-trace-marker--background: var(--theme-color-dynamic);
      --theme-slider-trace-marker--background--disabled: var(--theme-color-7);
      --theme-slider-trace-marker--background--invalid: var(--theme-color-alarm);
      --theme-slider-trace-marker--background--warning: var(--theme-color-warning);
      --theme-slider-trace-marker--background--info: var(--theme-color-info);
  }
}