body {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.layout {
    display: flex;
    flex-direction: row;
    flex-grow: 1; /* fills the rest */
}

.list {
    padding-left: 16px;
}

.systemmessageWrapper {
    margin-bottom: 32px;
}

.form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 16px 0;
}

/* To show the lines on right
and left sides of the text */
.divider::after,
.divider::before {
    content: "";
    border-bottom: 1px solid var(--theme-color-neutral);
    flex: 1;
}

/* Space on left and right sides of text */
.divider:not(:empty)::before {
    margin-right: 0.25em;
}

.divider:not(:empty)::after {
    margin-left: 0.25em;
}

.dividerMessage {
    color: var(--theme-color-std-text);
    font-weight: bold;
    margin: 0 16px;
}

.socialproviders {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.registration {
    margin-top: 24px;
    margin-bottom: 12px;
}

.buttonsInARow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.gap {
    gap: 16px;
}

.gap8 {
    gap: 8px;
}

.color-std-text {
    color: var(--theme-color-std-text);
}

.inputFieldNoMargin {
    margin: 0 !important;
}

/*! DI FA Design System framework */ /*! Siemens AG, 2021 */
@font-face {
    font-family: "DIFAicons";
    font-display: block;
    src: url("iconfonts/DIFAicons.eot");
    src: url("iconfonts/DIFAicons.eot?#iefix") format("eot"),
    url("iconfonts/DIFAicons.woff2") format("woff2"),
    url("iconfonts/DIFAicons.woff") format("woff"),
    url("iconfonts/DIFAicons.ttf") format("truetype");
}

.radio__button,
.checkbox__button {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    line-height: 20px;
    margin-bottom: 12px;
}

.radio__button:hover,
.checkbox__button:hover {
    color: var(--theme-color-primary--hover);
}

.systemmessage {
    background-color: var(--theme-color-component-8);
    border-radius: 3px;
    border: 1px var(--theme-color-neutral) solid;
    box-sizing: border-box;
    color: var(--theme-color-std-text);
    display: inline-block;
    padding: 8px 16px 8px 56px;
    position: relative;
    vertical-align: top;
    width: 100%;
}

.systemmessage:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    speak: none;
    text-decoration: none;
    text-transform: none;
    font-family: "DIFAicons" !important;
    content: "";
}

.systemmessage:after {
    color: var(--theme-color-neutral);
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: 16px;
    line-height: 24px;
    position: absolute;
    top: calc(50% - 12px);
}

.systemmessage:before {
    position: absolute;
    content: "";
    border-radius: 8px;
    background-color: var(--theme-color-primary--contrast);
    height: 18px;
    width: 18px;
    top: calc(50% - 8px);
    left: 19px;
}

.systemmessage .systemmessage__title {
    line-height: 26px !important;
    margin: 0 0 0 0;
}

.systemmessage .systemmessage__content :first-child {
    margin-top: 0;
}

.systemmessage .systemmessage__content :last-child {
    margin-bottom: 0;
}

.systemmessage.systemmessage--warning {
    background-color: rgba(var(--theme-color-warning2), 1);
    border: 1px var(--theme-color-warning) solid;
}

.systemmessage.systemmessage--warning:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    speak: none;
    text-decoration: none;
    text-transform: none;
    font-family: "DIFAicons" !important;
    content: "";
}

.systemmessage.systemmessage--warning:after {
    color: var(--theme-color-warning);
}

.systemmessage.systemmessage--error {
    background-color: var(--theme-color-component-error);
    border: 1px var(--theme-color-alarm) solid;
}

.systemmessage.systemmessage--error:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    speak: none;
    text-decoration: none;
    text-transform: none;
    font-family: "DIFAicons" !important;
    content: "";
}

.systemmessage.systemmessage--error:after {
    color: var(--theme-color-alarm);
}

.systemmessage.systemmessage--success {
    background-color: rgba(var(--theme-color-success2), 1);
    border: 1px var(--theme-color-success) solid;
}

.systemmessage.systemmessage--success:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    speak: none;
    text-decoration: none;
    text-transform: none;
    font-family: "DIFAicons" !important;
    content: "";
}

.systemmessage.systemmessage--success:after {
    color: var(--theme-color-success);
}

.systemmessage + .systemmessage {
    margin-top: 8px;
}

body {
    font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 14px;
}

.font,
input[type="text"],
input[type="password"],
input[type="color"],
textarea,
.systemmessage {
    font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 14px;
    line-height: 20px;
}


