/*
 * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
 */
/*
* SPDX-FileCopyrightText: 2024 Siemens AG
*
* SPDX-License-Identifier: MIT
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/* Dimensions */
/* Font sizes */
/* Line heights */
/* Animation timings */
/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-color-ghost: #ffffff00;
  --theme-color-ghost--hover: #9d9d9626;
  --theme-color-ghost--active: #69696326;
  --theme-color-ghost--selected: #00ffb91f;
  --theme-color-ghost--selected-hover: #68fdbf38;
  --theme-color-ghost--selected-active: #73ddaf38;
  --theme-color-ghost-primary--active: #0080522b;
  --theme-color-ghost-primary--hover: #00ffb91f;
  --theme-color-ghost-alt: #ffffff08;
  --theme-color-ghost-alt--hover: #ababa43b;
  --theme-color-ghost-alt--active: #a4a49a3b;
  --theme-color-ghost-alt--selected: #3affc929;
  --theme-color-ghost-alt--selected-hover: #7bfdc740;
  --theme-color-ghost-alt--selected-active: #84e1b940;
  --theme-color-primary: #00cccc;
  --theme-color-primary--contrast: #000028;
  --theme-color-primary--hover: #00ffb9;
  --theme-color-primary--active: #00e5aa;
  --theme-color-primary--disabled: #00cccc73;
  --theme-color-dynamic: #00ffb9;
  --theme-color-dynamic--hover: #62eec7;
  --theme-color-dynamic--active: #5ce0bc;
  --theme-color-dynamic-alt: #00ffb9;
  --theme-color-dynamic-alt--hover: #62eec7;
  --theme-color-dynamic-alt--active: #5ce0bc;
  --theme-color-secondary: #000028;
  --theme-color-secondary--hover: #001f39;
  --theme-color-secondary--active: #00182b;
  --theme-color-component-1: #9d9d9633;
  --theme-color-component-1--hover: #9d9d9659;
  --theme-color-component-1--active: #7d7d7859;
  --theme-color-component-2: #ffffff26;
  --theme-color-component-3: #ffffff4d;
  --theme-color-component-4: #ffffff73;
  --theme-color-component-5: #ffffff99;
  --theme-color-component-6: #ffffffbf;
  --theme-color-component-7--hover: #196269;
  --theme-color-component-7: #00ffb91f;
  --theme-color-component-7--active: #16565c;
  --theme-color-component-error: #331131;
  --theme-color-component-info: #062c63;
  --theme-color-component-8--hover: #001f39;
  --theme-color-component-8: #00183b;
  --theme-color-component-9: #00ffb9;
  --theme-color-component-9--hover: #52ffcf;
  --theme-color-component-9--active: #00f5b2;
  --theme-color-component-9--disabled: #00ffb94d;
  --theme-color-component-10: #00ffb9bf;
  --theme-color-component-10--hover: #6bffd699;
  --theme-color-component-10--active: #00f5b299;
  --theme-color-component-10--disabled: #00ffb933;
  --theme-color-1--hover: #171739;
  --theme-color-1--active: #101031;
  --theme-color-component-11: rgba(86,86,103,0.2);
  --theme-color-0: #00000000;
  --theme-color-1: #000028;
  --theme-color-2: #23233c;
  --theme-color-3: #37374d;
  --theme-color-4: #404057;
  --theme-color-5: #565667;
  --theme-color-6: #666675;
  --theme-color-7: #777784;
  --theme-color-8: #dedee3;
  --theme-color-std-bdr: #e8e8e38c;
  --theme-color-soft-bdr: #ebf0f566;
  --theme-color-weak-bdr: #e8e8e326;
  --theme-color-x-weak-bdr: #9d9d9633;
  --theme-color-focus-bdr: #1491EB;
  --theme-color-contrast-bdr: #ffffff;
  --theme-color-hard-bdr: #b3b3be;
  --theme-color-alarm: #ff2640;
  --theme-color-alarm--hover: #ff4259;
  --theme-color-alarm--active: #ff1431;
  --theme-color-alarm--contrast: #000028;
  --theme-color-alarm-40: #ff264066;
  --theme-color-alarm-10: #ff26401a;
  --theme-color-warning: #ffd732;
  --theme-color-warning--hover: #ffdd52;
  --theme-color-warning--active: #ffd424;
  --theme-color-warning--contrast: #000028;
  --theme-color-warning-40: #ffd73266;
  --theme-color-warning-10: #ffd7321a;
  --theme-color-critical: #ff9000;
  --theme-color-critical--hover: #ff9b1a;
  --theme-color-critical--active: #f08700;
  --theme-color-critical--contrast: #000028;
  --theme-color-critical-40: #ff900066;
  --theme-color-success: #01d65a;
  --theme-color-success--hover: #01ea62;
  --theme-color-success--active: #01c151;
  --theme-color-success--contrast: #000028;
  --theme-color-success-40: #01d65a66;
  --theme-color-info: #00bedc;
  --theme-color-info--hover: #00cff0;
  --theme-color-info--active: #00b5d1;
  --theme-color-info--contrast: #000028;
  --theme-color-info-40: #00bedc66;
  --theme-color-neutral: #b9b9b6;
  --theme-color-neutral--hover: #cbcbc8;
  --theme-color-neutral--active: #afafac;
  --theme-color-neutral--contrast: #000028;
  --theme-color-neutral-40: #b9b9b666;
  --theme-color-contrast-text: #ffffff;
  --theme-color-std-text: #ffffff;
  --theme-color-soft-text: #ffffff99;
  --theme-color-weak-text: rgba(255,255,255,0.45);
  --theme-color-inv-contrast-text: #000000;
  --theme-color-inv-std-text: #000028;
  --theme-color-inv-soft-text: #000028a6;
  --theme-color-inv-weak-text: #0000284d;
  --theme-color-alarm-text: #ff7687;
  --theme-color-shadow-1: #00000099;
  --theme-color-shadow-2: #000000;
  --theme-color-shadow-3: #00000099;
  --theme-color-lightbox: #000028a6;
  --theme-color-backdrop: #000028d9;
  --theme-color-backdrop-3: #37374dd9;
  --theme-color-gradient-effect-1: #00FFB9;
  --theme-color-gradient-effect-2: #00CCCC;
  --theme-color-logo: #ffffff;
  --theme-color-logo-login: #ffffff;
  --theme-chart-1: #00ffb9;
  --theme-chart-1-40: #00ffb966;
  --theme-chart-2: #85E9D2;
  --theme-chart-2-40: #85E9D266;
  --theme-chart-3: #00C1B6;
  --theme-chart-3-40: #00C1B666;
  --theme-chart-4: #CCF5F5;
  --theme-chart-4-40: #CCF5F566;
  --theme-chart-5: #7D8099;
  --theme-chart-5-40: #7D809966;
  --theme-chart-6: #6895F6;
  --theme-chart-6-40: #6895F666;
  --theme-chart-7: #97C7FF;
  --theme-chart-7-40: #97C7FF66;
  --theme-chart-8: #3664C6;
  --theme-chart-8-40: #3664C666;
  --theme-chart-9: #BFB0F3;
  --theme-chart-9-40: #BFB0F366;
  --theme-chart-10: #805CFF;
  --theme-chart-10-40: #805CFF66;
  --theme-chart-11: #B95CC9;
  --theme-chart-11-40: #B95CC966;
  --theme-chart-12: #E5659B;
  --theme-chart-12-40: #E5659B66;
  --theme-chart-13: #FF98C4;
  --theme-chart-13-40: #FF98C466;
  --theme-chart-14: #BE5925;
  --theme-chart-14-40: #BE592566;
  --theme-chart-15: #FFBC66;
  --theme-chart-15-40: #FFBC6666;
  --theme-chart-16: #FFF7D6;
  --theme-chart-16-40: #FFF7D666;
  --theme-chart-17: #AAAA96;
  --theme-chart-17-40: #AAAA9666;
  --theme-chart-axes: rgba(255,255,255,0.3);
  --theme-chart-grid-lines: #ffffff1a;
  --theme-chart-grid-fill: #23233c;
  --theme-chart-ticks: #ffffff59;
  --theme-chart-tooltip-fill: #000028cc;
  --theme-chart-tooltip-bdr: #ffffff40;
  --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-color-warning--hover);
  --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--info--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);
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-shadow-1: 0px 2px 2px var(--theme-color-shadow-2), 0px 1px 1px var(--theme-color-shadow-1);
  --theme-shadow-2: -4px 0px 8px var(--theme-color-shadow-2), 4px 0px 8px var(--theme-color-shadow-2), 0px 0px 16px var(--theme-color-shadow-1);
  --theme-shadow-3: 0px 2px 6px var(--theme-color-shadow-2), 0px 0px 8px var(--theme-color-shadow-1);
  --theme-shadow-4: 0px 0px 2px var(--theme-color-shadow-2), 0px 4px 8px var(--theme-color-shadow-1), 0px 12px 18px var(--theme-color-shadow-1);
  --theme-inset-shadow-1: inset 0px 2px 4px var(--theme-color-shadow-3);
  --theme-input--box-shadow: var(--theme-inset-shadow-1);
  --theme-menu--box-shadow: var(--theme-shadow-4);
  --theme-navigation--box-shadow: var(--theme-shadow-2);
  --theme-modal--box-shadow: var(--theme-shadow-4);
  --theme-switch-thumb--box-shadow: none;
  --theme-tile--box-shadow: none;
  --theme-toast--box-shadow: var(--theme-shadow-4);
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-font-code: JetBrains Mono;
  --theme-font-sans: Siemens Sans;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-font-weight-normal: 400;
  --theme-font-weight-bold: 700;
  --theme-font-weight-black: 900;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-text-h2: var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-font-sans);
  --theme-text-xl: var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-font-sans);
  --theme-text-l-title: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
  --theme-text-l-title-single: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
  --theme-text-l: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
  --theme-text-l-single: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
  --theme-text-default-title: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
  --theme-text-default-title-single: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
  --theme-text-default: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
  --theme-text-default-single: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
  --theme-text-caption: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-font-sans);
  --theme-text-caption-single: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-font-sans);
  --theme-text-s: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-font-sans);
  --theme-text-s-single: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-font-sans);
  --theme-text-xs: var(--theme-font-weight-normal) var(--theme-font-size-xs)/140% var(--theme-font-sans);
  --theme-text-default-underline: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
  --theme-label: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-sm) var(--theme-font-sans);
  --theme-label-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-sm) var(--theme-font-sans);
  --theme-label-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-sm) var(--theme-font-sans);
  --theme-label-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-sm) var(--theme-font-sans);
  --theme-body: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
  --theme-body-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-lg) var(--theme-font-sans);
  --theme-body-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
  --theme-body-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
  --theme-display: var(--theme-font-weight-normal) var(--theme-ms-3)/var(--theme-line-height-xs) var(--theme-font-sans);
  --theme-display-xs: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-xs) var(--theme-font-sans);
  --theme-display-sm: var(--theme-font-weight-normal) var(--theme-ms-2)/var(--theme-line-height-xs) var(--theme-font-sans);
  --theme-display-lg: var(--theme-font-weight-normal) var(--theme-ms-4)/var(--theme-line-height-xs) var(--theme-font-sans);
  --theme-display-xl: var(--theme-font-weight-bold) var(--theme-ms-5)/var(--theme-line-height-xs) var(--theme-font-sans);
  --theme-display-xxl: var(--theme-font-weight-bold) var(--theme-ms-6)/var(--theme-line-height-xs) var(--theme-font-sans);
  --theme-h6: var(--theme-font-weight-bold) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
  --theme-h5: var(--theme-font-weight-bold) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
  --theme-h4: var(--theme-font-weight-bold) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
  --theme-h3: var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-lg) var(--theme-font-sans);
  --theme-h2: var(--theme-font-weight-bold) var(--theme-ms-3)/var(--theme-line-height-md) var(--theme-font-sans);
  --theme-h1: var(--theme-font-weight-bold) var(--theme-ms-4)/var(--theme-line-height-sm) var(--theme-font-sans);
  --theme-code: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-lg) var(--theme-font-code);
  --theme-code-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-code);
  --theme-code-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-code);
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-default-border-radius: 0.25rem;
  --theme-small-border-radius: 0.125rem;
  --theme-min-border-radius: 0rem;
  --theme-btn--border-radius: var(--theme-min-border-radius);
  --theme-blind--border-radius: var(--theme-default-border-radius);
  --theme-breadcrumb--border-radius: var(--theme-min-border-radius);
  --theme-group--border-radius: var(--theme-default-border-radius);
  --theme-group--border-radius--focus: var(--theme-min-border-radius);
  --theme-kpi--border-radius: var(--theme-default-border-radius);
  --theme-input--border-radius: var(--theme-small-border-radius);
  --theme-menu--border-radius: var(--theme-default-border-radius);
  --theme-message-bar--border-radius: var(--theme-default-border-radius);
  --theme-tile--border-radius: var(--theme-default-border-radius);
  --theme-toast--border-radus: var(--theme-default-border-radius);
  --theme-flip-tile--border-radius: var(--theme-default-border-radius);
  --theme-upload--border-radius: var(--theme-default-border-radius);
  --theme-workflow--border-radius: var(--theme-default-border-radius);
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-default-control-height: 2rem;
  --theme-large-control-height: 2.5rem;
  --theme-medium-control-height: 1.5rem;
  --theme-large-icon-size: 2rem;
  --theme-default-icon-size: 1.5rem;
  --theme-small-icon-size: 1rem;
  --theme-focus--border-thickness: 0.0625rem;
  --theme-input-min-width: 2rem;
  --theme-size--3: 0.375rem;
  --theme-size--2: 0.5rem;
  --theme-size--1: 0.75rem;
  --theme-size-0: 1rem;
  --theme-size-1: 1.5rem;
  --theme-size-2: 2rem;
  --theme-size-3: 3rem;
  --theme-size-4: 4rem;
  --theme-size-5: 6rem;
  --theme-size-6: 8rem;
  --theme-size-7: 12rem;
  --theme-size-8: 16rem;
  --theme-tab-indicator--height: 0.125rem;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-font-size-xs: 0.625rem;
  --theme-font-size-s: 0.75rem;
  --theme-font-size-caption: 0.75rem;
  --theme-font-size-default: 0.875rem;
  --theme-font-size-l: 1rem;
  --theme-font-size-xl: 1.375rem;
  --theme-ms--2: 0.625rem;
  --theme-ms--1: 0.75rem;
  --theme-ms-0: 0.875rem;
  --theme-ms-1: 1rem;
  --theme-ms-2: 1.25rem;
  --theme-ms-3: 1.5rem;
  --theme-ms-4: 1.8125rem;
  --theme-ms-5: 2.1875rem;
  --theme-ms-6: 2.625rem;
  --theme-ms-7: 3.125rem;
  --theme-ms-8: 3.75rem;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-line-height-s: 150%;
  --theme-line-height-s-single: 150%;
  --theme-line-height-caption: 150%;
  --theme-line-height-caption-single: 100%;
  --theme-line-height-default: 142.9%;
  --theme-line-height-default-single: 114.3%;
  --theme-line-height-l: 150%;
  --theme-line-height-l-single: 125%;
  --theme-line-height-h2: 145.5%;
  --theme-line-height-xl: 109.1%;
  --theme-line-height-xs: 100%;
  --theme-line-height-sm: 120%;
  --theme-line-height-md: 143%;
  --theme-line-height-lg: 150%;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-x-slow-time: 1s;
  --theme-slow-time: 500ms;
  --theme-medium-time: 300ms;
  --theme-default-time: 150ms;
  --theme-short-time: 0ms;
  --theme-logo--siemens: url("data:image/svg+xml;charset=utf8,%3Csvg width='76' height='12' viewBox='0 0 76 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.497 11.545v-2.27c1.292.407 2.435.61 3.43.61 1.373 0 2.06-.363 2.06-1.088 0-.27-.1-.498-.3-.682-.206-.195-.73-.466-1.573-.812C2.6 6.68 1.614 6.15 1.156 5.71.561 5.132.264 4.402.264 3.52c0-1.137.433-2.003 1.3-2.598.855-.59 1.97-.885 3.346-.885.758 0 1.854.14 3.289.419v2.183C7.132 2.213 6.141 2 5.225 2c-1.289 0-1.933.354-1.933 1.064 0 .265.13.481.39.649.216.136.811.422 1.785.86C6.87 5.198 7.804 5.739 8.27 6.2c.552.546.828 1.253.828 2.12 0 1.244-.541 2.194-1.624 2.849-.877.53-2.014.795-3.411.795-1.18 0-2.368-.139-3.565-.418zM10.91.237h3.211V11.73h-3.21V.237zm6.155 11.494V.237H25.3v2.079h-5.14V4.91h4.474v1.896H20.16v2.728h5.272v2.196h-8.367zm10.463 0V.237h4.163l2.892 7.344L37.547.237h3.954V11.73h-3.044V3.593l-3.37 8.255h-1.99L29.79 3.593v8.138h-2.262zm16.918 0V.237h8.234v2.079h-5.14V4.91h4.475v1.896H47.54v2.728h5.273v2.196h-8.368zm10.48 0V.237h3.721l3.948 7.694V.237h2.261V11.73h-3.615l-4.053-7.798v7.798h-2.262zm12.21-.186v-2.27c1.28.407 2.424.61 3.43.61 1.373 0 2.059-.363 2.059-1.088a.903.903 0 0 0-.29-.682c-.207-.195-.734-.466-1.582-.812-1.508-.617-2.495-1.147-2.958-1.592-.594-.573-.891-1.306-.891-2.2 0-1.13.432-1.994 1.299-2.59.855-.59 1.97-.884 3.346-.884.774 0 1.776.123 3.005.37l.284.049v2.183C73.77 2.213 72.776 2 71.856 2c-1.284 0-1.925.354-1.925 1.064 0 .265.13.481.389.649.206.13.804.417 1.794.86 1.392.624 2.324 1.165 2.793 1.625.553.547.829 1.254.829 2.12 0 1.245-.539 2.195-1.616 2.85-.882.53-2.022.795-3.419.795-1.18 0-2.37-.139-3.565-.418z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
  --theme-btn--focus--outline-offset: 0.125rem;
  --theme-checkbox--focus--outline-offset: 0.125rem;
  --theme-radiobtn--focus--outline-offset: 0.125rem;
  --theme-input--focus--outline-offset: 0.125rem;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-input-padding-y: 0.5rem;
  --theme-input-padding-x: 0.5rem;
  --theme-space--3: 0.125rem;
  --theme-space--2: 0.1875rem;
  --theme-space--1: 0.25rem;
  --theme-space-0: 0.735rem;
  --theme-space-1: 0.5rem;
  --theme-space-2: 0.75rem;
  --theme-space-3: 1rem;
  --theme-space-4: 1.5rem;
  --theme-space-5: 2rem;
  --theme-space-6: 3rem;
  --theme-space-7: 4rem;
  --theme-space-8: 6rem;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-btn--border-thickness: 0.0625rem;
  --theme-app-header--border-width: 0.0625rem;
  --theme-blind--border-thickness: 0.0625rem;
  --theme-checkbox--border-thickness: 0.0625rem;
  --theme-focus--border-thickness: 0.0625rem;
  --theme-radiobtn--border-thickness: 0.0625rem;
  --theme-input--border-thickness: 0.0625rem;
  --theme-menu--border-thickness: 0rem;
  --theme-message-bar--border-thickness: 0.125rem;
  --theme-modal--border-thickness: 0.0625rem;
  --theme-toast--border-thickness: 0rem;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);
  --theme-primary-bdr-2: 0.125rem solid var(--theme-color-primary);
  --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);
  --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);
  --theme-contrast-bdr-1: 0.0625rem solid var(--theme-color-contrast-bdr);
  --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);
  --theme-std-bdr-1: 0.0625rem solid var(--theme-color-std-bdr);
  --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);
  --theme-soft-bdr-1: 0.0625rem solid var(--theme-color-soft-bdr);
  --theme-soft-bdr-2: 0.125rem solid var(--theme-color-soft-bdr);
  --theme-soft-dashed-bdr-1: 0.0625rem dashed var(--theme-color-soft-bdr);
  --theme-soft-dashed-bdr-2: 0.125rem dashed var(--theme-color-soft-bdr);
  --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);
  --theme-weak-bdr-2: 0.125rem solid var(--theme-color-weak-bdr);
  --theme-x-weak-bdr-1: 0.0625rem solid var(--theme-color-x-weak-bdr);
  --theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);
  --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);
  --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);
  --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);
  --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);
  --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);
  --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);
  --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);
  --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);
  --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);
  --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);
  --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);
  --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --theme-letter-spacing-xs: -1.2%;
  --theme-letter-spacing-sm: -0.6%;
  --theme-letter-spacing-md: 0%;
  --theme-letter-spacing-lg: 0.6%;
  --theme-letter-spacing-xl: 1.2%;
  --theme-letter-spacing-xxl: 2%;
}

