/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/assets/css/main.css ***!
  \*********************************************************************************************************************/
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-black: #000;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-3xl: 48rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -0.025em;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-colorBackground: var(--color-background);
    --color-colorStandard: var(--color-standard);
    --color-colorMuted2: var(--color-muted2);
    --color-colorInteraction: var(--color-interaction);
    --color-colorInteractionHover: var(--color-interaction-hover);
    --color-colorInteractionHover2: var(--color-interaction-hover2);
    --color-colorInteractionHover3: var(--color-interaction-hover3);
    --color-colorInteractionActive: var(--color-interaction-active);
    --color-colorInteractionActive2: var(--color-interaction-active2);
    --color-colorInteractionFocus: var(--color-interaction-focus);
    --color-colorInteractionContrast: var(--color-interaction-contrast);
    --color-colorArea0: var(--color-area0);
    --color-colorArea1: var(--color-area1);
    --color-colorArea2: var(--color-area2);
    --color-colorArea3: var(--color-area3);
    --color-colorArea5: var(--color-area5);
    --color-colorArea6: var(--color-area6);
    --color-colorDisabled: var(--color-disabled);
    --color-colorNavSelectionContrast: var(--color-nav-selection-contrast);
    --color-colorHeaderBackground: var(--color-header-background);
    --color-colorHeaderSeparator: var(--color-header-separator);
    --color-colorHeaderLogo: var(--color-header-logo);
    --color-colorHeaderAppname: var(--color-header-appname);
    --color-colorAccent5: var(--color-accent5);
    --color-colorError: var(--color-error);
    --color-colorError2: var(--color-error2);
    --color-colorWarning: var2(--color-warning);
    --color-colorWarning2: var(--color-warning2);
    --color-colorSuccess: var(--color-success);
    --color-colorSuccess2: var(--color-success2);
    --color-colorInformal: var(--color-informal);
    --color-colorInformal2: var(--color-informal2);
    --color-colorOverlayBackground: var(--color-overlay-background);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::-moz-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-\[-16px\] {
    top: -16px;
  }
  .top-\[16px\] {
    top: 16px;
  }
  .top-\[22px\] {
    top: 22px;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-\[16px\] {
    right: 16px;
  }
  .right-\[24px\] {
    right: 24px;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }
  .bottom-\[20px\] {
    bottom: 20px;
  }
  .bottom-\[145px\] {
    bottom: 145px;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-\[60px\] {
    left: 60px;
  }
  .left-\[144px\] {
    left: 144px;
  }
  .z-10 {
    z-index: 10;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[80\] {
    z-index: 80;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-none {
    order: 0;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .container {
    width: 100%;
    @media (width >= 1279px) {
      max-width: 1279px;
    }
    @media (width >= 1280px) {
      max-width: 1280px;
    }
    @media (width >= 1919px) {
      max-width: 1919px;
    }
    @media (width >= 1920px) {
      max-width: 1920px;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-12 {
    margin: calc(var(--spacing) * 12);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .mx-\[16px\] {
    margin-inline: 16px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-\[16px\] {
    margin-block: 16px;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-64 {
    margin-top: calc(var(--spacing) * 64);
  }
  .mt-\[2px\] {
    margin-top: 2px;
  }
  .mt-\[6px\] {
    margin-top: 6px;
  }
  .mt-\[12px\] {
    margin-top: 12px;
  }
  .mt-\[16px\] {
    margin-top: 16px;
  }
  .mt-\[20px\] {
    margin-top: 20px;
  }
  .mt-\[25px\] {
    margin-top: 25px;
  }
  .mt-\[26px\] {
    margin-top: 26px;
  }
  .mt-\[30px\] {
    margin-top: 30px;
  }
  .mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .mr-\[16px\] {
    margin-right: 16px;
  }
  .mr-\[18px\] {
    margin-right: 18px;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-\[2px\] {
    margin-bottom: 2px;
  }
  .mb-\[10px\] {
    margin-bottom: 10px;
  }
  .mb-\[12px\] {
    margin-bottom: 12px;
  }
  .mb-\[16px\] {
    margin-bottom: 16px;
  }
  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }
  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }
  .ml-\[5px\] {
    margin-left: 5px;
  }
  .ml-\[16px\] {
    margin-left: 16px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-5\/6 {
    height: calc(5/6 * 100%);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[31px\] {
    height: 31px;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[58px\] {
    height: 58px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[80px\] {
    height: 80px;
  }
  .h-\[84px\] {
    height: 84px;
  }
  .h-\[88px\] {
    height: 88px;
  }
  .h-\[107px\] {
    height: 107px;
  }
  .h-\[112px\] {
    height: 112px;
  }
  .h-\[120px\] {
    height: 120px;
  }
  .h-\[460px\] {
    height: 460px;
  }
  .h-\[calc\(100\%-110px\)\] {
    height: calc(100% - 110px);
  }
  .h-\[calc\(100\%-145px\)\] {
    height: calc(100% - 145px);
  }
  .h-\[calc\(100vh-48px\)\] {
    height: calc(100vh - 48px);
  }
  .h-\[calc\(100vh-52px\)\] {
    height: calc(100vh - 52px);
  }
  .h-\[calc\(100vh-80px\)\] {
    height: calc(100vh - 80px);
  }
  .h-\[calc\(100vh-84px\)\] {
    height: calc(100vh - 84px);
  }
  .h-\[calc\(100vh-142px\)\] {
    height: calc(100vh - 142px);
  }
  .h-\[calc\(100vh-160px\)\] {
    height: calc(100vh - 160px);
  }
  .h-\[calc\(100vh-204px\)\] {
    height: calc(100vh - 204px);
  }
  .h-\[calc\(100vh-205px\)\] {
    height: calc(100vh - 205px);
  }
  .h-\[calc\(100vh-300px\)\] {
    height: calc(100vh - 300px);
  }
  .h-\[calc\(100vh-315px\)\] {
    height: calc(100vh - 315px);
  }
  .h-full {
    height: 100%;
  }
  .h-max {
    height: -moz-max-content;
    height: max-content;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-\[395px\] {
    max-height: 395px;
  }
  .max-h-\[400px\] {
    max-height: 400px;
  }
  .max-h-\[670px\] {
    max-height: 670px;
  }
  .max-h-\[calc\(100\%-2px\)\] {
    max-height: calc(100% - 2px);
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-\[78px\] {
    min-height: 78px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-full {
    width: 100% !important;
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-\[7\%\] {
    width: 7%;
  }
  .w-\[12\%\] {
    width: 12%;
  }
  .w-\[16px\] {
    width: 16px;
  }
  .w-\[18\%\] {
    width: 18%;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[24\%\] {
    width: 24%;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[33\%\] {
    width: 33%;
  }
  .w-\[45\%\] {
    width: 45%;
  }
  .w-\[48\%\] {
    width: 48%;
  }
  .w-\[50\%\] {
    width: 50%;
  }
  .w-\[52\%\] {
    width: 52%;
  }
  .w-\[67\%\] {
    width: 67%;
  }
  .w-\[71px\] {
    width: 71px;
  }
  .w-\[76\%\] {
    width: 76%;
  }
  .w-\[79px\] {
    width: 79px;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .w-\[81\.25px\] {
    width: 81.25px;
  }
  .w-\[126px\] {
    width: 126px;
  }
  .w-\[183px\] {
    width: 183px;
  }
  .w-\[188px\] {
    width: 188px;
  }
  .w-\[200px\] {
    width: 200px;
  }
  .w-\[231px\] {
    width: 231px;
  }
  .w-\[254px\] {
    width: 254px;
  }
  .w-\[264px\] {
    width: 264px;
  }
  .w-\[345px\] {
    width: 345px;
  }
  .w-\[350px\] {
    width: 350px;
  }
  .w-\[389px\] {
    width: 389px;
  }
  .w-\[399px\] {
    width: 399px;
  }
  .w-\[402px\] {
    width: 402px;
  }
  .w-\[426px\] {
    width: 426px;
  }
  .w-\[433px\] {
    width: 433px;
  }
  .w-\[434px\] {
    width: 434px;
  }
  .w-\[437px\] {
    width: 437px;
  }
  .w-\[458px\] {
    width: 458px;
  }
  .w-\[466px\] {
    width: 466px;
  }
  .w-\[480px\] {
    width: 480px;
  }
  .w-\[496px\] {
    width: 496px;
  }
  .w-\[596px\] {
    width: 596px;
  }
  .w-\[739px\] {
    width: 739px;
  }
  .w-\[800px\] {
    width: 800px;
  }
  .w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: -moz-max-content;
    width: max-content;
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-\[48\%\] {
    max-width: 48%;
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .max-w-\[164px\] {
    max-width: 164px;
  }
  .max-w-\[250px\] {
    max-width: 250px;
  }
  .max-w-\[320px\] {
    max-width: 320px;
  }
  .max-w-\[398px\] {
    max-width: 398px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .min-w-\[91px\] {
    min-width: 91px;
  }
  .min-w-\[92px\] {
    min-width: 92px;
  }
  .min-w-\[107px\] {
    min-width: 107px;
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[140px\] {
    min-width: 140px;
  }
  .min-w-\[250px\] {
    min-width: 250px;
  }
  .min-w-\[308px\] {
    min-width: 308px;
  }
  .min-w-\[398px\] {
    min-width: 398px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .table-auto {
    table-layout: auto;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-disc {
    list-style-type: disc;
  }
  .appearance-none {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .content-between {
    align-content: space-between;
  }
  .content-center {
    align-content: center;
  }
  .content-start {
    align-content: flex-start;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .\!justify-center {
    justify-content: center !important;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-11 {
    gap: calc(var(--spacing) * 11);
  }
  .gap-\[1px\] {
    gap: 1px;
  }
  .gap-\[6px\] {
    gap: 6px;
  }
  .gap-\[12px\] {
    gap: 12px;
  }
  .gap-\[15px\] {
    gap: 15px;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[20px\] {
    gap: 20px;
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .\!rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[100px\] {
    border-radius: 100px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-popup {
    border-radius: 3px;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-\[3px\] {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .rounded-t-popup {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .rounded-b-\[3px\] {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .rounded-b-popup {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-\[1px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-\[2px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\!border-\[var\(--theme-color-alarm\)\] {
    border-color: var(--theme-color-alarm) !important;
  }
  .\!border-colorError {
    border-color: var(--color-colorError) !important;
  }
  .\!border-colorInteraction {
    border-color: var(--color-colorInteraction) !important;
  }
  .border-\[var\(--theme-color-2\)\] {
    border-color: var(--theme-color-2);
  }
  .border-\[var\(--theme-color-component-2\)\] {
    border-color: var(--theme-color-component-2);
  }
  .border-\[var\(--theme-color-dynamic\)\] {
    border-color: var(--theme-color-dynamic);
  }
  .border-\[var\(--theme-color-primary\)\] {
    border-color: var(--theme-color-primary);
  }
  .border-\[var\(--theme-color-soft-bdr\)\] {
    border-color: var(--theme-color-soft-bdr);
  }
  .border-colorArea1 {
    border-color: var(--color-colorArea1);
  }
  .border-colorArea3 {
    border-color: var(--color-colorArea3);
  }
  .border-colorArea6 {
    border-color: var(--color-colorArea6);
  }
  .border-colorDisabled {
    border-color: var(--color-colorDisabled);
  }
  .border-colorError {
    border-color: var(--color-colorError);
  }
  .border-colorHeaderSeparator {
    border-color: var(--color-colorHeaderSeparator);
  }
  .border-colorInformal {
    border-color: var(--color-colorInformal);
  }
  .border-colorInteraction {
    border-color: var(--color-colorInteraction);
  }
  .border-colorInteractionActive {
    border-color: var(--color-colorInteractionActive);
  }
  .border-colorInteractionHover {
    border-color: var(--color-colorInteractionHover);
  }
  .border-colorSuccess {
    border-color: var(--color-colorSuccess);
  }
  .border-colorWarning {
    border-color: var(--color-colorWarning);
  }
  .border-gray-500 {
    border-color: var(--color-gray-500);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-t-colorNavSelectionContrast {
    border-top-color: var(--color-colorNavSelectionContrast);
  }
  .border-b-\[var\(--theme-color-soft-bdr\)\] {
    border-bottom-color: var(--theme-color-soft-bdr);
  }
  .border-l-colorInteraction {
    border-left-color: var(--color-colorInteraction);
  }
  .\!bg-\[var\(--theme-color-component-error\)\] {
    background-color: var(--theme-color-component-error) !important;
  }
  .\!bg-colorArea0 {
    background-color: var(--color-colorArea0) !important;
  }
  .\!bg-colorError2 {
    background-color: var(--color-colorError2) !important;
  }
  .bg-\[var\(--theme-chart-grid-fill\)\] {
    background-color: var(--theme-chart-grid-fill);
  }
  .bg-\[var\(--theme-color-1\)\] {
    background-color: var(--theme-color-1);
  }
  .bg-\[var\(--theme-color-2\)\] {
    background-color: var(--theme-color-2);
  }
  .bg-\[var\(--theme-color-component-1\)\] {
    background-color: var(--theme-color-component-1);
  }
  .bg-\[var\(--theme-color-component-1--hover\)\] {
    background-color: var(--theme-color-component-1--hover);
  }
  .bg-\[var\(--theme-color-ghost--selected\)\] {
    background-color: var(--theme-color-ghost--selected);
  }
  .bg-\[var\(--theme-color-lightbox\)\] {
    background-color: var(--theme-color-lightbox);
  }
  .bg-\[var\(--theme-color-success-40\)\] {
    background-color: var(--theme-color-success-40);
  }
  .bg-\[var\(--theme-color-x-weak-bdr\)\] {
    background-color: var(--theme-color-x-weak-bdr);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-colorAccent5 {
    background-color: var(--color-colorAccent5);
  }
  .bg-colorArea0 {
    background-color: var(--color-colorArea0);
  }
  .bg-colorArea1 {
    background-color: var(--color-colorArea1);
  }
  .bg-colorArea2 {
    background-color: var(--color-colorArea2);
  }
  .bg-colorBackground {
    background-color: var(--color-colorBackground);
  }
  .bg-colorError {
    background-color: var(--color-colorError);
  }
  .bg-colorError2 {
    background-color: var(--color-colorError2);
  }
  .bg-colorHeaderBackground {
    background-color: var(--color-colorHeaderBackground);
  }
  .bg-colorInformal2 {
    background-color: var(--color-colorInformal2);
  }
  .bg-colorInteractionActive2 {
    background-color: var(--color-colorInteractionActive2);
  }
  .bg-colorOverlayBackground {
    background-color: var(--color-colorOverlayBackground);
  }
  .bg-colorSuccess2 {
    background-color: var(--color-colorSuccess2);
  }
  .bg-colorWarning2 {
    background-color: var(--color-colorWarning2);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-colorArea0 {
    --tw-gradient-from: var(--color-colorArea0);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-colorArea1 {
    --tw-gradient-to: var(--color-colorArea1);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .fill-\[var\(--theme-color-alarm\)\] {
    fill: var(--theme-color-alarm);
  }
  .fill-\[var\(--theme-color-component-4\)\] {
    fill: var(--theme-color-component-4);
  }
  .fill-\[var\(--theme-color-dynamic\)\] {
    fill: var(--theme-color-dynamic);
  }
  .fill-\[var\(--theme-color-soft-text\)\] {
    fill: var(--theme-color-soft-text);
  }
  .fill-\[var\(--theme-color-std-text\)\] {
    fill: var(--theme-color-std-text);
  }
  .fill-colorArea1 {
    fill: var(--color-colorArea1);
  }
  .fill-colorError {
    fill: var(--color-colorError);
  }
  .fill-colorHeaderLogo {
    fill: var(--color-colorHeaderLogo);
  }
  .fill-colorInformal {
    fill: var(--color-colorInformal);
  }
  .fill-colorInteraction {
    fill: var(--color-colorInteraction);
  }
  .fill-colorInteractionContrast {
    fill: var(--color-colorInteractionContrast);
  }
  .fill-colorMuted2 {
    fill: var(--color-colorMuted2);
  }
  .fill-colorStandard {
    fill: var(--color-colorStandard);
  }
  .fill-colorSuccess {
    fill: var(--color-colorSuccess);
  }
  .fill-colorWarning {
    fill: var(--color-colorWarning);
  }
  .fill-none {
    fill: none;
  }
  .stroke-colorArea5 {
    stroke: var(--color-colorArea5);
  }
  .stroke-colorDisabled {
    stroke: var(--color-colorDisabled);
  }
  .stroke-colorInteraction {
    stroke: var(--color-colorInteraction);
  }
  .stroke-colorInteractionActive {
    stroke: var(--color-colorInteractionActive);
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-\[12px\] {
    padding: 12px;
  }
  .p-\[16px\] {
    padding: 16px;
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-\[7px\] {
    padding-inline: 7px;
  }
  .px-\[12px\] {
    padding-inline: 12px;
  }
  .px-\[16px\] {
    padding-inline: 16px;
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-\[2px\] {
    padding-block: 2px;
  }
  .py-\[6px\] {
    padding-block: 6px;
  }
  .py-\[9px\] {
    padding-block: 9px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .py-\[12px\] {
    padding-block: 12px;
  }
  .py-\[20px\] {
    padding-block: 20px;
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-\[6px\] {
    padding-top: 6px;
  }
  .pt-\[12px\] {
    padding-top: 12px;
  }
  .pt-\[14px\] {
    padding-top: 14px;
  }
  .pt-\[16px\] {
    padding-top: 16px;
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-\[10px\] {
    padding-right: 10px;
  }
  .pr-\[20px\] {
    padding-right: 20px;
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-\[16px\] {
    padding-bottom: 16px;
  }
  .pb-\[18px\] {
    padding-bottom: 18px;
  }
  .pb-\[54px\] {
    padding-bottom: 54px;
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-\[8px\] {
    padding-left: 8px;
  }
  .pl-\[14px\] {
    padding-left: 14px;
  }
  .text-center {
    text-align: center;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-middle {
    vertical-align: middle;
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-size24 {
    font-size: 24px;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .break-all {
    word-break: break-all;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\!text-\[var\(--theme-color-std-text\)\] {
    color: var(--theme-color-std-text) !important;
  }
  .text-\[var\(--theme-color-soft-text\)\] {
    color: var(--theme-color-soft-text);
  }
  .text-\[var\(--theme-color-std-text\)\] {
    color: var(--theme-color-std-text);
  }
  .text-colorArea0 {
    color: var(--color-colorArea0);
  }
  .text-colorArea1 {
    color: var(--color-colorArea1);
  }
  .text-colorHeaderAppname {
    color: var(--color-colorHeaderAppname);
  }
  .text-colorInteraction {
    color: var(--color-colorInteraction);
  }
  .text-colorMuted2 {
    color: var(--color-colorMuted2);
  }
  .text-colorStandard {
    color: var(--color-colorStandard);
  }
  .\!italic {
    font-style: italic !important;
  }
  .\!no-underline {
    text-decoration-line: none !important;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .shadow-\[0_1px_3px_0px_rgba\(0\,0\,0\,0\.1\)\,0_1px_2px_-1px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 1px 3px 0px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\,0_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0,0,0,0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur-\[2\.5px\] {
    --tw-backdrop-blur: blur(2.5px);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .group-hover\:scale-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:bg-colorInteractionHover2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-colorInteractionHover2);
      }
    }
  }
  .group-hover\:fill-colorInteractionHover {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-colorInteractionHover);
      }
    }
  }
  .group-hover\:fill-colorInteractionHover2 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-colorInteractionHover2);
      }
    }
  }
  .group-hover\:stroke-colorInteractionHover {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-colorInteractionHover);
      }
    }
  }
  .group-hover\:text-colorInteractionHover {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-colorInteractionHover);
      }
    }
  }
  .placeholder\:text-size14 {
    &::-moz-placeholder {
      font-size: 14px;
    }
    &::placeholder {
      font-size: 14px;
    }
  }
  .placeholder\:leading-5 {
    &::-moz-placeholder {
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
    }
    &::placeholder {
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5);
    }
  }
  .placeholder\:font-normal {
    &::-moz-placeholder {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
    &::placeholder {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .placeholder\:italic {
    &::-moz-placeholder {
      font-style: italic;
    }
    &::placeholder {
      font-style: italic;
    }
  }
  .hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  .hover\:bg-\[var\(--theme-color-component-1--hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--theme-color-component-1--hover);
      }
    }
  }
  .hover\:bg-colorInteractionHover2 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-colorInteractionHover2);
      }
    }
  }
  .hover\:bg-colorInteractionHover3 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-colorInteractionHover3);
      }
    }
  }
  .hover\:shadow-md {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .focus\:ring-1 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-colorInteractionFocus {
    &:focus {
      --tw-ring-color: var(--color-colorInteractionFocus);
    }
  }
  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
      @media (forced-colors: active) {
        outline: 2px solid transparent;
        outline-offset: 2px;
      }
    }
  }
  .active\:bg-\[var\(--theme-color-component-1--active\)\] {
    &:active {
      background-color: var(--theme-color-component-1--active);
    }
  }
  .large\:h-\[20px\] {
    @media (width >= 1920px) {
      height: 20px;
    }
  }
  .large\:max-w-\[448px\] {
    @media (width >= 1920px) {
      max-width: 448px;
    }
  }
  .small\:absolute {
    @media (1279px >= width) {
      position: absolute;
    }
  }
  .small\:top-\[35px\] {
    @media (1279px >= width) {
      top: 35px;
    }
  }
  .small\:left-\[83px\] {
    @media (1279px >= width) {
      left: 83px;
    }
  }
  .small\:mx-3 {
    @media (1279px >= width) {
      margin-inline: calc(var(--spacing) * 3);
    }
  }
  .small\:mt-0 {
    @media (1279px >= width) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .small\:mt-1 {
    @media (1279px >= width) {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .small\:mt-3 {
    @media (1279px >= width) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .small\:mt-\[16px\] {
    @media (1279px >= width) {
      margin-top: 16px;
    }
  }
  .small\:mr-2 {
    @media (1279px >= width) {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .small\:mr-\[6px\] {
    @media (1279px >= width) {
      margin-right: 6px;
    }
  }
  .small\:mb-0 {
    @media (1279px >= width) {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  .small\:ml-3 {
    @media (1279px >= width) {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  .small\:flex {
    @media (1279px >= width) {
      display: flex;
    }
  }
  .small\:hidden {
    @media (1279px >= width) {
      display: none;
    }
  }
  .small\:\!h-4 {
    @media (1279px >= width) {
      height: calc(var(--spacing) * 4) !important;
    }
  }
  .small\:h-0 {
    @media (1279px >= width) {
      height: calc(var(--spacing) * 0);
    }
  }
  .small\:h-6 {
    @media (1279px >= width) {
      height: calc(var(--spacing) * 6);
    }
  }
  .small\:h-10 {
    @media (1279px >= width) {
      height: calc(var(--spacing) * 10);
    }
  }
  .small\:h-\[35px\] {
    @media (1279px >= width) {
      height: 35px;
    }
  }
  .small\:h-\[98\%\] {
    @media (1279px >= width) {
      height: 98%;
    }
  }
  .small\:h-\[120px\] {
    @media (1279px >= width) {
      height: 120px;
    }
  }
  .small\:h-\[122px\] {
    @media (1279px >= width) {
      height: 122px;
    }
  }
  .small\:h-\[126px\] {
    @media (1279px >= width) {
      height: 126px;
    }
  }
  .small\:h-\[130px\] {
    @media (1279px >= width) {
      height: 130px;
    }
  }
  .small\:h-\[176px\] {
    @media (1279px >= width) {
      height: 176px;
    }
  }
  .small\:h-\[210px\] {
    @media (1279px >= width) {
      height: 210px;
    }
  }
  .small\:h-\[480px\] {
    @media (1279px >= width) {
      height: 480px;
    }
  }
  .small\:h-\[calc\(100vh-100px\)\] {
    @media (1279px >= width) {
      height: calc(100vh - 100px);
    }
  }
  .small\:h-\[calc\(100vh-187px\)\] {
    @media (1279px >= width) {
      height: calc(100vh - 187px);
    }
  }
  .small\:h-\[calc\(100vh-280px\)\] {
    @media (1279px >= width) {
      height: calc(100vh - 280px);
    }
  }
  .small\:h-full {
    @media (1279px >= width) {
      height: 100%;
    }
  }
  .small\:max-h-\[112px\] {
    @media (1279px >= width) {
      max-height: 112px;
    }
  }
  .small\:max-h-\[120px\] {
    @media (1279px >= width) {
      max-height: 120px;
    }
  }
  .small\:max-h-\[300px\] {
    @media (1279px >= width) {
      max-height: 300px;
    }
  }
  .small\:max-h-\[318px\] {
    @media (1279px >= width) {
      max-height: 318px;
    }
  }
  .small\:max-h-\[350px\] {
    @media (1279px >= width) {
      max-height: 350px;
    }
  }
  .small\:max-h-\[382px\] {
    @media (1279px >= width) {
      max-height: 382px;
    }
  }
  .small\:max-h-\[390px\] {
    @media (1279px >= width) {
      max-height: 390px;
    }
  }
  .small\:max-h-\[432px\] {
    @media (1279px >= width) {
      max-height: 432px;
    }
  }
  .small\:\!w-4 {
    @media (1279px >= width) {
      width: calc(var(--spacing) * 4) !important;
    }
  }
  .small\:w-6 {
    @media (1279px >= width) {
      width: calc(var(--spacing) * 6);
    }
  }
  .small\:w-\[15\%\] {
    @media (1279px >= width) {
      width: 15%;
    }
  }
  .small\:w-\[20\%\] {
    @media (1279px >= width) {
      width: 20%;
    }
  }
  .small\:w-\[30\%\] {
    @media (1279px >= width) {
      width: 30%;
    }
  }
  .small\:w-\[42\%\] {
    @media (1279px >= width) {
      width: 42%;
    }
  }
  .small\:w-\[47\%\] {
    @media (1279px >= width) {
      width: 47%;
    }
  }
  .small\:w-\[55px\] {
    @media (1279px >= width) {
      width: 55px;
    }
  }
  .small\:w-\[70\%\] {
    @media (1279px >= width) {
      width: 70%;
    }
  }
  .small\:w-\[80\%\] {
    @media (1279px >= width) {
      width: 80%;
    }
  }
  .small\:w-\[106px\] {
    @media (1279px >= width) {
      width: 106px;
    }
  }
  .small\:w-\[255px\] {
    @media (1279px >= width) {
      width: 255px;
    }
  }
  .small\:w-\[336px\] {
    @media (1279px >= width) {
      width: 336px;
    }
  }
  .small\:w-\[476px\] {
    @media (1279px >= width) {
      width: 476px;
    }
  }
  .small\:w-\[733px\] {
    @media (1279px >= width) {
      width: 733px;
    }
  }
  .small\:w-full {
    @media (1279px >= width) {
      width: 100%;
    }
  }
  .small\:min-w-\[60px\] {
    @media (1279px >= width) {
      min-width: 60px;
    }
  }
  .small\:min-w-\[120px\] {
    @media (1279px >= width) {
      min-width: 120px;
    }
  }
  .small\:grid-cols-2 {
    @media (1279px >= width) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .small\:flex-col {
    @media (1279px >= width) {
      flex-direction: column;
    }
  }
  .small\:flex-wrap {
    @media (1279px >= width) {
      flex-wrap: wrap;
    }
  }
  .small\:items-start {
    @media (1279px >= width) {
      align-items: flex-start;
    }
  }
  .small\:justify-center {
    @media (1279px >= width) {
      justify-content: center;
    }
  }
  .small\:gap-0 {
    @media (1279px >= width) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .small\:gap-1 {
    @media (1279px >= width) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .small\:gap-2 {
    @media (1279px >= width) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .small\:gap-\[16px\] {
    @media (1279px >= width) {
      gap: 16px;
    }
  }
  .small\:truncate {
    @media (1279px >= width) {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .small\:overflow-x-hidden {
    @media (1279px >= width) {
      overflow-x: hidden;
    }
  }
  .small\:overflow-y-auto {
    @media (1279px >= width) {
      overflow-y: auto;
    }
  }
  .small\:overflow-y-hidden {
    @media (1279px >= width) {
      overflow-y: hidden;
    }
  }
  .small\:p-0 {
    @media (1279px >= width) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .small\:p-3 {
    @media (1279px >= width) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .small\:px-1 {
    @media (1279px >= width) {
      padding-inline: calc(var(--spacing) * 1);
    }
  }
  .small\:py-1 {
    @media (1279px >= width) {
      padding-block: calc(var(--spacing) * 1);
    }
  }
  .small\:pt-\[16px\] {
    @media (1279px >= width) {
      padding-top: 16px;
    }
  }
  .small\:pb-0 {
    @media (1279px >= width) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .small\:pb-\[12px\] {
    @media (1279px >= width) {
      padding-bottom: 12px;
    }
  }
  .small\:pl-12 {
    @media (1279px >= width) {
      padding-left: calc(var(--spacing) * 12);
    }
  }
  .small\:text-xl {
    @media (1279px >= width) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .small\:text-xs {
    @media (1279px >= width) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .small\:text-size12 {
    @media (1279px >= width) {
      font-size: 12px;
    }
  }
  .medium\:absolute {
    @media (1919px >= width >= 1280px) {
      position: absolute;
    }
  }
  .medium\:top-\[64px\] {
    @media (1919px >= width >= 1280px) {
      top: 64px;
    }
  }
  .medium\:left-\[16px\] {
    @media (1919px >= width >= 1280px) {
      left: 16px;
    }
  }
  .medium\:mt-6 {
    @media (1919px >= width >= 1280px) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .medium\:mb-\[16px\] {
    @media (1919px >= width >= 1280px) {
      margin-bottom: 16px;
    }
  }
  .medium\:flex {
    @media (1919px >= width >= 1280px) {
      display: flex;
    }
  }
  .medium\:h-\[14px\] {
    @media (1919px >= width >= 1280px) {
      height: 14px;
    }
  }
  .medium\:h-\[17\.16px\] {
    @media (1919px >= width >= 1280px) {
      height: 17.16px;
    }
  }
  .medium\:h-\[260px\] {
    @media (1919px >= width >= 1280px) {
      height: 260px;
    }
  }
  .medium\:h-\[405px\] {
    @media (1919px >= width >= 1280px) {
      height: 405px;
    }
  }
  .medium\:h-\[calc\(100\%-100px\)\] {
    @media (1919px >= width >= 1280px) {
      height: calc(100% - 100px);
    }
  }
  .medium\:h-\[calc\(100vh-294px\)\] {
    @media (1919px >= width >= 1280px) {
      height: calc(100vh - 294px);
    }
  }
  .medium\:h-screen {
    @media (1919px >= width >= 1280px) {
      height: 100vh;
    }
  }
  .medium\:max-h-\[228px\] {
    @media (1919px >= width >= 1280px) {
      max-height: 228px;
    }
  }
  .medium\:max-h-\[304px\] {
    @media (1919px >= width >= 1280px) {
      max-height: 304px;
    }
  }
  .medium\:max-h-\[400px\] {
    @media (1919px >= width >= 1280px) {
      max-height: 400px;
    }
  }
  .medium\:min-h-\[304px\] {
    @media (1919px >= width >= 1280px) {
      min-height: 304px;
    }
  }
  .medium\:w-1\/3 {
    @media (1919px >= width >= 1280px) {
      width: calc(1/3 * 100%);
    }
  }
  .medium\:w-2\/3 {
    @media (1919px >= width >= 1280px) {
      width: calc(2/3 * 100%);
    }
  }
  .medium\:w-\[11\%\] {
    @media (1919px >= width >= 1280px) {
      width: 11%;
    }
  }
  .medium\:w-\[26\%\] {
    @media (1919px >= width >= 1280px) {
      width: 26%;
    }
  }
  .medium\:w-\[50½\] {
    @media (1919px >= width >= 1280px) {
      width: 50½;
    }
  }
  .medium\:w-\[65\%\] {
    @media (1919px >= width >= 1280px) {
      width: 65%;
    }
  }
  .medium\:w-\[74\%\] {
    @media (1919px >= width >= 1280px) {
      width: 74%;
    }
  }
  .medium\:w-\[350px\] {
    @media (1919px >= width >= 1280px) {
      width: 350px;
    }
  }
  .medium\:w-\[376px\] {
    @media (1919px >= width >= 1280px) {
      width: 376px;
    }
  }
  .medium\:w-full {
    @media (1919px >= width >= 1280px) {
      width: 100%;
    }
  }
  .medium\:max-w-\[165px\] {
    @media (1919px >= width >= 1280px) {
      max-width: 165px;
    }
  }
  .medium\:min-w-\[80px\] {
    @media (1919px >= width >= 1280px) {
      min-width: 80px;
    }
  }
  .medium\:grid-cols-3 {
    @media (1919px >= width >= 1280px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .medium\:flex-wrap {
    @media (1919px >= width >= 1280px) {
      flex-wrap: wrap;
    }
  }
  .medium\:gap-0 {
    @media (1919px >= width >= 1280px) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .medium\:gap-1 {
    @media (1919px >= width >= 1280px) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .medium\:gap-2 {
    @media (1919px >= width >= 1280px) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .medium\:gap-\[16px\] {
    @media (1919px >= width >= 1280px) {
      gap: 16px;
    }
  }
  .medium\:p-\[8px\] {
    @media (1919px >= width >= 1280px) {
      padding: 8px;
    }
  }
  .medium\:pl-12 {
    @media (1919px >= width >= 1280px) {
      padding-left: calc(var(--spacing) * 12);
    }
  }
  .medium\:text-\[12px\] {
    @media (1919px >= width >= 1280px) {
      font-size: 12px;
    }
  }
}
:host *, :host *::after, :host *::before {
  box-sizing: border-box;
}
:host ::-webkit-scrollbar-button {
  display: none;
}
@-moz-document url-prefix() {
  :host * {
    scrollbar-color: var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);
    scrollbar-width: thin;
  }
}
:host ::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
:host ::-webkit-scrollbar-track {
  border-radius: 5px;
  background: var(--theme-scrollbar-track--background);
}
:host ::-webkit-scrollbar-track:hover {
  background: var(--theme-scrollbar-track--background--hover);
}
:host ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: var(--theme-scrollbar-thumb--background);
}
:host ::-webkit-scrollbar-thumb:hover {
  background: var(--theme-scrollbar-thumb--background--hover);
}
:host ::-webkit-scrollbar-corner {
  display: none;
}
#toast-container > :not(:last-child) {
  margin-block-end: 1rem;
}
.toast-container {
  display: block;
  position: fixed;
  z-index: var(--theme-z-index-toast);
}
.toast-container--top-right {
  right: 1rem;
  top: 2rem;
}
.toast-container--bottom-right {
  right: 1rem;
  bottom: 2rem;
}
.text-xs {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.4em;
  color: var(--theme-color-std-text);
}
.text-s {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5em;
  color: var(--theme-color-std-text);
}
.text-caption {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5em;
  color: var(--theme-color-std-text);
}
.text-caption-single {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1em;
  color: var(--theme-color-std-text);
}
.text-default {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.429em;
  color: var(--theme-color-std-text);
}
.text-default-single {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.143em;
  color: var(--theme-color-std-text);
}
.text-default-title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.429em;
  color: var(--theme-color-std-text);
}
.text-default-title-single {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.143em;
  color: var(--theme-color-std-text);
}
.text-l {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  color: var(--theme-color-std-text);
}
.text-l-single {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25em;
  color: var(--theme-color-std-text);
}
.text-l-title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5em;
  color: var(--theme-color-std-text);
}
.text-l-title-single {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25em;
  color: var(--theme-color-std-text);
}
.text-h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.455em;
  color: var(--theme-color-std-text);
}
.text-xl {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.091em;
  color: var(--theme-color-std-text);
}
a {
  color: var(--theme-color-primary);
}
:root {
  --theme-z-index-sticky: 1020;
  --theme-z-index-fixed: 1030;
  --theme-z-index-modal-backdrop: 1040;
  --theme-z-index-modal: 1050;
  --theme-z-index-dropdown: 1060;
  --theme-z-index-tooltip: 1070;
  --theme-z-index-toast: 1080;
}
label.ix-form-label {
  color: var(--theme-color-soft-text);
  padding: 2px 0px;
}
label.ix-form-label.label-alignment-left {
  padding: 6px 0px;
}
input.ix-form-control {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-0);
  line-height: var(--theme-line-height-md);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-xl);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  min-height: 2rem;
  width: auto;
  padding: 0.25rem 0.5rem;
  background-color: var(--theme-input--background);
  color: var(--theme-input--color);
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  text-overflow: ellipsis;
  border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);
  border-radius: var(--theme-input--border-radius);
  box-shadow: var(--theme-input--box-shadow);
}
input.ix-form-control[type=number] {
  text-align: right;
}
input.ix-form-control[type=number]::-webkit-inner-spin-button {
  margin-right: -2px;
  margin-left: 2px;
  display: none;
}
input.ix-form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--theme-color-component-info) inset !important;
  -webkit-text-fill-color: var(--theme-input--color--autofill) !important;
  background-color: var(--theme-input--background--autofill) !important;
  border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;
  color: var(--theme-input--color--autofill) !important;
}
input.ix-form-control:-webkit-autofill, input.ix-form-control:autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--theme-color-component-info) inset !important;
  -webkit-text-fill-color: var(--theme-input--color--autofill) !important;
  background-color: var(--theme-input--background--autofill) !important;
  border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;
  color: var(--theme-input--color--autofill) !important;
}
input.ix-form-control::-moz-placeholder {
  color: var(--theme-input-hint--color);
}
input.ix-form-control::placeholder {
  color: var(--theme-input-hint--color);
}
input.ix-form-control.hover:not(.readonly, .read-only, .disabled, [readonly], [disabled], :-moz-read-only), input.ix-form-control:hover:not(.readonly, .read-only, .disabled, [readonly], [disabled], :-moz-read-only) {
  border-color: var(--theme-input--border-color--hover) !important;
  background-color: var(--theme-input--background--hover);
}
input.ix-form-control.hover:not(.readonly, .read-only, .disabled, [readonly], [disabled], :read-only), input.ix-form-control:hover:not(.readonly, .read-only, .disabled, [readonly], [disabled], :read-only) {
  border-color: var(--theme-input--border-color--hover) !important;
  background-color: var(--theme-input--background--hover);
}
input.ix-form-control.focus:not(.readonly, .read-only, .disabled, [readonly], [disabled], :-moz-read-only), input.ix-form-control:focus:not(.readonly, .read-only, .disabled, [readonly], [disabled], :-moz-read-only) {
  outline: 1px solid var(--theme-color-focus-bdr);
  outline-offset: var(--theme-input--focus--outline-offset);
  border-color: var(--theme-input--border-color--focus) !important;
}
input.ix-form-control.focus:not(.readonly, .read-only, .disabled, [readonly], [disabled], :read-only), input.ix-form-control:focus:not(.readonly, .read-only, .disabled, [readonly], [disabled], :read-only) {
  outline: 1px solid var(--theme-color-focus-bdr);
  outline-offset: var(--theme-input--focus--outline-offset);
  border-color: var(--theme-input--border-color--focus) !important;
}
input.ix-form-control:-moz-read-only {
  box-shadow: none;
  background-color: transparent;
  outline: none;
  border: none;
  border-radius: 0;
  border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly);
}
input.ix-form-control.read-only, input.ix-form-control:read-only {
  box-shadow: none;
  background-color: transparent;
  outline: none;
  border: none;
  border-radius: 0;
  border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly);
}
input.ix-form-control:-moz-read-only::-moz-placeholder {
  color: transparent;
}
input.ix-form-control.read-only::-moz-placeholder, input.ix-form-control:read-only::-moz-placeholder {
  color: transparent;
}
input.ix-form-control:-moz-read-only::-moz-placeholder {
  color: transparent;
}
input.ix-form-control:-moz-read-only::placeholder {
  color: transparent;
}
input.ix-form-control.read-only::-moz-placeholder, input.ix-form-control:read-only::-moz-placeholder {
  color: transparent;
}
input.ix-form-control:-moz-read-only::placeholder {
  color: transparent;
}
input.ix-form-control.read-only::placeholder, input.ix-form-control:read-only::placeholder {
  color: transparent;
}
input.ix-form-control:disabled, input.ix-form-control.disabled {
  box-shadow: none;
  background-color: transparent;
  outline: none;
  border: none;
  border-radius: 0;
  color: var(--theme-input--color--disabled);
  border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled);
}
input.ix-form-control:disabled::-moz-placeholder, input.ix-form-control.disabled::-moz-placeholder {
  color: transparent;
}
input.ix-form-control:disabled::placeholder, input.ix-form-control.disabled::placeholder {
  color: transparent;
}
textarea.ix-form-control {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-0);
  line-height: var(--theme-line-height-md);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-xl);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  min-height: 2rem;
  width: auto;
  padding: 0.25rem 0.5rem;
  background-color: var(--theme-input--background);
  color: var(--theme-input--color);
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  text-overflow: ellipsis;
  border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);
  border-radius: var(--theme-input--border-radius);
  box-shadow: var(--theme-input--box-shadow);
}
textarea.ix-form-control[type=number] {
  text-align: right;
}
textarea.ix-form-control[type=number]::-webkit-inner-spin-button {
  margin-right: -2px;
  margin-left: 2px;
  display: none;
}
textarea.ix-form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--theme-color-component-info) inset !important;
  -webkit-text-fill-color: var(--theme-input--color--autofill) !important;
  background-color: var(--theme-input--background--autofill) !important;
  border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;
  color: var(--theme-input--color--autofill) !important;
}
textarea.ix-form-control:-webkit-autofill, textarea.ix-form-control:autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--theme-color-component-info) inset !important;
  -webkit-text-fill-color: var(--theme-input--color--autofill) !important;
  background-color: var(--theme-input--background--autofill) !important;
  border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;
  color: var(--theme-input--color--autofill) !important;
}
textarea.ix-form-control::-moz-placeholder {
  color: var(--theme-input-hint--color);
}
textarea.ix-form-control::placeholder {
  color: var(--theme-input-hint--color);
}
textarea.ix-form-control.hover:not(.readonly, .read-only, .disabled, [readonly], [disabled], :-moz-read-only), textarea.ix-form-control:hover:not(.readonly, .read-only, .disabled, [readonly], [disabled], :-moz-read-only) {
  border-color: var(--theme-input--border-color--hover) !important;
  background-color: var(--theme-input--background--hover);
}
textarea.ix-form-control.hover:not(.readonly, .read-only, .disabled, [readonly], [disabled], :read-only), textarea.ix-form-control:hover:not(.readonly, .read-only, .disabled, [readonly], [disabled], :read-only) {
  border-color: var(--theme-input--border-color--hover) !important;
  background-color: var(--theme-input--background--hover);
}
textarea.ix-form-control.focus:not(.readonly, .read-only, .disabled, [readonly], [disabled], :-moz-read-only), textarea.ix-form-control:focus:not(.readonly, .read-only, .disabled, [readonly], [disabled], :-moz-read-only) {
  outline: 1px solid var(--theme-color-focus-bdr);
  outline-offset: var(--theme-input--focus--outline-offset);
  border-color: var(--theme-input--border-color--focus) !important;
}
textarea.ix-form-control.focus:not(.readonly, .read-only, .disabled, [readonly], [disabled], :read-only), textarea.ix-form-control:focus:not(.readonly, .read-only, .disabled, [readonly], [disabled], :read-only) {
  outline: 1px solid var(--theme-color-focus-bdr);
  outline-offset: var(--theme-input--focus--outline-offset);
  border-color: var(--theme-input--border-color--focus) !important;
}
textarea.ix-form-control:-moz-read-only {
  box-shadow: none;
  background-color: transparent;
  outline: none;
  border: none;
  border-radius: 0;
  border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly);
}
textarea.ix-form-control.read-only, textarea.ix-form-control:read-only {
  box-shadow: none;
  background-color: transparent;
  outline: none;
  border: none;
  border-radius: 0;
  border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly);
}
textarea.ix-form-control:-moz-read-only::-moz-placeholder {
  color: transparent;
}
textarea.ix-form-control.read-only::-moz-placeholder, textarea.ix-form-control:read-only::-moz-placeholder {
  color: transparent;
}
textarea.ix-form-control:-moz-read-only::-moz-placeholder {
  color: transparent;
}
textarea.ix-form-control:-moz-read-only::placeholder {
  color: transparent;
}
textarea.ix-form-control.read-only::-moz-placeholder, textarea.ix-form-control:read-only::-moz-placeholder {
  color: transparent;
}
textarea.ix-form-control:-moz-read-only::placeholder {
  color: transparent;
}
textarea.ix-form-control.read-only::placeholder, textarea.ix-form-control:read-only::placeholder {
  color: transparent;
}
textarea.ix-form-control:disabled, textarea.ix-form-control.disabled {
  box-shadow: none;
  background-color: transparent;
  outline: none;
  border: none;
  border-radius: 0;
  color: var(--theme-input--color--disabled);
  border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled);
}
textarea.ix-form-control:disabled::-moz-placeholder, textarea.ix-form-control.disabled::-moz-placeholder {
  color: transparent;
}
textarea.ix-form-control:disabled::placeholder, textarea.ix-form-control.disabled::placeholder {
  color: transparent;
}
textarea.ix-form-control {
  min-height: 2rem;
  height: 3.25rem;
  padding: calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness));
}
textarea.ix-info:not(.disabled):not(:disabled):not([disabled]), input.ix-info:not(.disabled):not(:disabled):not([disabled]) {
  border-color: var(--theme-input--border-color--info);
}
textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover, input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover {
  border-color: var(--theme-input--border-color--info--hover) !important;
}
textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active, input.ix-info:not(.disabled):not(:disabled):not([disabled]):active {
  border-color: var(--theme-input--border-color--info--active) !important;
}
textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]), input.ix-warning:not(.disabled):not(:disabled):not([disabled]) {
  border-color: var(--theme-input--border-color--warning--active) !important;
}
textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover, input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover {
  border-color: var(--theme-input--border-color--warning--active) !important;
}
textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active, input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active {
  border-color: var(--theme-input--border-color--warning--active) !important;
}
textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]), input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]) {
  background-color: var(--theme-input--background--invalid);
  border-color: var(--theme-input--border-color--invalid) !important;
}
textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover, input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover {
  border-color: var(--theme-input--border-color--invalid--hover) !important;
}
textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active, input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active {
  border-color: var(--theme-input--border-color--invalid--active) !important;
}
textarea.ix-form-control ~ .valid-feedback, textarea.ix-form-control ~ .invalid-feedback, input.ix-form-control ~ .valid-feedback, input.ix-form-control ~ .invalid-feedback {
  display: none;
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-0);
  line-height: var(--theme-line-height-md);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-xl);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
form textarea.ix-form-control ~ .valid-feedback, form input.ix-form-control ~ .valid-feedback {
  color: var(--theme-color-success);
}
form textarea.ix-form-control ~ .invalid-feedback, form input.ix-form-control ~ .invalid-feedback {
  color: var(--theme-color-alarm-text);
}
form:not([novalidate]) .ix-form-control:invalid, form:not([novalidate]) .ix-form-control.is-invalid, form.was-validated .ix-form-control:invalid, form.was-validated .ix-form-control.is-invalid {
  background-color: var(--theme-input-error--background);
  border-color: var(--theme-input-error--border-color);
  background-image: url("data:image/svg+xml,%3C%3Fxml version=%271.0%27 encoding=%27UTF-8%27%3F%3E%3Csvg width=%27512px%27 height=%27512px%27 viewBox=%270 0 512 512%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27%3E%3C%21-- Generator: sketchtool 62 %28101010%29 - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id=%27Page-1%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 fill-opacity=%270.75%27%3E%3Cg id=%27error%27 fill=%27%23ff2640%27%3E%3Cg id=%27error/error%27%3E%3Cpath d=%27M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z%27 id=%27Combined-Shape%27%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-position: left calc(0.375em + 0.1875rem) center;
  padding-right: 0.75rem;
  padding-left: calc(1.5em + 0.75rem);
  background-size: 18px;
  background-repeat: no-repeat;
}
form:not([novalidate]) .ix-form-control:invalid ~ .invalid-feedback, form:not([novalidate]) .ix-form-control.is-invalid ~ .invalid-feedback, form.was-validated .ix-form-control:invalid ~ .invalid-feedback, form.was-validated .ix-form-control.is-invalid ~ .invalid-feedback {
  display: block;
}
form:not([novalidate]) .ix-form-control:valid ~ .valid-feedback, form:not([novalidate]) .ix-form-control.is-valid ~ .valid-feedback, form.was-validated .ix-form-control:valid ~ .valid-feedback, form.was-validated .ix-form-control.is-valid ~ .valid-feedback {
  display: block;
}
form:not(.was-validated) .ix-form-control.invalid-feedback, form:not(.was-validated) .ix-form-control.valid-feedback {
  display: none !important;
}
.ix-form-control[type=checkbox]:not(:checked), .ix-form-control[type=checkbox]:checked {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ix-form-control[type=checkbox]:not(:checked) + label, .ix-form-control[type=checkbox]:checked + label {
  position: relative;
  display: inline-flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--theme-checkbox-label--color);
  min-height: 1.5rem;
}
.ix-form-control[type=checkbox]:not(:disabled) + label {
  cursor: pointer;
}
.ix-form-control[type=checkbox] + label:before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  min-width: 1.125rem;
  min-height: 1.125rem;
  max-width: 1.125rem;
  max-height: 1.125rem;
  float: left;
  margin-right: 0.5rem;
  margin-top: 1px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.ix-form-control[type=checkbox] + label:focus-visible:before {
  outline: 0.0625rem solid var(--theme-color-focus-bdr);
  outline-offset: var(--theme-checkbox--focus--outline-offset);
}
.ix-form-control[type=checkbox]:focus-visible + label:before {
  outline: 0.0625rem solid var(--theme-color-focus-bdr);
  outline-offset: var(--theme-checkbox--focus--outline-offset);
}
.ix-form-control[type=checkbox]:not(:checked) + label:before {
  background-color: var(--theme-checkbox-unchecked--background);
  border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color);
}
.ix-form-control[type=checkbox]:not(:checked):hover + label:before {
  background-color: var(--theme-checkbox-unchecked--background--hover);
  border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover);
}
.ix-form-control[type=checkbox]:not(:checked):active + label:before {
  background-color: var(--theme-checkbox-unchecked--background--active);
  border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active);
}
.ix-form-control[type=checkbox]:not(:checked):disabled + label::before {
  background-color: var(--theme-checkbox-unchecked--background--disabled);
  border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled);
}
.ix-form-control[type=checkbox]:checked + label:before {
  background-color: var(--theme-checkbox-checked--background);
  border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color);
}
.ix-form-control[type=checkbox]:checked + label:after {
  content: "";
  width: 0.4rem;
  height: 0.26rem;
  display: block;
  border-top: none;
  border-right: none;
  border-bottom: 0.0625rem solid var(--theme-checkbox-checked--color);
  border-left: 0.0625rem solid var(--theme-checkbox-checked--color);
  position: absolute;
  margin: 0.525rem 0.42rem 0.1875rem;
  transform: translate(-1px, -3px) rotate(-53deg) scale(2) skew(-8deg, -3deg);
}
.ix-form-control[type=checkbox]:checked:hover + label:before {
  background-color: var(--theme-checkbox-checked--background--hover);
  border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover);
}
.ix-form-control[type=checkbox]:checked:active + label:before {
  background-color: var(--theme-checkbox-checked--background--active);
  border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active);
}
.ix-form-control[type=checkbox]:checked:disabled + label:before {
  background-color: var(--theme-checkbox-checked--background--disabled);
  border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled);
}
.ix-form-control[type=checkbox]:checked:disabled + label::after {
  border-color: var(--theme-checkbox-checked--color--disabled);
}
.ix-form-control[type=checkbox]:disabled + label:before {
  pointer-events: none;
  opacity: 0.5;
}
.ix-form-control[type=checkbox]:indeterminate + label:after {
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.125rem;
  border-bottom: 0.125rem solid var(--theme-checkbox-mixed--color);
  position: absolute;
  margin: 0.5625rem 0 0 0.25rem;
}
.ix-form-control[type=checkbox]:indeterminate + label:before {
  background-color: var(--theme-checkbox-mixed--background);
  border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color);
}
.ix-form-control[type=checkbox]:indeterminate:hover + label:before {
  background-color: var(--theme-checkbox-mixed--background--hover);
  border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--hover);
}
.ix-form-control[type=checkbox]:indeterminate:active + label:before {
  background-color: var(--theme-checkbox-mixed--background--active);
  border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--active);
}
.ix-form-control[type=checkbox]:indeterminate:disabled + label::before {
  background-color: var(--theme-checkbox-mixed--background--disabled);
  border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--disabled);
}
.ix-form-control[type=checkbox]:indeterminate:disabled + label::after {
  border-color: var(--theme-checkbox-mixed--color--disabled);
}
.ix-form-control[type=checkbox]:disabled + label {
  color: var(--theme-checkbox-label--color--disabled);
}
.ix-form-control[type=radio]:not(:checked), .ix-form-control[type=radio]:checked {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  min-height: 0px;
  min-width: 0px;
  max-height: 1px;
  max-width: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ix-form-control[type=radio]:not(:checked) + label, .ix-form-control[type=radio]:checked + label {
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: var(--theme-radiobtn-label--color);
  margin-right: 1rem;
}
.ix-form-control[type=radio]:not(:disabled) + label {
  cursor: pointer;
}
.ix-form-control[type=radio] + label:before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  min-height: 1.25rem;
  max-width: 1.25rem;
  max-height: 1.25rem;
  float: left;
  margin-right: 0.5rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  border-radius: 100%;
}
.ix-form-control[type=radio] + label:focus-visible:before {
  outline: 0.0625rem solid var(--theme-color-focus-bdr);
  outline-offset: var(--theme-radiobtn--focus--outline-offset);
}
.ix-form-control[type=radio]:focus-visible + label:before {
  outline: 0.0625rem solid var(--theme-color-focus-bdr);
  outline-offset: var(--theme-radiobtn--focus--outline-offset);
}
.ix-form-control[type=radio]:not(:checked) + label:before {
  background-color: var(--theme-radiobtn-unchecked--background);
  border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color);
}
.ix-form-control[type=radio]:not(:checked):hover + label:before {
  background-color: var(--theme-radiobtn-unchecked--background--hover);
  border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover);
}
.ix-form-control[type=radio]:not(:checked):active + label:before {
  background-color: var(--theme-radiobtn-unchecked--background--active);
  border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active);
}
.ix-form-control[type=radio]:not(:checked):disabled + label::before {
  background-color: var(--theme-radiobtn-unchecked--background--disabled);
  border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled);
}
.ix-form-control[type=radio]:checked + label:before {
  background-color: var(--theme-radiobtn-checked--background);
  border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color);
}
.ix-form-control[type=radio]:checked + label:after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  display: block;
  background-color: var(--theme-radiobtn-checked--color);
  border-radius: 100%;
  position: absolute;
  top: 0.5rem;
  left: 0.375rem;
}
.ix-form-control[type=radio]:checked:hover + label:before {
  background-color: var(--theme-radiobtn-checked--background--hover);
  border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover);
}
.ix-form-control[type=radio]:checked:active + label:before {
  background-color: var(--theme-radiobtn-checked--background--active);
  border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active);
}
.ix-form-control[type=radio]:checked:disabled + label:before {
  background-color: var(--theme-radiobtn-checked--background--disabled);
  border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled);
}
.ix-form-control[type=radio]:checked:disabled + label::after {
  border-color: var(--theme-radiobtn-checked--color--disabled);
}
.ix-form-control[type=radio]:disabled + label:before {
  pointer-events: none;
  opacity: 0.5;
}
.ix-form-control[type=radio]:disabled + label {
  color: var(--theme-radiobtn-label--color--disabled);
}
.text-xs {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.4em;
  color: var(--theme-color-std-text);
}
.text-s {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5em;
  color: var(--theme-color-std-text);
}
.text-caption {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5em;
  color: var(--theme-color-std-text);
}
.text-caption-single {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1em;
  color: var(--theme-color-std-text);
}
.text-default {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.429em;
  color: var(--theme-color-std-text);
}
.text-default-single {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.143em;
  color: var(--theme-color-std-text);
}
.text-default-title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.429em;
  color: var(--theme-color-std-text);
}
.text-default-title-single {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.143em;
  color: var(--theme-color-std-text);
}
.text-l {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5em;
  color: var(--theme-color-std-text);
}
.text-l-single {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25em;
  color: var(--theme-color-std-text);
}
.text-l-title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5em;
  color: var(--theme-color-std-text);
}
.text-l-title-single {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25em;
  color: var(--theme-color-std-text);
}
.text-h2 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.455em;
  color: var(--theme-color-std-text);
}
.text-xl {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.091em;
  color: var(--theme-color-std-text);
}
a {
  color: var(--theme-color-primary);
}
a[href] {
  color: var(--theme-color-primary);
  text-decoration: none;
}
a[href]:not(.disabled):not(:disabled) {
  cursor: pointer;
}
a[href]:not(.disabled):not(:disabled):hover, a[href]:not(.disabled):not(:disabled).hover {
  color: var(--theme-color-dynamic);
  text-decoration: underline;
}
a[href]:not(.disabled):not(:disabled) {
  cursor: pointer;
}
a[href]:not(.disabled):not(:disabled):active, a[href]:not(.disabled):not(:disabled).active {
  color: var(--theme-color-dynamic);
  text-decoration: underline;
}
a[href]:not(.disabled):not(:disabled):visited {
  color: var(--theme-color-primary);
  text-decoration: none;
}
a[href]:not(.disabled):not(:disabled):focus-visible {
  outline: 1px solid var(--theme-color-focus-bdr);
  outline-offset: 0.125rem;
}
a[href] .glyph {
  vertical-align: middle;
}
a[href] .glyph::before {
  display: inline-block;
  text-decoration: none;
}
a[href]:not(.disabled):not(:disabled) {
  cursor: pointer;
}
ix-menu > a[href] {
  text-decoration: none;
  color: unset;
}
a[href]:has(+ ix-menu-item) {
  text-decoration: none;
  color: unset;
}
:root body {
  --theme-box-shadow-lvl-1: var(--theme-shadow-1);
  --theme-box-shadow-lvl-2: var(--theme-shadow-2);
  --theme-box-shadow-lvl-3: var(--theme-shadow-3);
  --theme-box-shadow-lvl-4: var(--theme-shadow-4);
  --theme-box-shadow-level-1: var(--theme-shadow-1);
  --theme-box-shadow-level-2: var(--theme-shadow-2);
  --theme-box-shadow-level-3: var(--theme-shadow-3);
  --theme-box-shadow-level-4: var(--theme-shadow-4);
  --theme-box-shadow-insert: var(--theme-inset-shadow-1);
}
.input-group-label {
  color: var(--theme-input-unit--color);
  margin-left: 2px;
  margin-right: 2px;
}
.group-start .input-group-label:first-child {
  margin-left: 8px;
}
.group-start .input-group-label:last-child {
  margin-right: 4px;
}
.group-end .input-group-label:first-child {
  margin-left: 4px;
}
.group-end .input-group-label:last-child {
  margin-right: 8px;
}
.ix-table {
  box-sizing: border-box;
  border-spacing: 0px;
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--theme-table--border-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  font-family: Siemens Sans, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.429em;
  color: var(--theme-color-std-text);
  --ix-table-background: var(--theme-table--background);
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--theme-table--color);
  --bs-table-bg: var(--theme-table--background);
  --bs-table-border-color: var(--theme-table--border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--theme-table--color);
  --bs-table-striped-bg: var(--theme-table-data-row-alt--background);
  --bs-table-active-color: var(--theme-table--color);
  --bs-table-active-bg: var(--theme-table-data-row-alt--background--active);
  --bs-table-hover-color: var(--theme-table--color);
  --bs-table-hover-bg: var(--theme-table-data-row-alt--background--hover);
}
.ix-table-striped > tbody > tr:nth-of-type(odd) > * {
  --ix-table-background: var(--theme-table-data-row-alt--background);
}
.ix-table thead {
  background-color: var(--theme-table-header-row--background);
}
.ix-table > thead {
  vertical-align: bottom;
}
.ix-table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--ix-table-background);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px transparent;
}
.ix-table th, .ix-table td {
  border-bottom-color: var(--theme-table-data-row--border-color);
}
.ix-table thead, .ix-table tbody, .ix-table tfoot, .ix-table tr, .ix-table td, .ix-table th {
  text-align: left;
}
.typography-label {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-0);
  line-height: var(--theme-line-height-sm);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-xl);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-label-xs {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms--2);
  line-height: var(--theme-line-height-sm);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-xxl);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-label-sm {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms--1);
  line-height: var(--theme-line-height-sm);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-xl);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-label-lg {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-1);
  line-height: var(--theme-line-height-sm);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-lg);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-body {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-0);
  line-height: var(--theme-line-height-md);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-xl);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-body-xs {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms--2);
  line-height: var(--theme-line-height-lg);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-xxl);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-body-sm {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms--1);
  line-height: var(--theme-line-height-lg);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-xl);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-body-lg {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-1);
  line-height: var(--theme-line-height-lg);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-lg);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-display {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-3);
  line-height: var(--theme-line-height-xs);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-md);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-display-xs {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-1);
  line-height: var(--theme-line-height-xs);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-sm);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-display-sm {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-2);
  line-height: var(--theme-line-height-xs);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-lg);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-display-lg {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-4);
  line-height: var(--theme-line-height-xs);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-md);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-display-xl {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-5);
  line-height: var(--theme-line-height-xs);
  font-weight: var(--theme-font-weight-bold);
  letter-spacing: var(--theme-letter-spacing-sm);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-display-xxl {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-6);
  line-height: var(--theme-line-height-xs);
  font-weight: var(--theme-font-weight-bold);
  letter-spacing: var(--theme-letter-spacing-sm);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