h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
    -webkit-margin-before: 16px;
    margin-block-start: 16px;
    -webkit-margin-after: 16px;
    margin-block-end: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-weight: bold;
    margin-bottom: 8px;
}

h1 {
    font-size: 44px;
    line-height: 30px;
    color: var(--theme-color-std-text);
}

h2 {
    font-size: 24px;
    line-height: 36px;
    color: var(--theme-color-std-text);
}

h3 {
    font-size: 20px;
    line-height: 30px;
    color: var(--theme-color-std-text);
}

h4 {
    font-size: 16px;
    line-height: 24px;
    color: var(--theme-color-std-text);
}

h5 {
    font-size: 14px;
    line-height: 20px;
    color: var(--theme-color-std-text);
}

h6 {
    font-size: 12px;
    line-height: 16px;
    color: var(--theme-color-std-text);
}

input {
    font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    margin: 0;
}

select {
    font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

button {
    font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
}

.inputfield--text,
.inputfield--password {
    font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 14px;
    line-height: 20px;
    height: 100%;
    color: var(--theme-input--color);
    border: none;
    background: transparent;
    outline: none;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.inputgroup__error {
    color: var(--theme-color-alarm);
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px;
}

code {
    font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono,
    Menlo, monospace;
}

mark {
    background-color: var(--theme-color-info);
    color: #fff;
    -webkit-padding-start: 0.25em;
    padding-inline-start: 0.25em;
    -webkit-padding-end: 0.25em;
    padding-inline-end: 0.25em;
}

a,
a:visited {
    color: var(--theme-color-primary);
    transition: color 0.2s ease-in-out;
}

a:hover {
    color: var(--theme-color-primary--hover);
}

a:active {
    color: var(--theme-color-primary--active);
}

.table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

.table td,
.table th {
    padding: 10px 8px;
    text-align: left;
}

.table thead tr {
    background-color: rgba(var(--theme-color-area2), 1);
}

.table thead tr > td,
.table thead tr > th {
    border-left: 1px solid rgba(var(--theme-color-area4), 1);
    border-top: 1px solid rgba(var(--theme-color-area4), 1);
}

.table thead tr > td:first-child,
.table thead tr > th:first-child {
    border-top-left-radius: 3px;
}

.table thead tr > td:last-child,
.table thead tr > th:last-child {
    border-top-right-radius: 3px;
    border-right: 1px solid rgba(var(--theme-color-area4), 1);
}

.table tbody tr {
    cursor: pointer;
}

.table tbody tr td,
.table tbody tr th {
    border-top: 1px solid rgba(var(--theme-color-area4), 1);
}

.table tbody tr td:first-child,
.table tbody tr th:first-child {
    border-left: 1px solid rgba(var(--theme-color-area4), 1);
}

.table tbody tr td:last-child,
.table tbody tr th:last-child {
    border-right: 1px solid rgba(var(--theme-color-area4), 1);
}

.table tbody tr:hover {
    background-color: var(--theme-color-secondary--hover) !important;
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
    border-bottom: 1px solid rgba(var(--theme-color-area4), 1);
}


.table td,
.table th {
    padding: 10px 8px;
    text-align: left;
}

.table thead tr {
    background-color: rgba(var(--theme-color-area2), 1);
}

.table thead tr > td,
.table thead tr > th {
    border-left: 1px solid rgba(var(--theme-color-area4), 1);
    border-top: 1px solid rgba(var(--theme-color-area4), 1);
}

.table thead tr > td:first-child,
.table thead tr > th:first-child {
    border-top-left-radius: 3px;
}

.table thead tr > td:last-child,
.table thead tr > th:last-child {
    border-top-right-radius: 3px;
    border-right: 1px solid rgba(var(--theme-color-area4), 1);
}

.table tbody tr {
    cursor: pointer;
}

.table tbody tr td,
.table tbody tr th {
    border-top: 1px solid rgba(var(--theme-color-area4), 1);
}

.table tbody tr td:first-child,
.table tbody tr th:first-child {
    border-left: 1px solid rgba(var(--theme-color-area4), 1);
}

.table tbody tr td:last-child,
.table tbody tr th:last-child {
    border-right: 1px solid rgba(var(--theme-color-area4), 1);
}

.table tbody tr:hover {
    background-color: var(--theme-color-secondary--hover) !important;
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
    border-bottom: 1px solid rgba(var(--theme-color-area4), 1);
}


.inputgroup--vertical {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: var(--theme-input--border-radius);
    border: 1px solid rgba(var(--theme-input--border-color), 1);
    box-sizing: border-box;
    color: var(--theme-color-std-text);
    background-color: var(--theme-color-component-8);
    height: 32px;
    padding: 0 8px;
    transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.inputgroup--vertical:hover {
    background: var(--theme-color-component-8--hover);
    border-color: rgba(var(--theme-input--border-color--hover), 1);
}

.inputgroup--vertical:focus-within {
    background: var(--theme-color-component-8);
    color: var(--theme-color-std-text);
    border-color: rgba(var(--theme-input--border-color--focus), 1);
    outline: 1px solid rgba(var(--theme-input--focus--outline-color), 1);
    outline-offset: var(--theme-input--focus--outline-offset);
}

.inputgroup--vertical.is-invalid {
    border: 1px solid var(--theme-color-alarm);
    background: var(--theme-color-component-error);
}


[type="checkbox"] + label:before {
    content: "";
    width: 1.125rem;
    height: 1.125rem;
    float: left;
    margin-right: 0.5rem;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    border: 1px solid black;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    display: flex;
    align-items: center;
    position: relative;
    line-height: 1rem;
    cursor: pointer;
    color: var(--theme-color-std-text);
}

[type="checkbox"]:not(:checked):hover + label:before,
[type="checkbox"]:checked:hover + label:before {
    background-color: rgba(var(--theme-checkbox-checked--background--hover), 1);
    border: 1px solid rgba(var(--theme-checkbox-checked--border-color), 1);
}

[type="checkbox"]:not(:checked) + label:before {
    background-color: rgba(var(--theme-checkbox-checked--background), 1);
}

[type=checkbox]:checked + label:after {
    content: "";
    width: 0.4rem;
    height: 0.2rem;
    display: block;
    border-top: none;
    border-right: none;
    border-bottom: 0.0625rem solid rgba(var(--theme-checkbox-checked--color));
    border-left: 0.0625rem solid rgba(var(--theme-checkbox-checked--color));
    position: absolute;
    top: 0.4rem;
    left: 0.45rem;
    transform: rotate(-53deg) scale(2);
}

.checkbox input {
    position: absolute;
    opacity: 0;
}

::-ms-reveal {
    display: none;
}

/* Login Screen Rework February 2026 */

.layout {
    display: flex;
    flex-direction: row;
    flex-grow: 1; /* fills the rest */
    justify-content: center;
    align-items: center;
    background-image: url("../img/xShape.svg");
    background-position: 80% 80%;
    background-repeat: no-repeat;
    background-size: cover;
}

.login_holder {
    background-color: var(--theme-color-2);
    box-shadow: var(--theme-shadow-4);
    padding: 32px;
    width: 420px;
    max-height: 800px;
    overflow-y: auto;
}

.footer {
    height: 116px;
}

.legalLink {
    color: var(--theme-color-soft-text) !important;
    font-size: 0.875rem;
    font-weight: normal;
    text-decoration: none;
}

.legalLink:hover {
    color: var(--theme-color-primary--hover) !important;
    text-decoration: underline;
}

.legal-holder {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: clamp(16px, 10vw, 320px);
    padding-right: clamp(16px, 10vw, 320px);
}

.legal-content-left-side {
    display: flex;
    align-items: center;
    gap: 32px;
    width: 50%;
}

.legal-content-right-side {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    width: 50%;
}

.legal-content-right-side p {
    color: var(--theme-color-soft-text) !important;
    font-size: 0.875rem;
    font-weight: normal;
    text-decoration: none;
}

@media (max-width: 1024px) {
    .footer {
        height: auto;
    }

    .legal-holder {
        flex-direction: column;
        align-items: center;
        padding-top: 16px;
        padding-bottom: 16px;
        gap: 8px;
    }

    .legal-content-left-side {
        width: auto;
        justify-content: center;
        flex-wrap: wrap;
    }

    .legal-content-right-side {
        width: auto;
        justify-content: center;
    }
}

.heading-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 32px;
}

.heading-product-name {
    font-weight: 700;
    font-size: 36px;
    line-height: 150%;
    letter-spacing: 0px;
    color: var(--theme-color-std-text);
}

.heading-system-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0px;
    color: var(--theme-color-std-text);
}

.input-wrapper {
    display: block;
}

.ix-label {
    font-size: 0.875rem;
    color: var(--theme-color-soft-text);
    padding-bottom: 4px;
}

.ix-label.is-invalid {
    color: var(--theme-color-alarm-text);
}

.header {
    padding-left: clamp(16px, 10vw, 320px);
    padding-right: clamp(16px, 10vw, 320px);
}

.header_container {
    height: 88px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.forgot-password {
    font-weight: bold;
    font-size: 0.875rem;
    margin-bottom: 12px;
}

.forgot-password-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
}

.update-password-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
}

