/*
 * 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.
 */
:root,
:host {
  color-scheme: light dark;
}

:root[data-ix-theme=brand], :root[data-ix-theme=brand][data-ix-color-schema=dark],
html[data-ix-theme=brand],
html[data-ix-theme=brand][data-ix-color-schema=dark],
body[data-ix-theme=brand],
body[data-ix-theme=brand][data-ix-color-schema=dark] {
  --theme-color-0: rgba(0, 0, 40, 0);
  --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: rgba(232, 232, 227, 0.55);
  --theme-color-soft-bdr: rgba(235, 240, 245, 0.4);
  --theme-color-weak-bdr: rgba(232, 232, 227, 0.15);
  --theme-color-x-weak-bdr: rgba(157, 157, 150, 0.15);
  --theme-color-focus-bdr: #1491eb;
  --theme-color-contrast-bdr: #ffffff;
  --theme-color-hard-bdr: #b3b3be;
  --theme-color-ghost: rgba(255, 255, 255, 0);
  --theme-color-ghost--hover: rgba(157, 157, 150, 0.15);
  --theme-color-ghost--active: rgba(105, 105, 99, 0.15);
  --theme-color-ghost--selected: rgba(0, 255, 185, 0.12);
  --theme-color-ghost--selected-hover: rgba(104, 253, 191, 0.2);
  --theme-color-ghost--selected-active: rgba(115, 221, 175, 0.2);
  --theme-color-ghost-primary--active: rgba(0, 128, 82, 0.15);
  --theme-color-ghost-primary--hover: rgba(0, 255, 185, 0.12);
  --theme-color-ghost-alt: rgba(255, 255, 255, 0.05);
  --theme-color-ghost-alt--hover: rgba(171, 171, 164, 0.2);
  --theme-color-ghost-alt--active: rgba(164, 164, 154, 0.2);
  --theme-color-ghost-alt--selected: rgba(58, 255, 201, 0.15);
  --theme-color-ghost-alt--selected-hover: rgba(123, 253, 199, 0.25);
  --theme-color-ghost-alt--selected-active: rgba(132, 225, 185, 0.25);
  --theme-color-primary: #00cccc;
  --theme-color-primary--contrast: #000028;
  --theme-color-primary--hover: #00ffb9;
  --theme-color-primary--active: #00e5aa;
  --theme-color-primary--disabled: rgba(0, 204, 204, 0.45);
  --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: rgba(157, 157, 150, 0.2);
  --theme-color-component-1--hover: rgba(157, 157, 150, 0.35);
  --theme-color-component-1--active: rgba(125, 125, 120, 0.35);
  --theme-color-component-2: rgba(255, 255, 255, 0.15);
  --theme-color-component-3: rgba(255, 255, 255, 0.3);
  --theme-color-component-4: rgba(255, 255, 255, 0.45);
  --theme-color-component-5: rgba(255, 255, 255, 0.6);
  --theme-color-component-6: rgba(255, 255, 255, 0.75);
  --theme-color-component-7--hover: #196269;
  --theme-color-component-7: rgba(0, 255, 185, 0.15);
  --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: rgba(0, 255, 185, 0.3);
  --theme-color-component-10: rgba(0, 255, 185, 0.75);
  --theme-color-component-10--hover: rgba(107, 255, 214, 0.6);
  --theme-color-component-10--active: rgba(0, 245, 178, 0.6);
  --theme-color-component-10--disabled: rgba(0, 255, 185, 0.2);
  --theme-color-1--hover: #171739;
  --theme-color-1--active: #101031;
  --theme-color-component-11: rgba(86, 86, 103, 0.2);
  --theme-color-alarm: #ff2640;
  --theme-color-alarm--hover: #ff4259;
  --theme-color-alarm--active: #ff1431;
  --theme-color-alarm--contrast: #000028;
  --theme-color-alarm-40: rgba(255, 38, 64, 0.4);
  --theme-color-alarm-10: rgba(255, 38, 64, 0.1);
  --theme-color-warning: #ffd732;
  --theme-color-warning--hover: #ffdd52;
  --theme-color-warning--active: #ffd424;
  --theme-color-warning--contrast: #000028;
  --theme-color-warning-40: rgba(255, 215, 50, 0.4);
  --theme-color-warning-10: rgba(255, 215, 50, 0.1);
  --theme-color-critical: #ff9000;
  --theme-color-critical--hover: #ff9b1a;
  --theme-color-critical--active: #f08700;
  --theme-color-critical--contrast: #000028;
  --theme-color-critical-40: rgba(255, 144, 0, 0.4);
  --theme-color-success: #01d65a;
  --theme-color-success--hover: #01ea62;
  --theme-color-success--active: #01c151;
  --theme-color-success--contrast: #000028;
  --theme-color-success-40: rgba(1, 214, 90, 0.4);
  --theme-color-info: #00bedc;
  --theme-color-info--hover: #00cff0;
  --theme-color-info--active: #00b5d1;
  --theme-color-info--contrast: #000028;
  --theme-color-info-40: rgba(0, 190, 220, 0.4);
  --theme-color-neutral: #b9b9b6;
  --theme-color-neutral--hover: #cbcbc8;
  --theme-color-neutral--active: #afafac;
  --theme-color-neutral--contrast: #000028;
  --theme-color-neutral-40: rgba(185, 185, 182, 0.4);
  --theme-color-contrast-text: #ffffff;
  --theme-color-std-text: #ffffff;
  --theme-color-soft-text: rgba(255, 255, 255, 0.6);
  --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: rgba(0, 0, 40, 0.65);
  --theme-color-inv-weak-text: rgba(0, 0, 40, 0.3);
  --theme-color-alarm-text: #ff7687;
  --theme-color-lightbox: rgba(0, 0, 40, 0.65);
  --theme-color-backdrop: rgba(0, 0, 40, 0.85);
  --theme-color-backdrop-3: rgba(55, 55, 77, 0.85);
  --theme-color-shadow-1: rgba(0, 0, 0, 0.6);
  --theme-color-shadow-3: rgba(0, 0, 0, 0.6);
  --theme-color-shadow-2: #000000;
  --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: rgba(0, 255, 185, 0.4);
  --theme-chart-2: #85e9d2;
  --theme-chart-2-40: rgba(133, 233, 210, 0.4);
  --theme-chart-3: #00c1b6;
  --theme-chart-3-40: rgba(0, 193, 182, 0.4);
  --theme-chart-4: #ccf5f5;
  --theme-chart-4-40: rgba(204, 245, 245, 0.4);
  --theme-chart-5: #7d8099;
  --theme-chart-5-40: rgba(125, 128, 153, 0.4);
  --theme-chart-6: #6895f6;
  --theme-chart-6-40: rgba(104, 149, 246, 0.4);
  --theme-chart-7: #97c7ff;
  --theme-chart-7-40: rgba(151, 199, 255, 0.4);
  --theme-chart-8: #3664c6;
  --theme-chart-8-40: rgba(54, 100, 198, 0.4);
  --theme-chart-9: #bfb0f3;
  --theme-chart-9-40: rgba(191, 176, 243, 0.4);
  --theme-chart-10: #805cff;
  --theme-chart-10-40: rgba(128, 92, 255, 0.4);
  --theme-chart-11: #b95cc9;
  --theme-chart-11-40: rgba(185, 92, 201, 0.4);
  --theme-chart-12: #e5659b;
  --theme-chart-12-40: rgba(229, 101, 155, 0.4);
  --theme-chart-13: #ff98c4;
  --theme-chart-13-40: rgba(255, 152, 196, 0.4);
  --theme-chart-14: #be5925;
  --theme-chart-14-40: rgba(190, 89, 37, 0.4);
  --theme-chart-15: #ffbc66;
  --theme-chart-15-40: rgba(255, 188, 102, 0.4);
  --theme-chart-16: #fff7d6;
  --theme-chart-16-40: rgba(255, 247, 214, 0.4);
  --theme-chart-17: #aaaa96;
  --theme-chart-17-40: rgba(170, 170, 150, 0.4);
  --theme-chart-axes: rgba(255, 255, 255, 0.3);
  --theme-chart-grid-lines: rgba(255, 255, 255, 0.1);
  --theme-chart-grid-fill: #23233c;
  --theme-chart-ticks: rgba(255, 255, 255, 0.35);
  --theme-chart-tooltip-fill: rgba(0, 0, 40, 0.8);
  --theme-chart-tooltip-bdr: rgba(255, 255, 255, 0.25);
  --theme-font-sans: "Siemens Sans";
  --theme-font-code: "JetBrains Mono";
  --theme-company-logo: company-logo;
  --theme-label: 400 0.875rem/1.2 "Siemens Sans";
  --theme-label-lg: 400 1rem/1.2 "Siemens Sans";
  --theme-label-sm: 400 0.75rem/1.2 "Siemens Sans";
  --theme-label-xs: 400 0.625rem/1.2 "Siemens Sans";
  --theme-body: 400 0.875rem/1.43 "Siemens Sans";
  --theme-body-xs: 400 0.625rem/1.5 "Siemens Sans";
  --theme-body-sm: 400 0.75rem/1.5 "Siemens Sans";
  --theme-body-lg: 400 1rem/1.5 "Siemens Sans";
  --theme-display: 400 1.5rem/1 "Siemens Sans";
  --theme-display-xs: 400 1rem/1 "Siemens Sans";
  --theme-display-sm: 400 1.25rem/1 "Siemens Sans";
  --theme-display-lg: 400 1.8125rem/1 "Siemens Sans";
  --theme-display-xl: 700 2.1875rem/1 "Siemens Sans";
  --theme-display-xxl: 700 2.625rem/1 "Siemens Sans";
  --theme-h6: 700 0.75rem/1.5 "Siemens Sans";
  --theme-h5: 700 0.875rem/1.43 "Siemens Sans";
  --theme-h4: 700 1rem/1.5 "Siemens Sans";
  --theme-h3: 700 1.25rem/1.5 "Siemens Sans";
  --theme-h2: 700 1.5rem/1.43 "Siemens Sans";
  --theme-h1: 700 1.8125rem/1.2 "Siemens Sans";
  --theme-code: 400 0.875rem/1.5 "JetBrains Mono";
  --theme-code-sm: 400 0.75rem/1.5 "JetBrains Mono";
  --theme-code-lg: 400 1rem/1.5 "JetBrains Mono";
  --theme-text-h2: 700 1.375rem/1.455 "Siemens Sans";
  --theme-text-xl: 400 1.375rem/1.091 "Siemens Sans";
  --theme-text-l-title: 700 1rem/1.5 "Siemens Sans";
  --theme-text-l-title-single: 700 1rem/1.25 "Siemens Sans";
  --theme-text-l: 400 1rem/1.5 "Siemens Sans";
  --theme-text-l-single: 400 1rem/1.25 "Siemens Sans";
  --theme-text-default-underline: 400 0.875rem/1.429 "Siemens Sans";
  --theme-text-default-title: 700 0.875rem/1.429 "Siemens Sans";
  --theme-text-default-title-single: 700 0.875rem/1.143 "Siemens Sans";
  --theme-text-default: 400 0.875rem/1.429 "Siemens Sans";
  --theme-text-default-single: 400 0.875rem/1.143 "Siemens Sans";
  --theme-text-caption: 700 0.75rem/1.5 "Siemens Sans";
  --theme-text-caption-single: 700 0.75rem/1 "Siemens Sans";
  --theme-text-s: 400 0.75rem/1.5 "Siemens Sans";
  --theme-text-s-single: 400 0.75rem/1.5 "Siemens Sans";
  --theme-text-xs: 400 0.625rem/1.4 "Siemens Sans";
  --theme-shadow-1: 0 2px 2px 0 #000000, 0 1px 1px 0 rgba(0, 0, 0, 0.6);
  --theme-shadow-2: -4px 0 8px 0 #000000, 4px 0 8px 0 #000000, 0 0 16px 0 rgba(0, 0, 0, 0.6);
  --theme-shadow-3: 0 2px 6px 0 #000000, 0 0 8px 0 rgba(0, 0, 0, 0.6);
  --theme-shadow-4: 0 0 2px 0 #000000, 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 12px 18px 0 rgba(0, 0, 0, 0.6);
  --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 0, 0.6);
  --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);
}
:root[data-ix-theme=brand][data-ix-color-schema=light],
html[data-ix-theme=brand][data-ix-color-schema=light],
body[data-ix-theme=brand][data-ix-color-schema=light] {
  --theme-color-0: rgba(255, 255, 255, 0);
  --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: rgba(0, 0, 40, 0.3);
  --theme-color-soft-bdr: rgba(0, 0, 40, 0.2);
  --theme-color-weak-bdr: rgba(35, 35, 60, 0.15);
  --theme-color-x-weak-bdr: rgba(189, 189, 174, 0.2);
  --theme-color-focus-bdr: #1491eb;
  --theme-color-contrast-bdr: #000028;
  --theme-color-hard-bdr: #4c4c68;
  --theme-color-ghost: rgba(0, 0, 40, 0);
  --theme-color-ghost--hover: rgba(189, 189, 174, 0.2);
  --theme-color-ghost--active: rgba(143, 143, 117, 0.15);
  --theme-color-ghost--selected: rgba(0, 255, 185, 0.18);
  --theme-color-ghost--selected-hover: rgba(32, 197, 126, 0.2);
  --theme-color-ghost--selected-active: rgba(0, 158, 103, 0.2);
  --theme-color-ghost-primary--active: rgba(0, 207, 150, 0.2);
  --theme-color-ghost-primary--hover: rgba(0, 255, 185, 0.18);
  --theme-color-ghost-alt: rgba(0, 0, 40, 0.05);
  --theme-color-ghost-alt--hover: rgba(175, 175, 164, 0.2);
  --theme-color-ghost-alt--active: rgba(139, 139, 131, 0.2);
  --theme-color-ghost-alt--selected: rgba(0, 236, 174, 0.2);
  --theme-color-ghost-alt--selected-hover: rgba(30, 184, 120, 0.25);
  --theme-color-ghost-alt--selected-active: rgba(0, 161, 104, 0.2);
  --theme-color-primary: #007993;
  --theme-color-primary--contrast: #ffffff;
  --theme-color-primary--hover: #196269;
  --theme-color-primary--active: #16565c;
  --theme-color-primary--disabled: rgba(0, 121, 147, 0.3);
  --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: rgba(189, 189, 174, 0.2);
  --theme-color-component-1--hover: rgba(189, 189, 174, 0.35);
  --theme-color-component-1--active: rgba(150, 150, 138, 0.35);
  --theme-color-component-2: rgba(0, 0, 40, 0.1);
  --theme-color-component-3: rgba(0, 0, 40, 0.2);
  --theme-color-component-4: rgba(0, 0, 40, 0.3);
  --theme-color-component-5: rgba(0, 0, 40, 0.45);
  --theme-color-component-6: rgba(0, 0, 40, 0.6);
  --theme-color-component-7--hover: #00ffb9;
  --theme-color-component-7: rgba(0, 255, 185, 0.15);
  --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: rgba(11, 97, 101, 0.3);
  --theme-color-component-10: rgba(0, 81, 89, 0.75);
  --theme-color-component-10--hover: rgba(0, 93, 102, 0.75);
  --theme-color-component-10--active: rgba(0, 70, 77, 0.75);
  --theme-color-component-10--disabled: rgba(0, 81, 89, 0.15);
  --theme-color-1--hover: #f2f2f2;
  --theme-color-1--active: #e5e5e5;
  --theme-color-component-11: rgba(215, 215, 208, 0.2);
  --theme-color-alarm: #d72339;
  --theme-color-alarm--hover: #c11f33;
  --theme-color-alarm--active: #b41d30;
  --theme-color-alarm--contrast: #ffffff;
  --theme-color-alarm-40: rgba(215, 35, 57, 0.4);
  --theme-color-alarm-10: rgba(215, 35, 57, 0.1);
  --theme-color-warning: #e9c32a;
  --theme-color-warning--hover: #e3ba17;
  --theme-color-warning--active: #d0ab15;
  --theme-color-warning--contrast: #000028;
  --theme-color-warning-40: rgba(233, 195, 42, 0.4);
  --theme-color-warning-10: rgba(233, 195, 42, 0.1);
  --theme-color-critical: #e96401;
  --theme-color-critical--hover: #d05901;
  --theme-color-critical--active: #c15301;
  --theme-color-critical--contrast: #000028;
  --theme-color-critical-40: rgba(233, 100, 1, 0.4);
  --theme-color-success: #01893a;
  --theme-color-success--hover: #017a33;
  --theme-color-success--active: #016f2f;
  --theme-color-success--contrast: #ffffff;
  --theme-color-success-40: rgba(1, 137, 58, 0.4);
  --theme-color-info: #007eb1;
  --theme-color-info--hover: #00719e;
  --theme-color-info--active: #006994;
  --theme-color-info--contrast: #ffffff;
  --theme-color-info-40: rgba(0, 126, 177, 0.4);
  --theme-color-neutral: #66667e;
  --theme-color-neutral--hover: #5b5b71;
  --theme-color-neutral--active: #545468;
  --theme-color-neutral--contrast: #ffffff;
  --theme-color-neutral-40: rgba(102, 102, 126, 0.4);
  --theme-color-contrast-text: #000028;
  --theme-color-std-text: #000028;
  --theme-color-soft-text: rgba(0, 0, 40, 0.6);
  --theme-color-weak-text: rgba(0, 0, 40, 0.3);
  --theme-color-inv-contrast-text: #ffffff;
  --theme-color-inv-std-text: #ffffff;
  --theme-color-inv-soft-text: rgba(255, 255, 255, 0.6);
  --theme-color-inv-weak-text: rgba(255, 255, 255, 0.45);
  --theme-color-alarm-text: #b81e31;
  --theme-color-lightbox: rgba(255, 255, 255, 0.65);
  --theme-color-backdrop: rgba(255, 255, 255, 0.85);
  --theme-color-backdrop-3: rgba(232, 232, 227, 0.85);
  --theme-color-shadow-1: rgba(0, 0, 40, 0.1);
  --theme-color-shadow-3: rgba(0, 0, 40, 0.1);
  --theme-color-shadow-2: rgba(0, 0, 40, 0.2);
  --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: rgba(26, 116, 125, 0.4);
  --theme-chart-2: #005159;
  --theme-chart-2-40: rgba(0, 81, 89, 0.4);
  --theme-chart-3: #009999;
  --theme-chart-3-40: rgba(0, 153, 153, 0.4);
  --theme-chart-4: #002949;
  --theme-chart-4-40: rgba(0, 41, 73, 0.4);
  --theme-chart-5: #4c4c68;
  --theme-chart-5-40: rgba(76, 76, 104, 0.4);
  --theme-chart-6: #3664c6;
  --theme-chart-6-40: rgba(54, 100, 198, 0.4);
  --theme-chart-7: #00237a;
  --theme-chart-7-40: rgba(0, 35, 122, 0.4);
  --theme-chart-8: #00004a;
  --theme-chart-8-40: rgba(0, 0, 74, 0.4);
  --theme-chart-9: #553ba3;
  --theme-chart-9-40: rgba(85, 59, 163, 0.4);
  --theme-chart-10: #7353e5;
  --theme-chart-10-40: rgba(115, 83, 229, 0.4);
  --theme-chart-11: #740089;
  --theme-chart-11-40: rgba(116, 0, 137, 0.4);
  --theme-chart-12: #c04774;
  --theme-chart-12-40: rgba(192, 71, 116, 0.4);
  --theme-chart-13: #4f153d;
  --theme-chart-13-40: rgba(79, 21, 61, 0.4);
  --theme-chart-14: #be5925;
  --theme-chart-14-40: rgba(190, 89, 37, 0.4);
  --theme-chart-15: #801100;
  --theme-chart-15-40: rgba(128, 17, 0, 0.4);
  --theme-chart-16: #805800;
  --theme-chart-16-40: rgba(128, 88, 0, 0.4);
  --theme-chart-17: #5e5e4a;
  --theme-chart-17-40: rgba(94, 94, 74, 0.4);
  --theme-chart-axes: rgba(0, 0, 40, 0.3);
  --theme-chart-grid-lines: rgba(0, 0, 40, 0.1);
  --theme-chart-grid-fill: #ffffff;
  --theme-chart-ticks: rgba(0, 0, 40, 0.3);
  --theme-chart-tooltip-fill: rgba(255, 255, 255, 0.8);
  --theme-chart-tooltip-bdr: rgba(0, 0, 40, 0.2);
  --theme-font-sans: "Siemens Sans";
  --theme-font-code: "JetBrains Mono";
  --theme-company-logo: company-logo;
  --theme-label: 400 0.875rem/1.2 "Siemens Sans";
  --theme-label-lg: 400 1rem/1.2 "Siemens Sans";
  --theme-label-sm: 400 0.75rem/1.2 "Siemens Sans";
  --theme-label-xs: 400 0.625rem/1.2 "Siemens Sans";
  --theme-body: 400 0.875rem/1.43 "Siemens Sans";
  --theme-body-xs: 400 0.625rem/1.5 "Siemens Sans";
  --theme-body-sm: 400 0.75rem/1.5 "Siemens Sans";
  --theme-body-lg: 400 1rem/1.5 "Siemens Sans";
  --theme-display: 400 1.5rem/1 "Siemens Sans";
  --theme-display-xs: 400 1rem/1 "Siemens Sans";
  --theme-display-sm: 400 1.25rem/1 "Siemens Sans";
  --theme-display-lg: 400 1.8125rem/1 "Siemens Sans";
  --theme-display-xl: 700 2.1875rem/1 "Siemens Sans";
  --theme-display-xxl: 700 2.625rem/1 "Siemens Sans";
  --theme-h6: 700 0.75rem/1.5 "Siemens Sans";
  --theme-h5: 700 0.875rem/1.43 "Siemens Sans";
  --theme-h4: 700 1rem/1.5 "Siemens Sans";
  --theme-h3: 700 1.25rem/1.5 "Siemens Sans";
  --theme-h2: 700 1.5rem/1.43 "Siemens Sans";
  --theme-h1: 700 1.8125rem/1.2 "Siemens Sans";
  --theme-code: 400 0.875rem/1.5 "JetBrains Mono";
  --theme-code-sm: 400 0.75rem/1.5 "JetBrains Mono";
  --theme-code-lg: 400 1rem/1.5 "JetBrains Mono";
  --theme-text-h2: 700 1.375rem/1.455 "Siemens Sans";
  --theme-text-xl: 400 1.375rem/1.091 "Siemens Sans";
  --theme-text-l-title: 700 1rem/1.5 "Siemens Sans";
  --theme-text-l-title-single: 700 1rem/1.25 "Siemens Sans";
  --theme-text-l: 400 1rem/1.5 "Siemens Sans";
  --theme-text-l-single: 400 1rem/1.25 "Siemens Sans";
  --theme-text-default-underline: 400 0.875rem/1.429 "Siemens Sans";
  --theme-text-default-title: 700 0.875rem/1.429 "Siemens Sans";
  --theme-text-default-title-single: 700 0.875rem/1.143 "Siemens Sans";
  --theme-text-default: 400 0.875rem/1.429 "Siemens Sans";
  --theme-text-default-single: 400 0.875rem/1.143 "Siemens Sans";
  --theme-text-caption: 700 0.75rem/1.5 "Siemens Sans";
  --theme-text-caption-single: 700 0.75rem/1 "Siemens Sans";
  --theme-text-s: 400 0.75rem/1.5 "Siemens Sans";
  --theme-text-s-single: 400 0.75rem/1.5 "Siemens Sans";
  --theme-text-xs: 400 0.625rem/1.4 "Siemens Sans";
  --theme-shadow-1: 0 2px 2px 0 rgba(0, 0, 40, 0.2), 0 1px 1px 0 rgba(0, 0, 40, 0.1);
  --theme-shadow-2: -4px 0 8px 0 rgba(0, 0, 40, 0.2), 4px 0 8px 0 rgba(0, 0, 40, 0.2), 0 0 16px 0 rgba(0, 0, 40, 0.1);
  --theme-shadow-3: 0 2px 6px 0 rgba(0, 0, 40, 0.2), 0 0 8px 0 rgba(0, 0, 40, 0.1);
  --theme-shadow-4: 0 0 2px 0 rgba(0, 0, 40, 0.2), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1);
  --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 40, 0.1);
  --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);
}
@media (prefers-color-scheme: dark) {
  :root[data-ix-theme=brand][data-ix-color-schema=system],
  html[data-ix-theme=brand][data-ix-color-schema=system],
  body[data-ix-theme=brand][data-ix-color-schema=system] {
    --theme-color-0: rgba(0, 0, 40, 0);
    --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: rgba(232, 232, 227, 0.55);
    --theme-color-soft-bdr: rgba(235, 240, 245, 0.4);
    --theme-color-weak-bdr: rgba(232, 232, 227, 0.15);
    --theme-color-x-weak-bdr: rgba(157, 157, 150, 0.15);
    --theme-color-focus-bdr: #1491eb;
    --theme-color-contrast-bdr: #ffffff;
    --theme-color-hard-bdr: #b3b3be;
    --theme-color-ghost: rgba(255, 255, 255, 0);
    --theme-color-ghost--hover: rgba(157, 157, 150, 0.15);
    --theme-color-ghost--active: rgba(105, 105, 99, 0.15);
    --theme-color-ghost--selected: rgba(0, 255, 185, 0.12);
    --theme-color-ghost--selected-hover: rgba(104, 253, 191, 0.2);
    --theme-color-ghost--selected-active: rgba(115, 221, 175, 0.2);
    --theme-color-ghost-primary--active: rgba(0, 128, 82, 0.15);
    --theme-color-ghost-primary--hover: rgba(0, 255, 185, 0.12);
    --theme-color-ghost-alt: rgba(255, 255, 255, 0.05);
    --theme-color-ghost-alt--hover: rgba(171, 171, 164, 0.2);
    --theme-color-ghost-alt--active: rgba(164, 164, 154, 0.2);
    --theme-color-ghost-alt--selected: rgba(58, 255, 201, 0.15);
    --theme-color-ghost-alt--selected-hover: rgba(123, 253, 199, 0.25);
    --theme-color-ghost-alt--selected-active: rgba(132, 225, 185, 0.25);
    --theme-color-primary: #00cccc;
    --theme-color-primary--contrast: #000028;
    --theme-color-primary--hover: #00ffb9;
    --theme-color-primary--active: #00e5aa;
    --theme-color-primary--disabled: rgba(0, 204, 204, 0.45);
    --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: rgba(157, 157, 150, 0.2);
    --theme-color-component-1--hover: rgba(157, 157, 150, 0.35);
    --theme-color-component-1--active: rgba(125, 125, 120, 0.35);
    --theme-color-component-2: rgba(255, 255, 255, 0.15);
    --theme-color-component-3: rgba(255, 255, 255, 0.3);
    --theme-color-component-4: rgba(255, 255, 255, 0.45);
    --theme-color-component-5: rgba(255, 255, 255, 0.6);
    --theme-color-component-6: rgba(255, 255, 255, 0.75);
    --theme-color-component-7--hover: #196269;
    --theme-color-component-7: rgba(0, 255, 185, 0.15);
    --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: rgba(0, 255, 185, 0.3);
    --theme-color-component-10: rgba(0, 255, 185, 0.75);
    --theme-color-component-10--hover: rgba(107, 255, 214, 0.6);
    --theme-color-component-10--active: rgba(0, 245, 178, 0.6);
    --theme-color-component-10--disabled: rgba(0, 255, 185, 0.2);
    --theme-color-1--hover: #171739;
    --theme-color-1--active: #101031;
    --theme-color-component-11: rgba(86, 86, 103, 0.2);
    --theme-color-alarm: #ff2640;
    --theme-color-alarm--hover: #ff4259;
    --theme-color-alarm--active: #ff1431;
    --theme-color-alarm--contrast: #000028;
    --theme-color-alarm-40: rgba(255, 38, 64, 0.4);
    --theme-color-alarm-10: rgba(255, 38, 64, 0.1);
    --theme-color-warning: #ffd732;
    --theme-color-warning--hover: #ffdd52;
    --theme-color-warning--active: #ffd424;
    --theme-color-warning--contrast: #000028;
    --theme-color-warning-40: rgba(255, 215, 50, 0.4);
    --theme-color-warning-10: rgba(255, 215, 50, 0.1);
    --theme-color-critical: #ff9000;
    --theme-color-critical--hover: #ff9b1a;
    --theme-color-critical--active: #f08700;
    --theme-color-critical--contrast: #000028;
    --theme-color-critical-40: rgba(255, 144, 0, 0.4);
    --theme-color-success: #01d65a;
    --theme-color-success--hover: #01ea62;
    --theme-color-success--active: #01c151;
    --theme-color-success--contrast: #000028;
    --theme-color-success-40: rgba(1, 214, 90, 0.4);
    --theme-color-info: #00bedc;
    --theme-color-info--hover: #00cff0;
    --theme-color-info--active: #00b5d1;
    --theme-color-info--contrast: #000028;
    --theme-color-info-40: rgba(0, 190, 220, 0.4);
    --theme-color-neutral: #b9b9b6;
    --theme-color-neutral--hover: #cbcbc8;
    --theme-color-neutral--active: #afafac;
    --theme-color-neutral--contrast: #000028;
    --theme-color-neutral-40: rgba(185, 185, 182, 0.4);
    --theme-color-contrast-text: #ffffff;
    --theme-color-std-text: #ffffff;
    --theme-color-soft-text: rgba(255, 255, 255, 0.6);
    --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: rgba(0, 0, 40, 0.65);
    --theme-color-inv-weak-text: rgba(0, 0, 40, 0.3);
    --theme-color-alarm-text: #ff7687;
    --theme-color-lightbox: rgba(0, 0, 40, 0.65);
    --theme-color-backdrop: rgba(0, 0, 40, 0.85);
    --theme-color-backdrop-3: rgba(55, 55, 77, 0.85);
    --theme-color-shadow-1: rgba(0, 0, 0, 0.6);
    --theme-color-shadow-3: rgba(0, 0, 0, 0.6);
    --theme-color-shadow-2: #000000;
    --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: rgba(0, 255, 185, 0.4);
    --theme-chart-2: #85e9d2;
    --theme-chart-2-40: rgba(133, 233, 210, 0.4);
    --theme-chart-3: #00c1b6;
    --theme-chart-3-40: rgba(0, 193, 182, 0.4);
    --theme-chart-4: #ccf5f5;
    --theme-chart-4-40: rgba(204, 245, 245, 0.4);
    --theme-chart-5: #7d8099;
    --theme-chart-5-40: rgba(125, 128, 153, 0.4);
    --theme-chart-6: #6895f6;
    --theme-chart-6-40: rgba(104, 149, 246, 0.4);
    --theme-chart-7: #97c7ff;
    --theme-chart-7-40: rgba(151, 199, 255, 0.4);
    --theme-chart-8: #3664c6;
    --theme-chart-8-40: rgba(54, 100, 198, 0.4);
    --theme-chart-9: #bfb0f3;
    --theme-chart-9-40: rgba(191, 176, 243, 0.4);
    --theme-chart-10: #805cff;
    --theme-chart-10-40: rgba(128, 92, 255, 0.4);
    --theme-chart-11: #b95cc9;
    --theme-chart-11-40: rgba(185, 92, 201, 0.4);
    --theme-chart-12: #e5659b;
    --theme-chart-12-40: rgba(229, 101, 155, 0.4);
    --theme-chart-13: #ff98c4;
    --theme-chart-13-40: rgba(255, 152, 196, 0.4);
    --theme-chart-14: #be5925;
    --theme-chart-14-40: rgba(190, 89, 37, 0.4);
    --theme-chart-15: #ffbc66;
    --theme-chart-15-40: rgba(255, 188, 102, 0.4);
    --theme-chart-16: #fff7d6;
    --theme-chart-16-40: rgba(255, 247, 214, 0.4);
    --theme-chart-17: #aaaa96;
    --theme-chart-17-40: rgba(170, 170, 150, 0.4);
    --theme-chart-axes: rgba(255, 255, 255, 0.3);
    --theme-chart-grid-lines: rgba(255, 255, 255, 0.1);
    --theme-chart-grid-fill: #23233c;
    --theme-chart-ticks: rgba(255, 255, 255, 0.35);
    --theme-chart-tooltip-fill: rgba(0, 0, 40, 0.8);
    --theme-chart-tooltip-bdr: rgba(255, 255, 255, 0.25);
    --theme-font-sans: "Siemens Sans";
    --theme-font-code: "JetBrains Mono";
    --theme-company-logo: company-logo;
    --theme-label: 400 0.875rem/1.2 "Siemens Sans";
    --theme-label-lg: 400 1rem/1.2 "Siemens Sans";
    --theme-label-sm: 400 0.75rem/1.2 "Siemens Sans";
    --theme-label-xs: 400 0.625rem/1.2 "Siemens Sans";
    --theme-body: 400 0.875rem/1.43 "Siemens Sans";
    --theme-body-xs: 400 0.625rem/1.5 "Siemens Sans";
    --theme-body-sm: 400 0.75rem/1.5 "Siemens Sans";
    --theme-body-lg: 400 1rem/1.5 "Siemens Sans";
    --theme-display: 400 1.5rem/1 "Siemens Sans";
    --theme-display-xs: 400 1rem/1 "Siemens Sans";
    --theme-display-sm: 400 1.25rem/1 "Siemens Sans";
    --theme-display-lg: 400 1.8125rem/1 "Siemens Sans";
    --theme-display-xl: 700 2.1875rem/1 "Siemens Sans";
    --theme-display-xxl: 700 2.625rem/1 "Siemens Sans";
    --theme-h6: 700 0.75rem/1.5 "Siemens Sans";
    --theme-h5: 700 0.875rem/1.43 "Siemens Sans";
    --theme-h4: 700 1rem/1.5 "Siemens Sans";
    --theme-h3: 700 1.25rem/1.5 "Siemens Sans";
    --theme-h2: 700 1.5rem/1.43 "Siemens Sans";
    --theme-h1: 700 1.8125rem/1.2 "Siemens Sans";
    --theme-code: 400 0.875rem/1.5 "JetBrains Mono";
    --theme-code-sm: 400 0.75rem/1.5 "JetBrains Mono";
    --theme-code-lg: 400 1rem/1.5 "JetBrains Mono";
    --theme-text-h2: 700 1.375rem/1.455 "Siemens Sans";
    --theme-text-xl: 400 1.375rem/1.091 "Siemens Sans";
    --theme-text-l-title: 700 1rem/1.5 "Siemens Sans";
    --theme-text-l-title-single: 700 1rem/1.25 "Siemens Sans";
    --theme-text-l: 400 1rem/1.5 "Siemens Sans";
    --theme-text-l-single: 400 1rem/1.25 "Siemens Sans";
    --theme-text-default-underline: 400 0.875rem/1.429 "Siemens Sans";
    --theme-text-default-title: 700 0.875rem/1.429 "Siemens Sans";
    --theme-text-default-title-single: 700 0.875rem/1.143 "Siemens Sans";
    --theme-text-default: 400 0.875rem/1.429 "Siemens Sans";
    --theme-text-default-single: 400 0.875rem/1.143 "Siemens Sans";
    --theme-text-caption: 700 0.75rem/1.5 "Siemens Sans";
    --theme-text-caption-single: 700 0.75rem/1 "Siemens Sans";
    --theme-text-s: 400 0.75rem/1.5 "Siemens Sans";
    --theme-text-s-single: 400 0.75rem/1.5 "Siemens Sans";
    --theme-text-xs: 400 0.625rem/1.4 "Siemens Sans";
    --theme-shadow-1: 0 2px 2px 0 #000000, 0 1px 1px 0 rgba(0, 0, 0, 0.6);
    --theme-shadow-2: -4px 0 8px 0 #000000, 4px 0 8px 0 #000000, 0 0 16px 0 rgba(0, 0, 0, 0.6);
    --theme-shadow-3: 0 2px 6px 0 #000000, 0 0 8px 0 rgba(0, 0, 0, 0.6);
    --theme-shadow-4: 0 0 2px 0 #000000, 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 12px 18px 0 rgba(0, 0, 0, 0.6);
    --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 0, 0.6);
    --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);
  }
}
@media (prefers-color-scheme: light) {
  :root[data-ix-theme=brand][data-ix-color-schema=system],
  html[data-ix-theme=brand][data-ix-color-schema=system],
  body[data-ix-theme=brand][data-ix-color-schema=system] {
    --theme-color-0: rgba(255, 255, 255, 0);
    --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: rgba(0, 0, 40, 0.3);
    --theme-color-soft-bdr: rgba(0, 0, 40, 0.2);
    --theme-color-weak-bdr: rgba(35, 35, 60, 0.15);
    --theme-color-x-weak-bdr: rgba(189, 189, 174, 0.2);
    --theme-color-focus-bdr: #1491eb;
    --theme-color-contrast-bdr: #000028;
    --theme-color-hard-bdr: #4c4c68;
    --theme-color-ghost: rgba(0, 0, 40, 0);
    --theme-color-ghost--hover: rgba(189, 189, 174, 0.2);
    --theme-color-ghost--active: rgba(143, 143, 117, 0.15);
    --theme-color-ghost--selected: rgba(0, 255, 185, 0.18);
    --theme-color-ghost--selected-hover: rgba(32, 197, 126, 0.2);
    --theme-color-ghost--selected-active: rgba(0, 158, 103, 0.2);
    --theme-color-ghost-primary--active: rgba(0, 207, 150, 0.2);
    --theme-color-ghost-primary--hover: rgba(0, 255, 185, 0.18);
    --theme-color-ghost-alt: rgba(0, 0, 40, 0.05);
    --theme-color-ghost-alt--hover: rgba(175, 175, 164, 0.2);
    --theme-color-ghost-alt--active: rgba(139, 139, 131, 0.2);
    --theme-color-ghost-alt--selected: rgba(0, 236, 174, 0.2);
    --theme-color-ghost-alt--selected-hover: rgba(30, 184, 120, 0.25);
    --theme-color-ghost-alt--selected-active: rgba(0, 161, 104, 0.2);
    --theme-color-primary: #007993;
    --theme-color-primary--contrast: #ffffff;
    --theme-color-primary--hover: #196269;
    --theme-color-primary--active: #16565c;
    --theme-color-primary--disabled: rgba(0, 121, 147, 0.3);
    --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: rgba(189, 189, 174, 0.2);
    --theme-color-component-1--hover: rgba(189, 189, 174, 0.35);
    --theme-color-component-1--active: rgba(150, 150, 138, 0.35);
    --theme-color-component-2: rgba(0, 0, 40, 0.1);
    --theme-color-component-3: rgba(0, 0, 40, 0.2);
    --theme-color-component-4: rgba(0, 0, 40, 0.3);
    --theme-color-component-5: rgba(0, 0, 40, 0.45);
    --theme-color-component-6: rgba(0, 0, 40, 0.6);
    --theme-color-component-7--hover: #00ffb9;
    --theme-color-component-7: rgba(0, 255, 185, 0.15);
    --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: rgba(11, 97, 101, 0.3);
    --theme-color-component-10: rgba(0, 81, 89, 0.75);
    --theme-color-component-10--hover: rgba(0, 93, 102, 0.75);
    --theme-color-component-10--active: rgba(0, 70, 77, 0.75);
    --theme-color-component-10--disabled: rgba(0, 81, 89, 0.15);
    --theme-color-1--hover: #f2f2f2;
    --theme-color-1--active: #e5e5e5;
    --theme-color-component-11: rgba(215, 215, 208, 0.2);
    --theme-color-alarm: #d72339;
    --theme-color-alarm--hover: #c11f33;
    --theme-color-alarm--active: #b41d30;
    --theme-color-alarm--contrast: #ffffff;
    --theme-color-alarm-40: rgba(215, 35, 57, 0.4);
    --theme-color-alarm-10: rgba(215, 35, 57, 0.1);
    --theme-color-warning: #e9c32a;
    --theme-color-warning--hover: #e3ba17;
    --theme-color-warning--active: #d0ab15;
    --theme-color-warning--contrast: #000028;
    --theme-color-warning-40: rgba(233, 195, 42, 0.4);
    --theme-color-warning-10: rgba(233, 195, 42, 0.1);
    --theme-color-critical: #e96401;
    --theme-color-critical--hover: #d05901;
    --theme-color-critical--active: #c15301;
    --theme-color-critical--contrast: #000028;
    --theme-color-critical-40: rgba(233, 100, 1, 0.4);
    --theme-color-success: #01893a;
    --theme-color-success--hover: #017a33;
    --theme-color-success--active: #016f2f;
    --theme-color-success--contrast: #ffffff;
    --theme-color-success-40: rgba(1, 137, 58, 0.4);
    --theme-color-info: #007eb1;
    --theme-color-info--hover: #00719e;
    --theme-color-info--active: #006994;
    --theme-color-info--contrast: #ffffff;
    --theme-color-info-40: rgba(0, 126, 177, 0.4);
    --theme-color-neutral: #66667e;
    --theme-color-neutral--hover: #5b5b71;
    --theme-color-neutral--active: #545468;
    --theme-color-neutral--contrast: #ffffff;
    --theme-color-neutral-40: rgba(102, 102, 126, 0.4);
    --theme-color-contrast-text: #000028;
    --theme-color-std-text: #000028;
    --theme-color-soft-text: rgba(0, 0, 40, 0.6);
    --theme-color-weak-text: rgba(0, 0, 40, 0.3);
    --theme-color-inv-contrast-text: #ffffff;
    --theme-color-inv-std-text: #ffffff;
    --theme-color-inv-soft-text: rgba(255, 255, 255, 0.6);
    --theme-color-inv-weak-text: rgba(255, 255, 255, 0.45);
    --theme-color-alarm-text: #b81e31;
    --theme-color-lightbox: rgba(255, 255, 255, 0.65);
    --theme-color-backdrop: rgba(255, 255, 255, 0.85);
    --theme-color-backdrop-3: rgba(232, 232, 227, 0.85);
    --theme-color-shadow-1: rgba(0, 0, 40, 0.1);
    --theme-color-shadow-3: rgba(0, 0, 40, 0.1);
    --theme-color-shadow-2: rgba(0, 0, 40, 0.2);
    --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: rgba(26, 116, 125, 0.4);
    --theme-chart-2: #005159;
    --theme-chart-2-40: rgba(0, 81, 89, 0.4);
    --theme-chart-3: #009999;
    --theme-chart-3-40: rgba(0, 153, 153, 0.4);
    --theme-chart-4: #002949;
    --theme-chart-4-40: rgba(0, 41, 73, 0.4);
    --theme-chart-5: #4c4c68;
    --theme-chart-5-40: rgba(76, 76, 104, 0.4);
    --theme-chart-6: #3664c6;
    --theme-chart-6-40: rgba(54, 100, 198, 0.4);
    --theme-chart-7: #00237a;
    --theme-chart-7-40: rgba(0, 35, 122, 0.4);
    --theme-chart-8: #00004a;
    --theme-chart-8-40: rgba(0, 0, 74, 0.4);
    --theme-chart-9: #553ba3;
    --theme-chart-9-40: rgba(85, 59, 163, 0.4);
    --theme-chart-10: #7353e5;
    --theme-chart-10-40: rgba(115, 83, 229, 0.4);
    --theme-chart-11: #740089;
    --theme-chart-11-40: rgba(116, 0, 137, 0.4);
    --theme-chart-12: #c04774;
    --theme-chart-12-40: rgba(192, 71, 116, 0.4);
    --theme-chart-13: #4f153d;
    --theme-chart-13-40: rgba(79, 21, 61, 0.4);
    --theme-chart-14: #be5925;
    --theme-chart-14-40: rgba(190, 89, 37, 0.4);
    --theme-chart-15: #801100;
    --theme-chart-15-40: rgba(128, 17, 0, 0.4);
    --theme-chart-16: #805800;
    --theme-chart-16-40: rgba(128, 88, 0, 0.4);
    --theme-chart-17: #5e5e4a;
    --theme-chart-17-40: rgba(94, 94, 74, 0.4);
    --theme-chart-axes: rgba(0, 0, 40, 0.3);
    --theme-chart-grid-lines: rgba(0, 0, 40, 0.1);
    --theme-chart-grid-fill: #ffffff;
    --theme-chart-ticks: rgba(0, 0, 40, 0.3);
    --theme-chart-tooltip-fill: rgba(255, 255, 255, 0.8);
    --theme-chart-tooltip-bdr: rgba(0, 0, 40, 0.2);
    --theme-font-sans: "Siemens Sans";
    --theme-font-code: "JetBrains Mono";
    --theme-company-logo: company-logo;
    --theme-label: 400 0.875rem/1.2 "Siemens Sans";
    --theme-label-lg: 400 1rem/1.2 "Siemens Sans";
    --theme-label-sm: 400 0.75rem/1.2 "Siemens Sans";
    --theme-label-xs: 400 0.625rem/1.2 "Siemens Sans";
    --theme-body: 400 0.875rem/1.43 "Siemens Sans";
    --theme-body-xs: 400 0.625rem/1.5 "Siemens Sans";
    --theme-body-sm: 400 0.75rem/1.5 "Siemens Sans";
    --theme-body-lg: 400 1rem/1.5 "Siemens Sans";
    --theme-display: 400 1.5rem/1 "Siemens Sans";
    --theme-display-xs: 400 1rem/1 "Siemens Sans";
    --theme-display-sm: 400 1.25rem/1 "Siemens Sans";
    --theme-display-lg: 400 1.8125rem/1 "Siemens Sans";
    --theme-display-xl: 700 2.1875rem/1 "Siemens Sans";
    --theme-display-xxl: 700 2.625rem/1 "Siemens Sans";
    --theme-h6: 700 0.75rem/1.5 "Siemens Sans";
    --theme-h5: 700 0.875rem/1.43 "Siemens Sans";
    --theme-h4: 700 1rem/1.5 "Siemens Sans";
    --theme-h3: 700 1.25rem/1.5 "Siemens Sans";
    --theme-h2: 700 1.5rem/1.43 "Siemens Sans";
    --theme-h1: 700 1.8125rem/1.2 "Siemens Sans";
    --theme-code: 400 0.875rem/1.5 "JetBrains Mono";
    --theme-code-sm: 400 0.75rem/1.5 "JetBrains Mono";
    --theme-code-lg: 400 1rem/1.5 "JetBrains Mono";
    --theme-text-h2: 700 1.375rem/1.455 "Siemens Sans";
    --theme-text-xl: 400 1.375rem/1.091 "Siemens Sans";
    --theme-text-l-title: 700 1rem/1.5 "Siemens Sans";
    --theme-text-l-title-single: 700 1rem/1.25 "Siemens Sans";
    --theme-text-l: 400 1rem/1.5 "Siemens Sans";
    --theme-text-l-single: 400 1rem/1.25 "Siemens Sans";
    --theme-text-default-underline: 400 0.875rem/1.429 "Siemens Sans";
    --theme-text-default-title: 700 0.875rem/1.429 "Siemens Sans";
    --theme-text-default-title-single: 700 0.875rem/1.143 "Siemens Sans";
    --theme-text-default: 400 0.875rem/1.429 "Siemens Sans";
    --theme-text-default-single: 400 0.875rem/1.143 "Siemens Sans";
    --theme-text-caption: 700 0.75rem/1.5 "Siemens Sans";
    --theme-text-caption-single: 700 0.75rem/1 "Siemens Sans";
    --theme-text-s: 400 0.75rem/1.5 "Siemens Sans";
    --theme-text-s-single: 400 0.75rem/1.5 "Siemens Sans";
    --theme-text-xs: 400 0.625rem/1.4 "Siemens Sans";
    --theme-shadow-1: 0 2px 2px 0 rgba(0, 0, 40, 0.2), 0 1px 1px 0 rgba(0, 0, 40, 0.1);
    --theme-shadow-2: -4px 0 8px 0 rgba(0, 0, 40, 0.2), 4px 0 8px 0 rgba(0, 0, 40, 0.2), 0 0 16px 0 rgba(0, 0, 40, 0.1);
    --theme-shadow-3: 0 2px 6px 0 rgba(0, 0, 40, 0.2), 0 0 8px 0 rgba(0, 0, 40, 0.1);
    --theme-shadow-4: 0 0 2px 0 rgba(0, 0, 40, 0.2), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1);
    --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 40, 0.1);
    --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);
  }
}