h6, .h6, .typography-h6 {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms--1);
  line-height: var(--theme-line-height-lg);
  font-weight: var(--theme-font-weight-bold);
  letter-spacing: var(--theme-letter-spacing-xl);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
h5, .h5, .typography-h5 {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-0);
  line-height: var(--theme-line-height-lg);
  font-weight: var(--theme-font-weight-bold);
  letter-spacing: var(--theme-letter-spacing-xl);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
h4, .h4, .typography-h4 {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-1);
  line-height: var(--theme-line-height-lg);
  font-weight: var(--theme-font-weight-bold);
  letter-spacing: var(--theme-letter-spacing-lg);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
h3, .h3, .typography-h3 {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-2);
  line-height: var(--theme-line-height-lg);
  font-weight: var(--theme-font-weight-bold);
  letter-spacing: var(--theme-letter-spacing-lg);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
h2, .h2, .typography-h2 {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-3);
  line-height: var(--theme-line-height-md);
  font-weight: var(--theme-font-weight-bold);
  letter-spacing: var(--theme-letter-spacing-md);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
h1, .h1, .typography-h1 {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-4);
  line-height: var(--theme-line-height-sm);
  font-weight: var(--theme-font-weight-bold);
  letter-spacing: var(--theme-letter-spacing-md);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-code {
  font-feature-settings: "clig" off, "liga" off;
  font-family: JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-0);
  line-height: var(--theme-line-height-lg);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-md);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-code-lg {
  font-feature-settings: "clig" off, "liga" off;
  font-family: JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-1);
  line-height: var(--theme-line-height-lg);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-md);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-code-sm {
  font-feature-settings: "clig" off, "liga" off;
  font-family: JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms--1);
  line-height: var(--theme-line-height-lg);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-xl);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
}
.typography-decoration-none {
  text-decoration: none !important;
}
.typography-decoration-underline {
  text-decoration: underline !important;
}
.typography-decoration-line-through {
  text-decoration: line-through !important;
}
.typography-weight-bold {
  font-weight: 700 !important;
}
a {
  color: var(--theme-color-primary);
}
.ix-button-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
*, *::before, *::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  cursor: help;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol, ul {
  padding-left: 2rem;
}
ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b, strong {
  font-weight: bolder;
}
small, .small {
  font-size: 0.875em;
}
mark, .mark {
  padding: 0.1875em;
  background-color: var(--theme-color-warning-40);
}
sub, sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre, code, kbd, samp {
  font-family: var(--theme-font-code);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  word-wrap: break-word;
}
code a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  line-height: inherit;
}
figure {
  margin: 0 0 1rem;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
iframe {
  border: 0;
}
img, svg {
  vertical-align: middle;
}
summary {
  display: list-item;
  cursor: pointer;
}
[hidden] {
  display: none !important;
}
:not([data-ix-theme]) body:not([data-ix-theme]), [data-ix-theme] {
  --theme-logo--siemens: url("data:image/svg+xml;charset=utf8,%3Csvg width=%2776%27 height=%2712%27 viewBox=%270 0 76 12%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M.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%27 fill=%27%23FFF%27 fill-rule=%27evenodd%27/%3E%3C/svg%3E%0A");
  --theme-text-decoration-none: none;
  --theme-text-decoration-underline: underline;
  --theme-text-decoration-line-through: line-through;
  --theme-size--6: 0.125rem;
  --theme-size--5: 0.1875rem;
  --theme-size--4: 0.25rem;
  --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-default-control-height: 32px;
  --theme-large-control-height: 40px;
  --theme-medium-control-height: 24px;
  --theme-large-icon-size: 2rem;
  --theme-default-icon-size: 1.5rem;
  --theme-small-icon-size: 1rem;
  --theme-input-min-width: 0.125rem;
  --theme-space--3: 0.125rem;
  --theme-space--2: 0.1875rem;
  --theme-space--1: 0.25rem;
  --theme-space-0: 0.375rem;
  --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;
  --theme-input-padding-y: 0.5rem;
  --theme-input-padding-x: 0.5rem;
  --theme-container-size-0: 15rem;
  --theme-container-size-1: 20rem;
  --theme-container-size-2: 22.5rem;
  --theme-container-size-3: 30rem;
  --theme-container-size-4: 37.5rem;
  --theme-container-size-5: 45rem;
  --theme-container-size-6: 52.5rem;
  --theme-shadow-1-x-offset-1: 0;
  --theme-shadow-1-y-offset-1: 2;
  --theme-shadow-1-blur-1: 2;
  --theme-shadow-1-spread-1: 0;
  --theme-shadow-1-x-offset-2: 0;
  --theme-shadow-1-y-offset-2: 1;
  --theme-shadow-1-blur-2: 1;
  --theme-shadow-1-spread-2: 0;
  --theme-shadow-2-x-offset-1: -4;
  --theme-shadow-2-y-offset-1: 0;
  --theme-shadow-2-blur-1: 8;
  --theme-shadow-2-spread-1: 0;
  --theme-shadow-2-x-offset-2: 4;
  --theme-shadow-2-y-offset-2: 0;
  --theme-shadow-2-blur-2: 8;
  --theme-shadow-2-spread-2: 0;
  --theme-shadow-2-x-offset-3: 0;
  --theme-shadow-2-y-offset-3: 0;
  --theme-shadow-2-blur-3: 16;
  --theme-shadow-2-spread-3: 0;
  --theme-shadow-3-x-offset-1: 0;
  --theme-shadow-3-y-offset-1: 2;
  --theme-shadow-3-blur-1: 6;
  --theme-shadow-3-spread-1: 0;
  --theme-shadow-3-x-offset-2: 0;
  --theme-shadow-3-y-offset-2: 0;
  --theme-shadow-3-blur-2: 8;
  --theme-shadow-3-spread-2: 0;
  --theme-shadow-4-x-offset-1: 0;
  --theme-shadow-4-y-offset-1: 0;
  --theme-shadow-4-blur-1: 2;
  --theme-shadow-4-spread-1: 0;
  --theme-shadow-4-x-offset-2: 0;
  --theme-shadow-4-y-offset-2: 4;
  --theme-shadow-4-blur-2: 8;
  --theme-shadow-4-spread-2: 0;
  --theme-shadow-4-x-offset-3: 0;
  --theme-shadow-4-y-offset-3: 12;
  --theme-shadow-4-blur-3: 18;
  --theme-shadow-4-spread-3: 0;
  --theme-inner-shadow-x-offset-1: 0;
  --theme-inner-shadow-y-offset-1: 2;
  --theme-inner-shadow-blur-1: 4;
  --theme-inner-shadow-spread-1: 0;
  --theme-lightbox-blur: 5.44;
  --theme-overlay-blur: 43.49;
  --theme-focus-outline-offset: 0.125rem;
  --theme-x-slow-time: 1000;
  --theme-slow-time: 500;
  --theme-medium-time: 300;
  --theme-default-time: 150;
  --theme-short-time: 0;
  --theme-ms--2: 0.625rem;
  --theme-ms--1: 0.75rem;
  --theme-ms-0: 0.875rem;
  --theme-ms-1: 1rem;
  --theme-ms-1-2: 1.125rem;
  --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;
  --theme-font-weight-normal: 400;
  --theme-font-weight-bold: 700;
  --theme-font-weight-black: 900;
  --theme-line-height-s: 1.5;
  --theme-line-height-xl: 1.091;
  --theme-line-height-h2: 1.455;
  --theme-line-height-l-single: 1.25;
  --theme-line-height-default-single: 1.143;
  --theme-line-height-default: 1.429;
  --theme-line-height-caption-single: 1;
  --theme-line-height-caption: 1.5;
  --theme-line-height-s-single: 1.5;
  --theme-line-height-l: 1.5;
  --theme-line-height-lg: 1.5;
  --theme-line-height-md: 1.43;
  --theme-line-height-sm: 1.2;
  --theme-line-height-mdsm: 1.3;
  --theme-line-height-xs: 1;
  --theme-letter-spacing-xs: -0.012em;
  --theme-letter-spacing-sm: -0.006em;
  --theme-letter-spacing-md: 0em;
  --theme-letter-spacing-lg: 0.006em;
  --theme-letter-spacing-xl: 0.012em;
  --theme-letter-spacing-xxl: 0.02em;
  --theme-focus--outline-offset: 0.125rem;
  --theme-default-border-radius: 0.25rem;
  --theme-small-border-radius: 0.0125rem;
  --theme-min-border-radius: 0rem;
  --theme-border-width-default: 0.0625rem;
  --theme-border-width-thick: 0.125rem;
  --theme-border-width-none: 0rem;
  --theme-focus-border-thickness: 0.0625rem;
  --theme-focus--border-thickness: 0.0625rem;
  --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-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-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-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-app-header-logo--color: var(--theme-color-logo);
  --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--border-width: var(--theme-blind--border-thickness);
  --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-avatar--background: var(--theme-color-component-3);
  --theme-avatar--color: var(--theme-color-std-text);
  --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-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-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-icon-open--color--active: var(--theme-color-dynamic);
  --theme-blind-header-icon-open--color--hover: var(--theme-color-dynamic);
  --theme-blind-header-icon-open--color: var(--theme-color-dynamic);
  --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-open--color--hover: var(--theme-color-std-text);
  --theme-blind-header-open--color: var(--theme-color-std-text);
  --theme-blind--border-radius: var(--theme-default-border-radius);
  --theme-blind--border-thickness: var(--theme-border-width-default);
  --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-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-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-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--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--border-radius: var(--theme-min-border-radius);
  --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-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-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-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-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-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-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-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-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-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-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-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-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-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-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--focus--outline-offset: var(--theme-focus-outline-offset);
  --theme-btn--border-radius: var(--theme-min-border-radius);
  --theme-btn--border-thickness: var(--theme-border-width-default);
  --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-label--color: var(--theme-color-std-text);
  --theme-checkbox-label--color--disabled: var(--theme-color-weak-text);
  --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-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--focus--outline-offset: var(--theme-focus-outline-offset);
  --theme-checkbox--border-thickness: var(--theme-border-width-default);
  --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-close-btn--background: var(--theme-color-ghost);
  --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-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-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-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--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-datepicker-cw--color: var(--theme-color-soft-text);
  --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-extra--border-color: var(--theme-color-1);
  --theme-datepicker-separator--background: var(--theme-color-x-weak-bdr);
  --theme-datepicker-time-header: var(--theme-color-std-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-weekday--color: var(--theme-color-soft-text);
  --theme-event-item-chevron--color: var(--theme-color-soft-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-flip-footer--background: var(--theme-color-component-1);
  --theme-flip-footer--color: var(--theme-color-std-text);
  --theme-flip-tile--border-radius: var(--theme-default-border-radius);
  --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-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-group-header--color: var(--theme-color-std-text);
  --theme-group-item-icon--color: var(--theme-color-std-text);
  --theme-group-item-icon--color--disabled: var(--theme-color-weak-text);
  --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-item-subtext--color: var(--theme-color-soft-text);
  --theme-group-item-subtext--color--disabled: var(--theme-color-weak-text);
  --theme-group-item-text--color: var(--theme-color-std-text);
  --theme-group-item-text--color--disabled: var(--theme-color-weak-text);
  --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-node-closed--color: var(--theme-color-std-text);
  --theme-group-node-open--color: var(--theme-color-std-text);
  --theme-group-subheader--color: var(--theme-color-std-text);
  --theme-group--border-radius--focus: var(--theme-min-border-radius);
  --theme-group--border-radius: var(--theme-default-border-radius);
  --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-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-input-error-icon--color: var(--theme-color-alarm);
  --theme-input-error--background: var(--theme-color-component-error);
  --theme-input-error--border-color: var(--theme-color-alarm);
  --theme-input-extra--background--active: var(--theme-color-component-8--hover);
  --theme-input-extra--background--hover: var(--theme-color-component-8--hover);
  --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-hint--color: var(--theme-color-soft-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-input-unit--color: var(--theme-color-soft-text);
  --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--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--focus--outline-offset: var(--theme-focus-outline-offset);
  --theme-input--border-thickness: var(--theme-border-width-default);
  --theme-input--border-radius: var(--theme-small-border-radius);
  --theme-input--box-shadow: var(--theme-inset-shadow-1);
  --theme-kpi-display-icon--color: var(--theme-color-std-text);
  --theme-kpi-display-indicator--background: var(--theme-color-component-4);
  --theme-kpi-display-label--color: var(--theme-color-soft-text);
  --theme-kpi-display-units: var(--theme-color-soft-text);
  --theme-kpi-display-value: 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--border-radius: var(--theme-default-border-radius);
  --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-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-map-navigation-header--color: var(--theme-color-std-text);
  --theme-map-navigation-logo--color: var(--theme-color-logo);
  --theme-map-navigation-separator--background: var(--theme-color-soft-bdr);
  --theme-map-navigation--background: var(--theme-color-1);
  --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-menu-header--color: var(--theme-color-soft-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-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--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-separator--background: var(--theme-color-x-weak-bdr);
  --theme-menu--background: var(--theme-color-2);
  --theme-menu--border-color: var(--theme-color-0);
  --theme-menu--border-thickness: var(--theme-border-width-none);
  --theme-menu--border-radius: var(--theme-default-border-radius);
  --theme-menu--box-shadow: var(--theme-shadow-4);
  --theme-message-bar--border-thickness: var(--theme-border-width-thick);
  --theme-message-bar--border-radius: var(--theme-default-border-radius);
  --theme-messagebar--color: var(--theme-color-std-text);
  --theme-messagebar--background: var(--theme-color-1);
  --theme-modal--background: var(--theme-color-2);
  --theme-modal--border-color: var(--theme-color-0);
  --theme-modal--box-shadow: var(--theme-shadow-4);
  --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-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-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-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-overlay-header--color: var(--theme-color-std-text);
  --theme-nav-overlay--background: var(--theme-color-backdrop-3);
  --theme-nav--background: var(--theme-color-2);
  --theme-navigation--box-shadow: var(--theme-shadow-2);
  --theme-overlay-header--background: var(--theme-color-0);
  --theme-overlay-header--color: var(--theme-color-std-text);
  --theme-overlay--background: var(--theme-color-backdrop);
  --theme-pill-outline--color: var(--theme-color-std-text);
  --theme-pill-outline--background: var(--theme-color-1);
  --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-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--focus--outline-offset: var(--theme-focus-outline-offset);
  --theme-radiobtn--border-thickness: var(--theme-border-width-default);
  --theme-scrollbar-thumb--background: var(--theme-color-5);
  --theme-scrollbar-thumb--background--hover: var(--theme-color-7);
  --theme-scrollbar-track--background: var(--theme-color-2);
  --theme-scrollbar-track--border: var(--theme-color-1);
  --theme-scrollbar-track--background--hover: var(--theme-color-3);
  --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-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-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--background: var(--theme-color-2);
  --theme-select-list--border-color: var(--theme-color-0);
  --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-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);
  --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-track-marker--background: var(--theme-color-8);
  --theme-slider-track-marker--background--disabled: var(--theme-color-5);
  --theme-slider-track--background: var(--theme-color-component-4);
  --theme-slider-track--background--disabled: var(--theme-color-component-2);
  --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-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-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-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--box-shadow: none;
  --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-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-tab-indicator--height: 0.125rem;
  --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-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-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--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-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-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-group-header-row--background: var(--theme-color-0);
  --theme-table-group-header-row--border-color: var(--theme-color-soft-bdr);
  --theme-table-group-splitter--background: var(--theme-color-x-weak-bdr);
  --theme-table-group-splitter--background--hover: var(--theme-color-dynamic);
  --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-row--background: var(--theme-color-0);
  --theme-table-header-row--border-color: var(--theme-color-soft-bdr);
  --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-selection--border-color: var(--theme-color-0);
  --theme-table--background: var(--theme-color-0);
  --theme-table--border-color: var(--theme-color-0);
  --theme-table--color: var(--theme-color-std-text);
  --theme-theme-modal--border-thickness: var(--theme-border-width-default);
  --theme-tile--box-shadow: none;
  --theme-tile--border-radius: var(--theme-default-border-radius);
  --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-toast--border-thickness: var(--theme-border-width-none);
  --theme-toast--border-radius: var(--theme-default-border-radius);
  --theme-toast--box-shadow: var(--theme-shadow-4);
  --theme-toast--border-radus: var(--theme-toast--border-radius);
  --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-tooltip-close--color: var(--theme-color-soft-text);
  --theme-tooltip--background: var(--theme-color-2);
  --theme-tooltip--border-color: var(--theme-color-0);
  --theme-tooltip--color: var(--theme-color-std-text);
  --theme-tootlip--background: var(--theme-tooltip--background);
  --theme-tree-item-icon: var(--theme-color-std-text);
  --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-status--color: 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--color: var(--theme-color-std-text);
  --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-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--border-radius: var(--theme-default-border-radius);
  --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-error--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--background: var(--theme-color-1);
  --theme-workflow-step--color--disabled: var(--theme-color-weak-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--border-radius: 1px;
  --animate-duration: 150ms;
  --bs-font-sans-serif: Siemens Sans, system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --ix-safe-area-inset-top: 0rem;
  --ix-safe-area-inset-right: 0rem;
  --ix-safe-area-inset-bottom: 0rem;
  --ix-safe-area-inset-left: 0rem;
  color: var(--theme-color-std-text);
}
body {
  font-feature-settings: "clig" off, "liga" off;
  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: var(--theme-ms-0);
  line-height: var(--theme-line-height-md);
  font-weight: var(--theme-font-weight-normal);
  letter-spacing: var(--theme-letter-spacing-xl);
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smooting: grayscale;
  color: var(--theme-color-std-text);
  background-color: var(--theme-color-1);
  margin: 0;
}
body:not(.disable-scrollbar) ::-webkit-scrollbar-button {
  display: none;
}
@-moz-document url-prefix() {
  body:not(.disable-scrollbar) * {
    scrollbar-color: var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);
    scrollbar-width: thin;
  }
}
body:not(.disable-scrollbar) ::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
body:not(.disable-scrollbar) ::-webkit-scrollbar-track {
  border-radius: 5px;
  background: var(--theme-scrollbar-track--background);
}
body:not(.disable-scrollbar) ::-webkit-scrollbar-track:hover {
  background: var(--theme-scrollbar-track--background--hover);
}
body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: var(--theme-scrollbar-thumb--background);
}
body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb:hover {
  background: var(--theme-scrollbar-thumb--background--hover);
}
body:not(.disable-scrollbar) ::-webkit-scrollbar-corner {
  display: none;
}
:root, :host {
  color-scheme: light dark;
}
:root[data-ix-theme=classic], :root[data-ix-theme=classic][data-ix-color-schema=dark], html[data-ix-theme=classic], html[data-ix-theme=classic][data-ix-color-schema=dark], body[data-ix-theme=classic], body[data-ix-theme=classic][data-ix-color-schema=dark] {
  --theme-color-0: rgba(0, 0, 0, 0);
  --theme-color-1: #0f1619;
  --theme-color-2: #283236;
  --theme-color-3: #3c484d;
  --theme-color-4: #4c5a60;
  --theme-color-5: #59686f;
  --theme-color-6: #63737b;
  --theme-color-7: #6b7c85;
  --theme-color-8: #94a1a9;
  --theme-color-std-bdr: rgba(211, 236, 248, 0.55);
  --theme-color-soft-bdr: rgba(211, 236, 248, 0.4);
  --theme-color-weak-bdr: rgba(224, 245, 255, 0.25);
  --theme-color-x-weak-bdr: rgba(142, 157, 165, 0.2);
  --theme-color-focus-bdr: #199fff;
  --theme-color-contrast-bdr: #ffffff;
  --theme-color-hard-bdr: #6b7c85;
  --theme-color-ghost: rgba(255, 255, 255, 0);
  --theme-color-ghost--hover: rgba(140, 161, 171, 0.2);
  --theme-color-ghost--active: rgba(140, 161, 171, 0.15);
  --theme-color-ghost--selected: rgba(0, 255, 255, 0.1);
  --theme-color-ghost--selected-hover: rgba(104, 253, 253, 0.2);
  --theme-color-ghost--selected-active: rgba(115, 221, 221, 0.2);
  --theme-color-ghost-primary--active: rgba(0, 128, 128, 0.2);
  --theme-color-ghost-primary--hover: rgba(0, 255, 255, 0.15);
  --theme-color-ghost-alt: rgba(255, 255, 255, 0.05);
  --theme-color-ghost-alt--hover: rgba(140, 161, 171, 0.2);
  --theme-color-ghost-alt--active: rgba(140, 161, 171, 0.15);
  --theme-color-ghost-alt--selected: rgba(58, 255, 255, 0.15);
  --theme-color-ghost-alt--selected-hover: rgba(123, 253, 253, 0.25);
  --theme-color-ghost-alt--selected-active: rgba(132, 225, 225, 0.25);
  --theme-color-primary: #00bde3;
  --theme-color-primary--contrast: #000000;
  --theme-color-primary--hover: #1aecff;
  --theme-color-primary--active: #00eaff;
  --theme-color-primary--disabled: rgba(0, 170, 204, 0.45);
  --theme-color-dynamic: #00eaff;
  --theme-color-dynamic--hover: #62e2ee;
  --theme-color-dynamic--active: #5cd5e0;
  --theme-color-dynamic-alt: #00eaff;
  --theme-color-dynamic-alt--hover: #62e2ee;
  --theme-color-dynamic-alt--active: #5cd5e0;
  --theme-color-secondary: #000000;
  --theme-color-secondary--hover: #002639;
  --theme-color-secondary--active: #001d2b;
  --theme-color-component-1: rgba(140, 161, 171, 0.2);
  --theme-color-component-1--hover: rgba(140, 161, 171, 0.35);
  --theme-color-component-1--active: rgba(140, 161, 171, 0.25);
  --theme-color-component-2: rgba(211, 239, 253, 0.25);
  --theme-color-component-3: rgba(217, 243, 255, 0.4);
  --theme-color-component-4: rgba(214, 242, 255, 0.5);
  --theme-color-component-5: rgba(224, 245, 255, 0.6);
  --theme-color-component-6: rgba(217, 234, 242, 0.65);
  --theme-color-component-7--hover: #196269;
  --theme-color-component-7: rgba(0, 234, 255, 0.15);
  --theme-color-component-7--active: #16565c;
  --theme-color-component-error: #310006;
  --theme-color-component-info: #001c4d;
  --theme-color-component-8--hover: #002639;
  --theme-color-component-8: #00273b;
  --theme-color-component-9: #00eaff;
  --theme-color-component-9--hover: #52f1ff;
  --theme-color-component-9--active: #0aebff;
  --theme-color-component-9--disabled: rgba(0, 234, 255, 0.3);
  --theme-color-component-10: rgba(0, 234, 255, 0.75);
  --theme-color-component-10--hover: rgba(107, 243, 255, 0.6);
  --theme-color-component-10--active: rgba(10, 235, 255, 0.75);
  --theme-color-component-10--disabled: rgba(0, 234, 255, 0.2);
  --theme-color-1--hover: #283236;
  --theme-color-1--active: #222b2f;
  --theme-color-component-11: rgba(86, 97, 103, 0.2);
  --theme-color-alarm: #ff2453;
  --theme-color-alarm--hover: #ff577b;
  --theme-color-alarm--active: #ff335f;
  --theme-color-alarm--contrast: #000000;
  --theme-color-alarm-40: rgba(255, 38, 85, 0.4);
  --theme-color-alarm-10: rgba(255, 38, 85, 0.1);
  --theme-color-warning: #ffbb00;
  --theme-color-warning--hover: #ffc533;
  --theme-color-warning--active: #ffba0a;
  --theme-color-warning--contrast: #000000;
  --theme-color-warning-40: rgba(255, 187, 0, 0.4);
  --theme-color-warning-10: rgba(255, 187, 0, 0.1);
  --theme-color-critical: #eb7a0a;
  --theme-color-critical--hover: #ed8721;
  --theme-color-critical--active: #eb8014;
  --theme-color-critical--contrast: #000000;
  --theme-color-critical-40: rgba(235, 122, 10, 0.4);
  --theme-color-success: #44cc00;
  --theme-color-success--hover: #4eeb00;
  --theme-color-success--active: #47d600;
  --theme-color-success--contrast: #000000;
  --theme-color-success-40: rgba(68, 204, 0, 0.4);
  --theme-color-info: #357fff;
  --theme-color-info--hover: #4d8eff;
  --theme-color-info--active: #3d84ff;
  --theme-color-info--contrast: #000000;
  --theme-color-info-40: rgba(53, 127, 255, 0.4);
  --theme-color-neutral: #b6b8b9;
  --theme-color-neutral--hover: #c8cacb;
  --theme-color-neutral--active: #acaeaf;
  --theme-color-neutral--contrast: #000000;
  --theme-color-neutral-40: rgba(182, 184, 185, 0.4);
  --theme-color-contrast-text: #ffffff;
  --theme-color-std-text: rgba(245, 252, 255, 0.9);
  --theme-color-soft-text: rgba(229, 247, 255, 0.65);
  --theme-color-weak-text: rgba(219, 244, 255, 0.4);
  --theme-color-inv-contrast-text: #000000;
  --theme-color-inv-std-text: rgba(0, 10, 20, 0.9);
  --theme-color-inv-soft-text: rgba(0, 13, 20, 0.6);
  --theme-color-inv-weak-text: rgba(0, 13, 20, 0.45);
  --theme-color-alarm-text: #ff7694;
  --theme-color-lightbox: rgba(0, 0, 0, 0.65);
  --theme-color-backdrop: rgba(0, 0, 0, 0.85);
  --theme-color-backdrop-3: rgba(55, 70, 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: #1aecff;
  --theme-color-gradient-effect-2: #00bde3;
  --theme-color-logo: #ffffff;
  --theme-color-logo-login: #ffffff;
  --theme-chart-1: #00ffe7;
  --theme-chart-1-40: rgba(0, 255, 231, 0.4);
  --theme-chart-2: #94ffc9;
  --theme-chart-2-40: rgba(148, 255, 201, 0.4);
  --theme-chart-3: #00c2cc;
  --theme-chart-3-40: rgba(0, 194, 204, 0.4);
  --theme-chart-4: #a3eeff;
  --theme-chart-4-40: rgba(163, 238, 255, 0.4);
  --theme-chart-5: #90b4c5;
  --theme-chart-5-40: rgba(144, 180, 197, 0.4);
  --theme-chart-6: #42c6ff;
  --theme-chart-6-40: rgba(66, 198, 255, 0.4);
  --theme-chart-7: #7aaaff;
  --theme-chart-7-40: rgba(122, 170, 255, 0.4);
  --theme-chart-8: #9ebbff;
  --theme-chart-8-40: rgba(158, 187, 255, 0.4);
  --theme-chart-9: #9ea3ff;
  --theme-chart-9-40: rgba(158, 163, 255, 0.4);
  --theme-chart-10: #b999ff;
  --theme-chart-10-40: rgba(185, 153, 255, 0.4);
  --theme-chart-11: #d08fff;
  --theme-chart-11-40: rgba(208, 143, 255, 0.4);
  --theme-chart-12: #ed85ff;
  --theme-chart-12-40: rgba(237, 133, 255, 0.4);
  --theme-chart-13: #f38fc2;
  --theme-chart-13-40: rgba(243, 143, 194, 0.4);
  --theme-chart-14: #ef9a9a;
  --theme-chart-14-40: rgba(239, 154, 154, 0.4);
  --theme-chart-15: #ffb180;
  --theme-chart-15-40: rgba(255, 177, 128, 0.4);
  --theme-chart-16: #cacab4;
  --theme-chart-16-40: rgba(202, 202, 180, 0.4);
  --theme-chart-17: #b5bd00;
  --theme-chart-17-40: rgba(181, 189, 0, 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(15, 22, 25, 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-alt;
  --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=classic][data-ix-color-schema=light], html[data-ix-theme=classic][data-ix-color-schema=light], body[data-ix-theme=classic][data-ix-color-schema=light] {
  --theme-color-0: rgba(255, 255, 255, 0);
  --theme-color-1: #ffffff;
  --theme-color-2: #eff0f1;
  --theme-color-3: #e2e4e6;
  --theme-color-4: #d8dadd;
  --theme-color-5: #cfd2d5;
  --theme-color-6: #c8cbcf;
  --theme-color-7: #c2c6ca;
  --theme-color-8: #92979b;
  --theme-color-std-bdr: rgba(0, 20, 40, 0.3);
  --theme-color-soft-bdr: rgba(0, 20, 40, 0.2);
  --theme-color-weak-bdr: rgba(35, 48, 60, 0.15);
  --theme-color-x-weak-bdr: rgba(174, 181, 189, 0.2);
  --theme-color-focus-bdr: #199fff;
  --theme-color-contrast-bdr: #000000;
  --theme-color-hard-bdr: #b2b8be;
  --theme-color-ghost: rgba(166, 171, 140, 0);
  --theme-color-ghost--hover: rgba(168, 173, 179, 0.2);
  --theme-color-ghost--active: rgba(168, 173, 179, 0.3);
  --theme-color-ghost--selected: rgba(0, 234, 255, 0.2);
  --theme-color-ghost--selected-hover: rgba(32, 184, 197, 0.2);
  --theme-color-ghost--selected-active: rgba(0, 145, 158, 0.2);
  --theme-color-ghost-primary--active: rgba(0, 190, 207, 0.2);
  --theme-color-ghost-primary--hover: rgba(0, 234, 255, 0.2);
  --theme-color-ghost-alt: rgba(0, 20, 40, 0.05);
  --theme-color-ghost-alt--hover: rgba(168, 173, 179, 0.2);
  --theme-color-ghost-alt--active: rgba(168, 173, 179, 0.35);
  --theme-color-ghost-alt--selected: rgba(0, 216, 236, 0.2);
  --theme-color-ghost-alt--selected-hover: rgba(30, 171, 184, 0.25);
  --theme-color-ghost-alt--selected-active: rgba(0, 148, 161, 0.2);
  --theme-color-primary: #006e93;
  --theme-color-primary--contrast: #ffffff;
  --theme-color-primary--hover: #196269;
  --theme-color-primary--active: #16565c;
  --theme-color-primary--disabled: rgba(0, 110, 147, 0.3);
  --theme-color-dynamic: #005e66;
  --theme-color-dynamic--hover: #0f5157;
  --theme-color-dynamic--active: #0e494e;
  --theme-color-dynamic-alt: #00eaff;
  --theme-color-dynamic-alt--hover: #62e2ee;
  --theme-color-dynamic-alt--active: #5cd5e0;
  --theme-color-secondary: #ffffff;
  --theme-color-secondary--hover: #ccfbff;
  --theme-color-secondary--active: #b8edf2;
  --theme-color-component-1: rgba(168, 173, 179, 0.2);
  --theme-color-component-1--hover: rgba(168, 173, 179, 0.35);
  --theme-color-component-1--active: rgba(168, 173, 179, 0.45);
  --theme-color-component-2: rgba(0, 18, 36, 0.1);
  --theme-color-component-3: rgba(4, 20, 37, 0.2);
  --theme-color-component-4: rgba(5, 18, 31, 0.3);
  --theme-color-component-5: rgba(7, 18, 29, 0.45);
  --theme-color-component-6: rgba(11, 18, 25, 0.6);
  --theme-color-component-7--hover: #00eaff;
  --theme-color-component-7: rgba(0, 234, 255, 0.2);
  --theme-color-component-7--active: #00def2;
  --theme-color-component-error: #fcccd0;
  --theme-color-component-info: #ccdefc;
  --theme-color-component-8--hover: #d1fbff;
  --theme-color-component-8: #ebf7f8;
  --theme-color-component-9: #0b5e65;
  --theme-color-component-9--hover: #005d66;
  --theme-color-component-9--active: #00464d;
  --theme-color-component-9--disabled: rgba(0, 81, 89, 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: #eff0f1;
  --theme-color-1--active: #e2e4e6;
  --theme-color-component-11: rgba(213, 219, 226, 0.2);
  --theme-color-alarm: #d72332;
  --theme-color-alarm--hover: #c11f2d;
  --theme-color-alarm--active: #b41d2a;
  --theme-color-alarm--contrast: #ffffff;
  --theme-color-alarm-40: rgba(215, 35, 50, 0.4);
  --theme-color-alarm-10: rgba(215, 35, 50, 0.1);
  --theme-color-warning: #b88d00;
  --theme-color-warning--hover: #a88100;
  --theme-color-warning--active: #9e7900;
  --theme-color-warning--contrast: #000000;
  --theme-color-warning-40: rgba(184, 141, 0, 0.4);
  --theme-color-warning-10: rgba(184, 141, 0, 0.1);
  --theme-color-critical: #e97101;
  --theme-color-critical--hover: #d06501;
  --theme-color-critical--active: #c15e01;
  --theme-color-critical--contrast: #000000;
  --theme-color-critical-40: rgba(233, 113, 1, 0.4);
  --theme-color-success: #2c8500;
  --theme-color-success--hover: #277500;
  --theme-color-success--active: #246b00;
  --theme-color-success--contrast: #ffffff;
  --theme-color-success-40: rgba(44, 133, 0, 0.4);
  --theme-color-info: #0041b2;
  --theme-color-info--hover: #003a9e;
  --theme-color-info--active: #003694;
  --theme-color-info--contrast: #ffffff;
  --theme-color-info-40: rgba(0, 65, 177, 0.4);
  --theme-color-neutral: #66727e;
  --theme-color-neutral--hover: #66727e;
  --theme-color-neutral--active: #545e68;
  --theme-color-neutral--contrast: #ffffff;
  --theme-color-neutral-40: rgba(102, 114, 126, 0.4);
  --theme-color-contrast-text: #000000;
  --theme-color-std-text: rgba(0, 10, 20, 0.9);
  --theme-color-soft-text: rgba(0, 10, 20, 0.6);
  --theme-color-weak-text: rgba(0, 10, 20, 0.4);
  --theme-color-inv-contrast-text: #ffffff;
  --theme-color-inv-std-text: rgba(245, 250, 255, 0.9);
  --theme-color-inv-soft-text: rgba(229, 242, 255, 0.6);
  --theme-color-inv-weak-text: rgba(219, 237, 255, 0.45);
  --theme-color-alarm-text: #b81e3f;
  --theme-color-lightbox: rgba(255, 255, 255, 0.65);
  --theme-color-backdrop: rgba(255, 255, 255, 0.85);
  --theme-color-backdrop-3: rgba(226, 228, 230, 0.85);
  --theme-color-shadow-1: rgba(0, 0, 0, 0.1);
  --theme-color-shadow-3: rgba(0, 0, 0, 0.1);
  --theme-color-shadow-2: rgba(0, 0, 0, 0.2);
  --theme-color-gradient-effect-1: #006e93;
  --theme-color-gradient-effect-2: #16565c;
  --theme-color-logo: #000000;
  --theme-color-logo-login: #000000;
  --theme-chart-1: #008a7c;
  --theme-chart-1-40: rgba(0, 138, 124, 0.4);
  --theme-chart-2: #00572b;
  --theme-chart-2-40: rgba(0, 87, 43, 0.4);
  --theme-chart-3: #00838f;
  --theme-chart-3-40: rgba(0, 131, 143, 0.4);
  --theme-chart-4: #003c61;
  --theme-chart-4-40: rgba(0, 60, 97, 0.4);
  --theme-chart-5: #61778c;
  --theme-chart-5-40: rgba(97, 119, 140, 0.4);
  --theme-chart-6: #0076a8;
  --theme-chart-6-40: rgba(0, 118, 168, 0.4);
  --theme-chart-7: #182171;
  --theme-chart-7-40: rgba(24, 33, 113, 0.4);
  --theme-chart-8: #0041d6;
  --theme-chart-8-40: rgba(0, 65, 214, 0.4);
  --theme-chart-9: #4a52f2;
  --theme-chart-9-40: rgba(74, 82, 242, 0.4);
  --theme-chart-10: #7c40ff;
  --theme-chart-10-40: rgba(124, 64, 255, 0.4);
  --theme-chart-11: #900eec;
  --theme-chart-11-40: rgba(144, 14, 236, 0.4);
  --theme-chart-12: #aa32be;
  --theme-chart-12-40: rgba(170, 50, 190, 0.4);
  --theme-chart-13: #6f2542;
  --theme-chart-13-40: rgba(111, 37, 66, 0.4);
  --theme-chart-14: #9e5833;
  --theme-chart-14-40: rgba(158, 88, 51, 0.4);
  --theme-chart-15: #b74e2a;
  --theme-chart-15-40: rgba(183, 78, 42, 0.4);
  --theme-chart-16: #73735e;
  --theme-chart-16-40: rgba(115, 115, 94, 0.4);
  --theme-chart-17: #7a8000;
  --theme-chart-17-40: rgba(122, 128, 0, 0.4);
  --theme-chart-axes: rgba(0, 0, 0, 0.3);
  --theme-chart-grid-lines: rgba(0, 0, 0, 0.1);
  --theme-chart-grid-fill: #ffffff;
  --theme-chart-ticks: rgba(0, 0, 0, 0.3);
  --theme-chart-tooltip-fill: rgba(255, 255, 255, 0.8);
  --theme-chart-tooltip-bdr: rgba(0, 0, 0, 0.2);
  --theme-font-sans: "Siemens Sans";
  --theme-font-code: "JetBrains Mono";
  --theme-company-logo: company-logo-alt;
  --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, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  --theme-shadow-2: -4px 0 8px 0 rgba(0, 0, 0, 0.2), 4px 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 16px 0 rgba(0, 0, 0, 0.1);
  --theme-shadow-3: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1);
  --theme-shadow-4: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 12px 18px 0 rgba(0, 0, 0, 0.1);
  --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 0, 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=classic][data-ix-color-schema=system], html[data-ix-theme=classic][data-ix-color-schema=system], body[data-ix-theme=classic][data-ix-color-schema=system] {
    --theme-color-0: rgba(0, 0, 0, 0);
    --theme-color-1: #0f1619;
    --theme-color-2: #283236;
    --theme-color-3: #3c484d;
    --theme-color-4: #4c5a60;
    --theme-color-5: #59686f;
    --theme-color-6: #63737b;
    --theme-color-7: #6b7c85;
    --theme-color-8: #94a1a9;
    --theme-color-std-bdr: rgba(211, 236, 248, 0.55);
    --theme-color-soft-bdr: rgba(211, 236, 248, 0.4);
    --theme-color-weak-bdr: rgba(224, 245, 255, 0.25);
    --theme-color-x-weak-bdr: rgba(142, 157, 165, 0.2);
    --theme-color-focus-bdr: #199fff;
    --theme-color-contrast-bdr: #ffffff;
    --theme-color-hard-bdr: #6b7c85;
    --theme-color-ghost: rgba(255, 255, 255, 0);
    --theme-color-ghost--hover: rgba(140, 161, 171, 0.2);
    --theme-color-ghost--active: rgba(140, 161, 171, 0.15);
    --theme-color-ghost--selected: rgba(0, 255, 255, 0.1);
    --theme-color-ghost--selected-hover: rgba(104, 253, 253, 0.2);
    --theme-color-ghost--selected-active: rgba(115, 221, 221, 0.2);
    --theme-color-ghost-primary--active: rgba(0, 128, 128, 0.2);
    --theme-color-ghost-primary--hover: rgba(0, 255, 255, 0.15);
    --theme-color-ghost-alt: rgba(255, 255, 255, 0.05);
    --theme-color-ghost-alt--hover: rgba(140, 161, 171, 0.2);
    --theme-color-ghost-alt--active: rgba(140, 161, 171, 0.15);
    --theme-color-ghost-alt--selected: rgba(58, 255, 255, 0.15);
    --theme-color-ghost-alt--selected-hover: rgba(123, 253, 253, 0.25);
    --theme-color-ghost-alt--selected-active: rgba(132, 225, 225, 0.25);
    --theme-color-primary: #00bde3;
    --theme-color-primary--contrast: #000000;
    --theme-color-primary--hover: #1aecff;
    --theme-color-primary--active: #00eaff;
    --theme-color-primary--disabled: rgba(0, 170, 204, 0.45);
    --theme-color-dynamic: #00eaff;
    --theme-color-dynamic--hover: #62e2ee;
    --theme-color-dynamic--active: #5cd5e0;
    --theme-color-dynamic-alt: #00eaff;
    --theme-color-dynamic-alt--hover: #62e2ee;
    --theme-color-dynamic-alt--active: #5cd5e0;
    --theme-color-secondary: #000000;
    --theme-color-secondary--hover: #002639;
    --theme-color-secondary--active: #001d2b;
    --theme-color-component-1: rgba(140, 161, 171, 0.2);
    --theme-color-component-1--hover: rgba(140, 161, 171, 0.35);
    --theme-color-component-1--active: rgba(140, 161, 171, 0.25);
    --theme-color-component-2: rgba(211, 239, 253, 0.25);
    --theme-color-component-3: rgba(217, 243, 255, 0.4);
    --theme-color-component-4: rgba(214, 242, 255, 0.5);
    --theme-color-component-5: rgba(224, 245, 255, 0.6);
    --theme-color-component-6: rgba(217, 234, 242, 0.65);
    --theme-color-component-7--hover: #196269;
    --theme-color-component-7: rgba(0, 234, 255, 0.15);
    --theme-color-component-7--active: #16565c;
    --theme-color-component-error: #310006;
    --theme-color-component-info: #001c4d;
    --theme-color-component-8--hover: #002639;
    --theme-color-component-8: #00273b;
    --theme-color-component-9: #00eaff;
    --theme-color-component-9--hover: #52f1ff;
    --theme-color-component-9--active: #0aebff;
    --theme-color-component-9--disabled: rgba(0, 234, 255, 0.3);
    --theme-color-component-10: rgba(0, 234, 255, 0.75);
    --theme-color-component-10--hover: rgba(107, 243, 255, 0.6);
    --theme-color-component-10--active: rgba(10, 235, 255, 0.75);
    --theme-color-component-10--disabled: rgba(0, 234, 255, 0.2);
    --theme-color-1--hover: #283236;
    --theme-color-1--active: #222b2f;
    --theme-color-component-11: rgba(86, 97, 103, 0.2);
    --theme-color-alarm: #ff2453;
    --theme-color-alarm--hover: #ff577b;
    --theme-color-alarm--active: #ff335f;
    --theme-color-alarm--contrast: #000000;
    --theme-color-alarm-40: rgba(255, 38, 85, 0.4);
    --theme-color-alarm-10: rgba(255, 38, 85, 0.1);
    --theme-color-warning: #ffbb00;
    --theme-color-warning--hover: #ffc533;
    --theme-color-warning--active: #ffba0a;
    --theme-color-warning--contrast: #000000;
    --theme-color-warning-40: rgba(255, 187, 0, 0.4);
    --theme-color-warning-10: rgba(255, 187, 0, 0.1);
    --theme-color-critical: #eb7a0a;
    --theme-color-critical--hover: #ed8721;
    --theme-color-critical--active: #eb8014;
    --theme-color-critical--contrast: #000000;
    --theme-color-critical-40: rgba(235, 122, 10, 0.4);
    --theme-color-success: #44cc00;
    --theme-color-success--hover: #4eeb00;
    --theme-color-success--active: #47d600;
    --theme-color-success--contrast: #000000;
    --theme-color-success-40: rgba(68, 204, 0, 0.4);
    --theme-color-info: #357fff;
    --theme-color-info--hover: #4d8eff;
    --theme-color-info--active: #3d84ff;
    --theme-color-info--contrast: #000000;
    --theme-color-info-40: rgba(53, 127, 255, 0.4);
    --theme-color-neutral: #b6b8b9;
    --theme-color-neutral--hover: #c8cacb;
    --theme-color-neutral--active: #acaeaf;
    --theme-color-neutral--contrast: #000000;
    --theme-color-neutral-40: rgba(182, 184, 185, 0.4);
    --theme-color-contrast-text: #ffffff;
    --theme-color-std-text: rgba(245, 252, 255, 0.9);
    --theme-color-soft-text: rgba(229, 247, 255, 0.65);
    --theme-color-weak-text: rgba(219, 244, 255, 0.4);
    --theme-color-inv-contrast-text: #000000;
    --theme-color-inv-std-text: rgba(0, 10, 20, 0.9);
    --theme-color-inv-soft-text: rgba(0, 13, 20, 0.6);
    --theme-color-inv-weak-text: rgba(0, 13, 20, 0.45);
    --theme-color-alarm-text: #ff7694;
    --theme-color-lightbox: rgba(0, 0, 0, 0.65);
    --theme-color-backdrop: rgba(0, 0, 0, 0.85);
    --theme-color-backdrop-3: rgba(55, 70, 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: #1aecff;
    --theme-color-gradient-effect-2: #00bde3;
    --theme-color-logo: #ffffff;
    --theme-color-logo-login: #ffffff;
    --theme-chart-1: #00ffe7;
    --theme-chart-1-40: rgba(0, 255, 231, 0.4);
    --theme-chart-2: #94ffc9;
    --theme-chart-2-40: rgba(148, 255, 201, 0.4);
    --theme-chart-3: #00c2cc;
    --theme-chart-3-40: rgba(0, 194, 204, 0.4);
    --theme-chart-4: #a3eeff;
    --theme-chart-4-40: rgba(163, 238, 255, 0.4);
    --theme-chart-5: #90b4c5;
    --theme-chart-5-40: rgba(144, 180, 197, 0.4);
    --theme-chart-6: #42c6ff;
    --theme-chart-6-40: rgba(66, 198, 255, 0.4);
    --theme-chart-7: #7aaaff;
    --theme-chart-7-40: rgba(122, 170, 255, 0.4);
    --theme-chart-8: #9ebbff;
    --theme-chart-8-40: rgba(158, 187, 255, 0.4);
    --theme-chart-9: #9ea3ff;
    --theme-chart-9-40: rgba(158, 163, 255, 0.4);
    --theme-chart-10: #b999ff;
    --theme-chart-10-40: rgba(185, 153, 255, 0.4);
    --theme-chart-11: #d08fff;
    --theme-chart-11-40: rgba(208, 143, 255, 0.4);
    --theme-chart-12: #ed85ff;
    --theme-chart-12-40: rgba(237, 133, 255, 0.4);
    --theme-chart-13: #f38fc2;
    --theme-chart-13-40: rgba(243, 143, 194, 0.4);
    --theme-chart-14: #ef9a9a;
    --theme-chart-14-40: rgba(239, 154, 154, 0.4);
    --theme-chart-15: #ffb180;
    --theme-chart-15-40: rgba(255, 177, 128, 0.4);
    --theme-chart-16: #cacab4;
    --theme-chart-16-40: rgba(202, 202, 180, 0.4);
    --theme-chart-17: #b5bd00;
    --theme-chart-17-40: rgba(181, 189, 0, 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(15, 22, 25, 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-alt;
    --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=classic][data-ix-color-schema=system], html[data-ix-theme=classic][data-ix-color-schema=system], body[data-ix-theme=classic][data-ix-color-schema=system] {
    --theme-color-0: rgba(255, 255, 255, 0);
    --theme-color-1: #ffffff;
    --theme-color-2: #eff0f1;
    --theme-color-3: #e2e4e6;
    --theme-color-4: #d8dadd;
    --theme-color-5: #cfd2d5;
    --theme-color-6: #c8cbcf;
    --theme-color-7: #c2c6ca;
    --theme-color-8: #92979b;
    --theme-color-std-bdr: rgba(0, 20, 40, 0.3);
    --theme-color-soft-bdr: rgba(0, 20, 40, 0.2);
    --theme-color-weak-bdr: rgba(35, 48, 60, 0.15);
    --theme-color-x-weak-bdr: rgba(174, 181, 189, 0.2);
    --theme-color-focus-bdr: #199fff;
    --theme-color-contrast-bdr: #000000;
    --theme-color-hard-bdr: #b2b8be;
    --theme-color-ghost: rgba(166, 171, 140, 0);
    --theme-color-ghost--hover: rgba(168, 173, 179, 0.2);
    --theme-color-ghost--active: rgba(168, 173, 179, 0.3);
    --theme-color-ghost--selected: rgba(0, 234, 255, 0.2);
    --theme-color-ghost--selected-hover: rgba(32, 184, 197, 0.2);
    --theme-color-ghost--selected-active: rgba(0, 145, 158, 0.2);
    --theme-color-ghost-primary--active: rgba(0, 190, 207, 0.2);
    --theme-color-ghost-primary--hover: rgba(0, 234, 255, 0.2);
    --theme-color-ghost-alt: rgba(0, 20, 40, 0.05);
    --theme-color-ghost-alt--hover: rgba(168, 173, 179, 0.2);
    --theme-color-ghost-alt--active: rgba(168, 173, 179, 0.35);
    --theme-color-ghost-alt--selected: rgba(0, 216, 236, 0.2);
    --theme-color-ghost-alt--selected-hover: rgba(30, 171, 184, 0.25);
    --theme-color-ghost-alt--selected-active: rgba(0, 148, 161, 0.2);
    --theme-color-primary: #006e93;
    --theme-color-primary--contrast: #ffffff;
    --theme-color-primary--hover: #196269;
    --theme-color-primary--active: #16565c;
    --theme-color-primary--disabled: rgba(0, 110, 147, 0.3);
    --theme-color-dynamic: #005e66;
    --theme-color-dynamic--hover: #0f5157;
    --theme-color-dynamic--active: #0e494e;
    --theme-color-dynamic-alt: #00eaff;
    --theme-color-dynamic-alt--hover: #62e2ee;
    --theme-color-dynamic-alt--active: #5cd5e0;
    --theme-color-secondary: #ffffff;
    --theme-color-secondary--hover: #ccfbff;
    --theme-color-secondary--active: #b8edf2;
    --theme-color-component-1: rgba(168, 173, 179, 0.2);
    --theme-color-component-1--hover: rgba(168, 173, 179, 0.35);
    --theme-color-component-1--active: rgba(168, 173, 179, 0.45);
    --theme-color-component-2: rgba(0, 18, 36, 0.1);
    --theme-color-component-3: rgba(4, 20, 37, 0.2);
    --theme-color-component-4: rgba(5, 18, 31, 0.3);
    --theme-color-component-5: rgba(7, 18, 29, 0.45);
    --theme-color-component-6: rgba(11, 18, 25, 0.6);
    --theme-color-component-7--hover: #00eaff;
    --theme-color-component-7: rgba(0, 234, 255, 0.2);
    --theme-color-component-7--active: #00def2;
    --theme-color-component-error: #fcccd0;
    --theme-color-component-info: #ccdefc;
    --theme-color-component-8--hover: #d1fbff;
    --theme-color-component-8: #ebf7f8;
    --theme-color-component-9: #0b5e65;
    --theme-color-component-9--hover: #005d66;
    --theme-color-component-9--active: #00464d;
    --theme-color-component-9--disabled: rgba(0, 81, 89, 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: #eff0f1;
    --theme-color-1--active: #e2e4e6;
    --theme-color-component-11: rgba(213, 219, 226, 0.2);
    --theme-color-alarm: #d72332;
    --theme-color-alarm--hover: #c11f2d;
    --theme-color-alarm--active: #b41d2a;
    --theme-color-alarm--contrast: #ffffff;
    --theme-color-alarm-40: rgba(215, 35, 50, 0.4);
    --theme-color-alarm-10: rgba(215, 35, 50, 0.1);
    --theme-color-warning: #b88d00;
    --theme-color-warning--hover: #a88100;
    --theme-color-warning--active: #9e7900;
    --theme-color-warning--contrast: #000000;
    --theme-color-warning-40: rgba(184, 141, 0, 0.4);
    --theme-color-warning-10: rgba(184, 141, 0, 0.1);
    --theme-color-critical: #e97101;
    --theme-color-critical--hover: #d06501;
    --theme-color-critical--active: #c15e01;
    --theme-color-critical--contrast: #000000;
    --theme-color-critical-40: rgba(233, 113, 1, 0.4);
    --theme-color-success: #2c8500;
    --theme-color-success--hover: #277500;
    --theme-color-success--active: #246b00;
    --theme-color-success--contrast: #ffffff;
    --theme-color-success-40: rgba(44, 133, 0, 0.4);
    --theme-color-info: #0041b2;
    --theme-color-info--hover: #003a9e;
    --theme-color-info--active: #003694;
    --theme-color-info--contrast: #ffffff;
    --theme-color-info-40: rgba(0, 65, 177, 0.4);
    --theme-color-neutral: #66727e;
    --theme-color-neutral--hover: #66727e;
    --theme-color-neutral--active: #545e68;
    --theme-color-neutral--contrast: #ffffff;
    --theme-color-neutral-40: rgba(102, 114, 126, 0.4);
    --theme-color-contrast-text: #000000;
    --theme-color-std-text: rgba(0, 10, 20, 0.9);
    --theme-color-soft-text: rgba(0, 10, 20, 0.6);
    --theme-color-weak-text: rgba(0, 10, 20, 0.4);
    --theme-color-inv-contrast-text: #ffffff;
    --theme-color-inv-std-text: rgba(245, 250, 255, 0.9);
    --theme-color-inv-soft-text: rgba(229, 242, 255, 0.6);
    --theme-color-inv-weak-text: rgba(219, 237, 255, 0.45);
    --theme-color-alarm-text: #b81e3f;
    --theme-color-lightbox: rgba(255, 255, 255, 0.65);
    --theme-color-backdrop: rgba(255, 255, 255, 0.85);
    --theme-color-backdrop-3: rgba(226, 228, 230, 0.85);
    --theme-color-shadow-1: rgba(0, 0, 0, 0.1);
    --theme-color-shadow-3: rgba(0, 0, 0, 0.1);
    --theme-color-shadow-2: rgba(0, 0, 0, 0.2);
    --theme-color-gradient-effect-1: #006e93;
    --theme-color-gradient-effect-2: #16565c;
    --theme-color-logo: #000000;
    --theme-color-logo-login: #000000;
    --theme-chart-1: #008a7c;
    --theme-chart-1-40: rgba(0, 138, 124, 0.4);
    --theme-chart-2: #00572b;
    --theme-chart-2-40: rgba(0, 87, 43, 0.4);
    --theme-chart-3: #00838f;
    --theme-chart-3-40: rgba(0, 131, 143, 0.4);
    --theme-chart-4: #003c61;
    --theme-chart-4-40: rgba(0, 60, 97, 0.4);
    --theme-chart-5: #61778c;
    --theme-chart-5-40: rgba(97, 119, 140, 0.4);
    --theme-chart-6: #0076a8;
    --theme-chart-6-40: rgba(0, 118, 168, 0.4);
    --theme-chart-7: #182171;
    --theme-chart-7-40: rgba(24, 33, 113, 0.4);
    --theme-chart-8: #0041d6;
    --theme-chart-8-40: rgba(0, 65, 214, 0.4);
    --theme-chart-9: #4a52f2;
    --theme-chart-9-40: rgba(74, 82, 242, 0.4);
    --theme-chart-10: #7c40ff;
    --theme-chart-10-40: rgba(124, 64, 255, 0.4);
    --theme-chart-11: #900eec;
    --theme-chart-11-40: rgba(144, 14, 236, 0.4);
    --theme-chart-12: #aa32be;
    --theme-chart-12-40: rgba(170, 50, 190, 0.4);
    --theme-chart-13: #6f2542;
    --theme-chart-13-40: rgba(111, 37, 66, 0.4);
    --theme-chart-14: #9e5833;
    --theme-chart-14-40: rgba(158, 88, 51, 0.4);
    --theme-chart-15: #b74e2a;
    --theme-chart-15-40: rgba(183, 78, 42, 0.4);
    --theme-chart-16: #73735e;
    --theme-chart-16-40: rgba(115, 115, 94, 0.4);
    --theme-chart-17: #7a8000;
    --theme-chart-17-40: rgba(122, 128, 0, 0.4);
    --theme-chart-axes: rgba(0, 0, 0, 0.3);
    --theme-chart-grid-lines: rgba(0, 0, 0, 0.1);
    --theme-chart-grid-fill: #ffffff;
    --theme-chart-ticks: rgba(0, 0, 0, 0.3);
    --theme-chart-tooltip-fill: rgba(255, 255, 255, 0.8);
    --theme-chart-tooltip-bdr: rgba(0, 0, 0, 0.2);
    --theme-font-sans: "Siemens Sans";
    --theme-font-code: "JetBrains Mono";
    --theme-company-logo: company-logo-alt;
    --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, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    --theme-shadow-2: -4px 0 8px 0 rgba(0, 0, 0, 0.2), 4px 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 16px 0 rgba(0, 0, 0, 0.1);
    --theme-shadow-3: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1);
    --theme-shadow-4: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 12px 18px 0 rgba(0, 0, 0, 0.1);
    --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 0, 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-classic-dark] {
  --theme-color-0: rgba(0, 0, 0, 0);
  --theme-color-1: #0f1619;
  --theme-color-2: #283236;
  --theme-color-3: #3c484d;
  --theme-color-4: #4c5a60;
  --theme-color-5: #59686f;
  --theme-color-6: #63737b;
  --theme-color-7: #6b7c85;
  --theme-color-8: #94a1a9;
  --theme-color-std-bdr: rgba(211, 236, 248, 0.55);
  --theme-color-soft-bdr: rgba(211, 236, 248, 0.4);
  --theme-color-weak-bdr: rgba(224, 245, 255, 0.25);
  --theme-color-x-weak-bdr: rgba(142, 157, 165, 0.2);
  --theme-color-focus-bdr: #199fff;
  --theme-color-contrast-bdr: #ffffff;
  --theme-color-hard-bdr: #6b7c85;
  --theme-color-ghost: rgba(255, 255, 255, 0);
  --theme-color-ghost--hover: rgba(140, 161, 171, 0.2);
  --theme-color-ghost--active: rgba(140, 161, 171, 0.15);
  --theme-color-ghost--selected: rgba(0, 255, 255, 0.1);
  --theme-color-ghost--selected-hover: rgba(104, 253, 253, 0.2);
  --theme-color-ghost--selected-active: rgba(115, 221, 221, 0.2);
  --theme-color-ghost-primary--active: rgba(0, 128, 128, 0.2);
  --theme-color-ghost-primary--hover: rgba(0, 255, 255, 0.15);
  --theme-color-ghost-alt: rgba(255, 255, 255, 0.05);
  --theme-color-ghost-alt--hover: rgba(140, 161, 171, 0.2);
  --theme-color-ghost-alt--active: rgba(140, 161, 171, 0.15);
  --theme-color-ghost-alt--selected: rgba(58, 255, 255, 0.15);
  --theme-color-ghost-alt--selected-hover: rgba(123, 253, 253, 0.25);
  --theme-color-ghost-alt--selected-active: rgba(132, 225, 225, 0.25);
  --theme-color-primary: #00bde3;
  --theme-color-primary--contrast: #000000;
  --theme-color-primary--hover: #1aecff;
  --theme-color-primary--active: #00eaff;
  --theme-color-primary--disabled: rgba(0, 170, 204, 0.45);
  --theme-color-dynamic: #00eaff;
  --theme-color-dynamic--hover: #62e2ee;
  --theme-color-dynamic--active: #5cd5e0;
  --theme-color-dynamic-alt: #00eaff;
  --theme-color-dynamic-alt--hover: #62e2ee;
  --theme-color-dynamic-alt--active: #5cd5e0;
  --theme-color-secondary: #000000;
  --theme-color-secondary--hover: #002639;
  --theme-color-secondary--active: #001d2b;
  --theme-color-component-1: rgba(140, 161, 171, 0.2);
  --theme-color-component-1--hover: rgba(140, 161, 171, 0.35);
  --theme-color-component-1--active: rgba(140, 161, 171, 0.25);
  --theme-color-component-2: rgba(211, 239, 253, 0.25);
  --theme-color-component-3: rgba(217, 243, 255, 0.4);
  --theme-color-component-4: rgba(214, 242, 255, 0.5);
  --theme-color-component-5: rgba(224, 245, 255, 0.6);
  --theme-color-component-6: rgba(217, 234, 242, 0.65);
  --theme-color-component-7--hover: #196269;
  --theme-color-component-7: rgba(0, 234, 255, 0.15);
  --theme-color-component-7--active: #16565c;
  --theme-color-component-error: #310006;
  --theme-color-component-info: #001c4d;
  --theme-color-component-8--hover: #002639;
  --theme-color-component-8: #00273b;
  --theme-color-component-9: #00eaff;
  --theme-color-component-9--hover: #52f1ff;
  --theme-color-component-9--active: #0aebff;
  --theme-color-component-9--disabled: rgba(0, 234, 255, 0.3);
  --theme-color-component-10: rgba(0, 234, 255, 0.75);
  --theme-color-component-10--hover: rgba(107, 243, 255, 0.6);
  --theme-color-component-10--active: rgba(10, 235, 255, 0.75);
  --theme-color-component-10--disabled: rgba(0, 234, 255, 0.2);
  --theme-color-1--hover: #283236;
  --theme-color-1--active: #222b2f;
  --theme-color-component-11: rgba(86, 97, 103, 0.2);
  --theme-color-alarm: #ff2453;
  --theme-color-alarm--hover: #ff577b;
  --theme-color-alarm--active: #ff335f;
  --theme-color-alarm--contrast: #000000;
  --theme-color-alarm-40: rgba(255, 38, 85, 0.4);
  --theme-color-alarm-10: rgba(255, 38, 85, 0.1);
  --theme-color-warning: #ffbb00;
  --theme-color-warning--hover: #ffc533;
  --theme-color-warning--active: #ffba0a;
  --theme-color-warning--contrast: #000000;
  --theme-color-warning-40: rgba(255, 187, 0, 0.4);
  --theme-color-warning-10: rgba(255, 187, 0, 0.1);
  --theme-color-critical: #eb7a0a;
  --theme-color-critical--hover: #ed8721;
  --theme-color-critical--active: #eb8014;
  --theme-color-critical--contrast: #000000;
  --theme-color-critical-40: rgba(235, 122, 10, 0.4);
  --theme-color-success: #44cc00;
  --theme-color-success--hover: #4eeb00;
  --theme-color-success--active: #47d600;
  --theme-color-success--contrast: #000000;
  --theme-color-success-40: rgba(68, 204, 0, 0.4);
  --theme-color-info: #357fff;
  --theme-color-info--hover: #4d8eff;
  --theme-color-info--active: #3d84ff;
  --theme-color-info--contrast: #000000;
  --theme-color-info-40: rgba(53, 127, 255, 0.4);
  --theme-color-neutral: #b6b8b9;
  --theme-color-neutral--hover: #c8cacb;
  --theme-color-neutral--active: #acaeaf;
  --theme-color-neutral--contrast: #000000;
  --theme-color-neutral-40: rgba(182, 184, 185, 0.4);
  --theme-color-contrast-text: #ffffff;
  --theme-color-std-text: rgba(245, 252, 255, 0.9);
  --theme-color-soft-text: rgba(229, 247, 255, 0.65);
  --theme-color-weak-text: rgba(219, 244, 255, 0.4);
  --theme-color-inv-contrast-text: #000000;
  --theme-color-inv-std-text: rgba(0, 10, 20, 0.9);
  --theme-color-inv-soft-text: rgba(0, 13, 20, 0.6);
  --theme-color-inv-weak-text: rgba(0, 13, 20, 0.45);
  --theme-color-alarm-text: #ff7694;
  --theme-color-lightbox: rgba(0, 0, 0, 0.65);
  --theme-color-backdrop: rgba(0, 0, 0, 0.85);
  --theme-color-backdrop-3: rgba(55, 70, 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: #1aecff;
  --theme-color-gradient-effect-2: #00bde3;
  --theme-color-logo: #ffffff;
  --theme-color-logo-login: #ffffff;
  --theme-chart-1: #00ffe7;
  --theme-chart-1-40: rgba(0, 255, 231, 0.4);
  --theme-chart-2: #94ffc9;
  --theme-chart-2-40: rgba(148, 255, 201, 0.4);
  --theme-chart-3: #00c2cc;
  --theme-chart-3-40: rgba(0, 194, 204, 0.4);
  --theme-chart-4: #a3eeff;
  --theme-chart-4-40: rgba(163, 238, 255, 0.4);
  --theme-chart-5: #90b4c5;
  --theme-chart-5-40: rgba(144, 180, 197, 0.4);
  --theme-chart-6: #42c6ff;
  --theme-chart-6-40: rgba(66, 198, 255, 0.4);
  --theme-chart-7: #7aaaff;
  --theme-chart-7-40: rgba(122, 170, 255, 0.4);
  --theme-chart-8: #9ebbff;
  --theme-chart-8-40: rgba(158, 187, 255, 0.4);
  --theme-chart-9: #9ea3ff;
  --theme-chart-9-40: rgba(158, 163, 255, 0.4);
  --theme-chart-10: #b999ff;
  --theme-chart-10-40: rgba(185, 153, 255, 0.4);
  --theme-chart-11: #d08fff;
  --theme-chart-11-40: rgba(208, 143, 255, 0.4);
  --theme-chart-12: #ed85ff;
  --theme-chart-12-40: rgba(237, 133, 255, 0.4);
  --theme-chart-13: #f38fc2;
  --theme-chart-13-40: rgba(243, 143, 194, 0.4);
  --theme-chart-14: #ef9a9a;
  --theme-chart-14-40: rgba(239, 154, 154, 0.4);
  --theme-chart-15: #ffb180;
  --theme-chart-15-40: rgba(255, 177, 128, 0.4);
  --theme-chart-16: #cacab4;
  --theme-chart-16-40: rgba(202, 202, 180, 0.4);
  --theme-chart-17: #b5bd00;
  --theme-chart-17-40: rgba(181, 189, 0, 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(15, 22, 25, 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-alt;
  --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-classic-light] {
  --theme-color-0: rgba(255, 255, 255, 0);
  --theme-color-1: #ffffff;
  --theme-color-2: #eff0f1;
  --theme-color-3: #e2e4e6;
  --theme-color-4: #d8dadd;
  --theme-color-5: #cfd2d5;
  --theme-color-6: #c8cbcf;
  --theme-color-7: #c2c6ca;
  --theme-color-8: #92979b;
  --theme-color-std-bdr: rgba(0, 20, 40, 0.3);
  --theme-color-soft-bdr: rgba(0, 20, 40, 0.2);
  --theme-color-weak-bdr: rgba(35, 48, 60, 0.15);
  --theme-color-x-weak-bdr: rgba(174, 181, 189, 0.2);
  --theme-color-focus-bdr: #199fff;
  --theme-color-contrast-bdr: #000000;
  --theme-color-hard-bdr: #b2b8be;
  --theme-color-ghost: rgba(166, 171, 140, 0);
  --theme-color-ghost--hover: rgba(168, 173, 179, 0.2);
  --theme-color-ghost--active: rgba(168, 173, 179, 0.3);
  --theme-color-ghost--selected: rgba(0, 234, 255, 0.2);
  --theme-color-ghost--selected-hover: rgba(32, 184, 197, 0.2);
  --theme-color-ghost--selected-active: rgba(0, 145, 158, 0.2);
  --theme-color-ghost-primary--active: rgba(0, 190, 207, 0.2);
  --theme-color-ghost-primary--hover: rgba(0, 234, 255, 0.2);
  --theme-color-ghost-alt: rgba(0, 20, 40, 0.05);
  --theme-color-ghost-alt--hover: rgba(168, 173, 179, 0.2);
  --theme-color-ghost-alt--active: rgba(168, 173, 179, 0.35);
  --theme-color-ghost-alt--selected: rgba(0, 216, 236, 0.2);
  --theme-color-ghost-alt--selected-hover: rgba(30, 171, 184, 0.25);
  --theme-color-ghost-alt--selected-active: rgba(0, 148, 161, 0.2);
  --theme-color-primary: #006e93;
  --theme-color-primary--contrast: #ffffff;
  --theme-color-primary--hover: #196269;
  --theme-color-primary--active: #16565c;
  --theme-color-primary--disabled: rgba(0, 110, 147, 0.3);
  --theme-color-dynamic: #005e66;
  --theme-color-dynamic--hover: #0f5157;
  --theme-color-dynamic--active: #0e494e;
  --theme-color-dynamic-alt: #00eaff;
  --theme-color-dynamic-alt--hover: #62e2ee;
  --theme-color-dynamic-alt--active: #5cd5e0;
  --theme-color-secondary: #ffffff;
  --theme-color-secondary--hover: #ccfbff;
  --theme-color-secondary--active: #b8edf2;
  --theme-color-component-1: rgba(168, 173, 179, 0.2);
  --theme-color-component-1--hover: rgba(168, 173, 179, 0.35);
  --theme-color-component-1--active: rgba(168, 173, 179, 0.45);
  --theme-color-component-2: rgba(0, 18, 36, 0.1);
  --theme-color-component-3: rgba(4, 20, 37, 0.2);
  --theme-color-component-4: rgba(5, 18, 31, 0.3);
  --theme-color-component-5: rgba(7, 18, 29, 0.45);
  --theme-color-component-6: rgba(11, 18, 25, 0.6);
  --theme-color-component-7--hover: #00eaff;
  --theme-color-component-7: rgba(0, 234, 255, 0.2);
  --theme-color-component-7--active: #00def2;
  --theme-color-component-error: #fcccd0;
  --theme-color-component-info: #ccdefc;
  --theme-color-component-8--hover: #d1fbff;
  --theme-color-component-8: #ebf7f8;
  --theme-color-component-9: #0b5e65;
  --theme-color-component-9--hover: #005d66;
  --theme-color-component-9--active: #00464d;
  --theme-color-component-9--disabled: rgba(0, 81, 89, 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: #eff0f1;
  --theme-color-1--active: #e2e4e6;
  --theme-color-component-11: rgba(213, 219, 226, 0.2);
  --theme-color-alarm: #d72332;
  --theme-color-alarm--hover: #c11f2d;
  --theme-color-alarm--active: #b41d2a;
  --theme-color-alarm--contrast: #ffffff;
  --theme-color-alarm-40: rgba(215, 35, 50, 0.4);
  --theme-color-alarm-10: rgba(215, 35, 50, 0.1);
  --theme-color-warning: #b88d00;
  --theme-color-warning--hover: #a88100;
  --theme-color-warning--active: #9e7900;
  --theme-color-warning--contrast: #000000;
  --theme-color-warning-40: rgba(184, 141, 0, 0.4);
  --theme-color-warning-10: rgba(184, 141, 0, 0.1);
  --theme-color-critical: #e97101;
  --theme-color-critical--hover: #d06501;
  --theme-color-critical--active: #c15e01;
  --theme-color-critical--contrast: #000000;
  --theme-color-critical-40: rgba(233, 113, 1, 0.4);
  --theme-color-success: #2c8500;
  --theme-color-success--hover: #277500;
  --theme-color-success--active: #246b00;
  --theme-color-success--contrast: #ffffff;
  --theme-color-success-40: rgba(44, 133, 0, 0.4);
  --theme-color-info: #0041b2;
  --theme-color-info--hover: #003a9e;
  --theme-color-info--active: #003694;
  --theme-color-info--contrast: #ffffff;
  --theme-color-info-40: rgba(0, 65, 177, 0.4);
  --theme-color-neutral: #66727e;
  --theme-color-neutral--hover: #66727e;
  --theme-color-neutral--active: #545e68;
  --theme-color-neutral--contrast: #ffffff;
  --theme-color-neutral-40: rgba(102, 114, 126, 0.4);
  --theme-color-contrast-text: #000000;
  --theme-color-std-text: rgba(0, 10, 20, 0.9);
  --theme-color-soft-text: rgba(0, 10, 20, 0.6);
  --theme-color-weak-text: rgba(0, 10, 20, 0.4);
  --theme-color-inv-contrast-text: #ffffff;
  --theme-color-inv-std-text: rgba(245, 250, 255, 0.9);
  --theme-color-inv-soft-text: rgba(229, 242, 255, 0.6);
  --theme-color-inv-weak-text: rgba(219, 237, 255, 0.45);
  --theme-color-alarm-text: #b81e3f;
  --theme-color-lightbox: rgba(255, 255, 255, 0.65);
  --theme-color-backdrop: rgba(255, 255, 255, 0.85);
  --theme-color-backdrop-3: rgba(226, 228, 230, 0.85);
  --theme-color-shadow-1: rgba(0, 0, 0, 0.1);
  --theme-color-shadow-3: rgba(0, 0, 0, 0.1);
  --theme-color-shadow-2: rgba(0, 0, 0, 0.2);
  --theme-color-gradient-effect-1: #006e93;
  --theme-color-gradient-effect-2: #16565c;
  --theme-color-logo: #000000;
  --theme-color-logo-login: #000000;
  --theme-chart-1: #008a7c;
  --theme-chart-1-40: rgba(0, 138, 124, 0.4);
  --theme-chart-2: #00572b;
  --theme-chart-2-40: rgba(0, 87, 43, 0.4);
  --theme-chart-3: #00838f;
  --theme-chart-3-40: rgba(0, 131, 143, 0.4);
  --theme-chart-4: #003c61;
  --theme-chart-4-40: rgba(0, 60, 97, 0.4);
  --theme-chart-5: #61778c;
  --theme-chart-5-40: rgba(97, 119, 140, 0.4);
  --theme-chart-6: #0076a8;
  --theme-chart-6-40: rgba(0, 118, 168, 0.4);
  --theme-chart-7: #182171;
  --theme-chart-7-40: rgba(24, 33, 113, 0.4);
  --theme-chart-8: #0041d6;
  --theme-chart-8-40: rgba(0, 65, 214, 0.4);
  --theme-chart-9: #4a52f2;
  --theme-chart-9-40: rgba(74, 82, 242, 0.4);
  --theme-chart-10: #7c40ff;
  --theme-chart-10-40: rgba(124, 64, 255, 0.4);
  --theme-chart-11: #900eec;
  --theme-chart-11-40: rgba(144, 14, 236, 0.4);
  --theme-chart-12: #aa32be;
  --theme-chart-12-40: rgba(170, 50, 190, 0.4);
  --theme-chart-13: #6f2542;
  --theme-chart-13-40: rgba(111, 37, 66, 0.4);
  --theme-chart-14: #9e5833;
  --theme-chart-14-40: rgba(158, 88, 51, 0.4);
  --theme-chart-15: #b74e2a;
  --theme-chart-15-40: rgba(183, 78, 42, 0.4);
  --theme-chart-16: #73735e;
  --theme-chart-16-40: rgba(115, 115, 94, 0.4);
  --theme-chart-17: #7a8000;
  --theme-chart-17-40: rgba(122, 128, 0, 0.4);
  --theme-chart-axes: rgba(0, 0, 0, 0.3);
  --theme-chart-grid-lines: rgba(0, 0, 0, 0.1);
  --theme-chart-grid-fill: #ffffff;
  --theme-chart-ticks: rgba(0, 0, 0, 0.3);
  --theme-chart-tooltip-fill: rgba(255, 255, 255, 0.8);
  --theme-chart-tooltip-bdr: rgba(0, 0, 0, 0.2);
  --theme-font-sans: "Siemens Sans";
  --theme-font-code: "JetBrains Mono";
  --theme-company-logo: company-logo-alt;
  --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, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  --theme-shadow-2: -4px 0 8px 0 rgba(0, 0, 0, 0.2), 4px 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 16px 0 rgba(0, 0, 0, 0.1);
  --theme-shadow-3: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1);
  --theme-shadow-4: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 12px 18px 0 rgba(0, 0, 0, 0.1);
  --theme-inset-shadow-1: inset 0 2px 4px 0 rgba(0, 0, 0, 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);
}
html,
body {
  margin: 0;
  height: 100%;
  overflow: hidden;
}
@layer base {
  .input-error:hover {
    background-color: var(--color-interaction-hover3) !important;
    border: 2px solid var(--color-interaction-hover) !important;
  }
  @media (max-width: 1279px) {
    .ix-typography-small {
      font-size: 12px !important;
    }
    .ix-typography-small-header {
      font-size: 16px !important;
    }
  }
  @media (min-width: 1280px) and (max-width: 1919px) {
    .ix-typography-medium {
      font-size: 12px !important;
    }
    .ix-typography-medium-secondary {
      font-size: 11px !important;
    }
  }
  ix-menu a {
    text-decoration-line: none !important;
  }
  .input-placeholder::-moz-placeholder {
    color: var(--color-area3) !important;
  }
  .input-placeholder::placeholder {
    color: var(--color-area3) !important;
  }
  ix-tab-item {
    padding-inline: 1.5rem;
    padding-block: 0.625rem;
  }
  ix-modal-header {
    padding: 0.5rem 0 0.5rem 0.5rem;
  }
  ix-modal-content {
    margin-left: 43px;
    padding-left: 0.75rem;
    padding-top: 0.25rem;
  }
  ix-modal-footer {
    padding: 0.5rem 0.5rem 0 0.5rem;
  }
  ix-spinner.large::before {
    border: 4px solid var(--theme-color-ghost--hover);
    box-sizing: border-box;
  }
  ix-spinner.large::after {
    border: 4px solid var(--theme-color-soft-text);
    box-sizing: border-box;
  }
  ix-spinner.medium::before {
    border: 4px solid var(--theme-color-ghost--hover);
    box-sizing: border-box;
  }
  ix-spinner.medium::after {
    border: 4px solid var(--theme-color-soft-text);
    box-sizing: border-box;
  }
  ix-spinner.small::before {
    border: 4px solid var(--theme-color-ghost--hover);
    box-sizing: border-box;
  }
  ix-spinner.small::after {
    border: 4px solid var(--theme-color-soft-text);
    box-sizing: border-box;
  }
}
.sub-menu-item[href]:hover,
.sub-menu-item[href]:not(.disabled):not(:disabled):active,
.sub-menu-item[href]:not(.disabled):not(:disabled).active {
  text-decoration: none !important;
}
.purchase-keys-link[href] {
  text-decoration-line: underline !important;
}
#country-dropdown-list ul {
  padding-left: 0 !important;
}
td > ul:first-of-type {
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}
.w-popupWidth {
  width: var(--popup-width);
}
.popupTransition-enter {
  opacity: 0;
  transform: scale(0.9);
}
.popupTransition-enter-active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 300ms, transform 300ms;
}
.popupTransition-exit {
  opacity: 1;
}
.popupTransition-exit-active {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 300ms, transform 300ms;
}
.loader-spinner {
  border-top-color: var(--color-interaction-active);
  animation: spinner 1.5s linear infinite;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
:root {
  --popup-width: 400px;
  --color-background: #ffffff;
  --color-standard: #000028;
  --color-muted: #66667e;
  --color-muted2: #4c4c68;
  --color-interaction: #007993;
  --color-interaction-hover: #196269;
  --color-interaction-hover2: #c2ffee;
  --color-interaction-hover3: #e0fff6;
  --color-interaction-active: #196269;
  --color-interaction-active2: #b4f2e3;
  --color-interaction-focus: #00aeef;
  --color-interaction-contrast: #ffffff;
  --color-area0: #ffffff;
  --color-area1: #f3f3f0;
  --color-area2: #ededea;
  --color-area3: #e8e8e3;
  --color-area5: #c5c5b8;
  --color-area6: #bbbbab;
  --color-disabled: #b3b3be;
  --color-nav-selection-contrast: #005159;
  --color-header-background: #f3f3f0;
  --color-header-separator: #ccccd4;
  --color-header-logo: #000028;
  --color-header-appname: #4c4c68;
  --color-accent5: #ec6602;
  --color-error: #d72339;
  --color-error2: #fcccd7;
  --color-warning: #e9c32a;
  --color-warning2: #f7eab4;
  --color-success: #01893a;
  --color-success2: #cce7d8;
  --color-informal: #9999a9;
  --color-informal2: #ebf7f8;
  --color-overlay-background: #000028b3;
}
.dark {
  --color-background: #000028;
  --color-standard: #ffffff;
  --color-muted: #66667e;
  --color-muted2: #808093;
  --color-interaction: #00cccc;
  --color-interaction-hover: #00ffb9;
  --color-interaction-hover2: #002949;
  --color-interaction-hover3: #00183b;
  --color-interaction-active: #00ffb9;
  --color-interaction-active2: #003a52;
  --color-interaction-focus: #006fe6;
  --color-interaction-contrast: #000028;
  --color-area0: #000028;
  --color-area1: #23233c;
  --color-area2: #2f2f47;
  --color-area3: #37374d;
  --color-area5: #4f4f64;
  --color-area6: #5d5d70;
  --color-disabled: #737389;
  --color-nav-selection-contrast: #00ffb9;
  --color-header-background: #23233c;
  --color-header-separator: #333353;
  --color-header-logo: #ffffff;
  --color-header-appname: #9999a9;
  --color-accent5: #ff9000;
  --color-error: #ff2640;
  --color-error2: #331131;
  --color-warning: #ffd732;
  --color-warning2: #332b2a;
  --color-success: #01d65a;
  --color-success2: #002b32;
  --color-informal: #ccccd4;
  --color-informal2: #001034;
  --color-overlay-background: #000028b3;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-leading: initial;
    }
  }
}

/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/@siemens/ix-brand-theme/dist/ix-brand-theme/ix-brand-theme.css ***!
  \*************************************************************************************************************************************************************************/
/*
 * 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(/static/media/sisan36.woff2) format("woff2"), url(/static/media/sisan36.woff) format("woff"), url(/static/media/sisan36.ttf) format("truetype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Siemens Sans;
  src: url(/static/media/sisan33.woff2) format("woff2"), url(/static/media/sisan33.woff) format("woff"), url(/static/media/sisan33.ttf) format("truetype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Siemens Sans;
  src: url(/static/media/sisan06.woff2) format("woff2"), url(/static/media/sisan06.woff) format("woff"), url(/static/media/sisan06.ttf) format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Siemens Sans;
  src: url(/static/media/sisan03.woff2) format("woff2"), url(/static/media/sisan03.woff) format("woff"), url(/static/media/sisan03.ttf) format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/*# sourceMappingURL=main.5859982b26cb3a08244d.css.map*/