:root .theme-brand-dark, :root body:not([class*=theme-]) {
  --ix-theme-name: brand-dark;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
/*
* 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);
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-light {
  --theme-shadow-1: 0px 2px 2px var(--theme-color-shadow-1), 0px 1px 1px var(--theme-color-shadow-2);
  --theme-shadow-2: -4px 0px 8px var(--theme-color-shadow-2), 4px 0px 8px var(--theme-color-shadow-2), 0px 0px 16px var(--theme-color-shadow-1);
  --theme-shadow-3: 0px 2px 6px var(--theme-color-shadow-2), 0px 0px 8px var(--theme-color-shadow-2);
  --theme-shadow-4: 0px 0px 2px var(--theme-color-shadow-1), 0px 4px 8px var(--theme-color-shadow-1), 0px 12px 18px var(--theme-color-shadow-1);
  --theme-inset-shadow-1: inset 0px 2px 4px var(--theme-color-shadow-3);
  --theme-input--box-shadow: var(--theme-inset-shadow-1);
  --theme-menu--box-shadow: var(--theme-shadow-4);
  --theme-navigation--box-shadow: var(--theme-shadow-2);
  --theme-modal--box-shadow: var(--theme-shadow-4);
  --theme-switch-thumb--box-shadow: none;
  --theme-tile--box-shadow: none;
  --theme-toast--box-shadow: var(--theme-shadow-4);
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-light {
  --theme-font-code: JetBrains Mono;
  --theme-font-sans: Siemens Sans;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-light {
  --theme-font-weight-normal: 400;
  --theme-font-weight-bold: 700;
  --theme-font-weight-black: 900;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-light {
  --theme-text-h2: var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-font-sans);
  --theme-text-xl: var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-font-sans);
  --theme-text-l-title: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
  --theme-text-l-title-single: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
  --theme-text-l: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
  --theme-text-l-single: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
  --theme-text-default-title: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
  --theme-text-default-title-single: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
  --theme-text-default: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
  --theme-text-default-single: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
  --theme-text-caption: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-font-sans);
  --theme-text-caption-single: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-font-sans);
  --theme-text-s: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-font-sans);
  --theme-text-s-single: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-font-sans);
  --theme-text-xs: var(--theme-font-weight-normal) var(--theme-font-size-xs)/140% var(--theme-font-sans);
  --theme-text-default-underline: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
  --theme-label: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-sm) var(--theme-font-sans);
  --theme-label-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-sm) var(--theme-font-sans);
  --theme-label-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-sm) var(--theme-font-sans);
  --theme-label-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-sm) var(--theme-font-sans);
  --theme-body: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
  --theme-body-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-lg) var(--theme-font-sans);
  --theme-body-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
  --theme-body-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
  --theme-display: var(--theme-font-weight-normal) var(--theme-ms-3)/var(--theme-line-height-xs) var(--theme-font-sans);
  --theme-display-xs: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-xs) var(--theme-font-sans);
  --theme-display-sm: var(--theme-font-weight-normal) var(--theme-ms-2)/var(--theme-line-height-xs) var(--theme-font-sans);
  --theme-display-lg: var(--theme-font-weight-normal) var(--theme-ms-4)/var(--theme-line-height-xs) var(--theme-font-sans);
  --theme-display-xl: var(--theme-font-weight-bold) var(--theme-ms-5)/var(--theme-line-height-xs) var(--theme-font-sans);
  --theme-display-xxl: var(--theme-font-weight-bold) var(--theme-ms-6)/var(--theme-line-height-xs) var(--theme-font-sans);
  --theme-h6: var(--theme-font-weight-bold) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
  --theme-h5: var(--theme-font-weight-bold) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
  --theme-h4: var(--theme-font-weight-bold) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
  --theme-h3: var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-lg) var(--theme-font-sans);
  --theme-h2: var(--theme-font-weight-bold) var(--theme-ms-3)/var(--theme-line-height-md) var(--theme-font-sans);
  --theme-h1: var(--theme-font-weight-bold) var(--theme-ms-4)/var(--theme-line-height-sm) var(--theme-font-sans);
  --theme-code: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-lg) var(--theme-font-code);
  --theme-code-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-code);
  --theme-code-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-code);
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-light {
  --theme-default-border-radius: 0.25rem;
  --theme-small-border-radius: 0.125rem;
  --theme-min-border-radius: 0rem;
  --theme-btn--border-radius: var(--theme-min-border-radius);
  --theme-blind--border-radius: var(--theme-default-border-radius);
  --theme-breadcrumb--border-radius: var(--theme-min-border-radius);
  --theme-group--border-radius: var(--theme-default-border-radius);
  --theme-group--border-radius--focus: var(--theme-min-border-radius);
  --theme-kpi--border-radius: var(--theme-default-border-radius);
  --theme-input--border-radius: var(--theme-small-border-radius);
  --theme-menu--border-radius: var(--theme-default-border-radius);
  --theme-message-bar--border-radius: var(--theme-default-border-radius);
  --theme-tile--border-radius: var(--theme-default-border-radius);
  --theme-toast--border-radus: var(--theme-default-border-radius);
  --theme-flip-tile--border-radius: var(--theme-default-border-radius);
  --theme-upload--border-radius: var(--theme-default-border-radius);
  --theme-workflow--border-radius: var(--theme-default-border-radius);
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-light {
  --theme-default-control-height: 2rem;
  --theme-large-control-height: 2.5rem;
  --theme-medium-control-height: 1.5rem;
  --theme-large-icon-size: 2rem;
  --theme-default-icon-size: 1.5rem;
  --theme-small-icon-size: 1rem;
  --theme-focus--border-thickness: 0.0625rem;
  --theme-input-min-width: 2rem;
  --theme-size--3: 0.375rem;
  --theme-size--2: 0.5rem;
  --theme-size--1: 0.75rem;
  --theme-size-0: 1rem;
  --theme-size-1: 1.5rem;
  --theme-size-2: 2rem;
  --theme-size-3: 3rem;
  --theme-size-4: 4rem;
  --theme-size-5: 6rem;
  --theme-size-6: 8rem;
  --theme-size-7: 12rem;
  --theme-size-8: 16rem;
  --theme-tab-indicator--height: 0.125rem;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-light {
  --theme-font-size-xs: 0.625rem;
  --theme-font-size-s: 0.75rem;
  --theme-font-size-caption: 0.75rem;
  --theme-font-size-default: 0.875rem;
  --theme-font-size-l: 1rem;
  --theme-font-size-xl: 1.375rem;
  --theme-ms--2: 0.625rem;
  --theme-ms--1: 0.75rem;
  --theme-ms-0: 0.875rem;
  --theme-ms-1: 1rem;
  --theme-ms-2: 1.25rem;
  --theme-ms-3: 1.5rem;
  --theme-ms-4: 1.8125rem;
  --theme-ms-5: 2.1875rem;
  --theme-ms-6: 2.625rem;
  --theme-ms-7: 3.125rem;
  --theme-ms-8: 3.75rem;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-light {
  --theme-line-height-s: 150%;
  --theme-line-height-s-single: 150%;
  --theme-line-height-caption: 150%;
  --theme-line-height-caption-single: 100%;
  --theme-line-height-default: 142.9%;
  --theme-line-height-default-single: 114.3%;
  --theme-line-height-l: 150%;
  --theme-line-height-l-single: 125%;
  --theme-line-height-h2: 145.5%;
  --theme-line-height-xl: 109.1%;
  --theme-line-height-xs: 100%;
  --theme-line-height-sm: 120%;
  --theme-line-height-md: 143%;
  --theme-line-height-lg: 150%;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-light {
  --theme-x-slow-time: 1s;
  --theme-slow-time: 500ms;
  --theme-medium-time: 300ms;
  --theme-default-time: 150ms;
  --theme-short-time: 0ms;
  --theme-logo--siemens: url("data:image/svg+xml;charset=utf8,%3Csvg width='76' height='12' viewBox='0 0 76 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.497 11.545v-2.27c1.292.407 2.435.61 3.43.61 1.373 0 2.06-.363 2.06-1.088 0-.27-.1-.498-.3-.682-.206-.195-.73-.466-1.573-.812C2.6 6.68 1.614 6.15 1.156 5.71.561 5.132.264 4.402.264 3.52c0-1.137.433-2.003 1.3-2.598.855-.59 1.97-.885 3.346-.885.758 0 1.854.14 3.289.419v2.183C7.132 2.213 6.141 2 5.225 2c-1.289 0-1.933.354-1.933 1.064 0 .265.13.481.39.649.216.136.811.422 1.785.86C6.87 5.198 7.804 5.739 8.27 6.2c.552.546.828 1.253.828 2.12 0 1.244-.541 2.194-1.624 2.849-.877.53-2.014.795-3.411.795-1.18 0-2.368-.139-3.565-.418zM10.91.237h3.211V11.73h-3.21V.237zm6.155 11.494V.237H25.3v2.079h-5.14V4.91h4.474v1.896H20.16v2.728h5.272v2.196h-8.367zm10.463 0V.237h4.163l2.892 7.344L37.547.237h3.954V11.73h-3.044V3.593l-3.37 8.255h-1.99L29.79 3.593v8.138h-2.262zm16.918 0V.237h8.234v2.079h-5.14V4.91h4.475v1.896H47.54v2.728h5.273v2.196h-8.368zm10.48 0V.237h3.721l3.948 7.694V.237h2.261V11.73h-3.615l-4.053-7.798v7.798h-2.262zm12.21-.186v-2.27c1.28.407 2.424.61 3.43.61 1.373 0 2.059-.363 2.059-1.088a.903.903 0 0 0-.29-.682c-.207-.195-.734-.466-1.582-.812-1.508-.617-2.495-1.147-2.958-1.592-.594-.573-.891-1.306-.891-2.2 0-1.13.432-1.994 1.299-2.59.855-.59 1.97-.884 3.346-.884.774 0 1.776.123 3.005.37l.284.049v2.183C73.77 2.213 72.776 2 71.856 2c-1.284 0-1.925.354-1.925 1.064 0 .265.13.481.389.649.206.13.804.417 1.794.86 1.392.624 2.324 1.165 2.793 1.625.553.547.829 1.254.829 2.12 0 1.245-.539 2.195-1.616 2.85-.882.53-2.022.795-3.419.795-1.18 0-2.37-.139-3.565-.418z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
  --theme-btn--focus--outline-offset: 0.125rem;
  --theme-checkbox--focus--outline-offset: 0.125rem;
  --theme-radiobtn--focus--outline-offset: 0.125rem;
  --theme-input--focus--outline-offset: 0.125rem;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-light {
  --theme-input-padding-y: 0.5rem;
  --theme-input-padding-x: 0.5rem;
  --theme-space--3: 0.125rem;
  --theme-space--2: 0.1875rem;
  --theme-space--1: 0.25rem;
  --theme-space-0: 0.735rem;
  --theme-space-1: 0.5rem;
  --theme-space-2: 0.75rem;
  --theme-space-3: 1rem;
  --theme-space-4: 1.5rem;
  --theme-space-5: 2rem;
  --theme-space-6: 3rem;
  --theme-space-7: 4rem;
  --theme-space-8: 6rem;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-light {
  --theme-btn--border-thickness: 0.0625rem;
  --theme-app-header--border-width: 0.0625rem;
  --theme-blind--border-thickness: 0.0625rem;
  --theme-checkbox--border-thickness: 0.0625rem;
  --theme-focus--border-thickness: 0.0625rem;
  --theme-radiobtn--border-thickness: 0.0625rem;
  --theme-input--border-thickness: 0.0625rem;
  --theme-menu--border-thickness: 0rem;
  --theme-message-bar--border-thickness: 0.125rem;
  --theme-modal--border-thickness: 0.0625rem;
  --theme-toast--border-thickness: 0rem;
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-light {
  --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);
  --theme-primary-bdr-2: 0.125rem solid var(--theme-color-primary);
  --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);
  --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);
  --theme-contrast-bdr-1: 0.0625rem solid var(--theme-color-contrast-bdr);
  --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);
  --theme-std-bdr-1: 0.0625rem solid var(--theme-color-std-bdr);
  --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);
  --theme-soft-bdr-1: 0.0625rem solid var(--theme-color-soft-bdr);
  --theme-soft-bdr-2: 0.125rem solid var(--theme-color-soft-bdr);
  --theme-soft-dashed-bdr-1: 0.0625rem dashed var(--theme-color-soft-bdr);
  --theme-soft-dashed-bdr-2: 0.125rem dashed var(--theme-color-soft-bdr);
  --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);
  --theme-weak-bdr-2: 0.125rem solid var(--theme-color-weak-bdr);
  --theme-x-weak-bdr-1: 0.0625rem solid var(--theme-color-x-weak-bdr);
  --theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);
  --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);
  --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);
  --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);
  --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);
  --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);
  --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);
  --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);
  --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);
  --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);
  --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);
  --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);
  --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);
}

/*
* COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.
*/
:root .theme-brand-light {
  --theme-letter-spacing-xs: -1.2%;
  --theme-letter-spacing-sm: -0.6%;
  --theme-letter-spacing-md: 0%;
  --theme-letter-spacing-lg: 0.6%;
  --theme-letter-spacing-xl: 1.2%;
  --theme-letter-spacing-xxl: 2%;
}

:root .theme-brand-light {
  --ix-theme-name: brand-light;
}

@font-face {
  font-family: Siemens Sans;
  src: url("./fonts/sisan36.eot"), url("./fonts/sisan36.woff2") format("woff2"), url("./fonts/sisan36.woff") format("woff"), url("./fonts/sisan36.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Siemens Sans;
  src: url("./fonts/sisan33.eot"), url("./fonts/sisan33.woff2") format("woff2"), url("./fonts/sisan33.woff") format("woff"), url("./fonts/sisan33.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Siemens Sans;
  src: url("./fonts/sisan06.eot"), url("./fonts/sisan06.woff2") format("woff2"), url("./fonts/sisan06.woff") format("woff"), url("./fonts/sisan06.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Siemens Sans;
  src: url("./fonts/sisan03.eot"), url("./fonts/sisan03.woff2") format("woff2"), url("./fonts/sisan03.woff") format("woff"), url("./fonts/sisan03.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}