:not([data-ix-theme]) body:not([class*=theme-]):not([data-ix-theme]),
body[class*=theme-brand-dark] {
  --theme-color-0: rgba(0, 0, 40, 0);
  --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: rgba(232, 232, 227, 0.55);
  --theme-color-soft-bdr: rgba(235, 240, 245, 0.4);
  --theme-color-weak-bdr: rgba(232, 232, 227, 0.15);
  --theme-color-x-weak-bdr: rgba(157, 157, 150, 0.15);
  --theme-color-focus-bdr: #1491eb;
  --theme-color-contrast-bdr: #ffffff;
  --theme-color-hard-bdr: #b3b3be;
  --theme-color-ghost: rgba(255, 255, 255, 0);
  --theme-color-ghost--hover: rgba(157, 157, 150, 0.15);
  --theme-color-ghost--active: rgba(105, 105, 99, 0.15);
  --theme-color-ghost--selected: rgba(0, 255, 185, 0.12);
  --theme-color-ghost--selected-hover: rgba(104, 253, 191, 0.2);
  --theme-color-ghost--selected-active: rgba(115, 221, 175, 0.2);
  --theme-color-ghost-primary--active: rgba(0, 128, 82, 0.15);
  --theme-color-ghost-primary--hover: rgba(0, 255, 185, 0.12);
  --theme-color-ghost-alt: rgba(255, 255, 255, 0.05);
  --theme-color-ghost-alt--hover: rgba(171, 171, 164, 0.2);
  --theme-color-ghost-alt--active: rgba(164, 164, 154, 0.2);
  --theme-color-ghost-alt--selected: rgba(58, 255, 201, 0.15);
  --theme-color-ghost-alt--selected-hover: rgba(123, 253, 199, 0.25);
  --theme-color-ghost-alt--selected-active: rgba(132, 225, 185, 0.25);
  --theme-color-primary: #00cccc;
  --theme-color-primary--contrast: #000028;
  --theme-color-primary--hover: #00ffb9;
  --theme-color-primary--active: #00e5aa;
  --theme-color-primary--disabled: rgba(0, 204, 204, 0.45);
  --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: rgba(157, 157, 150, 0.2);
  --theme-color-component-1--hover: rgba(157, 157, 150, 0.35);
  --theme-color-component-1--active: rgba(125, 125, 120, 0.35);
  --theme-color-component-2: rgba(255, 255, 255, 0.15);
  --theme-color-component-3: rgba(255, 255, 255, 0.3);
  --theme-color-component-4: rgba(255, 255, 255, 0.45);
  --theme-color-component-5: rgba(255, 255, 255, 0.6);
  --theme-color-component-6: rgba(255, 255, 255, 0.75);
  --theme-color-component-7--hover: #196269;
  --theme-color-component-7: rgba(0, 255, 185, 0.15);
  --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: rgba(0, 255, 185, 0.3);
  --theme-color-component-10: rgba(0, 255, 185, 0.75);
  --theme-color-component-10--hover: rgba(107, 255, 214, 0.6);
  --theme-color-component-10--active: rgba(0, 245, 178, 0.6);
  --theme-color-component-10--disabled: rgba(0, 255, 185, 0.2);
  --theme-color-1--hover: #171739;
  --theme-color-1--active: #101031;
  --theme-color-component-11: rgba(86, 86, 103, 0.2);
  --theme-color-alarm: #ff2640;
  --theme-color-alarm--hover: #ff4259;
  --theme-color-alarm--active: #ff1431;
  --theme-color-alarm--contrast: #000028;
  --theme-color-alarm-40: rgba(255, 38, 64, 0.4);
  --theme-color-alarm-10: rgba(255, 38, 64, 0.1);
  --theme-color-warning: #ffd732;
  --theme-color-warning--hover: #ffdd52;
  --theme-color-warning--active: #ffd424;
  --theme-color-warning--contrast: #000028;
  --theme-color-warning-40: rgba(255, 215, 50, 0.4);
  --theme-color-warning-10: rgba(255, 215, 50, 0.1);
  --theme-color-critical: #ff9000;
  --theme-color-critical--hover: #ff9b1a;
  --theme-color-critical--active: #f08700;
  --theme-color-critical--contrast: #000028;
  --theme-color-critical-40: rgba(255, 144, 0, 0.4);
  --theme-color-success: #01d65a;
  --theme-color-success--hover: #01ea62;
  --theme-color-success--active: #01c151;
  --theme-color-success--contrast: #000028;
  --theme-color-success-40: rgba(1, 214, 90, 0.4);
  --theme-color-info: #00bedc;
  --theme-color-info--hover: #00cff0;
  --theme-color-info--active: #00b5d1;
  --theme-color-info--contrast: #000028;
  --theme-color-info-40: rgba(0, 190, 220, 0.4);
  --theme-color-neutral: #b9b9b6;
  --theme-color-neutral--hover: #cbcbc8;
  --theme-color-neutral--active: #afafac;
  --theme-color-neutral--contrast: #000028;
  --theme-color-neutral-40: rgba(185, 185, 182, 0.4);
  --theme-color-contrast-text: #ffffff;
  --theme-color-std-text: #ffffff;
  --theme-color-soft-text: rgba(255, 255, 255, 0.6);
  --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: rgba(0, 0, 40, 0.65);
  --theme-color-inv-weak-text: rgba(0, 0, 40, 0.3);
  --theme-color-alarm-text: #ff7687;
  --theme-color-lightbox: rgba(0, 0, 40, 0.65);
  --theme-color-backdrop: rgba(0, 0, 40, 0.85);
  --theme-color-backdrop-3: rgba(55, 55, 77, 0.85);
  --theme-color-shadow-1: rgba(0, 0, 0, 0.6);
  --theme-color-shadow-3: rgba(0, 0, 0, 0.6);
  --theme-color-shadow-2: #000000;
  --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: rgba(0, 255, 185, 0.4);
  --theme-chart-2: #85e9d2;
  --theme-chart-2-40: rgba(133, 233, 210, 0.4);
  --theme-chart-3: #00c1b6;
  --theme-chart-3-40: rgba(0, 193, 182, 0.4);
  --theme-chart-4: #ccf5f5;
  --theme-chart-4-40: rgba(204, 245, 245, 0.4);
  --theme-chart-5: #7d8099;
  --theme-chart-5-40: rgba(125, 128, 153, 0.4);
  --theme-chart-6: #6895f6;
  --theme-chart-6-40: rgba(104, 149, 246, 0.4);
  --theme-chart-7: #97c7ff;
  --theme-chart-7-40: rgba(151, 199, 255, 0.4);
  --theme-chart-8: #3664c6;
  --theme-chart-8-40: rgba(54, 100, 198, 0.4);
  --theme-chart-9: #bfb0f3;
  --theme-chart-9-40: rgba(191, 176, 243, 0.4);
  --theme-chart-10: #805cff;
  --theme-chart-10-40: rgba(128, 92, 255, 0.4);
  --theme-chart-11: #b95cc9;
  --theme-chart-11-40: rgba(185, 92, 201, 0.4);
  --theme-chart-12: #e5659b;
  --theme-chart-12-40: rgba(229, 101, 155, 0.4);
  --theme-chart-13: #ff98c4;
  --theme-chart-13-40: rgba(255, 152, 196, 0.4);
  --theme-chart-14: #be5925;
  --theme-chart-14-40: rgba(190, 89, 37, 0.4);
  --theme-chart-15: #ffbc66;
  --theme-chart-15-40: rgba(255, 188, 102, 0.4);
  --theme-chart-16: #fff7d6;
  --theme-chart-16-40: rgba(255, 247, 214, 0.4);
  --theme-chart-17: #aaaa96;
  --theme-chart-17-40: rgba(170, 170, 150, 0.4);
  --theme-chart-axes: rgba(255, 255, 255, 0.3);
  --theme-chart-grid-lines: rgba(255, 255, 255, 0.1);
  --theme-chart-grid-fill: #23233c;
  --theme-chart-ticks: rgba(255, 255, 255, 0.35);
  --theme-chart-tooltip-fill: rgba(0, 0, 40, 0.8);
  --theme-chart-tooltip-bdr: rgba(255, 255, 255, 0.25);
  --theme-font-sans: "Siemens Sans";
  --theme-font-code: "JetBrains Mono";
  --theme-company-logo: company-logo;
  --theme-label: 400 0.875rem/1.2 "Siemens Sans";
  --theme-label-lg: 400 1rem/1.2 "Siemens Sans";
  --theme-label-sm: 400 0.75rem/1.2 "Siemens Sans";
  --theme-label-xs: 400 0.625rem/1.2 "Siemens Sans";
  --theme-body: 400 0.875rem/1.43 "Siemens Sans";
  --theme-body-xs: 400 0.625rem/1.5 "Siemens Sans";
  --theme-body-sm: 400 0.75rem/1.5 "Siemens Sans";
  --theme-body-lg: 400 1rem/1.5 "Siemens Sans";
  --theme-display: 400 1.5rem/1 "Siemens Sans";
  --theme-display-xs: 400 1rem/1 "Siemens Sans";
  --theme-display-sm: 400 1.25rem/1 "Siemens Sans";
  --theme-display-lg: 400 1.8125rem/1 "Siemens Sans";
  --theme-display-xl: 700 2.1875rem/1 "Siemens Sans";
  --theme-display-xxl: 700 2.625rem/1 "Siemens Sans";
  --theme-h6: 700 0.75rem/1.5 "Siemens Sans";
  --theme-h5: 700 0.875rem/1.43 "Siemens Sans";
  --theme-h4: 700 1rem/1.5 "Siemens Sans";
  --theme-h3: 700 1.25rem/1.5 "Siemens Sans";
  --theme-h2: 700 1.5rem/1.43 "Siemens Sans";
  --theme-h1: 700 1.8125rem/1.2 "Siemens Sans";
  --theme-code: 400 0.875rem/1.5 "JetBrains Mono";
  --theme-code-sm: 400 0.75rem/1.5 "JetBrains Mono";
  --theme-code-lg: 400 1rem/1.5 "JetBrains Mono";
  --theme-text-h2: 700 1.375rem/1.455 "Siemens Sans";
  --theme-text-xl: 400 1.375rem/1.091 "Siemens Sans";
  --theme-text-l-title: 700 1rem/1.5 "Siemens Sans";
  --theme-text-l-title-single: 700 1rem/1.25 "Siemens Sans";
  --theme-text-l: 400 1rem/1.5 "Siemens Sans";
  --theme-text-l-single: 400 1rem/1.25 "Siemens Sans";
  --theme-text-default-underline: 400 0.875rem/1.429 "Siemens Sans";
  --theme-text-default-title: 700 0.875rem/1.429 "Siemens Sans";
  --theme-text-default-title-single: 700 0.875rem/1.143 "Siemens Sans";
  --theme-text-default: 400 0.875rem/1.429 "Siemens Sans";
  --theme-text-default-single: 400 0.875rem/1.143 "Siemens Sans";
  --theme-text-caption: 700 0.75rem/1.5 "Siemens Sans";
  --theme-text-caption-single: 700 0.75rem/1 "Siemens Sans";
  --theme-text-s: 400 0.75rem/1.5 "Siemens Sans";
  --theme-text-s-single: 400 0.75rem/1.5 "Siemens Sans";
  --theme-text-xs: 400 0.625rem/1.4 "Siemens Sans";
  --theme-shadow-1: 0 2px 2px 0 #000000, 0 1px 1px 0 rgba(0, 0, 0, 0.6);
  --theme-shadow-2: -4px 0 8px 0 #000000, 4px 0 8px 0 #000000, 0 0 16px 0 rgba(0, 0, 0, 0.6);
  --theme-shadow-3: 0 2px 6px 0 #000000, 0 0 8px 0 rgba(0, 0, 0, 0.6);
  --theme-shadow-4: 0 0 2px 0 #000000, 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 12px 18px 0 rgba(0, 0, 0, 0.6);
  --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 0, 0.6);
  --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);
}