.login-button-container {
    margin-top: 16px;
}

.reset-password-action-content {
    margin-top: 12px;
}

.reset-password-action-content .spacer {
    margin-bottom: 32px;
}

.create-account-helper {
    margin-top: 8px;
}

.create-account-helper #kc-form-buttons {
    width: 100%;
}

.create-account-heading {
    padding-bottom: 16px;
}

h1 {
    font-size: 29px;
    line-height: 120%;
    font-weight: 700;
    letter-spacing: 0;
}

h2 {
    font-size: 24px;
    line-height: 143%;
    font-weight: 700;
    letter-spacing: 0;
}

h3 {
    font-size: 20px;
    line-height: 150%;
    font-weight: 700;
    letter-spacing: 0.6%;
}

h4 {
    font-size: 16px;
    line-height: 150%;
    font-weight: 700;
    letter-spacing: 0.6%;
}

h5 {
    font-size: 14px;
    line-height: 143%;
    font-weight: 700;
    letter-spacing: 1.2%;
}

.update-form-spacer {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid transparent;
    height: 32px;
    padding: 0 24px;
    font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
    white-space: nowrap;
}

.button:focus-visible {
    outline: 1px solid var(--theme-color-focus-bdr);
    outline-offset: 2px;
}

.button--primary {
    background-color: var(--theme-color-primary);
    color: var(--theme-color-primary--contrast);
    border-color: var(--theme-color-primary);
    width: 100%;
}