body[class*=theme-brand-light] {
  --theme-color-0: rgba(255, 255, 255, 0);
  --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: rgba(0, 0, 40, 0.3);
  --theme-color-soft-bdr: rgba(0, 0, 40, 0.2);
  --theme-color-weak-bdr: rgba(35, 35, 60, 0.15);
  --theme-color-x-weak-bdr: rgba(189, 189, 174, 0.2);
  --theme-color-focus-bdr: #1491eb;
  --theme-color-contrast-bdr: #000028;
  --theme-color-hard-bdr: #4c4c68;
  --theme-color-ghost: rgba(0, 0, 40, 0);
  --theme-color-ghost--hover: rgba(189, 189, 174, 0.2);
  --theme-color-ghost--active: rgba(143, 143, 117, 0.15);
  --theme-color-ghost--selected: rgba(0, 255, 185, 0.18);
  --theme-color-ghost--selected-hover: rgba(32, 197, 126, 0.2);
  --theme-color-ghost--selected-active: rgba(0, 158, 103, 0.2);
  --theme-color-ghost-primary--active: rgba(0, 207, 150, 0.2);
  --theme-color-ghost-primary--hover: rgba(0, 255, 185, 0.18);
  --theme-color-ghost-alt: rgba(0, 0, 40, 0.05);
  --theme-color-ghost-alt--hover: rgba(175, 175, 164, 0.2);
  --theme-color-ghost-alt--active: rgba(139, 139, 131, 0.2);
  --theme-color-ghost-alt--selected: rgba(0, 236, 174, 0.2);
  --theme-color-ghost-alt--selected-hover: rgba(30, 184, 120, 0.25);
  --theme-color-ghost-alt--selected-active: rgba(0, 161, 104, 0.2);
  --theme-color-primary: #007993;
  --theme-color-primary--contrast: #ffffff;
  --theme-color-primary--hover: #196269;
  --theme-color-primary--active: #16565c;
  --theme-color-primary--disabled: rgba(0, 121, 147, 0.3);
  --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: rgba(189, 189, 174, 0.2);
  --theme-color-component-1--hover: rgba(189, 189, 174, 0.35);
  --theme-color-component-1--active: rgba(150, 150, 138, 0.35);
  --theme-color-component-2: rgba(0, 0, 40, 0.1);
  --theme-color-component-3: rgba(0, 0, 40, 0.2);
  --theme-color-component-4: rgba(0, 0, 40, 0.3);
  --theme-color-component-5: rgba(0, 0, 40, 0.45);
  --theme-color-component-6: rgba(0, 0, 40, 0.6);
  --theme-color-component-7--hover: #00ffb9;
  --theme-color-component-7: rgba(0, 255, 185, 0.15);
  --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: rgba(11, 97, 101, 0.3);
  --theme-color-component-10: rgba(0, 81, 89, 0.75);
  --theme-color-component-10--hover: rgba(0, 93, 102, 0.75);
  --theme-color-component-10--active: rgba(0, 70, 77, 0.75);
  --theme-color-component-10--disabled: rgba(0, 81, 89, 0.15);
  --theme-color-1--hover: #f2f2f2;
  --theme-color-1--active: #e5e5e5;
  --theme-color-component-11: rgba(215, 215, 208, 0.2);
  --theme-color-alarm: #d72339;
  --theme-color-alarm--hover: #c11f33;
  --theme-color-alarm--active: #b41d30;
  --theme-color-alarm--contrast: #ffffff;
  --theme-color-alarm-40: rgba(215, 35, 57, 0.4);
  --theme-color-alarm-10: rgba(215, 35, 57, 0.1);
  --theme-color-warning: #e9c32a;
  --theme-color-warning--hover: #e3ba17;
  --theme-color-warning--active: #d0ab15;
  --theme-color-warning--contrast: #000028;
  --theme-color-warning-40: rgba(233, 195, 42, 0.4);
  --theme-color-warning-10: rgba(233, 195, 42, 0.1);
  --theme-color-critical: #e96401;
  --theme-color-critical--hover: #d05901;
  --theme-color-critical--active: #c15301;
  --theme-color-critical--contrast: #000028;
  --theme-color-critical-40: rgba(233, 100, 1, 0.4);
  --theme-color-success: #01893a;
  --theme-color-success--hover: #017a33;
  --theme-color-success--active: #016f2f;
  --theme-color-success--contrast: #ffffff;
  --theme-color-success-40: rgba(1, 137, 58, 0.4);
  --theme-color-info: #007eb1;
  --theme-color-info--hover: #00719e;
  --theme-color-info--active: #006994;
  --theme-color-info--contrast: #ffffff;
  --theme-color-info-40: rgba(0, 126, 177, 0.4);
  --theme-color-neutral: #66667e;
  --theme-color-neutral--hover: #5b5b71;
  --theme-color-neutral--active: #545468;
  --theme-color-neutral--contrast: #ffffff;
  --theme-color-neutral-40: rgba(102, 102, 126, 0.4);
  --theme-color-contrast-text: #000028;
  --theme-color-std-text: #000028;
  --theme-color-soft-text: rgba(0, 0, 40, 0.6);
  --theme-color-weak-text: rgba(0, 0, 40, 0.3);
  --theme-color-inv-contrast-text: #ffffff;
  --theme-color-inv-std-text: #ffffff;
  --theme-color-inv-soft-text: rgba(255, 255, 255, 0.6);
  --theme-color-inv-weak-text: rgba(255, 255, 255, 0.45);
  --theme-color-alarm-text: #b81e31;
  --theme-color-lightbox: rgba(255, 255, 255, 0.65);
  --theme-color-backdrop: rgba(255, 255, 255, 0.85);
  --theme-color-backdrop-3: rgba(232, 232, 227, 0.85);
  --theme-color-shadow-1: rgba(0, 0, 40, 0.1);
  --theme-color-shadow-3: rgba(0, 0, 40, 0.1);
  --theme-color-shadow-2: rgba(0, 0, 40, 0.2);
  --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: rgba(26, 116, 125, 0.4);
  --theme-chart-2: #005159;
  --theme-chart-2-40: rgba(0, 81, 89, 0.4);
  --theme-chart-3: #009999;
  --theme-chart-3-40: rgba(0, 153, 153, 0.4);
  --theme-chart-4: #002949;
  --theme-chart-4-40: rgba(0, 41, 73, 0.4);
  --theme-chart-5: #4c4c68;
  --theme-chart-5-40: rgba(76, 76, 104, 0.4);
  --theme-chart-6: #3664c6;
  --theme-chart-6-40: rgba(54, 100, 198, 0.4);
  --theme-chart-7: #00237a;
  --theme-chart-7-40: rgba(0, 35, 122, 0.4);
  --theme-chart-8: #00004a;
  --theme-chart-8-40: rgba(0, 0, 74, 0.4);
  --theme-chart-9: #553ba3;
  --theme-chart-9-40: rgba(85, 59, 163, 0.4);
  --theme-chart-10: #7353e5;
  --theme-chart-10-40: rgba(115, 83, 229, 0.4);
  --theme-chart-11: #740089;
  --theme-chart-11-40: rgba(116, 0, 137, 0.4);
  --theme-chart-12: #c04774;
  --theme-chart-12-40: rgba(192, 71, 116, 0.4);
  --theme-chart-13: #4f153d;
  --theme-chart-13-40: rgba(79, 21, 61, 0.4);
  --theme-chart-14: #be5925;
  --theme-chart-14-40: rgba(190, 89, 37, 0.4);
  --theme-chart-15: #801100;
  --theme-chart-15-40: rgba(128, 17, 0, 0.4);
  --theme-chart-16: #805800;
  --theme-chart-16-40: rgba(128, 88, 0, 0.4);
  --theme-chart-17: #5e5e4a;
  --theme-chart-17-40: rgba(94, 94, 74, 0.4);
  --theme-chart-axes: rgba(0, 0, 40, 0.3);
  --theme-chart-grid-lines: rgba(0, 0, 40, 0.1);
  --theme-chart-grid-fill: #ffffff;
  --theme-chart-ticks: rgba(0, 0, 40, 0.3);
  --theme-chart-tooltip-fill: rgba(255, 255, 255, 0.8);
  --theme-chart-tooltip-bdr: rgba(0, 0, 40, 0.2);
  --theme-font-sans: "Siemens Sans";
  --theme-font-code: "JetBrains Mono";
  --theme-company-logo: company-logo;
  --theme-label: 400 0.875rem/1.2 "Siemens Sans";
  --theme-label-lg: 400 1rem/1.2 "Siemens Sans";
  --theme-label-sm: 400 0.75rem/1.2 "Siemens Sans";
  --theme-label-xs: 400 0.625rem/1.2 "Siemens Sans";
  --theme-body: 400 0.875rem/1.43 "Siemens Sans";
  --theme-body-xs: 400 0.625rem/1.5 "Siemens Sans";
  --theme-body-sm: 400 0.75rem/1.5 "Siemens Sans";
  --theme-body-lg: 400 1rem/1.5 "Siemens Sans";
  --theme-display: 400 1.5rem/1 "Siemens Sans";
  --theme-display-xs: 400 1rem/1 "Siemens Sans";
  --theme-display-sm: 400 1.25rem/1 "Siemens Sans";
  --theme-display-lg: 400 1.8125rem/1 "Siemens Sans";
  --theme-display-xl: 700 2.1875rem/1 "Siemens Sans";
  --theme-display-xxl: 700 2.625rem/1 "Siemens Sans";
  --theme-h6: 700 0.75rem/1.5 "Siemens Sans";
  --theme-h5: 700 0.875rem/1.43 "Siemens Sans";
  --theme-h4: 700 1rem/1.5 "Siemens Sans";
  --theme-h3: 700 1.25rem/1.5 "Siemens Sans";
  --theme-h2: 700 1.5rem/1.43 "Siemens Sans";
  --theme-h1: 700 1.8125rem/1.2 "Siemens Sans";
  --theme-code: 400 0.875rem/1.5 "JetBrains Mono";
  --theme-code-sm: 400 0.75rem/1.5 "JetBrains Mono";
  --theme-code-lg: 400 1rem/1.5 "JetBrains Mono";
  --theme-text-h2: 700 1.375rem/1.455 "Siemens Sans";
  --theme-text-xl: 400 1.375rem/1.091 "Siemens Sans";
  --theme-text-l-title: 700 1rem/1.5 "Siemens Sans";
  --theme-text-l-title-single: 700 1rem/1.25 "Siemens Sans";
  --theme-text-l: 400 1rem/1.5 "Siemens Sans";
  --theme-text-l-single: 400 1rem/1.25 "Siemens Sans";
  --theme-text-default-underline: 400 0.875rem/1.429 "Siemens Sans";
  --theme-text-default-title: 700 0.875rem/1.429 "Siemens Sans";
  --theme-text-default-title-single: 700 0.875rem/1.143 "Siemens Sans";
  --theme-text-default: 400 0.875rem/1.429 "Siemens Sans";
  --theme-text-default-single: 400 0.875rem/1.143 "Siemens Sans";
  --theme-text-caption: 700 0.75rem/1.5 "Siemens Sans";
  --theme-text-caption-single: 700 0.75rem/1 "Siemens Sans";
  --theme-text-s: 400 0.75rem/1.5 "Siemens Sans";
  --theme-text-s-single: 400 0.75rem/1.5 "Siemens Sans";
  --theme-text-xs: 400 0.625rem/1.4 "Siemens Sans";
  --theme-shadow-1: 0 2px 2px 0 rgba(0, 0, 40, 0.2), 0 1px 1px 0 rgba(0, 0, 40, 0.1);
  --theme-shadow-2: -4px 0 8px 0 rgba(0, 0, 40, 0.2), 4px 0 8px 0 rgba(0, 0, 40, 0.2), 0 0 16px 0 rgba(0, 0, 40, 0.1);
  --theme-shadow-3: 0 2px 6px 0 rgba(0, 0, 40, 0.2), 0 0 8px 0 rgba(0, 0, 40, 0.1);
  --theme-shadow-4: 0 0 2px 0 rgba(0, 0, 40, 0.2), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1);
  --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 40, 0.1);
  --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);
}

@font-face {
  font-family: Siemens Sans;
  src: 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.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.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.woff2") format("woff2"), url("./fonts/sisan03.woff") format("woff"), url("./fonts/sisan03.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}