.button--primary:hover {
    background-color: var(--theme-color-primary--hover);
    border-color: var(--theme-color-primary--hover);
    color: var(--theme-color-primary--contrast);
}

.button--primary:active {
    background-color: var(--theme-color-primary--active);
    border-color: var(--theme-color-primary--active);
    color: var(--theme-color-primary--contrast);
}


.button--secondary {
    background-color: var(--theme-color-secondary);
    color: var(--theme-color-primary);
    border-color: var(--theme-color-primary);
    width: 100%;
}

.button--secondary:hover {
    background-color: var(--theme-color-secondary--hover);
    color: var(--theme-color-primary--hover);
    border-color: var(--theme-color-primary--hover);
}

.button--secondary:active {
    background-color: var(--theme-color-secondary--active);
    color: var(--theme-color-primary--active);
    border-color: var(--theme-color-primary--active);
}


.divider::after, .divider::before {
    border-bottom: 1px solid var(--theme-color-soft-bdr);
}

.qr-code-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qr-code-container a {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.bold-link {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

body {
    background-color: var(--theme-color-1);
}

.chart-version {
    padding-right: 16px;
}

.delete-credential-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
}

:root,
.theme-brand-light {
    /* Legacy variables (RGB triplet format for rgba() usage) */
    --theme-color-interaction-active2: 180, 242, 227;
    --theme-color-area2: 237, 237, 234;
    --theme-color-area4: 223, 223, 217;
    --theme-color-warning2: 247, 234, 180;
    --theme-color-success2: 204, 231, 216;
    --theme-input--border-color: 204, 204, 212;
    --theme-input--background: 235, 247, 248;
    --theme-input--background--hover: 209, 255, 242;
    --theme-input--background--focus: 209, 255, 242;
    --theme-input--border-color--hover: 0, 215, 160;
    --theme-input--border-color--focus: 0, 215, 160;
    --theme-input--color: 0, 0, 40;
    --theme-input--border-radius: 2px;
    --theme-input--focus--outline-offset: 2px;
    --theme-input--focus--outline-color: 25, 159, 255;
    --theme-checkbox-checked--background--hover: 194, 255, 238;
    --theme-checkbox-checked--border-color: 0, 0, 40;
    --theme-checkbox-checked--background: 255, 255, 255;
    --theme-checkbox-checked--color: 25, 98, 105;
    --theme-color-0: rgba(255, 255, 255, 0);
    --theme-color-1: #f6f6f4;
    --theme-color-2: #ffffff;
    --theme-color-3: #ffffff;
    --theme-color-4: #ffffff;
    --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-alarm-bdr: #d72339;
    --theme-color-warning-bdr: #a38200;
    --theme-color-ghost: rgba(0, 0, 40, 0);
    --theme-color-ghost-primary--active: rgba(0, 207, 150, 0.2);
    --theme-color-ghost-primary--hover: rgba(0, 255, 185, 0.18);
    --theme-color-primary: #00738a;
    --theme-color-primary--contrast: #ffffff;
    --theme-color-primary--hover: #196269;
    --theme-color-primary--active: #16565c;
    --theme-color-primary--disabled: rgba(0, 115, 138, 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: rgba(255, 255, 255, 0);
    --theme-color-secondary--hover: #d1fff2;
    --theme-color-secondary--active: rgba(255, 255, 255, 0);
    --theme-color-component-2: rgba(0, 0, 40, 0.12);
    --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-warning: #ffeea8;
    --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: #ebc93f;
    --theme-color-warning--hover: #e5bd19;
    --theme-color-warning--active: #d4b026;
    --theme-color-warning--contrast: #000028;
    --theme-color-warning-40: rgba(235, 201, 63, 0.4);
    --theme-color-warning-10: rgba(235, 201, 63, 0.1);
    --theme-color-critical: #c75300;
    --theme-color-critical--hover: #b84d00;
    --theme-color-critical--active: #a34400;
    --theme-color-critical--contrast: #ffffff;
    --theme-color-critical-40: rgba(199, 83, 0, 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-warning-text: #a38200;
    --theme-color-lightbox: rgba(246, 246, 244, 0.65);
    --theme-color-backdrop: rgba(246, 246, 244, 0.85);
    --theme-color-backdrop-3: rgba(246, 246, 244, 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: #00738a;
    --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-color-ghost--hover: var(--theme-color-1--hover);
    --theme-color-ghost--active: var(--theme-color-1--active);
    --theme-color-ghost--selected: var(--theme-color-1--active);
    --theme-color-ghost--selected-hover: var(--theme-color-1--hover);
    --theme-color-ghost--selected-active: var(--theme-color-1--active);
    --theme-color-ghost-alt: var(--theme-color-2);
    --theme-color-ghost-alt--hover: var(--theme-color-1--hover);
    --theme-color-ghost-alt--active: var(--theme-color-1--active);
    --theme-color-ghost-alt--selected: var(--theme-color-1--active);
    --theme-color-ghost-alt--selected-hover: var(--theme-color-1--hover);
    --theme-color-ghost-alt--selected-active: var(--theme-color-1--active);
    --theme-color-component-1: var(--theme-color-2);
    --theme-color-component-1--hover: var(--theme-color-1--hover);
    --theme-color-component-1--active: var(--theme-color-1--active);
    --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);
}

:root, .theme-brand-dark {
    --theme-color-0: rgba(0, 0, 40, 0);
    --theme-color-1: #000028;
    --theme-color-2: #23233c;
    --theme-color-3: #23233c;
    --theme-color-4: #23233c;
    --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-alarm-bdr: #ff2640;
    --theme-color-warning-bdr: #ffd732;
    --theme-color-ghost: rgba(0, 0, 28, 0);
    --theme-color-ghost-primary--active: rgba(0, 128, 82, 0.15);
    --theme-color-ghost-primary--hover: rgba(0, 255, 185, 0.12);
    --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: rgba(0, 0, 40, 0);
    --theme-color-secondary--hover: #001c31;
    --theme-color-secondary--active: rgba(0, 0, 40, 0);
    --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-warning: #4b433a;
    --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: #333353;
    --theme-color-1--active: #40405e;
    --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-warning-text: #ffd732;
    --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-color-ghost--hover: var(--theme-color-1--hover);
    --theme-color-ghost--active: var(--theme-color-1--active);
    --theme-color-ghost--selected: var(--theme-color-1--active);
    --theme-color-ghost--selected-hover: var(--theme-color-1--hover);
    --theme-color-ghost--selected-active: var(--theme-color-1--active);
    --theme-color-ghost-alt: var(--theme-color-2);
    --theme-color-ghost-alt--hover: var(--theme-color-1--hover);
    --theme-color-ghost-alt--active: var(--theme-color-1--active);
    --theme-color-ghost-alt--selected: var(--theme-color-1--active);
    --theme-color-ghost-alt--selected-hover: var(--theme-color-1--hover);
    --theme-color-ghost-alt--selected-active: var(--theme-color-1--active);
    --theme-color-component-1: var(--theme-color-2);
    --theme-color-component-1--hover: var(--theme-color-1--hover);
    --theme-color-component-1--active: var(--theme-color-1--active);
    --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);
}


/*# sourceMappingURL=framework.min.css.map *