/* src/styles/styles.scss */
html {
--mat-sys-on-surface: initial;
}
.mat-app-background {
background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
--mat-app-background-color: #fafafa;
--mat-app-text-color: rgba(0, 0, 0, 0.87);
--mat-app-elevation-shadow-level-0:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-1:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-2:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-3:
0px 3px 3px -2px rgba(0, 0, 0, 0.2),
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
0px 1px 8px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-4:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-5:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 5px 8px 0px rgba(0, 0, 0, 0.14),
0px 1px 14px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-6:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-7:
0px 4px 5px -2px rgba(0, 0, 0, 0.2),
0px 7px 10px 1px rgba(0, 0, 0, 0.14),
0px 2px 16px 1px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-8:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-9:
0px 5px 6px -3px rgba(0, 0, 0, 0.2),
0px 9px 12px 1px rgba(0, 0, 0, 0.14),
0px 3px 16px 2px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-10:
0px 6px 6px -3px rgba(0, 0, 0, 0.2),
0px 10px 14px 1px rgba(0, 0, 0, 0.14),
0px 4px 18px 3px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-11:
0px 6px 7px -4px rgba(0, 0, 0, 0.2),
0px 11px 15px 1px rgba(0, 0, 0, 0.14),
0px 4px 20px 3px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-12:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-13:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 13px 19px 2px rgba(0, 0, 0, 0.14),
0px 5px 24px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-14:
0px 7px 9px -4px rgba(0, 0, 0, 0.2),
0px 14px 21px 2px rgba(0, 0, 0, 0.14),
0px 5px 26px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-15:
0px 8px 9px -5px rgba(0, 0, 0, 0.2),
0px 15px 22px 2px rgba(0, 0, 0, 0.14),
0px 6px 28px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-16:
0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-17:
0px 8px 11px -5px rgba(0, 0, 0, 0.2),
0px 17px 26px 2px rgba(0, 0, 0, 0.14),
0px 6px 32px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-18:
0px 9px 11px -5px rgba(0, 0, 0, 0.2),
0px 18px 28px 2px rgba(0, 0, 0, 0.14),
0px 7px 34px 6px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-19:
0px 9px 12px -6px rgba(0, 0, 0, 0.2),
0px 19px 29px 2px rgba(0, 0, 0, 0.14),
0px 7px 36px 6px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-20:
0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 20px 31px 3px rgba(0, 0, 0, 0.14),
0px 8px 38px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-21:
0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 21px 33px 3px rgba(0, 0, 0, 0.14),
0px 8px 40px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-22:
0px 10px 14px -6px rgba(0, 0, 0, 0.2),
0px 22px 35px 3px rgba(0, 0, 0, 0.14),
0px 8px 42px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-23:
0px 11px 14px -7px rgba(0, 0, 0, 0.2),
0px 23px 36px 3px rgba(0, 0, 0, 0.14),
0px 9px 44px 8px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-24:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
--mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
--mat-option-selected-state-label-text-color: #673ab7;
--mat-option-label-text-color: rgba(0, 0, 0, 0.87);
--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-accent {
--mat-option-selected-state-label-text-color: #ffd740;
--mat-option-label-text-color: rgba(0, 0, 0, 0.87);
--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
.mat-warn {
--mat-option-selected-state-label-text-color: #f44336;
--mat-option-label-text-color: rgba(0, 0, 0, 0.87);
--mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}
html {
--mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-pseudo-checkbox-full-selected-icon-color: #ffd740;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffd740;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-primary {
--mat-pseudo-checkbox-full-selected-icon-color: #673ab7;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #673ab7;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-accent {
--mat-pseudo-checkbox-full-selected-icon-color: #ffd740;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #ffd740;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-warn {
--mat-pseudo-checkbox-full-selected-icon-color: #f44336;
--mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
--mat-option-label-text-font: Roboto, sans-serif;
--mat-option-label-text-line-height: 24px;
--mat-option-label-text-size: 16px;
--mat-option-label-text-tracking: 0.03125em;
--mat-option-label-text-weight: 400;
}
html {
--mat-optgroup-label-text-font: Roboto, sans-serif;
--mat-optgroup-label-text-line-height: 24px;
--mat-optgroup-label-text-size: 16px;
--mat-optgroup-label-text-tracking: 0.03125em;
--mat-optgroup-label-text-weight: 400;
}
html {
--mat-card-elevated-container-shape: 4px;
--mat-card-outlined-container-shape: 4px;
--mat-card-filled-container-shape: 4px;
--mat-card-outlined-outline-width: 1px;
}
html {
--mat-card-elevated-container-color: white;
--mat-card-elevated-container-elevation:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-card-outlined-container-color: white;
--mat-card-outlined-container-elevation:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
--mat-card-filled-container-color: white;
--mat-card-filled-container-elevation:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
--mat-card-title-text-font: Roboto, sans-serif;
--mat-card-title-text-line-height: 32px;
--mat-card-title-text-size: 20px;
--mat-card-title-text-tracking: 0.0125em;
--mat-card-title-text-weight: 500;
--mat-card-subtitle-text-font: Roboto, sans-serif;
--mat-card-subtitle-text-line-height: 22px;
--mat-card-subtitle-text-size: 14px;
--mat-card-subtitle-text-tracking: 0.0071428571em;
--mat-card-subtitle-text-weight: 500;
}
html {
--mat-progress-bar-active-indicator-height: 4px;
--mat-progress-bar-track-height: 4px;
--mat-progress-bar-track-shape: 0;
}
.mat-mdc-progress-bar {
--mat-progress-bar-active-indicator-color: #673ab7;
--mat-progress-bar-track-color: rgba(103, 58, 183, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
--mat-progress-bar-active-indicator-color: #ffd740;
--mat-progress-bar-track-color: rgba(255, 215, 64, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
--mat-progress-bar-active-indicator-color: #f44336;
--mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}
html {
--mat-tooltip-container-shape: 4px;
--mat-tooltip-supporting-text-line-height: 16px;
}
html {
--mat-tooltip-container-color: #424242;
--mat-tooltip-supporting-text-color: white;
}
html {
--mat-tooltip-supporting-text-font: Roboto, sans-serif;
--mat-tooltip-supporting-text-size: 12px;
--mat-tooltip-supporting-text-weight: 400;
--mat-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
--mat-form-field-filled-active-indicator-height: 1px;
--mat-form-field-filled-focus-active-indicator-height: 2px;
--mat-form-field-filled-container-shape: 4px;
--mat-form-field-outlined-outline-width: 1px;
--mat-form-field-outlined-focus-outline-width: 2px;
--mat-form-field-outlined-container-shape: 4px;
}
html {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #673ab7 87%, transparent);
--mat-form-field-filled-caret-color: #673ab7;
--mat-form-field-filled-focus-active-indicator-color: #673ab7;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #673ab7 87%, transparent);
--mat-form-field-outlined-caret-color: #673ab7;
--mat-form-field-outlined-focus-outline-color: #673ab7;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #673ab7 87%, transparent);
--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-form-field-error-text-color: #f44336;
--mat-form-field-select-option-text-color: inherit;
--mat-form-field-select-disabled-option-text-color: GrayText;
--mat-form-field-leading-icon-color: unset;
--mat-form-field-disabled-leading-icon-color: unset;
--mat-form-field-trailing-icon-color: unset;
--mat-form-field-disabled-trailing-icon-color: unset;
--mat-form-field-error-focus-trailing-icon-color: unset;
--mat-form-field-error-hover-trailing-icon-color: unset;
--mat-form-field-error-trailing-icon-color: unset;
--mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-hover-state-layer-opacity: 0.04;
--mat-form-field-focus-state-layer-opacity: 0.12;
--mat-form-field-filled-container-color: #f6f6f6;
--mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-error-hover-label-text-color: #f44336;
--mat-form-field-filled-error-focus-label-text-color: #f44336;
--mat-form-field-filled-error-label-text-color: #f44336;
--mat-form-field-filled-error-caret-color: #f44336;
--mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
--mat-form-field-filled-error-active-indicator-color: #f44336;
--mat-form-field-filled-error-focus-active-indicator-color: #f44336;
--mat-form-field-filled-error-hover-active-indicator-color: #f44336;
--mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
--mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
--mat-form-field-outlined-error-caret-color: #f44336;
--mat-form-field-outlined-error-focus-label-text-color: #f44336;
--mat-form-field-outlined-error-label-text-color: #f44336;
--mat-form-field-outlined-error-hover-label-text-color: #f44336;
--mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
--mat-form-field-outlined-error-focus-outline-color: #f44336;
--mat-form-field-outlined-error-hover-outline-color: #f44336;
--mat-form-field-outlined-error-outline-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ffd740 87%, transparent);
--mat-form-field-filled-caret-color: #ffd740;
--mat-form-field-filled-focus-active-indicator-color: #ffd740;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ffd740 87%, transparent);
--mat-form-field-outlined-caret-color: #ffd740;
--mat-form-field-outlined-focus-outline-color: #ffd740;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ffd740 87%, transparent);
}
.mat-mdc-form-field.mat-warn {
--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
--mat-form-field-filled-caret-color: #f44336;
--mat-form-field-filled-focus-active-indicator-color: #f44336;
--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
--mat-form-field-outlined-caret-color: #f44336;
--mat-form-field-outlined-focus-outline-color: #f44336;
--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}
html {
--mat-form-field-container-height: 56px;
--mat-form-field-filled-label-display: block;
--mat-form-field-container-vertical-padding: 16px;
--mat-form-field-filled-with-label-container-padding-top: 24px;
--mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
--mat-form-field-container-text-font: Roboto, sans-serif;
--mat-form-field-container-text-line-height: 24px;
--mat-form-field-container-text-size: 16px;
--mat-form-field-container-text-tracking: 0.03125em;
--mat-form-field-container-text-weight: 400;
--mat-form-field-outlined-label-text-populated-size: 16px;
--mat-form-field-subscript-text-font: Roboto, sans-serif;
--mat-form-field-subscript-text-line-height: 20px;
--mat-form-field-subscript-text-size: 12px;
--mat-form-field-subscript-text-tracking: 0.0333333333em;
--mat-form-field-subscript-text-weight: 400;
--mat-form-field-filled-label-text-font: Roboto, sans-serif;
--mat-form-field-filled-label-text-size: 16px;
--mat-form-field-filled-label-text-tracking: 0.03125em;
--mat-form-field-filled-label-text-weight: 400;
--mat-form-field-outlined-label-text-font: Roboto, sans-serif;
--mat-form-field-outlined-label-text-size: 16px;
--mat-form-field-outlined-label-text-tracking: 0.03125em;
--mat-form-field-outlined-label-text-weight: 400;
}
html {
--mat-select-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-select-panel-background-color: white;
--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-focused-arrow-color: #673ab7;
--mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-accent {
--mat-select-panel-background-color: white;
--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-focused-arrow-color: #ffd740;
--mat-select-invalid-arrow-color: #f44336;
}
.mat-mdc-form-field.mat-warn {
--mat-select-panel-background-color: white;
--mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
--mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
--mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
--mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-select-focused-arrow-color: #f44336;
--mat-select-invalid-arrow-color: #f44336;
}
html {
--mat-select-arrow-transform: translateY(-8px);
}
html {
--mat-select-trigger-text-font: Roboto, sans-serif;
--mat-select-trigger-text-line-height: 24px;
--mat-select-trigger-text-size: 16px;
--mat-select-trigger-text-tracking: 0.03125em;
--mat-select-trigger-text-weight: 400;
}
html {
--mat-autocomplete-container-shape: 4px;
--mat-autocomplete-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-autocomplete-background-color: white;
}
html {
--mat-dialog-container-shape: 4px;
--mat-dialog-container-elevation-shadow:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
--mat-dialog-container-max-width: 80vw;
--mat-dialog-container-small-max-width: 80vw;
--mat-dialog-container-min-width: 0;
--mat-dialog-actions-alignment: start;
--mat-dialog-actions-padding: 8px;
--mat-dialog-content-padding: 20px 24px;
--mat-dialog-with-actions-content-padding: 20px 24px;
--mat-dialog-headline-padding: 0 24px 9px;
}
html {
--mat-dialog-container-color: white;
--mat-dialog-subhead-color: rgba(0, 0, 0, 0.87);
--mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54);
}
html {
--mat-dialog-subhead-font: Roboto, sans-serif;
--mat-dialog-subhead-line-height: 32px;
--mat-dialog-subhead-size: 20px;
--mat-dialog-subhead-weight: 500;
--mat-dialog-subhead-tracking: 0.0125em;
--mat-dialog-supporting-text-font: Roboto, sans-serif;
--mat-dialog-supporting-text-line-height: 24px;
--mat-dialog-supporting-text-size: 16px;
--mat-dialog-supporting-text-weight: 400;
--mat-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
--mat-chip-container-shape-radius: 16px;
--mat-chip-disabled-container-opacity: 0.4;
--mat-chip-disabled-outline-color: transparent;
--mat-chip-flat-selected-outline-width: 0;
--mat-chip-focus-outline-color: transparent;
--mat-chip-hover-state-layer-opacity: 0.04;
--mat-chip-outline-color: transparent;
--mat-chip-outline-width: 0;
--mat-chip-selected-hover-state-layer-opacity: 0.04;
--mat-chip-selected-trailing-action-state-layer-color: transparent;
--mat-chip-trailing-action-focus-opacity: 1;
--mat-chip-trailing-action-focus-state-layer-opacity: 0;
--mat-chip-trailing-action-hover-state-layer-opacity: 0;
--mat-chip-trailing-action-opacity: 0.54;
--mat-chip-trailing-action-state-layer-color: transparent;
--mat-chip-with-avatar-avatar-shape-radius: 14px;
--mat-chip-with-avatar-avatar-size: 28px;
--mat-chip-with-avatar-disabled-avatar-opacity: 1;
--mat-chip-with-icon-disabled-icon-opacity: 1;
--mat-chip-with-icon-icon-size: 18px;
--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
}
.mat-mdc-standard-chip {
--mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
--mat-chip-disabled-label-text-color: white;
--mat-chip-elevated-container-color: #673ab7;
--mat-chip-elevated-disabled-container-color: #673ab7;
--mat-chip-elevated-selected-container-color: #673ab7;
--mat-chip-flat-disabled-selected-container-color: #673ab7;
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: white;
--mat-chip-selected-disabled-trailing-icon-color: white;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: white;
--mat-chip-selected-trailing-icon-color: white;
--mat-chip-with-icon-disabled-icon-color: white;
--mat-chip-with-icon-icon-color: white;
--mat-chip-with-icon-selected-icon-color: white;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
--mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
--mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-elevated-container-color: #ffd740;
--mat-chip-elevated-disabled-container-color: #ffd740;
--mat-chip-elevated-selected-container-color: #ffd740;
--mat-chip-flat-disabled-selected-container-color: #ffd740;
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
--mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
--mat-chip-disabled-label-text-color: white;
--mat-chip-elevated-container-color: #f44336;
--mat-chip-elevated-disabled-container-color: #f44336;
--mat-chip-elevated-selected-container-color: #f44336;
--mat-chip-flat-disabled-selected-container-color: #f44336;
--mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-focus-state-layer-opacity: 0.12;
--mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-chip-label-text-color: white;
--mat-chip-selected-disabled-trailing-icon-color: white;
--mat-chip-selected-focus-state-layer-color: 0.12;
--mat-chip-selected-focus-state-layer-opacity: 0.12;
--mat-chip-selected-hover-state-layer-color: 0.04;
--mat-chip-selected-label-text-color: white;
--mat-chip-selected-trailing-icon-color: white;
--mat-chip-with-icon-disabled-icon-color: white;
--mat-chip-with-icon-icon-color: white;
--mat-chip-with-icon-selected-icon-color: white;
--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
--mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
--mat-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
--mat-chip-label-text-font: Roboto, sans-serif;
--mat-chip-label-text-line-height: 20px;
--mat-chip-label-text-size: 14px;
--mat-chip-label-text-tracking: 0.0178571429em;
--mat-chip-label-text-weight: 400;
}
html {
--mat-slide-toggle-disabled-handle-opacity: 0.38;
--mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
--mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
--mat-slide-toggle-disabled-track-opacity: 0.12;
--mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
--mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
--mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
--mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
--mat-slide-toggle-handle-height: 20px;
--mat-slide-toggle-handle-shape: 10px;
--mat-slide-toggle-handle-width: 20px;
--mat-slide-toggle-hidden-track-opacity: 1;
--mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
--mat-slide-toggle-pressed-handle-size: 20px;
--mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
--mat-slide-toggle-selected-handle-horizontal-margin: 0;
--mat-slide-toggle-selected-handle-size: 20px;
--mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
--mat-slide-toggle-selected-icon-size: 18px;
--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
--mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
--mat-slide-toggle-selected-track-outline-color: transparent;
--mat-slide-toggle-selected-track-outline-width: 1px;
--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
--mat-slide-toggle-track-height: 14px;
--mat-slide-toggle-track-outline-color: transparent;
--mat-slide-toggle-track-outline-width: 1px;
--mat-slide-toggle-track-shape: 7px;
--mat-slide-toggle-track-width: 36px;
--mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
--mat-slide-toggle-unselected-handle-horizontal-margin: 0;
--mat-slide-toggle-unselected-handle-size: 20px;
--mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
--mat-slide-toggle-unselected-icon-size: 18px;
--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
--mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
--mat-slide-toggle-visible-track-opacity: 1;
--mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
--mat-slide-toggle-with-icon-handle-size: 20px;
--mat-slide-toggle-touch-target-size: 48px;
}
html {
--mat-slide-toggle-selected-icon-color: white;
--mat-slide-toggle-disabled-selected-icon-color: white;
--mat-slide-toggle-selected-focus-state-layer-color: #673ab7;
--mat-slide-toggle-selected-handle-color: #673ab7;
--mat-slide-toggle-selected-hover-state-layer-color: #673ab7;
--mat-slide-toggle-selected-pressed-state-layer-color: #673ab7;
--mat-slide-toggle-selected-focus-handle-color: #673ab7;
--mat-slide-toggle-selected-hover-handle-color: #673ab7;
--mat-slide-toggle-selected-pressed-handle-color: #673ab7;
--mat-slide-toggle-selected-focus-track-color: #9575cd;
--mat-slide-toggle-selected-hover-track-color: #9575cd;
--mat-slide-toggle-selected-pressed-track-color: #9575cd;
--mat-slide-toggle-selected-track-color: #9575cd;
--mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-slide-toggle-disabled-handle-elevation-shadow:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
--mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-handle-elevation-shadow:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-slide-toggle-handle-surface-color: white;
--mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-hover-handle-color: #424242;
--mat-slide-toggle-unselected-focus-handle-color: #424242;
--mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-unselected-icon-color: #f6f6f6;
--mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
--mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-unselected-pressed-handle-color: #424242;
--mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
--mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-slide-toggle.mat-accent {
--mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-slide-toggle-selected-focus-state-layer-color: #ffd740;
--mat-slide-toggle-selected-handle-color: #ffd740;
--mat-slide-toggle-selected-hover-state-layer-color: #ffd740;
--mat-slide-toggle-selected-pressed-state-layer-color: #ffd740;
--mat-slide-toggle-selected-focus-handle-color: #ffd740;
--mat-slide-toggle-selected-hover-handle-color: #ffd740;
--mat-slide-toggle-selected-pressed-handle-color: #ffd740;
--mat-slide-toggle-selected-focus-track-color: #ffd54f;
--mat-slide-toggle-selected-hover-track-color: #ffd54f;
--mat-slide-toggle-selected-pressed-track-color: #ffd54f;
--mat-slide-toggle-selected-track-color: #ffd54f;
}
.mat-mdc-slide-toggle.mat-warn {
--mat-slide-toggle-selected-icon-color: white;
--mat-slide-toggle-disabled-selected-icon-color: white;
--mat-slide-toggle-selected-focus-state-layer-color: #f44336;
--mat-slide-toggle-selected-handle-color: #f44336;
--mat-slide-toggle-selected-hover-state-layer-color: #f44336;
--mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
--mat-slide-toggle-selected-focus-handle-color: #f44336;
--mat-slide-toggle-selected-hover-handle-color: #f44336;
--mat-slide-toggle-selected-pressed-handle-color: #f44336;
--mat-slide-toggle-selected-focus-track-color: #e57373;
--mat-slide-toggle-selected-hover-track-color: #e57373;
--mat-slide-toggle-selected-pressed-track-color: #e57373;
--mat-slide-toggle-selected-track-color: #e57373;
}
html {
--mat-slide-toggle-state-layer-size: 40px;
--mat-slide-toggle-touch-target-display: block;
}
html {
--mat-slide-toggle-label-text-font: Roboto, sans-serif;
--mat-slide-toggle-label-text-line-height: 20px;
--mat-slide-toggle-label-text-size: 14px;
--mat-slide-toggle-label-text-tracking: 0.0178571429em;
--mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
--mat-slide-toggle-label-text-font: Roboto, sans-serif;
--mat-slide-toggle-label-text-line-height: 20px;
--mat-slide-toggle-label-text-size: 14px;
--mat-slide-toggle-label-text-tracking: 0.0178571429em;
--mat-slide-toggle-label-text-weight: 400;
}
html {
--mat-radio-disabled-selected-icon-opacity: 0.38;
--mat-radio-disabled-unselected-icon-opacity: 0.38;
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-size: 48px;
}
.mat-mdc-radio-button.mat-primary {
--mat-radio-checked-ripple-color: #673ab7;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #673ab7;
--mat-radio-selected-hover-icon-color: #673ab7;
--mat-radio-selected-icon-color: #673ab7;
--mat-radio-selected-pressed-icon-color: #673ab7;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
--mat-radio-checked-ripple-color: #ffd740;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #ffd740;
--mat-radio-selected-hover-icon-color: #ffd740;
--mat-radio-selected-icon-color: #ffd740;
--mat-radio-selected-pressed-icon-color: #ffd740;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
--mat-radio-checked-ripple-color: #f44336;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #f44336;
--mat-radio-selected-hover-icon-color: #f44336;
--mat-radio-selected-icon-color: #f44336;
--mat-radio-selected-pressed-icon-color: #f44336;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-display: block;
}
html {
--mat-radio-label-text-font: Roboto, sans-serif;
--mat-radio-label-text-line-height: 20px;
--mat-radio-label-text-size: 14px;
--mat-radio-label-text-tracking: 0.0178571429em;
--mat-radio-label-text-weight: 400;
}
html {
--mat-slider-active-track-height: 6px;
--mat-slider-active-track-shape: 9999px;
--mat-slider-handle-elevation:
0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-slider-handle-height: 20px;
--mat-slider-handle-shape: 50%;
--mat-slider-handle-width: 20px;
--mat-slider-inactive-track-height: 4px;
--mat-slider-inactive-track-shape: 9999px;
--mat-slider-value-indicator-border-radius: 4px;
--mat-slider-value-indicator-caret-display: block;
--mat-slider-value-indicator-container-transform: translateX(-50%);
--mat-slider-value-indicator-height: 32px;
--mat-slider-value-indicator-padding: 0 12px;
--mat-slider-value-indicator-text-transform: none;
--mat-slider-value-indicator-width: auto;
--mat-slider-with-overlap-handle-outline-width: 1px;
--mat-slider-with-tick-marks-active-container-opacity: 0.6;
--mat-slider-with-tick-marks-container-shape: 50%;
--mat-slider-with-tick-marks-container-size: 2px;
--mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
--mat-slider-value-indicator-transform-origin: bottom;
}
html {
--mat-slider-active-track-color: #673ab7;
--mat-slider-focus-handle-color: #673ab7;
--mat-slider-handle-color: #673ab7;
--mat-slider-hover-handle-color: #673ab7;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #673ab7 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #673ab7 4%, transparent);
--mat-slider-inactive-track-color: #673ab7;
--mat-slider-ripple-color: #673ab7;
--mat-slider-with-tick-marks-active-container-color: white;
--mat-slider-with-tick-marks-inactive-container-color: #673ab7;
--mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
--mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
--mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
--mat-slider-label-container-color: #424242;
--mat-slider-label-label-text-color: white;
--mat-slider-value-indicator-opacity: 1;
--mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
--mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}
.mat-accent {
--mat-slider-active-track-color: #ffd740;
--mat-slider-focus-handle-color: #ffd740;
--mat-slider-handle-color: #ffd740;
--mat-slider-hover-handle-color: #ffd740;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #ffd740 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #ffd740 4%, transparent);
--mat-slider-inactive-track-color: #ffd740;
--mat-slider-ripple-color: #ffd740;
--mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
--mat-slider-with-tick-marks-inactive-container-color: #ffd740;
}
.mat-warn {
--mat-slider-active-track-color: #f44336;
--mat-slider-focus-handle-color: #f44336;
--mat-slider-handle-color: #f44336;
--mat-slider-hover-handle-color: #f44336;
--mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
--mat-slider-inactive-track-color: #f44336;
--mat-slider-ripple-color: #f44336;
--mat-slider-with-tick-marks-active-container-color: white;
--mat-slider-with-tick-marks-inactive-container-color: #f44336;
}
html {
--mat-slider-label-label-text-font: Roboto, sans-serif;
--mat-slider-label-label-text-size: 14px;
--mat-slider-label-label-text-line-height: 22px;
--mat-slider-label-label-text-tracking: 0.0071428571em;
--mat-slider-label-label-text-weight: 500;
}
html {
--mat-menu-container-shape: 4px;
--mat-menu-divider-bottom-spacing: 0;
--mat-menu-divider-top-spacing: 0;
--mat-menu-item-spacing: 16px;
--mat-menu-item-icon-size: 24px;
--mat-menu-item-leading-spacing: 16px;
--mat-menu-item-trailing-spacing: 16px;
--mat-menu-item-with-icon-leading-spacing: 16px;
--mat-menu-item-with-icon-trailing-spacing: 16px;
--mat-menu-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
--mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-menu-container-color: white;
--mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
--mat-menu-item-label-text-font: Roboto, sans-serif;
--mat-menu-item-label-text-size: 16px;
--mat-menu-item-label-text-tracking: 0.03125em;
--mat-menu-item-label-text-line-height: 24px;
--mat-menu-item-label-text-weight: 400;
}
html {
--mat-list-active-indicator-color: transparent;
--mat-list-active-indicator-shape: 4px;
--mat-list-list-item-container-shape: 0;
--mat-list-list-item-leading-avatar-shape: 50%;
--mat-list-list-item-container-color: transparent;
--mat-list-list-item-selected-container-color: transparent;
--mat-list-list-item-leading-avatar-color: transparent;
--mat-list-list-item-leading-icon-size: 24px;
--mat-list-list-item-leading-avatar-size: 40px;
--mat-list-list-item-trailing-icon-size: 24px;
--mat-list-list-item-disabled-state-layer-color: transparent;
--mat-list-list-item-disabled-state-layer-opacity: 0;
--mat-list-list-item-disabled-label-text-opacity: 0.38;
--mat-list-list-item-disabled-leading-icon-opacity: 0.38;
--mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
--mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-hover-state-layer-opacity: 0.04;
--mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54);
--mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
--mat-radio-checked-ripple-color: #673ab7;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #673ab7;
--mat-radio-selected-hover-icon-color: #673ab7;
--mat-radio-selected-icon-color: #673ab7;
--mat-radio-selected-pressed-icon-color: #673ab7;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
--mat-radio-checked-ripple-color: #ffd740;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #ffd740;
--mat-radio-selected-hover-icon-color: #ffd740;
--mat-radio-selected-icon-color: #ffd740;
--mat-radio-selected-pressed-icon-color: #ffd740;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
--mat-radio-checked-ripple-color: #f44336;
--mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
--mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
--mat-radio-selected-focus-icon-color: #f44336;
--mat-radio-selected-hover-icon-color: #f44336;
--mat-radio-selected-icon-color: #f44336;
--mat-radio-selected-pressed-icon-color: #f44336;
--mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #673ab7;
--mat-checkbox-selected-hover-icon-color: #673ab7;
--mat-checkbox-selected-icon-color: #673ab7;
--mat-checkbox-selected-pressed-icon-color: #673ab7;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #673ab7;
--mat-checkbox-selected-hover-state-layer-color: #673ab7;
--mat-checkbox-selected-pressed-state-layer-color: #673ab7;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-accent {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-selected-focus-icon-color: #ffd740;
--mat-checkbox-selected-hover-icon-color: #ffd740;
--mat-checkbox-selected-icon-color: #ffd740;
--mat-checkbox-selected-pressed-icon-color: #ffd740;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #ffd740;
--mat-checkbox-selected-hover-state-layer-color: #ffd740;
--mat-checkbox-selected-pressed-state-layer-color: #ffd740;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-option.mat-warn {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #f44336;
--mat-checkbox-selected-hover-icon-color: #f44336;
--mat-checkbox-selected-icon-color: #f44336;
--mat-checkbox-selected-pressed-icon-color: #f44336;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #f44336;
--mat-checkbox-selected-hover-state-layer-color: #f44336;
--mat-checkbox-selected-pressed-state-layer-color: #f44336;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
color: #673ab7;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
opacity: 1;
}
html {
--mat-list-list-item-leading-icon-start-space: 16px;
--mat-list-list-item-leading-icon-end-space: 32px;
--mat-list-list-item-one-line-container-height: 48px;
--mat-list-list-item-two-line-container-height: 64px;
--mat-list-list-item-three-line-container-height: 88px;
}
.mdc-list-item__start,
.mdc-list-item__end {
--mat-radio-state-layer-size: 40px;
--mat-radio-touch-target-display: block;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
height: 72px;
}
html {
--mat-list-list-item-label-text-font: Roboto, sans-serif;
--mat-list-list-item-label-text-line-height: 24px;
--mat-list-list-item-label-text-size: 16px;
--mat-list-list-item-label-text-tracking: 0.03125em;
--mat-list-list-item-label-text-weight: 400;
--mat-list-list-item-supporting-text-font: Roboto, sans-serif;
--mat-list-list-item-supporting-text-line-height: 20px;
--mat-list-list-item-supporting-text-size: 14px;
--mat-list-list-item-supporting-text-tracking: 0.0178571429em;
--mat-list-list-item-supporting-text-weight: 400;
--mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
--mat-list-list-item-trailing-supporting-text-line-height: 20px;
--mat-list-list-item-trailing-supporting-text-size: 12px;
--mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
--mat-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
font: 400 16px/28px Roboto, sans-serif;
letter-spacing: 0.009375em;
}
html {
--mat-paginator-page-size-select-width: 84px;
--mat-paginator-page-size-select-touch-target-height: 48px;
}
html {
--mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
--mat-paginator-container-background-color: white;
--mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
--mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
html {
--mat-paginator-container-size: 56px;
--mat-paginator-form-field-container-height: 40px;
--mat-paginator-form-field-container-vertical-padding: 8px;
--mat-paginator-touch-target-display: block;
}
html {
--mat-paginator-container-text-font: Roboto, sans-serif;
--mat-paginator-container-text-line-height: 20px;
--mat-paginator-container-text-size: 12px;
--mat-paginator-container-text-tracking: 0.0333333333em;
--mat-paginator-container-text-weight: 400;
--mat-paginator-select-trigger-text-size: 12px;
}
html {
--mat-tab-container-height: 48px;
--mat-tab-divider-color: transparent;
--mat-tab-divider-height: 0;
--mat-tab-active-indicator-height: 2px;
--mat-tab-active-indicator-shape: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-label-text-color: #673ab7;
--mat-tab-active-ripple-color: #673ab7;
--mat-tab-inactive-ripple-color: #673ab7;
--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-focus-label-text-color: #673ab7;
--mat-tab-active-hover-label-text-color: #673ab7;
--mat-tab-active-focus-indicator-color: #673ab7;
--mat-tab-active-hover-indicator-color: #673ab7;
--mat-tab-active-indicator-color: #673ab7;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-label-text-color: #ffd740;
--mat-tab-active-ripple-color: #ffd740;
--mat-tab-inactive-ripple-color: #ffd740;
--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-focus-label-text-color: #ffd740;
--mat-tab-active-hover-label-text-color: #ffd740;
--mat-tab-active-focus-indicator-color: #ffd740;
--mat-tab-active-hover-indicator-color: #ffd740;
--mat-tab-active-indicator-color: #ffd740;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
--mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
--mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
--mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-label-text-color: #f44336;
--mat-tab-active-ripple-color: #f44336;
--mat-tab-inactive-ripple-color: #f44336;
--mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
--mat-tab-active-focus-label-text-color: #f44336;
--mat-tab-active-hover-label-text-color: #f44336;
--mat-tab-active-focus-indicator-color: #f44336;
--mat-tab-active-hover-indicator-color: #f44336;
--mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
--mat-tab-background-color: #673ab7;
--mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
--mat-tab-background-color: #ffd740;
--mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
--mat-tab-background-color: #f44336;
--mat-tab-foreground-color: white;
}
.mat-mdc-tab-header {
--mat-tab-container-height: 48px;
}
.mat-mdc-tab-header {
--mat-tab-label-text-font: Roboto, sans-serif;
--mat-tab-label-text-size: 14px;
--mat-tab-label-text-tracking: 0.0892857143em;
--mat-tab-label-text-line-height: 36px;
--mat-tab-label-text-weight: 500;
}
html {
--mat-checkbox-disabled-selected-checkmark-color: white;
--mat-checkbox-selected-focus-state-layer-opacity: 0.12;
--mat-checkbox-selected-hover-state-layer-opacity: 0.04;
--mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
--mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
--mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
--mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
--mat-checkbox-touch-target-size: 48px;
}
html {
--mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-selected-focus-icon-color: #ffd740;
--mat-checkbox-selected-hover-icon-color: #ffd740;
--mat-checkbox-selected-icon-color: #ffd740;
--mat-checkbox-selected-pressed-icon-color: #ffd740;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #ffd740;
--mat-checkbox-selected-hover-state-layer-color: #ffd740;
--mat-checkbox-selected-pressed-state-layer-color: #ffd740;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #673ab7;
--mat-checkbox-selected-hover-icon-color: #673ab7;
--mat-checkbox-selected-icon-color: #673ab7;
--mat-checkbox-selected-pressed-icon-color: #673ab7;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #673ab7;
--mat-checkbox-selected-hover-state-layer-color: #673ab7;
--mat-checkbox-selected-pressed-state-layer-color: #673ab7;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-checkbox-selected-checkmark-color: white;
--mat-checkbox-selected-focus-icon-color: #f44336;
--mat-checkbox-selected-hover-icon-color: #f44336;
--mat-checkbox-selected-icon-color: #f44336;
--mat-checkbox-selected-pressed-icon-color: #f44336;
--mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
--mat-checkbox-selected-focus-state-layer-color: #f44336;
--mat-checkbox-selected-hover-state-layer-color: #f44336;
--mat-checkbox-selected-pressed-state-layer-color: #f44336;
--mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-checkbox-touch-target-display: block;
--mat-checkbox-state-layer-size: 40px;
}
html {
--mat-checkbox-label-text-font: Roboto, sans-serif;
--mat-checkbox-label-text-line-height: 20px;
--mat-checkbox-label-text-size: 14px;
--mat-checkbox-label-text-tracking: 0.0178571429em;
--mat-checkbox-label-text-weight: 400;
}
html {
--mat-button-filled-container-shape: 4px;
--mat-button-filled-horizontal-padding: 16px;
--mat-button-filled-icon-offset: -4px;
--mat-button-filled-icon-spacing: 8px;
--mat-button-filled-touch-target-size: 48px;
--mat-button-outlined-container-shape: 4px;
--mat-button-outlined-horizontal-padding: 15px;
--mat-button-outlined-icon-offset: -4px;
--mat-button-outlined-icon-spacing: 8px;
--mat-button-outlined-keep-touch-target: false;
--mat-button-outlined-outline-width: 1px;
--mat-button-outlined-touch-target-size: 48px;
--mat-button-protected-container-elevation-shadow:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-container-shape: 4px;
--mat-button-protected-disabled-container-elevation-shadow:
0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-focus-container-elevation-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-horizontal-padding: 16px;
--mat-button-protected-hover-container-elevation-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-button-protected-icon-offset: -4px;
--mat-button-protected-icon-spacing: 8px;
--mat-button-protected-pressed-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-button-protected-touch-target-size: 48px;
--mat-button-text-container-shape: 4px;
--mat-button-text-horizontal-padding: 8px;
--mat-button-text-icon-offset: 0;
--mat-button-text-icon-spacing: 8px;
--mat-button-text-with-icon-horizontal-padding: 8px;
--mat-button-text-touch-target-size: 48px;
--mat-button-tonal-container-shape: 4px;
--mat-button-tonal-horizontal-padding: 16px;
--mat-button-tonal-icon-offset: -4px;
--mat-button-tonal-icon-spacing: 8px;
--mat-button-tonal-touch-target-size: 48px;
}
html {
--mat-button-filled-container-color: white;
--mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-filled-focus-state-layer-opacity: 0.12;
--mat-button-filled-hover-state-layer-opacity: 0.04;
--mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-filled-pressed-state-layer-opacity: 0.12;
--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-outlined-focus-state-layer-opacity: 0.12;
--mat-button-outlined-hover-state-layer-opacity: 0.04;
--mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-pressed-state-layer-opacity: 0.12;
--mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-protected-container-color: white;
--mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-protected-focus-state-layer-opacity: 0.12;
--mat-button-protected-hover-state-layer-opacity: 0.04;
--mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-protected-pressed-state-layer-opacity: 0.12;
--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-text-focus-state-layer-opacity: 0.12;
--mat-button-text-hover-state-layer-opacity: 0.04;
--mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-text-pressed-state-layer-opacity: 0.12;
--mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-tonal-container-color: white;
--mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-button-tonal-focus-state-layer-opacity: 0.12;
--mat-button-tonal-hover-state-layer-opacity: 0.04;
--mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-tonal-pressed-state-layer-opacity: 0.12;
--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
--mat-button-filled-container-color: #673ab7;
--mat-button-filled-label-text-color: white;
--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-filled-state-layer-color: white;
--mat-button-outlined-label-text-color: #673ab7;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
--mat-button-outlined-state-layer-color: #673ab7;
--mat-button-protected-container-color: #673ab7;
--mat-button-protected-label-text-color: white;
--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-protected-state-layer-color: white;
--mat-button-text-label-text-color: #673ab7;
--mat-button-text-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
--mat-button-text-state-layer-color: #673ab7;
--mat-button-tonal-container-color: #673ab7;
--mat-button-tonal-label-text-color: white;
--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
--mat-button-filled-container-color: #ffd740;
--mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-outlined-label-text-color: #ffd740;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
--mat-button-outlined-state-layer-color: #ffd740;
--mat-button-protected-container-color: #ffd740;
--mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-text-label-text-color: #ffd740;
--mat-button-text-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
--mat-button-text-state-layer-color: #ffd740;
--mat-button-tonal-container-color: #ffd740;
--mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
--mat-button-filled-container-color: #f44336;
--mat-button-filled-label-text-color: white;
--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-filled-state-layer-color: white;
--mat-button-outlined-label-text-color: #f44336;
--mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
--mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-button-outlined-state-layer-color: #f44336;
--mat-button-protected-container-color: #f44336;
--mat-button-protected-label-text-color: white;
--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-protected-state-layer-color: white;
--mat-button-text-label-text-color: #f44336;
--mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-button-text-state-layer-color: #f44336;
--mat-button-tonal-container-color: #f44336;
--mat-button-tonal-label-text-color: white;
--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-button-tonal-state-layer-color: white;
}
html {
--mat-button-filled-container-height: 36px;
--mat-button-filled-touch-target-display: block;
--mat-button-outlined-container-height: 36px;
--mat-button-outlined-touch-target-display: block;
--mat-button-protected-container-height: 36px;
--mat-button-protected-touch-target-display: block;
--mat-button-text-container-height: 36px;
--mat-button-text-touch-target-display: block;
--mat-button-tonal-container-height: 36px;
--mat-button-tonal-touch-target-display: block;
}
html {
--mat-button-filled-label-text-font: Roboto, sans-serif;
--mat-button-filled-label-text-size: 14px;
--mat-button-filled-label-text-tracking: 0.0892857143em;
--mat-button-filled-label-text-transform: none;
--mat-button-filled-label-text-weight: 500;
--mat-button-outlined-label-text-font: Roboto, sans-serif;
--mat-button-outlined-label-text-size: 14px;
--mat-button-outlined-label-text-tracking: 0.0892857143em;
--mat-button-outlined-label-text-transform: none;
--mat-button-outlined-label-text-weight: 500;
--mat-button-protected-label-text-font: Roboto, sans-serif;
--mat-button-protected-label-text-size: 14px;
--mat-button-protected-label-text-tracking: 0.0892857143em;
--mat-button-protected-label-text-transform: none;
--mat-button-protected-label-text-weight: 500;
--mat-button-text-label-text-font: Roboto, sans-serif;
--mat-button-text-label-text-size: 14px;
--mat-button-text-label-text-tracking: 0.0892857143em;
--mat-button-text-label-text-transform: none;
--mat-button-text-label-text-weight: 500;
--mat-button-tonal-label-text-font: Roboto, sans-serif;
--mat-button-tonal-label-text-size: 14px;
--mat-button-tonal-label-text-tracking: 0.0892857143em;
--mat-button-tonal-label-text-transform: none;
--mat-button-tonal-label-text-weight: 500;
}
html {
--mat-icon-button-icon-size: 24px;
--mat-icon-button-container-shape: 50%;
--mat-icon-button-touch-target-size: 48px;
}
html {
--mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-icon-button-focus-state-layer-opacity: 0.12;
--mat-icon-button-hover-state-layer-opacity: 0.04;
--mat-icon-button-icon-color: inherit;
--mat-icon-button-pressed-state-layer-opacity: 0.12;
--mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-icon-button.mat-primary {
--mat-icon-button-icon-color: #673ab7;
--mat-icon-button-state-layer-color: #673ab7;
--mat-icon-button-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
--mat-icon-button-icon-color: #ffd740;
--mat-icon-button-state-layer-color: #ffd740;
--mat-icon-button-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
--mat-icon-button-icon-color: #f44336;
--mat-icon-button-state-layer-color: #f44336;
--mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}
html {
--mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
--mdc-icon-button-state-layer-size: 48px;
--mat-icon-button-state-layer-size: 48px;
width: var(--mat-icon-button-state-layer-size);
height: var(--mat-icon-button-state-layer-size);
padding: 12px;
}
html {
--mat-fab-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-container-shape: 50%;
--mat-fab-touch-target-size: 48px;
--mat-fab-extended-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-extended-container-height: 48px;
--mat-fab-extended-container-shape: 24px;
--mat-fab-extended-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-extended-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-extended-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-fab-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-fab-small-container-elevation-shadow:
0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-fab-small-container-shape: 50%;
--mat-fab-small-touch-target-size: 48px;
--mat-fab-small-focus-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-small-hover-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-fab-small-pressed-container-elevation-shadow:
0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
--mat-fab-container-color: white;
--mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-fab-focus-state-layer-opacity: 0.12;
--mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
--mat-fab-hover-state-layer-opacity: 0.04;
--mat-fab-pressed-state-layer-opacity: 0.12;
--mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-container-color: white;
--mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
--mat-fab-small-focus-state-layer-opacity: 0.12;
--mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
--mat-fab-small-hover-state-layer-opacity: 0.04;
--mat-fab-small-pressed-state-layer-opacity: 0.12;
--mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary {
--mat-fab-container-color: #673ab7;
--mat-fab-foreground-color: white;
--mat-fab-ripple-color: color-mix(in srgb, #673ab7 12%, transparent);
--mat-fab-small-container-color: #673ab7;
--mat-fab-small-foreground-color: white;
--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-state-layer-color: white;
--mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent,
.mat-mdc-mini-fab.mat-accent {
--mat-fab-container-color: #ffd740;
--mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
--mat-fab-ripple-color: color-mix(in srgb, #ffd740 12%, transparent);
--mat-fab-small-container-color: #ffd740;
--mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
--mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-fab.mat-warn,
.mat-mdc-mini-fab.mat-warn {
--mat-fab-container-color: #f44336;
--mat-fab-foreground-color: white;
--mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-fab-small-container-color: #f44336;
--mat-fab-small-foreground-color: white;
--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
--mat-fab-small-state-layer-color: white;
--mat-fab-state-layer-color: white;
}
html {
--mat-fab-small-touch-target-display: block;
--mat-fab-touch-target-display: block;
}
html {
--mat-fab-extended-label-text-font: Roboto, sans-serif;
--mat-fab-extended-label-text-size: 14px;
--mat-fab-extended-label-text-tracking: 0.0892857143em;
--mat-fab-extended-label-text-weight: 500;
}
html {
--mat-snack-bar-container-shape: 4px;
}
html {
--mat-snack-bar-container-color: #424242;
--mat-snack-bar-supporting-text-color: white;
--mat-snack-bar-button-color: #9575cd;
}
html {
--mat-snack-bar-supporting-text-font: Roboto, sans-serif;
--mat-snack-bar-supporting-text-line-height: 20px;
--mat-snack-bar-supporting-text-size: 14px;
--mat-snack-bar-supporting-text-weight: 400;
}
html {
--mat-table-row-item-outline-width: 1px;
}
html {
--mat-table-background-color: white;
--mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
--mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
--mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
--mat-table-header-container-height: 56px;
--mat-table-footer-container-height: 52px;
--mat-table-row-item-container-height: 52px;
}
html {
--mat-table-header-headline-font: Roboto, sans-serif;
--mat-table-header-headline-line-height: 22px;
--mat-table-header-headline-size: 14px;
--mat-table-header-headline-weight: 500;
--mat-table-header-headline-tracking: 0.0071428571em;
--mat-table-row-item-label-text-font: Roboto, sans-serif;
--mat-table-row-item-label-text-line-height: 20px;
--mat-table-row-item-label-text-size: 14px;
--mat-table-row-item-label-text-weight: 400;
--mat-table-row-item-label-text-tracking: 0.0178571429em;
--mat-table-footer-supporting-text-font: Roboto, sans-serif;
--mat-table-footer-supporting-text-line-height: 20px;
--mat-table-footer-supporting-text-size: 14px;
--mat-table-footer-supporting-text-weight: 400;
--mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
--mat-progress-spinner-active-indicator-width: 4px;
--mat-progress-spinner-size: 48px;
}
html {
--mat-progress-spinner-active-indicator-color: #673ab7;
}
.mat-accent {
--mat-progress-spinner-active-indicator-color: #ffd740;
}
.mat-warn {
--mat-progress-spinner-active-indicator-color: #f44336;
}
html {
--mat-badge-container-shape: 50%;
--mat-badge-container-size: unset;
--mat-badge-small-size-container-size: unset;
--mat-badge-large-size-container-size: unset;
--mat-badge-legacy-container-size: 22px;
--mat-badge-legacy-small-size-container-size: 16px;
--mat-badge-legacy-large-size-container-size: 28px;
--mat-badge-container-offset: -11px 0;
--mat-badge-small-size-container-offset: -8px 0;
--mat-badge-large-size-container-offset: -14px 0;
--mat-badge-container-overlap-offset: -11px;
--mat-badge-small-size-container-overlap-offset: -8px;
--mat-badge-large-size-container-overlap-offset: -14px;
--mat-badge-container-padding: 0;
--mat-badge-small-size-container-padding: 0;
--mat-badge-large-size-container-padding: 0;
}
html {
--mat-badge-background-color: #673ab7;
--mat-badge-text-color: white;
--mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}
.mat-badge-accent {
--mat-badge-background-color: #ffd740;
--mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.mat-badge-warn {
--mat-badge-background-color: #f44336;
--mat-badge-text-color: white;
}
html {
--mat-badge-text-font: Roboto, sans-serif;
--mat-badge-line-height: 22px;
--mat-badge-text-size: 12px;
--mat-badge-text-weight: 600;
--mat-badge-small-size-text-size: 9px;
--mat-badge-small-size-line-height: 16px;
--mat-badge-large-size-text-size: 24px;
--mat-badge-large-size-line-height: 28px;
}
html {
--mat-bottom-sheet-container-shape: 4px;
}
html {
--mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
--mat-bottom-sheet-container-background-color: white;
}
html {
--mat-bottom-sheet-container-text-font: Roboto, sans-serif;
--mat-bottom-sheet-container-text-line-height: 20px;
--mat-bottom-sheet-container-text-size: 14px;
--mat-bottom-sheet-container-text-tracking: 0.0178571429em;
--mat-bottom-sheet-container-text-weight: 400;
}
html {
--mat-button-toggle-focus-state-layer-opacity: 0.12;
--mat-button-toggle-hover-state-layer-opacity: 0.04;
--mat-button-toggle-legacy-focus-state-layer-opacity: 1;
--mat-button-toggle-legacy-height: 36px;
--mat-button-toggle-legacy-shape: 2px;
--mat-button-toggle-shape: 4px;
}
html {
--mat-button-toggle-background-color: white;
--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-toggle-disabled-state-background-color: white;
--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
--mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-legacy-disabled-state-background-color: white;
--mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
--mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-button-toggle-height: 48px;
}
html {
--mat-button-toggle-label-text-font: Roboto, sans-serif;
--mat-button-toggle-label-text-line-height: 24px;
--mat-button-toggle-label-text-size: 16px;
--mat-button-toggle-label-text-tracking: 0.03125em;
--mat-button-toggle-label-text-weight: 400;
--mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
--mat-button-toggle-legacy-label-text-line-height: 24px;
--mat-button-toggle-legacy-label-text-size: 16px;
--mat-button-toggle-legacy-label-text-tracking: 0.03125em;
--mat-button-toggle-legacy-label-text-weight: 400;
}
html {
--mat-datepicker-calendar-container-shape: 4px;
--mat-datepicker-calendar-container-touch-shape: 4px;
--mat-datepicker-calendar-container-elevation-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-container-touch-elevation-shadow:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #673ab7 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
--mat-datepicker-calendar-date-selected-state-text-color: white;
--mat-datepicker-calendar-date-selected-state-background-color: #673ab7;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #673ab7 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: white;
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #673ab7 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #673ab7 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #673ab7;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-toggle-active.mat-accent {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
--mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-selected-state-background-color: #ffd740;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ffd740 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ffd740 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ffd740 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #ffd740;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn,
.mat-datepicker-toggle-active.mat-warn {
--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);
--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
--mat-datepicker-calendar-date-selected-state-text-color: white;
--mat-datepicker-calendar-date-selected-state-background-color: #f44336;
--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
--mat-datepicker-calendar-date-today-selected-state-outline-color: white;
--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
--mat-datepicker-toggle-active-state-icon-color: #f44336;
--mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-calendar-date-outline-color: transparent;
--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
--mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-datepicker-calendar-container-background-color: white;
--mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-controls {
--mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
--mdc-icon-button-state-layer-size: 40px;
--mat-icon-button-state-layer-size: 40px;
width: var(--mat-icon-button-state-layer-size);
height: var(--mat-icon-button-state-layer-size);
padding: 8px;
}
html {
--mat-datepicker-calendar-text-font: Roboto, sans-serif;
--mat-datepicker-calendar-text-size: 13px;
--mat-datepicker-calendar-body-label-text-size: 14px;
--mat-datepicker-calendar-body-label-text-weight: 500;
--mat-datepicker-calendar-period-button-text-size: 14px;
--mat-datepicker-calendar-period-button-text-weight: 500;
--mat-datepicker-calendar-header-text-size: 11px;
--mat-datepicker-calendar-header-text-weight: 400;
}
html {
--mat-divider-width: 1px;
}
html {
--mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
--mat-expansion-container-shape: 4px;
--mat-expansion-container-elevation-shadow:
0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-expansion-legacy-header-indicator-display: inline-block;
--mat-expansion-header-indicator-display: none;
}
html {
--mat-expansion-container-background-color: white;
--mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
--mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
--mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
--mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
--mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
--mat-expansion-header-collapsed-state-height: 48px;
--mat-expansion-header-expanded-state-height: 64px;
}
html {
--mat-expansion-header-text-font: Roboto, sans-serif;
--mat-expansion-header-text-size: 14px;
--mat-expansion-header-text-weight: 500;
--mat-expansion-header-text-line-height: inherit;
--mat-expansion-header-text-tracking: inherit;
--mat-expansion-container-text-font: Roboto, sans-serif;
--mat-expansion-container-text-line-height: 20px;
--mat-expansion-container-text-size: 14px;
--mat-expansion-container-text-tracking: 0.0178571429em;
--mat-expansion-container-text-weight: 400;
}
html {
--mat-grid-list-tile-header-primary-text-size: 14px;
--mat-grid-list-tile-header-secondary-text-size: 12px;
--mat-grid-list-tile-footer-primary-text-size: 14px;
--mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
--mat-icon-color: inherit;
}
.mat-icon.mat-primary {
--mat-icon-color: #673ab7;
}
.mat-icon.mat-accent {
--mat-icon-color: #ffd740;
}
.mat-icon.mat-warn {
--mat-icon-color: #f44336;
}
html {
--mat-sidenav-container-shape: 0;
--mat-sidenav-container-elevation-shadow:
0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12);
--mat-sidenav-container-width: auto;
}
html {
--mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
--mat-sidenav-container-background-color: white;
--mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
--mat-sidenav-content-background-color: #fafafa;
--mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
--mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
--mat-stepper-header-focus-state-layer-shape: 0;
--mat-stepper-header-hover-state-layer-shape: 0;
}
html {
--mat-stepper-header-icon-foreground-color: white;
--mat-stepper-header-selected-state-icon-background-color: #673ab7;
--mat-stepper-header-selected-state-icon-foreground-color: white;
--mat-stepper-header-done-state-icon-background-color: #673ab7;
--mat-stepper-header-done-state-icon-foreground-color: white;
--mat-stepper-header-edit-state-icon-background-color: #673ab7;
--mat-stepper-header-edit-state-icon-foreground-color: white;
--mat-stepper-container-color: white;
--mat-stepper-line-color: rgba(0, 0, 0, 0.12);
--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
--mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
--mat-stepper-header-error-state-label-text-color: #f44336;
--mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
--mat-stepper-header-error-state-icon-foreground-color: #f44336;
--mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-step-header.mat-accent {
--mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
--mat-stepper-header-selected-state-icon-background-color: #ffd740;
--mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
--mat-stepper-header-done-state-icon-background-color: #ffd740;
--mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
--mat-stepper-header-edit-state-icon-background-color: #ffd740;
--mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-step-header.mat-warn {
--mat-stepper-header-icon-foreground-color: white;
--mat-stepper-header-selected-state-icon-background-color: #f44336;
--mat-stepper-header-selected-state-icon-foreground-color: white;
--mat-stepper-header-done-state-icon-background-color: #f44336;
--mat-stepper-header-done-state-icon-foreground-color: white;
--mat-stepper-header-edit-state-icon-background-color: #f44336;
--mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
--mat-stepper-header-height: 72px;
}
html {
--mat-stepper-container-text-font: Roboto, sans-serif;
--mat-stepper-header-label-text-font: Roboto, sans-serif;
--mat-stepper-header-label-text-size: 14px;
--mat-stepper-header-label-text-weight: 400;
--mat-stepper-header-error-state-label-text-size: 16px;
--mat-stepper-header-selected-state-label-text-size: 16px;
--mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
--mat-sort-arrow-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-toolbar-container-background-color: white;
--mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
--mat-toolbar-container-background-color: #673ab7;
--mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
--mat-toolbar-container-background-color: #ffd740;
--mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
--mat-toolbar-container-background-color: #f44336;
--mat-toolbar-container-text-color: white;
}
html {
--mat-toolbar-standard-height: 64px;
--mat-toolbar-mobile-height: 56px;
}
html {
--mat-toolbar-title-text-font: Roboto, sans-serif;
--mat-toolbar-title-text-line-height: 32px;
--mat-toolbar-title-text-size: 20px;
--mat-toolbar-title-text-tracking: 0.0125em;
--mat-toolbar-title-text-weight: 500;
}
html {
--mat-tree-container-background-color: white;
--mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
--mat-tree-node-min-height: 48px;
}
html {
--mat-tree-node-text-font: Roboto, sans-serif;
--mat-tree-node-text-size: 14px;
--mat-tree-node-text-weight: 400;
}
html {
--mat-timepicker-container-shape: 4px;
--mat-timepicker-container-elevation-shadow:
0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
--mat-timepicker-container-background-color: white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
font: 400 24px/32px Roboto, sans-serif;
letter-spacing: normal;
margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
font: 500 20px/32px Roboto, sans-serif;
letter-spacing: 0.0125em;
margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
font: 400 16px/28px Roboto, sans-serif;
letter-spacing: 0.009375em;
margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
font: 400 16px/24px Roboto, sans-serif;
letter-spacing: 0.03125em;
margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
font: 400 11.62px/20px Roboto, sans-serif;
margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
font: 400 9.38px/20px Roboto, sans-serif;
margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
font: 500 14px/22px Roboto, sans-serif;
letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
font: 400 14px/20px Roboto, sans-serif;
letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
font: 400 12px/20px Roboto, sans-serif;
letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
font: 300 96px/96px Roboto, sans-serif;
letter-spacing: -0.015625em;
margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
font: 300 60px/60px Roboto, sans-serif;
letter-spacing: -0.0083333333em;
margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
font: 400 48px/50px Roboto, sans-serif;
letter-spacing: normal;
margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
font: 400 34px/40px Roboto, sans-serif;
letter-spacing: 0.0073529412em;
margin: 0 0 64px;
}
html[data-ix-theme=classic][data-ix-color-schema=light] {
--color-theme-black: #000028;
--color-white: #ffffff;
--color-border-gray: #d6d6d6;
--color-blue-gray: #00384d;
--color-oslo-gray: #6f7782;
--color-light-gray: #c8c8c8;
--color-dusky-grouse: #737780;
--color-gray: #6b6b6b;
--color-header: #23233c;
--color-teal: #009999;
--color-teal-hover: #007998;
--color-teal-border-faint: rgba(0, 121, 152, 0.22);
--color-metallic-seaweed: #007998;
--color-aero-blue: #d1fff2;
--color-aero-blue-hover: #c5edf5;
--color-mulled-wine: #4c4c68;
--color-catskill-white: #edf6f9;
--color-white-smoke: #f5f5f5;
--color-body-background: #f5f5f5;
--color-surface-muted: #ffffff;
--color-siemens-dark: #000028;
--color-deep-blue: #000028;
--color-code-black: #282c34;
--color-charcoal: #333333;
--color-dark-gray: #66667e;
--color-body-text: #000028;
--color-header-bar-text: #ffffff;
--color-fiercy-red: #00a03c;
--color-danger-red: #d72332;
--color-abort-red: #d32f2f;
--color-abort-red-hover: #b71c1c;
--color-error-background: #fcccd0;
--color-input-hover: rgba(0, 40, 40, 0.1);
--color-scrollbar-thumb: rgba(0, 0, 40, 0.16);
--color-scrollbar-thumb-hover: rgba(0, 0, 40, 0.28);
--color-streaming-status: #555555;
}
html[data-ix-theme=classic][data-ix-color-schema=dark] {
--color-theme-black: #f5fcff;
--color-white: #000028;
--color-header: #23233c;
--color-border-gray: #4c5a60;
--color-blue-gray: #00384d;
--color-oslo-gray: #94a1a9;
--color-light-gray: #4c5a60;
--color-dusky-grouse: #94a1a9;
--color-gray: #94a1a9;
--color-teal: #00b5e2;
--color-teal-hover: #33c4e9;
--color-teal-border-faint: rgba(0, 181, 226, 0.35);
--color-metallic-seaweed: #00b5e2;
--color-aero-blue: #00384d;
--color-aero-blue-hover: rgba(0, 189, 227, 0.12);
--color-mulled-wine: #94a1a9;
--color-catskill-white: #00273b;
--color-white-smoke: #23233c;
--color-body-background: #000028;
--color-surface-muted: #0f1633;
--color-siemens-dark: #000028;
--color-deep-blue: #f5fcff;
--color-code-black: #10191d;
--color-charcoal: #dbf4ff;
--color-dark-gray: #aebbc1;
--color-body-text: #f5fcff;
--color-header-bar-text: #ffffff;
--color-fiercy-red: #00d66f;
--color-danger-red: #d72332;
--color-abort-red: #d32f2f;
--color-abort-red-hover: #b71c1c;
--color-error-background: #310006;
--color-input-hover: rgba(0, 181, 226, 0.12);
--color-scrollbar-thumb: rgba(255, 255, 255, 0.15);
--color-scrollbar-thumb-hover: rgba(255, 255, 255, 0.25);
--color-streaming-status: #94a1a9;
}
@media only screen and (max-width: 600px) {
:root {
font-size: 16px;
height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
}
}
@media only screen and (min-width: 600px) {
:root {
font-size: 16px;
}
}
@media only screen and (min-width: 768px) {
:root {
font-size: 16px;
}
}
@media only screen and (min-width: 1200px) {
:root {
font-size: 16px;
}
}
@media only screen and (min-width: 1400px) {
:root {
font-size: 18px;
}
}
@media only screen and (min-width: 1600px) {
:root {
font-size: 19px;
}
}
@media only screen and (min-width: 1800px) {
:root {
font-size: 20px;
}
}
@font-face {
font-family: "icons";
src:
url("./media/icons-ZJONT45X.eot?a58173097dc11ec01a8d767db175680e#iefix") format("embedded-opentype"),
url("./media/icons-D3DH76JO.woff2?a58173097dc11ec01a8d767db175680e") format("woff2"),
url("./media/icons-JISF3QPY.woff?a58173097dc11ec01a8d767db175680e") format("woff");
}
i[class^=icon-]:before,
i[class*=" icon-"]:before {
font-family: icons !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-dislike:before {
content: "\f101";
}
.icon-like:before {
content: "\f102";
}
.icon-logo:before {
content: "\f103";
}
.icon-send:before {
content: "\f104";
}
pre code.hljs {
display: block;
overflow-x: auto;
padding: 1em;
}
code.hljs {
padding: 3px 5px;
}
.hljs {
color: #abb2bf;
background: #282c34;
}
.hljs-comment,
.hljs-quote {
color: #5c6370;
font-style: italic;
}
.hljs-doctag,
.hljs-formula,
.hljs-keyword {
color: #c678dd;
}
.hljs-deletion,
.hljs-name,
.hljs-section,
.hljs-selector-tag,
.hljs-subst {
color: #e06c75;
}
.hljs-literal {
color: #56b6c2;
}
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-string {
color: #98c379;
}
.hljs-attr,
.hljs-number,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-pseudo,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
color: #d19a66;
}
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-symbol,
.hljs-title {
color: #61aeee;
}
.hljs-built_in,
.hljs-class .hljs-title,
.hljs-title.class_ {
color: #e6c07b;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-strong {
font-weight: 700;
}
.hljs-link {
text-decoration: underline;
}
: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 0;
}
label.ix-form-label.label-alignment-left {
padding: 6px 0;
}
input.ix-form-control {
appearance: textfield;
background-color: var(--theme-input--background);
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);
color: var(--theme-input--color);
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-0);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-xl);
line-height: var(--theme-line-height-md);
min-height: 2rem;
padding: 0.25rem 0.5rem;
text-decoration: none;
text-overflow: ellipsis;
width: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smooting: grayscale;
}
input.ix-form-control[type=number] {
text-align: right;
}
input.ix-form-control[type=number]::-webkit-inner-spin-button {
display: none;
margin-left: 2px;
margin-right: -2px;
}
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::placeholder {
color: var(--theme-input-hint--color);
}
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) {
background-color: var(--theme-input--background--hover);
border-color: var(--theme-input--border-color--hover) !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) {
border-color: var(--theme-input--border-color--focus) !important;
outline: 1px solid var(--theme-color-focus-bdr);
outline-offset: var(--theme-input--focus--outline-offset);
}
input.ix-form-control.read-only,
input.ix-form-control:read-only {
background-color: transparent;
border: var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly);
box-shadow: none;
outline: none;
}
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 {
background-color: transparent;
border: var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled);
box-shadow: none;
outline: none;
}
input.ix-form-control.disabled::placeholder,
input.ix-form-control:disabled::placeholder {
color: transparent;
}
textarea.ix-form-control {
appearance: textfield;
background-color: var(--theme-input--background);
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);
color: var(--theme-input--color);
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-0);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-xl);
line-height: var(--theme-line-height-md);
padding: 0.25rem 0.5rem;
text-decoration: none;
text-overflow: ellipsis;
width: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smooting: grayscale;
}
textarea.ix-form-control[type=number] {
text-align: right;
}
textarea.ix-form-control[type=number]::-webkit-inner-spin-button {
display: none;
margin-left: 2px;
margin-right: -2px;
}
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::placeholder {
color: var(--theme-input-hint--color);
}
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) {
background-color: var(--theme-input--background--hover);
border-color: var(--theme-input--border-color--hover) !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) {
border-color: var(--theme-input--border-color--focus) !important;
outline: 1px solid var(--theme-color-focus-bdr);
outline-offset: var(--theme-input--focus--outline-offset);
}
textarea.ix-form-control.read-only,
textarea.ix-form-control:read-only {
background-color: transparent;
border: var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly);
box-shadow: none;
outline: none;
}
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 {
background-color: transparent;
border: var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled);
box-shadow: none;
outline: none;
}
textarea.ix-form-control.disabled::placeholder,
textarea.ix-form-control:disabled::placeholder {
color: transparent;
}
textarea.ix-form-control {
min-height: 2rem;
padding: calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness));
}
textarea.ix-form-control:not([rows]) {
height: 3.25rem;
}
input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),
textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]) {
border-color: var(--theme-input--border-color--info);
}
input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,
textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover {
border-color: var(--theme-input--border-color--info--hover) !important;
}
input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,
textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active {
border-color: var(--theme-input--border-color--info--active) !important;
}
input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),
textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]) {
background-color: var(--theme-input--background--warning);
border-color: var(--theme-input--border-color--warning--active) !important;
}
input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,
textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover {
background-color: var(--theme-input--background--warning--hover);
border-color: var(--theme-input--border-color--warning--hover) !important;
}
input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,
textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active {
border-color: var(--theme-input--border-color--warning--active) !important;
}
input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),
textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]) {
background-color: var(--theme-input--background--invalid);
border-color: var(--theme-input--border-color--invalid) !important;
}
input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,
textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover {
background-color: var(--theme-input--background--invalid--hover);
border-color: var(--theme-input--border-color--invalid--hover) !important;
}
input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,
textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active {
border-color: var(--theme-input--border-color--invalid--active) !important;
}
input.ix-form-control ~ .invalid-feedback,
input.ix-form-control ~ .valid-feedback,
textarea.ix-form-control ~ .invalid-feedback,
textarea.ix-form-control ~ .valid-feedback {
display: none;
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-0);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-xl);
line-height: var(--theme-line-height-md);
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smooting: grayscale;
}
form input.ix-form-control ~ .valid-feedback,
form textarea.ix-form-control ~ .valid-feedback {
color: var(--theme-color-success);
}
form input.ix-form-control ~ .invalid-feedback,
form textarea.ix-form-control ~ .invalid-feedback {
color: var(--theme-color-alarm-text);
}
form.was-validated .ix-form-control.is-invalid,
form.was-validated .ix-form-control:invalid,
form:not([novalidate]) .ix-form-control.is-invalid,
form:not([novalidate]) .ix-form-control:invalid {
background-color: var(--theme-input-error--background);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23ff2640' fill-opacity='.75' fill-rule='evenodd' d='M256 42.667c117.626 0 213.333 95.707 213.333 213.333S373.626 469.333 256 469.333 42.667 373.626 42.667 256 138.374 42.667 256 42.667m0 42.666C161.56 85.333 85.333 161.56 85.333 256S161.56 426.667 256 426.667 426.667 350.44 426.667 256 350.44 85.333 256 85.333m70.248 70.249 30.17 30.17L286.168 256l70.25 70.248-30.17 30.17L256 286.168l-70.248 70.25-30.17-30.17L225.83 256l-70.248-70.248 30.17-30.17L256 225.83z'/%3E%3C/svg%3E") !important;
background-position: left calc(0.375em + 0.1875rem) center;
background-repeat: no-repeat;
background-size: 18px;
border-color: var(--theme-input-error--border-color);
padding-left: calc(1.5em + 0.75rem);
padding-right: 0.75rem;
}
form.was-validated .ix-form-control.is-invalid ~ .invalid-feedback,
form.was-validated .ix-form-control:invalid ~ .invalid-feedback,
form:not([novalidate]) .ix-form-control.is-invalid ~ .invalid-feedback,
form:not([novalidate]) .ix-form-control:invalid ~ .invalid-feedback {
display: block;
}
form.was-validated .ix-form-control.is-valid ~ .valid-feedback,
form.was-validated .ix-form-control:valid ~ .valid-feedback,
form:not([novalidate]) .ix-form-control.is-valid ~ .valid-feedback,
form:not([novalidate]) .ix-form-control: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]:checked,
.ix-form-control[type=checkbox]:not(:checked) {
cursor: pointer;
height: 0;
opacity: 0;
position: absolute;
width: 0;
}
.ix-form-control[type=checkbox]:checked + label,
.ix-form-control[type=checkbox]:not(:checked) + label {
color: var(--theme-checkbox-label--color);
display: inline-flex;
min-height: 1.5rem;
position: relative;
-webkit-user-select: none;
user-select: none;
}
.ix-form-control[type=checkbox]:not(:disabled) + label {
cursor: pointer;
}
.ix-form-control[type=checkbox] + label:before {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
content: "";
float: left;
height: 1.125rem;
margin-right: 0.5rem;
margin-top: 1px;
max-height: 1.125rem;
max-width: 1.125rem;
min-height: 1.125rem;
min-width: 1.125rem;
width: 1.125rem;
}
.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 {
border-bottom: 0.0625rem solid var(--theme-checkbox-checked--color);
border-left: 0.0625rem solid var(--theme-checkbox-checked--color);
border-right: none;
border-top: none;
content: "";
display: block;
height: 0.26rem;
margin: 0.525rem 0.42rem 0.1875rem;
position: absolute;
transform: translate(-1px, -3px) rotate(-53deg) scale(2) skew(-8deg, -3deg);
width: 0.4rem;
}
.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 {
opacity: 0.5;
pointer-events: none;
}
.ix-form-control[type=checkbox]:indeterminate + label:after {
border-bottom: 0.125rem solid var(--theme-checkbox-mixed--color);
content: "";
display: block;
height: 0.125rem;
margin: 0.5625rem 0 0 0.25rem;
position: absolute;
width: 0.625rem;
}
.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]:checked,
.ix-form-control[type=radio]:not(:checked) {
clip: rect(0 0 0 0);
appearance: none;
clip-path: inset(50%);
height: 1px;
max-height: 1px;
max-width: 1px;
min-height: 0;
min-width: 0;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.ix-form-control[type=radio]:checked + label,
.ix-form-control[type=radio]:not(:checked) + label {
align-items: flex-start;
color: var(--theme-radiobtn-label--color);
display: inline-flex;
margin-right: 1rem;
position: relative;
-webkit-user-select: none;
user-select: none;
}
.ix-form-control[type=radio]:not(:disabled) + label {
cursor: pointer;
}
.ix-form-control[type=radio] + label:before {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 100%;
content: "";
float: left;
height: 1.25rem;
margin-right: 0.5rem;
max-height: 1.25rem;
max-width: 1.25rem;
min-height: 1.25rem;
min-width: 1.25rem;
width: 1.25rem;
}
.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 {
background-color: var(--theme-radiobtn-checked--color);
border-radius: 100%;
content: "";
display: block;
height: 0.5rem;
left: 0.375rem;
position: absolute;
top: 0.5rem;
width: 0.5rem;
}
.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 {
opacity: 0.5;
pointer-events: none;
}
.ix-form-control[type=radio]:disabled + label {
color: var(--theme-radiobtn-label--color--disabled);
}
a[href] {
color: var(--theme-color-primary);
text-underline-offset: 0.2rem;
}
a[href]:not(.disabled):not(:disabled).hover,
a[href]:not(.disabled):not(:disabled):hover {
color: var(--theme-color-dynamic);
}
a[href]:not(.disabled):not(:disabled).active,
a[href]:not(.disabled):not(:disabled):active {
color: var(--theme-color-dynamic);
}
a[href]:not(.disabled):not(:disabled):visited {
color: var(--theme-color-primary);
}
a[href]:not(.disabled):not(:disabled):focus-visible {
outline: 1px solid var(--theme-color-focus-bdr);
outline-offset: 0.2rem;
}
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] {
color: unset;
text-decoration: none;
}
a[href]:has(+ ix-menu-item) {
color: unset;
text-decoration: none;
}
: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 {
border-color: var(--theme-table--border-color);
border-spacing: 0;
box-sizing: border-box;
color: var(--theme-color-std-text);
font-family: Siemens Sans, sans-serif;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.429em;
margin-bottom: 1rem;
vertical-align: top;
width: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smooting: grayscale;
--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-cell--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-cell--background);
}
.ix-table-striped > tbody > tr:nth-of-type(2n) > * {
--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) > * > * {
background-color: var(--ix-table-background);
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px transparent;
padding: 0.5rem;
}
.ix-table td,
.ix-table th {
border-bottom-color: var(--theme-table-data-row--border-color);
}
.ix-table tbody,
.ix-table td,
.ix-table tfoot,
.ix-table th,
.ix-table thead,
.ix-table tr {
text-align: left;
}
.typography-label {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-0);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-xl);
-webkit-font-smoothing: antialiased;
}
.typography-label,
.typography-label-xs {
line-height: var(--theme-line-height-sm);
text-decoration: none;
-moz-osx-font-smooting: grayscale;
}
.typography-label-xs {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms--2);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-xxl);
-webkit-font-smoothing: antialiased;
}
.typography-label-sm {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms--1);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-xl);
-webkit-font-smoothing: antialiased;
}
.typography-label-lg,
.typography-label-sm {
line-height: var(--theme-line-height-sm);
text-decoration: none;
-moz-osx-font-smooting: grayscale;
}
.typography-label-lg {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-1);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-lg);
-webkit-font-smoothing: antialiased;
}
.typography-body {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-0);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-xl);
line-height: var(--theme-line-height-md);
-webkit-font-smoothing: antialiased;
}
.typography-body,
.typography-body-xs {
text-decoration: none;
-moz-osx-font-smooting: grayscale;
}
.typography-body-xs {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms--2);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-xxl);
line-height: var(--theme-line-height-lg);
-webkit-font-smoothing: antialiased;
}
.typography-body-sm {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms--1);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-xl);
-webkit-font-smoothing: antialiased;
}
.typography-body-lg,
.typography-body-sm {
line-height: var(--theme-line-height-lg);
text-decoration: none;
-moz-osx-font-smooting: grayscale;
}
.typography-body-lg {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-1);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-lg);
-webkit-font-smoothing: antialiased;
}
.typography-display {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-3);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-md);
-webkit-font-smoothing: antialiased;
}
.typography-display,
.typography-display-xs {
line-height: var(--theme-line-height-xs);
text-decoration: none;
-moz-osx-font-smooting: grayscale;
}
.typography-display-xs {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-1);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-sm);
-webkit-font-smoothing: antialiased;
}
.typography-display-sm {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-2);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-lg);
-webkit-font-smoothing: antialiased;
}
.typography-display-lg,
.typography-display-sm {
line-height: var(--theme-line-height-xs);
text-decoration: none;
-moz-osx-font-smooting: grayscale;
}
.typography-display-lg {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-4);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-md);
-webkit-font-smoothing: antialiased;
}
.typography-display-xl {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-5);
font-style: normal;
font-weight: var(--theme-font-weight-bold);
-webkit-font-smoothing: antialiased;
}
.typography-display-xl,
.typography-display-xxl {
letter-spacing: var(--theme-letter-spacing-sm);
line-height: var(--theme-line-height-xs);
text-decoration: none;
-moz-osx-font-smooting: grayscale;
}
.typography-display-xxl {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-6);
font-style: normal;
font-weight: var(--theme-font-weight-bold);
-webkit-font-smoothing: antialiased;
}
.h6,
.typography-h6,
h6 {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms--1);
font-style: normal;
font-weight: var(--theme-font-weight-bold);
-webkit-font-smoothing: antialiased;
}
.h5,
.h6,
.typography-h5,
.typography-h6,
h5,
h6 {
letter-spacing: var(--theme-letter-spacing-xl);
line-height: var(--theme-line-height-lg);
text-decoration: none;
-moz-osx-font-smooting: grayscale;
}
.h5,
.typography-h5,
h5 {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-0);
font-style: normal;
font-weight: var(--theme-font-weight-bold);
-webkit-font-smoothing: antialiased;
}
.h4,
.typography-h4,
h4 {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-1);
font-style: normal;
font-weight: var(--theme-font-weight-bold);
-webkit-font-smoothing: antialiased;
}
.h3,
.h4,
.typography-h3,
.typography-h4,
h3,
h4 {
letter-spacing: var(--theme-letter-spacing-lg);
line-height: var(--theme-line-height-lg);
text-decoration: none;
-moz-osx-font-smooting: grayscale;
}
.h3,
.typography-h3,
h3 {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-2);
font-style: normal;
font-weight: var(--theme-font-weight-bold);
-webkit-font-smoothing: antialiased;
}
.h2,
.typography-h2,
h2 {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-3);
font-style: normal;
font-weight: var(--theme-font-weight-bold);
line-height: var(--theme-line-height-md);
-webkit-font-smoothing: antialiased;
}
.h1,
.h2,
.typography-h1,
.typography-h2,
h1,
h2 {
letter-spacing: var(--theme-letter-spacing-md);
text-decoration: none;
-moz-osx-font-smooting: grayscale;
}
.h1,
.typography-h1,
h1 {
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-4);
font-style: normal;
font-weight: var(--theme-font-weight-bold);
line-height: var(--theme-line-height-sm);
-webkit-font-smoothing: antialiased;
}
.typography-code {
font-family:
JetBrainsMono,
Courier New,
monospace,
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-0);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
-webkit-font-smoothing: antialiased;
}
.typography-code,
.typography-code-lg {
letter-spacing: var(--theme-letter-spacing-md);
line-height: var(--theme-line-height-lg);
text-decoration: none;
-moz-osx-font-smooting: grayscale;
}
.typography-code-lg {
font-family:
JetBrainsMono,
Courier New,
monospace,
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-1);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
-webkit-font-smoothing: antialiased;
}
.typography-code-sm {
font-family:
JetBrainsMono,
Courier New,
monospace,
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms--1);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-xl);
line-height: var(--theme-line-height-lg);
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 {
display: inline-flex;
position: relative;
vertical-align: middle;
}
.ix-button-group ix-button:first-child {
--ix-button-border-radius-right:0;
}
.ix-button-group ix-button:last-child {
--ix-button-border-radius-left:0;
}
.ix-button-group ix-button:not(:first-child):not(:last-child) {
--ix-button-border-radius-right:0;
--ix-button-border-radius-left:0;
}
*,
:after,
:before {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
hr {
border: 0;
border-top: 1px solid;
color: inherit;
margin: 1rem 0;
opacity: 0.25;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 0.5rem;
margin-top: 0;
}
p {
margin-bottom: 1rem;
margin-top: 0;
}
abbr[title] {
cursor: help;
text-decoration: underline dotted;
text-decoration-skip-ink: none;
}
address {
font-style: normal;
line-height: inherit;
margin-bottom: 1rem;
}
ol,
ul {
padding-left: 2rem;
}
dl,
ol,
ul {
margin-bottom: 1rem;
margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
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 {
background-color: var(--theme-color-warning-40);
padding: 0.1875em;
}
sub,
sup {
font-size: 0.75em;
line-height: 0;
position: relative;
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;
}
code,
kbd,
pre,
samp {
font-family: var(--theme-font-code);
font-size: 1em;
}
pre {
display: block;
font-size: 0.875em;
margin-bottom: 1rem;
margin-top: 0;
overflow: auto;
}
pre code {
color: inherit;
font-size: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
word-wrap: break-word;
}
code a > code {
color: inherit;
}
kbd {
border-radius: 0.25rem;
font-size: 0.875em;
padding: 0.1875rem 0.375rem;
}
kbd kbd {
font-size: 1em;
padding: 0;
}
tbody,
td,
tfoot,
th,
thead,
tr {
border: 0 solid;
border-color: inherit;
}
label {
display: inline-block;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
line-height: inherit;
margin: 0;
}
figure {
margin: 0 0 1rem;
}
::-moz-focus-inner {
border-style: none;
padding: 0;
}
iframe {
border: 0;
}
img,
svg {
vertical-align: middle;
}
summary {
cursor: pointer;
display: list-item;
}
[hidden] {
display: none !important;
}
:root {
--ix-safe-area-inset-top:0rem;
--ix-safe-area-inset-right:0rem;
--ix-safe-area-inset-bottom:0rem;
--ix-safe-area-inset-left:0rem;
}
[data-ix-theme] {
--animate-duration:var(--theme-default-time);
--theme-font-family: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";
color: var(--theme-color-std-text);
font-family: var(--theme-font-family);
--theme-border-width-default:0.0625rem;
--theme-border-width-none:0rem;
--theme-border-width-thick:0.125rem;
--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-default-border-radius:0.25rem;
--theme-default-control-height:32px;
--theme-default-icon-size:1.5rem;
--theme-default-time:150ms;
--theme-focus--border-thickness:0.0625rem;
--theme-focus--outline-offset:0.125rem;
--theme-focus-border-thickness:0.0625rem;
--theme-focus-outline-offset:0.125rem;
--theme-font-size-caption:0.75rem;
--theme-font-size-default:0.875rem;
--theme-font-size-l:1rem;
--theme-font-size-s:0.75rem;
--theme-font-size-xl:1.375rem;
--theme-font-size-xs:0.625rem;
--theme-font-weight-black:900;
--theme-font-weight-bold:700;
--theme-font-weight-normal:400;
--theme-inner-shadow-blur-1:4;
--theme-inner-shadow-spread-1:0;
--theme-inner-shadow-x-offset-1:0;
--theme-inner-shadow-y-offset-1:2;
--theme-input-min-width:0.125rem;
--theme-input-padding-x:0.5rem;
--theme-input-padding-y:0.5rem;
--theme-large-control-height:40px;
--theme-large-icon-size:2rem;
--theme-letter-spacing-lg:0.006em;
--theme-letter-spacing-md:0em;
--theme-letter-spacing-sm:-0.006em;
--theme-letter-spacing-xl:0.012em;
--theme-letter-spacing-xs:-0.012em;
--theme-letter-spacing-xxl:0.02em;
--theme-lightbox-blur:5.44;
--theme-line-height-caption:1.5;
--theme-line-height-caption-single:1;
--theme-line-height-default:1.429;
--theme-line-height-default-single:1.143;
--theme-line-height-h2:1.455;
--theme-line-height-l:1.5;
--theme-line-height-l-single:1.25;
--theme-line-height-lg:1.5;
--theme-line-height-md:1.43;
--theme-line-height-mdsm:1.3;
--theme-line-height-s:1.5;
--theme-line-height-s-single:1.5;
--theme-line-height-sm:1.2;
--theme-line-height-xl:1.091;
--theme-line-height-xs:1;
--theme-logo--siemens:url("data:image/svg+xml;charset=utf8,%3Csvg width='76' height='12' viewBox='0 0 76 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.497 11.545v-2.27c1.292.407 2.435.61 3.43.61 1.373 0 2.06-.363 2.06-1.088 0-.27-.1-.498-.3-.682-.206-.195-.73-.466-1.573-.812C2.6 6.68 1.614 6.15 1.156 5.71.561 5.132.264 4.402.264 3.52c0-1.137.433-2.003 1.3-2.598.855-.59 1.97-.885 3.346-.885.758 0 1.854.14 3.289.419v2.183C7.132 2.213 6.141 2 5.225 2c-1.289 0-1.933.354-1.933 1.064 0 .265.13.481.39.649.216.136.811.422 1.785.86C6.87 5.198 7.804 5.739 8.27 6.2c.552.546.828 1.253.828 2.12 0 1.244-.541 2.194-1.624 2.849-.877.53-2.014.795-3.411.795-1.18 0-2.368-.139-3.565-.418zM10.91.237h3.211V11.73h-3.21V.237zm6.155 11.494V.237H25.3v2.079h-5.14V4.91h4.474v1.896H20.16v2.728h5.272v2.196h-8.367zm10.463 0V.237h4.163l2.892 7.344L37.547.237h3.954V11.73h-3.044V3.593l-3.37 8.255h-1.99L29.79 3.593v8.138h-2.262zm16.918 0V.237h8.234v2.079h-5.14V4.91h4.475v1.896H47.54v2.728h5.273v2.196h-8.368zm10.48 0V.237h3.721l3.948 7.694V.237h2.261V11.73h-3.615l-4.053-7.798v7.798h-2.262zm12.21-.186v-2.27c1.28.407 2.424.61 3.43.61 1.373 0 2.059-.363 2.059-1.088a.903.903 0 0 0-.29-.682c-.207-.195-.734-.466-1.582-.812-1.508-.617-2.495-1.147-2.958-1.592-.594-.573-.891-1.306-.891-2.2 0-1.13.432-1.994 1.299-2.59.855-.59 1.97-.884 3.346-.884.774 0 1.776.123 3.005.37l.284.049v2.183C73.77 2.213 72.776 2 71.856 2c-1.284 0-1.925.354-1.925 1.064 0 .265.13.481.389.649.206.13.804.417 1.794.86 1.392.624 2.324 1.165 2.793 1.625.553.547.829 1.254.829 2.12 0 1.245-.539 2.195-1.616 2.85-.882.53-2.022.795-3.419.795-1.18 0-2.37-.139-3.565-.418z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
--theme-medium-control-height:24px;
--theme-medium-time:300ms;
--theme-min-border-radius:0rem;
--theme-ms--1:0.75rem;
--theme-ms--2:0.625rem;
--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-overlay-blur:43.49;
--theme-shadow-1-blur-1:2;
--theme-shadow-1-blur-2:1;
--theme-shadow-1-spread-1:0;
--theme-shadow-1-spread-2:0;
--theme-shadow-1-x-offset-1:0;
--theme-shadow-1-x-offset-2:0;
--theme-shadow-1-y-offset-1:2;
--theme-shadow-1-y-offset-2:1;
--theme-shadow-2-blur-1:8;
--theme-shadow-2-blur-2:8;
--theme-shadow-2-blur-3:16;
--theme-shadow-2-spread-1:0;
--theme-shadow-2-spread-2:0;
--theme-shadow-2-spread-3:0;
--theme-shadow-2-x-offset-1:-4;
--theme-shadow-2-x-offset-2:4;
--theme-shadow-2-x-offset-3:0;
--theme-shadow-2-y-offset-1:0;
--theme-shadow-2-y-offset-2:0;
--theme-shadow-2-y-offset-3:0;
--theme-shadow-3-blur-1:6;
--theme-shadow-3-blur-2:8;
--theme-shadow-3-spread-1:0;
--theme-shadow-3-spread-2:0;
--theme-shadow-3-x-offset-1:0;
--theme-shadow-3-x-offset-2:0;
--theme-shadow-3-y-offset-1:2;
--theme-shadow-3-y-offset-2:0;
--theme-shadow-4-blur-1:2;
--theme-shadow-4-blur-2:8;
--theme-shadow-4-blur-3:18;
--theme-shadow-4-spread-1:0;
--theme-shadow-4-spread-2:0;
--theme-shadow-4-spread-3:0;
--theme-shadow-4-x-offset-1:0;
--theme-shadow-4-x-offset-2:0;
--theme-shadow-4-x-offset-3:0;
--theme-shadow-4-y-offset-1:0;
--theme-shadow-4-y-offset-2:4;
--theme-shadow-4-y-offset-3:12;
--theme-short-time:0ms;
--theme-size--1:0.75rem;
--theme-size--2:0.5rem;
--theme-size--3:0.375rem;
--theme-size--4:0.25rem;
--theme-size--5:0.1875rem;
--theme-size--6:0.125rem;
--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-slow-time:500ms;
--theme-small-border-radius:0.125rem;
--theme-small-icon-size:1rem;
--theme-space--1:0.25rem;
--theme-space--2:0.1875rem;
--theme-space--3:0.125rem;
--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-text-decoration-line-through:line-through;
--theme-text-decoration-none:none;
--theme-text-decoration-underline:underline;
--theme-x-slow-time:1000ms;
--theme-action-card--border-radius:var(--theme-default-border-radius);
--theme-action-card--border-width:var(--theme-border-width-default);
--theme-action-card--focus--outline-offset:var(--theme-focus-outline-offset);
--theme-action-card-alarm--background:var(--theme-color-alarm);
--theme-action-card-alarm--background--active:var(--theme-color-alarm--active);
--theme-action-card-alarm--background--hover:var(--theme-color-alarm--hover);
--theme-action-card-alarm--background--selected:var(--theme-color-alarm);
--theme-action-card-alarm--border-color:var(--theme-color-0);
--theme-action-card-alarm--border-color--active:var(--theme-color-0);
--theme-action-card-alarm--border-color--hover:var(--theme-color-0);
--theme-action-card-alarm--border-color--selected:var(--theme-color-dynamic);
--theme-action-card-alarm--color:var(--theme-color-alarm--contrast);
--theme-action-card-alarm-subtext--color:var(--theme-color-alarm--contrast);
--theme-action-card-critical--background:var(--theme-color-critical);
--theme-action-card-critical--background--active:var(--theme-color-critical--active);
--theme-action-card-critical--background--hover:var(--theme-color-critical--hover);
--theme-action-card-critical--background--selected:var(--theme-color-critical);
--theme-action-card-critical--border-color:var(--theme-color-0);
--theme-action-card-critical--border-color--active:var(--theme-color-0);
--theme-action-card-critical--border-color--hover:var(--theme-color-0);
--theme-action-card-critical--border-color--selected:var(--theme-color-dynamic);
--theme-action-card-critical--color:var(--theme-color-critical--contrast);
--theme-action-card-critical-subtext--color:var(--theme-color-critical--contrast);
--theme-action-card-filled--background:var(--theme-color-component-1);
--theme-action-card-filled--background--active:var(--theme-color-component-1--active);
--theme-action-card-filled--background--hover:var(--theme-color-component-1--hover);
--theme-action-card-filled--background--selected:var(--theme-color-ghost--selected);
--theme-action-card-filled--border-color:var(--theme-color-0);
--theme-action-card-filled--border-color--active:var(--theme-color-0);
--theme-action-card-filled--border-color--hover:var(--theme-color-0);
--theme-action-card-filled--border-color--selected:var(--theme-color-dynamic);
--theme-action-card-filled--color:var(--theme-color-std-text);
--theme-action-card-filled-subtext--color:var(--theme-color-soft-text);
--theme-action-card-info--background:var(--theme-color-info);
--theme-action-card-info--background--active:var(--theme-color-info--active);
--theme-action-card-info--background--hover:var(--theme-color-info--hover);
--theme-action-card-info--background--selected:var(--theme-color-info);
--theme-action-card-info--border-color:var(--theme-color-0);
--theme-action-card-info--border-color--active:var(--theme-color-0);
--theme-action-card-info--border-color--hover:var(--theme-color-0);
--theme-action-card-info--border-color--selected:var(--theme-color-dynamic);
--theme-action-card-info--color:var(--theme-color-info--contrast);
--theme-action-card-info-subtext--color:var(--theme-color-info--contrast);
--theme-action-card-neutral--background:var(--theme-color-neutral);
--theme-action-card-neutral--background--active:var(--theme-color-neutral--active);
--theme-action-card-neutral--background--hover:var(--theme-color-neutral--hover);
--theme-action-card-neutral--background--selected:var(--theme-color-neutral);
--theme-action-card-neutral--border-color:var(--theme-color-0);
--theme-action-card-neutral--border-color--active:var(--theme-color-0);
--theme-action-card-neutral--border-color--hover:var(--theme-color-0);
--theme-action-card-neutral--border-color--selected:var(--theme-color-dynamic);
--theme-action-card-neutral--color:var(--theme-color-neutral--contrast);
--theme-action-card-neutral-subtext--color:var(--theme-color-neutral--contrast);
--theme-action-card-outline--background:var(--theme-color-ghost);
--theme-action-card-outline--background--active:var(--theme-color-ghost--active);
--theme-action-card-outline--background--hover:var(--theme-color-ghost--hover);
--theme-action-card-outline--background--selected:var(--theme-color-ghost--selected);
--theme-action-card-outline--border-color:var(--theme-color-soft-bdr);
--theme-action-card-outline--border-color--active:var(--theme-color-soft-bdr);
--theme-action-card-outline--border-color--hover:var(--theme-color-soft-bdr);
--theme-action-card-outline--border-color--selected:var(--theme-color-dynamic);
--theme-action-card-outline-subtext--color:var(--theme-color-soft-text);
--theme-action-card-primary--background:var(--theme-color-primary);
--theme-action-card-primary--background--active:var(--theme-color-primary--active);
--theme-action-card-primary--background--hover:var(--theme-color-primary--hover);
--theme-action-card-primary--background--selected:var(--theme-color-primary);
--theme-action-card-primary--border-color:var(--theme-color-0);
--theme-action-card-primary--border-color--active:var(--theme-color-0);
--theme-action-card-primary--border-color--hover:var(--theme-color-0);
--theme-action-card-primary--border-color--selected:var(--theme-color-dynamic);
--theme-action-card-primary--color:var(--theme-color-primary--contrast);
--theme-action-card-primary-subtext--color:var(--theme-color-primary--contrast);
--theme-action-card-success--background:var(--theme-color-success);
--theme-action-card-success--background--active:var(--theme-color-success--active);
--theme-action-card-success--background--hover:var(--theme-color-success--hover);
--theme-action-card-success--background--selected:var(--theme-color-success);
--theme-action-card-success--border-color:var(--theme-color-0);
--theme-action-card-success--border-color--active:var(--theme-color-0);
--theme-action-card-success--border-color--hover:var(--theme-color-0);
--theme-action-card-success--border-color--selected:var(--theme-color-dynamic);
--theme-action-card-success--color:var(--theme-color-success--contrast);
--theme-action-card-warning--background:var(--theme-color-warning);
--theme-action-card-warning--background--active:var(--theme-color-warning--active);
--theme-action-card-warning--background--hover:var(--theme-color-warning--hover);
--theme-action-card-warning--background--selected:var(--theme-color-warning);
--theme-action-card-warning--border-color:var(--theme-color-0);
--theme-action-card-warning--border-color--active:var(--theme-color-0);
--theme-action-card-warning--border-color--hover:var(--theme-color-0);
--theme-action-card-warning--border-color--selected:var(--theme-color-dynamic);
--theme-action-card-warning--color:var(--theme-color-warning--contrast);
--theme-action-card-warning-subtext--color:var(--theme-color-warning--contrast);
--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-app-header--color:var(--theme-color-std-text);
--theme-app-header-app-icon--outline-color:var(--theme-color-8);
--theme-app-header-logo--color:var(--theme-color-logo);
--theme-app-header-name-suffix--color:var(--theme-color-soft-text);
--theme-avatar--background:var(--theme-color-component-3);
--theme-avatar--color:var(--theme-color-std-text);
--theme-avatar-btn--background:var(--theme-color-ghost);
--theme-avatar-btn--background--active:var(--theme-color-ghost--active);
--theme-avatar-btn--background--hover:var(--theme-color-ghost--hover);
--theme-avatar-btn--color:var(--theme-color-std-text);
--theme-avatar-btn--color--active:var(--theme-color-std-text);
--theme-avatar-btn--color--hover:var(--theme-color-std-text);
--theme-blind--border-radius:var(--theme-default-border-radius);
--theme-blind--border-thickness:var(--theme-border-width-default);
--theme-blind-base--background:var(--theme-color-component-1);
--theme-blind-base--border-color:var(--theme-color-0);
--theme-blind-header-closed--background:var(--theme-color-ghost);
--theme-blind-header-closed--background--active:var(--theme-color-ghost--active);
--theme-blind-header-closed--background--hover:var(--theme-color-ghost--hover);
--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:var(--theme-color-dynamic);
--theme-blind-header-icon-open--color--active:var(--theme-color-dynamic);
--theme-blind-header-icon-open--color--hover:var(--theme-color-dynamic);
--theme-blind-header-open--background:var(--theme-color-ghost);
--theme-blind-header-open--background--active:var(--theme-color-ghost--active);
--theme-blind-header-open--background--hover:var(--theme-color-ghost--hover);
--theme-blind-header-open--color:var(--theme-color-std-text);
--theme-blind-header-open--color--active:var(--theme-color-std-text);
--theme-blind-header-open--color--hover:var(--theme-color-std-text);
--theme-btn--border-radius:var(--theme-small-border-radius);
--theme-btn--border-thickness:var(--theme-border-width-default);
--theme-btn--focus--outline-offset:var(--theme-focus-outline-offset);
--theme-btn-danger-primary--background:var(--theme-color-alarm);
--theme-btn-danger-primary--background--active:var(--theme-color-alarm--active);
--theme-btn-danger-primary--background--disabled:var(--theme-color-component-4);
--theme-btn-danger-primary--background--hover:var(--theme-color-alarm--hover);
--theme-btn-danger-primary--border-color:var(--theme-color-0);
--theme-btn-danger-primary--border-color--active:var(--theme-color-0);
--theme-btn-danger-primary--border-color--disabled:var(--theme-color-0);
--theme-btn-danger-primary--border-color--hover:var(--theme-color-0);
--theme-btn-danger-primary--color:var(--theme-color-alarm--contrast);
--theme-btn-danger-primary--color--active:var(--theme-color-alarm--contrast);
--theme-btn-danger-primary--color--disabled:var(--theme-color-primary--contrast);
--theme-btn-danger-primary--color--hover:var(--theme-color-alarm--contrast);
--theme-btn-danger-secondary--background:var(--theme-color-0);
--theme-btn-danger-secondary--background--active:var(--theme-color-alarm--active);
--theme-btn-danger-secondary--background--disabled:var(--theme-color-ghost);
--theme-btn-danger-secondary--background--hover:var(--theme-color-alarm--hover);
--theme-btn-danger-secondary--border-color:var(--theme-color-alarm-text);
--theme-btn-danger-secondary--border-color--active:var(--theme-color-alarm--active);
--theme-btn-danger-secondary--border-color--disabled:var(--theme-color-component-4);
--theme-btn-danger-secondary--border-color--hover:var(--theme-color-alarm--hover);
--theme-btn-danger-secondary--color:var(--theme-color-alarm-text);
--theme-btn-danger-secondary--color--active:var(--theme-color-alarm--contrast);
--theme-btn-danger-secondary--color--disabled:var(--theme-color-weak-text);
--theme-btn-danger-secondary--color--hover:var(--theme-color-alarm--contrast);
--theme-btn-danger-tertiary--background:var(--theme-color-ghost);
--theme-btn-danger-tertiary--background--active:var(--theme-color-alarm--active);
--theme-btn-danger-tertiary--background--disabled:var(--theme-color-ghost);
--theme-btn-danger-tertiary--background--hover:var(--theme-color-alarm--hover);
--theme-btn-danger-tertiary--border-color:var(--theme-color-0);
--theme-btn-danger-tertiary--border-color--active:var(--theme-color-0);
--theme-btn-danger-tertiary--border-color--disabled:var(--theme-color-0);
--theme-btn-danger-tertiary--border-color--hover:var(--theme-color-0);
--theme-btn-danger-tertiary--color:var(--theme-color-alarm-text);
--theme-btn-danger-tertiary--color--active:var(--theme-color-alarm--contrast);
--theme-btn-danger-tertiary--color--disabled:var(--theme-color-weak-text);
--theme-btn-danger-tertiary--color--hover:var(--theme-color-alarm--contrast);
--theme-btn-primary--background:var(--theme-color-primary);
--theme-btn-primary--background--active:var(--theme-color-primary--active);
--theme-btn-primary--background--disabled:var(--theme-color-component-4);
--theme-btn-primary--background--hover:var(--theme-color-primary--hover);
--theme-btn-primary--background--pressed:var(--theme-color-dynamic);
--theme-btn-primary--background--pressed-active:var(--theme-color-dynamic--active);
--theme-btn-primary--background--pressed-hover:var(--theme-color-dynamic--hover);
--theme-btn-primary--border-color:var(--theme-color-0);
--theme-btn-primary--border-color--active:var(--theme-color-0);
--theme-btn-primary--border-color--disabled:var(--theme-color-0);
--theme-btn-primary--border-color--hover:var(--theme-color-0);
--theme-btn-primary--border-color--pressed:var(--theme-color-0);
--theme-btn-primary--border-color--pressed-hover:var(--theme-color-0);
--theme-btn-primary--border-color--pressed-hover-active:var(--theme-color-0);
--theme-btn-primary--color: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--color--hover:var(--theme-color-primary--contrast);
--theme-btn-primary--color--pressed:var(--theme-color-primary--contrast);
--theme-btn-primary--color--pressed-active:var(--theme-color-primary--contrast);
--theme-btn-primary--color--pressed-hover:var(--theme-color-primary--contrast);
--theme-btn-secondary--background:var(--theme-color-secondary);
--theme-btn-secondary--background--active:var(--theme-color-secondary--active);
--theme-btn-secondary--background--disabled:var(--theme-color-ghost);
--theme-btn-secondary--background--hover:var(--theme-color-secondary--hover);
--theme-btn-secondary--background--pressed:var(--theme-color-component-7);
--theme-btn-secondary--background--pressed-active:var(--theme-color-component-7--active);
--theme-btn-secondary--background--pressed-hover:var(--theme-color-component-7--hover);
--theme-btn-secondary--border-color:var(--theme-color-primary);
--theme-btn-secondary--border-color--active:var(--theme-color-primary--active);
--theme-btn-secondary--border-color--disabled:var(--theme-color-component-4);
--theme-btn-secondary--border-color--hover:var(--theme-color-primary--hover);
--theme-btn-secondary--border-color--pressed:var(--theme-color-dynamic);
--theme-btn-secondary--border-color--pressed-active:var(--theme-color-primary--active);
--theme-btn-secondary--border-color--pressed-hover:var(--theme-color-primary--hover);
--theme-btn-secondary--color:var(--theme-color-primary);
--theme-btn-secondary--color--active:var(--theme-color-primary--active);
--theme-btn-secondary--color--disabled:var(--theme-color-weak-text);
--theme-btn-secondary--color--hover:var(--theme-color-primary--hover);
--theme-btn-secondary--color--pressed:var(--theme-color-dynamic);
--theme-btn-secondary--color--pressed-active:var(--theme-color-primary--active);
--theme-btn-secondary--color--pressed-hover:var(--theme-color-primary--hover);
--theme-btn-subtle-primary--background:var(--theme-color-component-2);
--theme-btn-subtle-primary--background--active:var(--theme-color-component-1--active);
--theme-btn-subtle-primary--background--disabled:var(--theme-color-component-2);
--theme-btn-subtle-primary--background--hover:var(--theme-color-component-1--hover);
--theme-btn-subtle-primary--background--pressed:var(--theme-color-component-7);
--theme-btn-subtle-primary--background--pressed-active:var(--theme-color-component-7--active);
--theme-btn-subtle-primary--background--pressed-hover:var(--theme-color-component-7--hover);
--theme-btn-subtle-primary--border-color:var(--theme-color-0);
--theme-btn-subtle-primary--border-color--active:var(--theme-color-0);
--theme-btn-subtle-primary--border-color--disabled:var(--theme-color-0);
--theme-btn-subtle-primary--border-color--hover:var(--theme-color-0);
--theme-btn-subtle-primary--border-color--pressed:var(--theme-color-0);
--theme-btn-subtle-primary--border-color--pressed-active:var(--theme-color-0);
--theme-btn-subtle-primary--border-color--pressed-hover:var(--theme-color-0);
--theme-btn-subtle-primary--color:var(--theme-color-std-text);
--theme-btn-subtle-primary--color--active:var(--theme-color-std-text);
--theme-btn-subtle-primary--color--disabled:var(--theme-color-weak-text);
--theme-btn-subtle-primary--color--hover:var(--theme-color-std-text);
--theme-btn-subtle-primary--color--pressed:var(--theme-color-dynamic);
--theme-btn-subtle-primary--color--pressed-active:var(--theme-color-dynamic);
--theme-btn-subtle-primary--color--pressed-hover:var(--theme-color-dynamic);
--theme-btn-subtle-secondary--background:var(--theme-color-ghost);
--theme-btn-subtle-secondary--background--active:var(--theme-color-ghost--active);
--theme-btn-subtle-secondary--background--disabled:var(--theme-color-ghost);
--theme-btn-subtle-secondary--background--hover:var(--theme-color-ghost--hover);
--theme-btn-subtle-secondary--background--pressed:var(--theme-color-component-7);
--theme-btn-subtle-secondary--background--pressed-active:var(--theme-color-component-7--active);
--theme-btn-subtle-secondary--background--pressed-hover:var(--theme-color-component-7--hover);
--theme-btn-subtle-secondary--border-color:var(--theme-color-component-4);
--theme-btn-subtle-secondary--border-color--active:var(--theme-color-component-4);
--theme-btn-subtle-secondary--border-color--disabled:var(--theme-color-component-4);
--theme-btn-subtle-secondary--border-color--hover:var(--theme-color-component-4);
--theme-btn-subtle-secondary--border-color--pressed:var(--theme-color-std-bdr);
--theme-btn-subtle-secondary--border-color--pressed-active:var(--theme-color-std-bdr);
--theme-btn-subtle-secondary--border-color--pressed-hover:var(--theme-color-std-bdr);
--theme-btn-subtle-secondary--color:var(--theme-color-std-text);
--theme-btn-subtle-secondary--color--active:var(--theme-color-std-text);
--theme-btn-subtle-secondary--color--disabled:var(--theme-color-weak-text);
--theme-btn-subtle-secondary--color--hover:var(--theme-color-std-text);
--theme-btn-subtle-secondary--color--pressed:var(--theme-color-dynamic);
--theme-btn-subtle-secondary--color--pressed-active:var(--theme-color-dynamic);
--theme-btn-subtle-secondary--color--pressed-hover:var(--theme-color-dynamic);
--theme-btn-subtle-tertiary--background:var(--theme-color-ghost);
--theme-btn-subtle-tertiary--background--active:var(--theme-color-ghost--active);
--theme-btn-subtle-tertiary--background--disabled:var(--theme-color-ghost);
--theme-btn-subtle-tertiary--background--hover:var(--theme-color-ghost--hover);
--theme-btn-subtle-tertiary--background--pressed:var(--theme-color-component-7);
--theme-btn-subtle-tertiary--background--pressed-active:var(--theme-color-component-7--active);
--theme-btn-subtle-tertiary--background--pressed-hover:var(--theme-color-component-7--hover);
--theme-btn-subtle-tertiary--border-color:var(--theme-color-0);
--theme-btn-subtle-tertiary--border-color--active:var(--theme-color-0);
--theme-btn-subtle-tertiary--border-color--disabled:var(--theme-color-0);
--theme-btn-subtle-tertiary--border-color--hover:var(--theme-color-0);
--theme-btn-subtle-tertiary--border-color--pressed:var(--theme-color-0);
--theme-btn-subtle-tertiary--border-color--pressed-active:var(--theme-color-0);
--theme-btn-subtle-tertiary--border-color--pressed-hover:var(--theme-color-0);
--theme-btn-subtle-tertiary--color:var(--theme-color-std-text);
--theme-btn-subtle-tertiary--color--active:var(--theme-color-std-text);
--theme-btn-subtle-tertiary--color--disabled:var(--theme-color-weak-text);
--theme-btn-subtle-tertiary--color--hover:var(--theme-color-std-text);
--theme-btn-subtle-tertiary--color--pressed:var(--theme-color-dynamic);
--theme-btn-subtle-tertiary--color--pressed-active:var(--theme-color-dynamic);
--theme-btn-subtle-tertiary--color--pressed-hover:var(--theme-color-dynamic);
--theme-btn-tertiary--background:var(--theme-color-ghost);
--theme-btn-tertiary--background--active:var(--theme-color-secondary--active);
--theme-btn-tertiary--background--disabled:var(--theme-color-ghost);
--theme-btn-tertiary--background--hover:var(--theme-color-secondary--hover);
--theme-btn-tertiary--background--pressed:var(--theme-color-component-7);
--theme-btn-tertiary--background--pressed-active:var(--theme-color-component-7--active);
--theme-btn-tertiary--background--pressed-hover:var(--theme-color-component-7--hover);
--theme-btn-tertiary--border-color:var(--theme-color-0);
--theme-btn-tertiary--border-color--active:var(--theme-color-0);
--theme-btn-tertiary--border-color--disabled:var(--theme-color-0);
--theme-btn-tertiary--border-color--hover:var(--theme-color-0);
--theme-btn-tertiary--border-color--pressed:var(--theme-color-0);
--theme-btn-tertiary--border-color--pressed-active:var(--theme-color-0);
--theme-btn-tertiary--border-color--pressed-hover:var(--theme-color-0);
--theme-btn-tertiary--color:var(--theme-color-primary);
--theme-btn-tertiary--color--active:var(--theme-color-primary--active);
--theme-btn-tertiary--color--disabled:var(--theme-color-weak-text);
--theme-btn-tertiary--color--hover:var(--theme-color-primary--hover);
--theme-btn-tertiary--color--pressed:var(--theme-color-dynamic);
--theme-btn-tertiary--color--pressed-active:var(--theme-color-primary--active);
--theme-btn-tertiary--color--pressed-hover:var(--theme-color-primary--hover);
--theme-card--border-radius:var(--theme-default-border-radius);
--theme-card--border-width:var(--theme-border-width-default);
--theme-card--focus--outline-offset:var(--theme-focus-outline-offset);
--theme-card-alarm--background:var(--theme-color-alarm);
--theme-card-alarm--background--active:var(--theme-color-alarm--active);
--theme-card-alarm--background--hover:var(--theme-color-alarm--hover);
--theme-card-alarm--background--selected:var(--theme-color-alarm);
--theme-card-alarm--border-color:var(--theme-color-0);
--theme-card-alarm--border-color--active:var(--theme-color-0);
--theme-card-alarm--border-color--hover:var(--theme-color-0);
--theme-card-alarm--border-color--selected:var(--theme-color-dynamic);
--theme-card-alarm--color:var(--theme-color-alarm--contrast);
--theme-card-critical--background:var(--theme-color-critical);
--theme-card-critical--background--active:var(--theme-color-critical--active);
--theme-card-critical--background--hover:var(--theme-color-critical--hover);
--theme-card-critical--background--selected:var(--theme-color-critical);
--theme-card-critical--border-color:var(--theme-color-0);
--theme-card-critical--border-color--active:var(--theme-color-0);
--theme-card-critical--border-color--hover:var(--theme-color-0);
--theme-card-critical--border-color--selected:var(--theme-color-dynamic);
--theme-card-critical--color:var(--theme-color-critical--contrast);
--theme-card-filled--background:var(--theme-color-component-1);
--theme-card-filled--background--active:var(--theme-color-component-1--active);
--theme-card-filled--background--hover:var(--theme-color-component-1--hover);
--theme-card-filled--background--selected:var(--theme-color-ghost--selected);
--theme-card-filled--border-color:var(--theme-color-0);
--theme-card-filled--border-color--active:var(--theme-color-0);
--theme-card-filled--border-color--hover:var(--theme-color-0);
--theme-card-filled--border-color--selected:var(--theme-color-dynamic);
--theme-card-filled--color:var(--theme-color-std-text);
--theme-card-info--background:var(--theme-color-info);
--theme-card-info--background--active:var(--theme-color-info--active);
--theme-card-info--background--hover:var(--theme-color-info--hover);
--theme-card-info--background--selected:var(--theme-color-info);
--theme-card-info--border-color:var(--theme-color-0);
--theme-card-info--border-color--active:var(--theme-color-0);
--theme-card-info--border-color--hover:var(--theme-color-0);
--theme-card-info--border-color--selected:var(--theme-color-dynamic);
--theme-card-info--color:var(--theme-color-info--contrast);
--theme-card-neutral--background:var(--theme-color-neutral);
--theme-card-neutral--background--active:var(--theme-color-neutral--active);
--theme-card-neutral--background--hover:var(--theme-color-neutral--hover);
--theme-card-neutral--background--selected:var(--theme-color-neutral);
--theme-card-neutral--border-color:var(--theme-color-0);
--theme-card-neutral--border-color--active:var(--theme-color-0);
--theme-card-neutral--border-color--hover:var(--theme-color-0);
--theme-card-neutral--border-color--selected:var(--theme-color-dynamic);
--theme-card-neutral--color:var(--theme-color-neutral--contrast);
--theme-card-outline--background:var(--theme-color-ghost);
--theme-card-outline--background--active:var(--theme-color-ghost--active);
--theme-card-outline--background--hover:var(--theme-color-ghost--hover);
--theme-card-outline--background--selected:var(--theme-color-ghost--selected);
--theme-card-outline--border-color:var(--theme-color-soft-bdr);
--theme-card-outline--border-color--active:var(--theme-color-soft-bdr);
--theme-card-outline--border-color--hover:var(--theme-color-soft-bdr);
--theme-card-outline--border-color--selected:var(--theme-color-dynamic);
--theme-card-outline--color:var(--theme-color-std-text);
--theme-card-primary--background:var(--theme-color-primary);
--theme-card-primary--background--active:var(--theme-color-primary--active);
--theme-card-primary--background--hover:var(--theme-color-primary--hover);
--theme-card-primary--background--selected:var(--theme-color-primary);
--theme-card-primary--border-color:var(--theme-color-0);
--theme-card-primary--border-color--active:var(--theme-color-0);
--theme-card-primary--border-color--hover:var(--theme-color-0);
--theme-card-primary--border-color--selected:var(--theme-color-dynamic);
--theme-card-primary--color:var(--theme-color-primary--contrast);
--theme-card-success--background:var(--theme-color-success);
--theme-card-success--background--active:var(--theme-color-success--active);
--theme-card-success--background--hover:var(--theme-color-success--hover);
--theme-card-success--background--selected:var(--theme-color-success);
--theme-card-success--border-color:var(--theme-color-0);
--theme-card-success--border-color--active:var(--theme-color-0);
--theme-card-success--border-color--hover:var(--theme-color-0);
--theme-card-success--border-color--selected:var(--theme-color-dynamic);
--theme-card-success--color:var(--theme-color-success--contrast);
--theme-card-warning--background:var(--theme-color-warning);
--theme-card-warning--background--active:var(--theme-color-warning--active);
--theme-card-warning--background--hover:var(--theme-color-warning--hover);
--theme-card-warning--background--selected:var(--theme-color-warning);
--theme-card-warning--border-color:var(--theme-color-0);
--theme-card-warning--border-color--active:var(--theme-color-0);
--theme-card-warning--border-color--hover:var(--theme-color-0);
--theme-card-warning--border-color--selected:var(--theme-color-dynamic);
--theme-card-warning--color:var(--theme-color-warning--contrast);
--theme-checkbox--border-thickness:var(--theme-border-width-default);
--theme-checkbox--focus--outline-offset:var(--theme-focus-outline-offset);
--theme-checkbox-checked--background:var(--theme-color-dynamic);
--theme-checkbox-checked--background--active:var(--theme-color-dynamic--active);
--theme-checkbox-checked--background--disabled:var(--theme-color-component-4);
--theme-checkbox-checked--background--hover:var(--theme-color-dynamic--hover);
--theme-checkbox-checked--background--info:var(--theme-color-info);
--theme-checkbox-checked--background--info--active:var(--theme-color-info--active);
--theme-checkbox-checked--background--info--hover:var(--theme-color-info--hover);
--theme-checkbox-checked--background--invalid:var(--theme-color-alarm);
--theme-checkbox-checked--background--invalid--active:var(--theme-color-alarm--active);
--theme-checkbox-checked--background--invalid--hover:var(--theme-color-alarm--hover);
--theme-checkbox-checked--background--warning:var(--theme-color-warning);
--theme-checkbox-checked--background--warning--active:var(--theme-color-warning--active);
--theme-checkbox-checked--background--warning--hover:var(--theme-color-warning--hover);
--theme-checkbox-checked--border-color: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--hover:var(--theme-color-0);
--theme-checkbox-checked--border-color--info:var(--theme-color-0);
--theme-checkbox-checked--border-color--info--active:var(--theme-color-0);
--theme-checkbox-checked--border-color--info--hover:var(--theme-color-0);
--theme-checkbox-checked--border-color--invalid:var(--theme-color-alarm-bdr);
--theme-checkbox-checked--border-color--invalid--active:var(--theme-color-alarm-bdr);
--theme-checkbox-checked--border-color--invalid--hover:var(--theme-color-alarm-bdr);
--theme-checkbox-checked--border-color--warning:var(--theme-color-warning-bdr);
--theme-checkbox-checked--border-color--warning--active:var(--theme-color-warning-bdr);
--theme-checkbox-checked--border-color--warning--hover:var(--theme-color-warning-bdr);
--theme-checkbox-checked--color: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--hover:var(--theme-color-primary--contrast);
--theme-checkbox-checked--color--info:var(--theme-color-info--contrast);
--theme-checkbox-checked--color--info--active:var(--theme-color-info--contrast);
--theme-checkbox-checked--color--info--hover:var(--theme-color-info--contrast);
--theme-checkbox-checked--color--invalid:var(--theme-color-alarm--contrast);
--theme-checkbox-checked--color--invalid--active:var(--theme-color-alarm--contrast);
--theme-checkbox-checked--color--invalid--hover:var(--theme-color-alarm--contrast);
--theme-checkbox-checked--color--warning:var(--theme-color-warning--contrast);
--theme-checkbox-checked--color--warning--active:var(--theme-color-warning--contrast);
--theme-checkbox-checked--color--warning--hover:var(--theme-color-warning--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--active:var(--theme-color-dynamic--active);
--theme-checkbox-mixed--background--disabled:var(--theme-color-component-4);
--theme-checkbox-mixed--background--hover:var(--theme-color-dynamic--hover);
--theme-checkbox-mixed--background--invalid:var(--theme-color-alarm);
--theme-checkbox-mixed--background--invalid--active:var(--theme-color-alarm--active);
--theme-checkbox-mixed--background--invalid--hover:var(--theme-color-alarm--hover);
--theme-checkbox-mixed--background--warning:var(--theme-color-warning);
--theme-checkbox-mixed--background--warning--active:var(--theme-color-warning--active);
--theme-checkbox-mixed--background--warning--hover:var(--theme-color-warning--hover);
--theme-checkbox-mixed--border-color: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--hover:var(--theme-color-0);
--theme-checkbox-mixed--border-color--info:var(--theme-color-0);
--theme-checkbox-mixed--border-color--info--active:var(--theme-color-0);
--theme-checkbox-mixed--border-color--info--hover:var(--theme-color-0);
--theme-checkbox-mixed--border-color--invalid:var(--theme-color-alarm-bdr);
--theme-checkbox-mixed--border-color--invalid--active:var(--theme-color-alarm-bdr);
--theme-checkbox-mixed--border-color--invalid--hover:var(--theme-color-alarm-bdr);
--theme-checkbox-mixed--border-color--warning:var(--theme-color-warning-bdr);
--theme-checkbox-mixed--border-color--warning--active:var(--theme-color-warning-bdr);
--theme-checkbox-mixed--border-color--warning--hover:var(--theme-color-warning-bdr);
--theme-checkbox-mixed--color: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--hover:var(--theme-color-primary--contrast);
--theme-checkbox-mixed--color--info:var(--theme-color-info--contrast);
--theme-checkbox-mixed--color--info--active:var(--theme-color-info--contrast);
--theme-checkbox-mixed--color--info--hover:var(--theme-color-info--contrast);
--theme-checkbox-mixed--color--invalid:var(--theme-color-alarm--contrast);
--theme-checkbox-mixed--color--invalid--active:var(--theme-color-alarm--contrast);
--theme-checkbox-mixed--color--invalid--hover:var(--theme-color-alarm--contrast);
--theme-checkbox-mixed--color--warning:var(--theme-color-warning--contrast);
--theme-checkbox-mixed--color--warning--active:var(--theme-color-warning--contrast);
--theme-checkbox-mixed--color--warning--hover:var(--theme-color-warning--contrast);
--theme-checkbox-unchecked--background:var(--theme-color-secondary);
--theme-checkbox-unchecked--background--active:var(--theme-color-secondary--active);
--theme-checkbox-unchecked--background--disabled:var(--theme-color-ghost);
--theme-checkbox-unchecked--background--hover:var(--theme-color-secondary--hover);
--theme-checkbox-unchecked--background--info:var(--theme-color-secondary);
--theme-checkbox-unchecked--background--info--active:var(--theme-color-ghost--active);
--theme-checkbox-unchecked--background--info--hover:var(--theme-color-ghost--hover);
--theme-checkbox-unchecked--background--invalid:var(--theme-color-component-error);
--theme-checkbox-unchecked--background--invalid--active:var(--theme-color-ghost--active);
--theme-checkbox-unchecked--background--invalid--hover:var(--theme-color-ghost--hover);
--theme-checkbox-unchecked--background--warning:var(--theme-color-component-warning);
--theme-checkbox-unchecked--background--warning--active:var(--theme-color-ghost--active);
--theme-checkbox-unchecked--background--warning--hover:var(--theme-color-ghost--hover);
--theme-checkbox-unchecked--border-color:var(--theme-color-contrast-bdr);
--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--hover:var(--theme-color-dynamic);
--theme-checkbox-unchecked--border-color--info:var(--theme-color-info);
--theme-checkbox-unchecked--border-color--info--active:var(--theme-color-info--active);
--theme-checkbox-unchecked--border-color--info--hover:var(--theme-color-info--hover);
--theme-checkbox-unchecked--border-color--invalid:var(--theme-color-alarm-bdr);
--theme-checkbox-unchecked--border-color--invalid--active:var(--theme-color-alarm-bdr);
--theme-checkbox-unchecked--border-color--invalid--hover:var(--theme-color-alarm-bdr);
--theme-checkbox-unchecked--border-color--warning:var(--theme-color-warning-bdr);
--theme-checkbox-unchecked--border-color--warning--active:var(--theme-color-warning-bdr);
--theme-checkbox-unchecked--border-color--warning--hover:var(--theme-color-warning-bdr);
--theme-chip--background:var(--theme-color-component-1);
--theme-chip--background--active:var(--theme-color-component-1--active);
--theme-chip--background--hover:var(--theme-color-component-1--hover);
--theme-chip--color:var(--theme-color-std-text);
--theme-chip-close-btn--background:var(--theme-color-ghost);
--theme-chip-close-btn--background--active:var(--theme-color-ghost--active);
--theme-chip-close-btn--background--hover:var(--theme-color-ghost--hover);
--theme-chip-close-btn--color:var(--theme-color-soft-text);
--theme-chip-outline--background:var(--theme-color-secondary);
--theme-chip-outline--background--active:var(--theme-color-1--active);
--theme-chip-outline--background--hover:var(--theme-color-1--hover);
--theme-chip-outline--color:var(--theme-color-std-text);
--theme-chip-primary--background:var(--theme-color-primary);
--theme-chip-primary--background--active:var(--theme-color-primary--active);
--theme-chip-primary--background--hover:var(--theme-color-primary--hover);
--theme-chip-primary--color:var(--theme-color-primary--contrast);
--theme-chip-primary--color--active:var(--theme-color-primary--contrast);
--theme-chip-primary--color--hover:var(--theme-color-primary--contrast);
--theme-chip-primary-outline--background:var(--theme-color-secondary);
--theme-chip-primary-outline--background--active:var(--theme-color-secondary--active);
--theme-chip-primary-outline--background--display:var(--theme-color-secondary);
--theme-chip-primary-outline--background--hover:var(--theme-color-secondary--hover);
--theme-chip-primary-outline--border-color:var(--theme-color-primary);
--theme-chip-primary-outline--border-color--active:var(--theme-color-primary--active);
--theme-chip-primary-outline--border-color--display:var(--theme-color-primary);
--theme-chip-primary-outline--border-color--hover:var(--theme-color-primary--hover);
--theme-chip-primary-outline--color:var(--theme-color-primary);
--theme-chip-primary-outline--color--active:var(--theme-color-primary--active);
--theme-chip-primary-outline--color--display:var(--theme-color-std-text);
--theme-chip-primary-outline--color--hover:var(--theme-color-primary--hover);
--theme-datepicker-cw--color:var(--theme-color-soft-text);
--theme-datepicker-day--background:var(--theme-color-ghost);
--theme-datepicker-day--background--active:var(--theme-color-ghost--active);
--theme-datepicker-day--background--disabled:var(--theme-color-ghost);
--theme-datepicker-day--background--hover:var(--theme-color-ghost--hover);
--theme-datepicker-day--background--range:var(--theme-color-component-10);
--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--background--range-hover:var(--theme-color-component-10--hover);
--theme-datepicker-day--background--selected:var(--theme-color-component-9);
--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--background--selected-hover:var(--theme-color-component-9--hover);
--theme-datepicker-day--border-color: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--border-color--hover:var(--theme-color-0);
--theme-datepicker-day--border-color--range: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--border-color--range-hover:var(--theme-color-0);
--theme-datepicker-day--border-color--selected: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--border-color--selected-hover:var(--theme-color-0);
--theme-datepicker-day--color: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--color--hover:var(--theme-color-primary);
--theme-datepicker-day--color--range: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-day--color--range-hover:var(--theme-color-primary--contrast);
--theme-datepicker-day--color--selected: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--color--selected-hover:var(--theme-color-primary--contrast);
--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--active:var(--theme-color-ghost--active);
--theme-datepicker-today--background--disabled:var(--theme-color-ghost);
--theme-datepicker-today--background--hover:var(--theme-color-ghost--hover);
--theme-datepicker-today--background--range:var(--theme-color-component-10);
--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--background--range-hover:var(--theme-color-component-10--hover);
--theme-datepicker-today--background--selected:var(--theme-color-component-9);
--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--background--selected-hover:var(--theme-color-component-9--hover);
--theme-datepicker-today--border-color: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--border-color--hover:var(--theme-color-primary);
--theme-datepicker-today--border-color--range: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--border-color--range-hover:var(--theme-color-primary);
--theme-datepicker-today--border-color--selected: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--border-color--selected-hover:var(--theme-color-primary);
--theme-datepicker-today--color: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--color--hover:var(--theme-color-primary);
--theme-datepicker-today--color--range: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-today--color--range-hover:var(--theme-color-primary--contrast);
--theme-datepicker-today--color--selected: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--color--selected-hover:var(--theme-color-primary--contrast);
--theme-datepicker-weekday--color:var(--theme-color-soft-text);
--theme-event-item-chevron--color:var(--theme-color-soft-text);
--theme-event-item-filled--background:var(--theme-color-component-1);
--theme-event-item-filled--background--active:var(--theme-color-component-1--active);
--theme-event-item-filled--background--disabled:var(--theme-color-component-1);
--theme-event-item-filled--background--hover:var(--theme-color-component-1--hover);
--theme-event-item-filled--background--selected:var(--theme-color-component-1--active);
--theme-event-item-filled--border:var(--theme-color-0);
--theme-event-item-filled--border--active:var(--theme-color-0);
--theme-event-item-filled--border--disabled:var(--theme-color-0);
--theme-event-item-filled--border--hover:var(--theme-color-0);
--theme-event-item-filled--border--selected:var(--theme-color-dynamic);
--theme-event-item-indicator--width:var(--theme-size--2);
--theme-event-item-indicator-opacity--disabled:0.3;
--theme-event-item-outline--background:var(--theme-color-ghost);
--theme-event-item-outline--background--active:var(--theme-color-ghost--active);
--theme-event-item-outline--background--disabled:var(--theme-color-ghost);
--theme-event-item-outline--background--hover:var(--theme-color-ghost--hover);
--theme-event-item-outline--background--selected:var(--theme-color-ghost--active);
--theme-event-item-outline--border:var(--theme-color-soft-bdr);
--theme-event-item-outline--border--active:var(--theme-color-soft-bdr);
--theme-event-item-outline--border--disabled:var(--theme-color-weak-bdr);
--theme-event-item-outline--border--hover:var(--theme-color-soft-bdr);
--theme-event-item-outline--border--selected:var(--theme-color-dynamic);
--theme-flip--border-radius:var(--theme-default-border-radius);
--theme-flip-alarm--background:var(--theme-color-component-1);
--theme-flip-alarm--border-color:var(--theme-color-alarm);
--theme-flip-alarm--color:var(--theme-color-std-text);
--theme-flip-alarm-footer--background:var(--theme-color-alarm);
--theme-flip-alarm-footer--border-color:var(--theme-color-0);
--theme-flip-alarm-footer--color:var(--theme-color-alarm--contrast);
--theme-flip-filled--background:var(--theme-color-component-1);
--theme-flip-filled--border-color:var(--theme-color-0);
--theme-flip-filled--color:var(--theme-color-std-text);
--theme-flip-filled-footer--background:var(--theme-color-component-1);
--theme-flip-filled-footer--border-color:var(--theme-color-1);
--theme-flip-filled-footer--color:var(--theme-color-std-text);
--theme-flip-info--background:var(--theme-color-component-1);
--theme-flip-info--border-color:var(--theme-color-info);
--theme-flip-info--color:var(--theme-color-std-text);
--theme-flip-info-footer--background:var(--theme-color-info);
--theme-flip-info-footer--border-color:var(--theme-color-0);
--theme-flip-info-footer--color:var(--theme-color-info--contrast);
--theme-flip-outline--background:var(--theme-color-0);
--theme-flip-outline--border-color:var(--theme-color-soft-bdr);
--theme-flip-outline--color:var(--theme-color-std-text);
--theme-flip-outline-footer--background:var(--theme-color-0);
--theme-flip-outline-footer--border-color:var(--theme-color-soft-bdr);
--theme-flip-outline-footer--color:var(--theme-color-std-text);
--theme-flip-primary--background:var(--theme-color-component-1);
--theme-flip-primary--border-color:var(--theme-color-primary);
--theme-flip-primary--color:var(--theme-color-std-text);
--theme-flip-primary-footer--background:var(--theme-color-primary);
--theme-flip-primary-footer--border-color:var(--theme-color-0);
--theme-flip-primary-footer--color:var(--theme-color-primary--contrast);
--theme-flip-warning--background:var(--theme-color-component-1);
--theme-flip-warning--border-color:var(--theme-color-warning-bdr);
--theme-flip-warning--color:var(--theme-color-std-text);
--theme-flip-warning-footer--background:var(--theme-color-warning);
--theme-flip-warning-footer--border-color:var(--theme-color-0);
--theme-flip-warning-footer--color:var(--theme-color-warning--contrast);
--theme-ghost--background:var(--theme-color-ghost);
--theme-ghost--background--active:var(--theme-color-ghost--active);
--theme-ghost--background--hover:var(--theme-color-ghost--hover);
--theme-group--border-radius:var(--theme-default-border-radius);
--theme-group--border-radius--focus:var(--theme-min-border-radius);
--theme-group-header--color:var(--theme-color-std-text);
--theme-group-item--background:var(--theme-color-component-1);
--theme-group-item--background--active:var(--theme-color-component-1--active);
--theme-group-item--background--disabled:var(--theme-color-component-1);
--theme-group-item--background--hover:var(--theme-color-component-1--hover);
--theme-group-item--background--selected:var(--theme-color-ghost--selected);
--theme-group-item--border-color:var(--theme-color-0);
--theme-group-item--border-color--active:var(--theme-color-0);
--theme-group-item--border-color--disabled:var(--theme-color-0);
--theme-group-item--border-color--hover:var(--theme-color-0);
--theme-group-item--border-color--selected:var(--theme-color-0);
--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-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-helper--color:var(--theme-color-soft-text);
--theme-helper--color--info:var(--theme-color-std-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-icon--color--info:var(--theme-color-info);
--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-text);
--theme-input--background:var(--theme-color-component-8);
--theme-input--background--autofill:var(--theme-color-component-info);
--theme-input--background--disabled:var(--theme-color-0);
--theme-input--background--focus:var(--theme-color-component-8--hover);
--theme-input--background--hover:var(--theme-color-component-8--hover);
--theme-input--background--invalid:var(--theme-color-component-error);
--theme-input--background--invalid--focus:var(--theme-color-component-error);
--theme-input--background--invalid--hover:var(--theme-color-component-error);
--theme-input--background--readonly:var(--theme-color-0);
--theme-input--background--warning:var(--theme-color-component-warning);
--theme-input--background--warning--focus:var(--theme-color-component-warning);
--theme-input--background--warning--hover:var(--theme-color-component-warning);
--theme-input--border-color:var(--theme-color-std-bdr);
--theme-input--border-color--autofill:var(--theme-color-hard-bdr);
--theme-input--border-color--disabled:var(--theme-color-weak-bdr);
--theme-input--border-color--focus:var(--theme-color-dynamic);
--theme-input--border-color--hover:var(--theme-color-dynamic);
--theme-input--border-color--info:var(--theme-color-info);
--theme-input--border-color--info--active:var(--theme-color-info);
--theme-input--border-color--info--hover:var(--theme-color-info);
--theme-input--border-color--invalid:var(--theme-color-alarm-bdr);
--theme-input--border-color--invalid--active:var(--theme-color-alarm-bdr);
--theme-input--border-color--invalid--hover:var(--theme-color-alarm-bdr);
--theme-input--border-color--readonly:var(--theme-color-std-bdr);
--theme-input--border-color--warning:var(--theme-color-warning-bdr);
--theme-input--border-color--warning--active:var(--theme-color-warning-bdr);
--theme-input--border-color--warning--hover:var(--theme-color-warning-bdr);
--theme-input--border-color-bottom--disabled:var(--theme-color-weak-bdr);
--theme-input--border-color-bottom--readonly:var(--theme-color-std-bdr);
--theme-input--border-radius:var(--theme-small-border-radius);
--theme-input--border-thickness:var(--theme-border-width-default);
--theme-input--box-shadow:var(--theme-inset-shadow-1);
--theme-input--color:var(--theme-color-std-text);
--theme-input--color--autofill:var(--theme-color-std-text);
--theme-input--color--disabled:var(--theme-color-weak-text);
--theme-input--focus--outline-offset:var(--theme-focus-outline-offset);
--theme-input-error--background:var(--theme-color-component-error);
--theme-input-error--border-color:var(--theme-color-alarm);
--theme-input-error-icon--color:var(--theme-color-alarm);
--theme-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--focus:var(--theme-color-weak-text);
--theme-input-gripper--color--hover: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--disabled:var(--theme-color-weak-text);
--theme-input-search-icon--color--focus:var(--theme-color-dynamic);
--theme-input-search-icon--color--hover:var(--theme-color-dynamic);
--theme-input-select-icon--color:var(--theme-color-soft-text);
--theme-input-select-icon--color--active:var(--theme-color-dynamic);
--theme-input-select-icon--color--hover:var(--theme-color-dynamic);
--theme-input-unit--color:var(--theme-color-soft-text);
--theme-kpi--border-radius:var(--theme-default-border-radius);
--theme-kpi-display--background:var(--theme-color-ghost);
--theme-kpi-display--background--active:var(--theme-color-ghost--active);
--theme-kpi-display--background--hover:var(--theme-color-ghost--hover);
--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-label--color:var(--theme-color-soft-text);
--theme-label--color--active:var(--theme-color-std-text);
--theme-label--color--disabled:var(--theme-color-weak-text);
--theme-label--color--focus:var(--theme-color-dynamic);
--theme-label--color--hover:var(--theme-color-std-text);
--theme-label--color--invalid:var(--theme-color-alarm-text);
--theme-link-btn--border-color:var(--theme-color-ghost);
--theme-link-btn--border-color--active:var(--theme-color-ghost);
--theme-link-btn--border-color--disabled:var(--theme-color-ghost);
--theme-link-btn--border-color--hover:var(--theme-color-ghost);
--theme-link-btn--border-color--visited:var(--theme-color-ghost);
--theme-link-btn--color:var(--theme-color-primary);
--theme-link-btn--color--active:var(--theme-color-primary--active);
--theme-link-btn--color--disabled:var(--theme-color-weak-text);
--theme-link-btn--color--hover:var(--theme-color-primary--hover);
--theme-link-btn--color--visited:var(--theme-color-primary);
--theme-menu--background:var(--theme-color-2);
--theme-menu--border-color:var(--theme-color-0);
--theme-menu--border-radius:var(--theme-default-border-radius);
--theme-menu--border-thickness:var(--theme-border-width-none);
--theme-menu--box-shadow:var(--theme-shadow-4);
--theme-menu-btn--background:var(--theme-color-ghost);
--theme-menu-btn--background--active:var(--theme-color-ghost--active);
--theme-menu-btn--background--hover:var(--theme-color-ghost--hover);
--theme-menu-btn--color:var(--theme-color-std-text);
--theme-menu-btn--color--active:var(--theme-color-std-text);
--theme-menu-btn--color--hover:var(--theme-color-std-text);
--theme-menu-header--color:var(--theme-color-soft-text);
--theme-menu-item--background:var(--theme-color-ghost);
--theme-menu-item--background--active:var(--theme-color-ghost--active);
--theme-menu-item--background--disabled:var(--theme-color-ghost);
--theme-menu-item--background--hover:var(--theme-color-ghost--hover);
--theme-menu-item--color:var(--theme-color-std-text);
--theme-menu-item--color--active:var(--theme-color-std-text);
--theme-menu-item--color--disabled:var(--theme-color-weak-text);
--theme-menu-item--color--hover:var(--theme-color-std-text);
--theme-menu-item-arrow--color:var(--theme-color-soft-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-arrow--color--hover:var(--theme-color-std-text);
--theme-menu-item-check--color:var(--theme-color-soft-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-check--color--hover:var(--theme-color-std-text);
--theme-menu-item-icon--color:var(--theme-color-soft-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-icon--color--hover:var(--theme-color-std-text);
--theme-menu-separator--background:var(--theme-color-x-weak-bdr);
--theme-message-bar--border-radius:var(--theme-default-border-radius);
--theme-message-bar--border-thickness:var(--theme-border-width-thick);
--theme-messagebar--background:var(--theme-color-secondary);
--theme-messagebar--color:var(--theme-color-std-text);
--theme-modal--background:var(--theme-color-2);
--theme-modal--border-color:var(--theme-color-0);
--theme-modal--box-shadow:var(--theme-shadow-4);
--theme-theme-modal--border-thickness:var(--theme-border-width-default);
--theme-nav--background:var(--theme-color-2);
--theme-nav-item-primary--background:var(--theme-color-ghost);
--theme-nav-item-primary--background--active:var(--theme-color-ghost--active);
--theme-nav-item-primary--background--hover:var(--theme-color-ghost--hover);
--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--active:var(--theme-color-0);
--theme-nav-item-primary--border-color--hover: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--active:var(--theme-color-std-text);
--theme-nav-item-primary--color--hover:var(--theme-color-std-text);
--theme-nav-item-primary--color--selected:var(--theme-color-std-text);
--theme-nav-item-primary-icon--color:var(--theme-color-std-text);
--theme-nav-item-primary-icon--color--active:var(--theme-color-std-text);
--theme-nav-item-primary-icon--color--hover:var(--theme-color-std-text);
--theme-nav-item-primary-icon--color--selected:var(--theme-color-std-text);
--theme-nav-item-secondary--background:var(--theme-color-ghost);
--theme-nav-item-secondary--background--active:var(--theme-color-ghost--active);
--theme-nav-item-secondary--background--disabled:var(--theme-color-0);
--theme-nav-item-secondary--background--hover:var(--theme-color-ghost--hover);
--theme-nav-item-secondary--background--selected:var(--theme-color-1);
--theme-nav-item-secondary--border-color: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--hover: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--active:var(--theme-color-std-text);
--theme-nav-item-secondary--color--disabled:var(--theme-color-weak-text);
--theme-nav-item-secondary--color--hover:var(--theme-color-std-text);
--theme-nav-item-secondary--color--selected:var(--theme-color-std-text);
--theme-nav-item-secondary-icon--color:var(--theme-color-std-text);
--theme-nav-item-secondary-icon--color--active:var(--theme-color-std-text);
--theme-nav-item-secondary-icon--color--disabled:var(--theme-color-weak-text);
--theme-nav-item-secondary-icon--color--hover:var(--theme-color-std-text);
--theme-nav-item-secondary-icon--color--selected:var(--theme-color-std-text);
--theme-nav-overlay--background:var(--theme-color-backdrop-3);
--theme-nav-overlay-header--color:var(--theme-color-std-text);
--theme-navigation--box-shadow:var(--theme-shadow-2);
--theme-overlay--background:var(--theme-color-backdrop);
--theme-overlay-header--background:var(--theme-color-0);
--theme-overlay-header--color:var(--theme-color-std-text);
--theme-pagination-item--background:var(--theme-color-ghost);
--theme-pagination-item--background--active:var(--theme-color-ghost--active);
--theme-pagination-item--background--disabled:var(--theme-color-ghost);
--theme-pagination-item--background--hover:var(--theme-color-ghost--hover);
--theme-pagination-item--background--selected:var(--theme-color-component-7);
--theme-pagination-item--color:var(--theme-color-std-text);
--theme-pagination-item--color--active:var(--theme-color-std-text);
--theme-pagination-item--color--disabled:var(--theme-color-weak-text);
--theme-pagination-item--color--hover:var(--theme-color-std-text);
--theme-pagination-item--color--selected:var(--theme-color-dynamic);
--theme-pagination-label--color:var(--theme-color-soft-text);
--theme-pane-floating--background:var(--theme-color-2);
--theme-pane-floating--border-color:var(--theme-color-weak-bdr);
--theme-pane-floating--box-shadow:var(--theme-shadow-2);
--theme-pane-floating--color:var(--theme-color-std-text);
--theme-pane-inline--background:var(--theme-color-1);
--theme-pane-inline--border-color:var(--theme-color-soft-bdr);
--theme-pane-inline--box-shadow:none;
--theme-pane-inline--color:var(--theme-color-std-text);
--theme-pill-outline--background:var(--theme-color-secondary);
--theme-pill-outline--color:var(--theme-color-std-text);
--theme-progress-indicator-fill--background:var(--theme-color-dynamic);
--theme-progress-indicator-fill-error--background:var(--theme-color-alarm);
--theme-progress-indicator-fill-info--background:var(--theme-color-info);
--theme-progress-indicator-fill-paused--background:var(--theme-color-neutral);
--theme-progress-indicator-fill-success--background:var(--theme-color-success);
--theme-progress-indicator-fill-warning--background:var(--theme-color-warning-bdr);
--theme-progress-indicator-helper--color:var(--theme-color-soft-text);
--theme-progress-indicator-helper-error--color:var(--theme-color-alarm-text);
--theme-progress-indicator-helper-icon--color:var(--theme-color-soft-text);
--theme-progress-indicator-helper-icon-error--color:var(--theme-color-alarm);
--theme-progress-indicator-helper-icon-info--color:var(--theme-color-info);
--theme-progress-indicator-helper-icon-paused--color:var(--theme-color-neutral);
--theme-progress-indicator-helper-icon-success--color:var(--theme-color-success);
--theme-progress-indicator-helper-icon-warning--color:var(--theme-color-warning-text);
--theme-progress-indicator-helper-info--color:var(--theme-color-std-text);
--theme-progress-indicator-helper-paused--color:var(--theme-color-std-text);
--theme-progress-indicator-helper-success--color:var(--theme-color-std-text);
--theme-progress-indicator-helper-warning--color:var(--theme-color-std-text);
--theme-progress-indicator-label--color:var(--theme-color-soft-text);
--theme-progress-indicator-label-error--color:var(--theme-color-alarm-text);
--theme-progress-indicator-label-info--color:var(--theme-color-soft-text);
--theme-progress-indicator-label-paused--color:var(--theme-color-soft-text);
--theme-progress-indicator-label-success--color:var(--theme-color-soft-text);
--theme-progress-indicator-label-warning--color:var(--theme-color-soft-text);
--theme-progress-indicator-track--background:var(--theme-color-component-3);
--theme-progress-indicator-track-error--background:var(--theme-color-component-error);
--theme-progress-indicator-track-info--background:var(--theme-color-component-3);
--theme-progress-indicator-track-paused--background:var(--theme-color-component-3);
--theme-progress-indicator-track-success--background:var(--theme-color-component-3);
--theme-progress-indicator-track-warning--background:var(--theme-color-component-warning);
--theme-push-card--border-radius:var(--theme-default-border-radius);
--theme-push-card--border-width:var(--theme-border-width-default);
--theme-push-card--focus--outline-offset:var(--theme-focus-outline-offset);
--theme-push-card-alarm--background:var(--theme-color-alarm);
--theme-push-card-alarm--background--active:var(--theme-color-alarm--active);
--theme-push-card-alarm--background--hover:var(--theme-color-alarm--hover);
--theme-push-card-alarm--border-color:var(--theme-color-0);
--theme-push-card-alarm--border-color--active:var(--theme-color-0);
--theme-push-card-alarm--border-color--hover:var(--theme-color-0);
--theme-push-card-alarm--color:var(--theme-color-alarm--contrast);
--theme-push-card-alarm-accordion--background:var(--theme-color-alarm);
--theme-push-card-alarm-accordion--background--active:var(--theme-color-alarm--active);
--theme-push-card-alarm-accordion--background--hover:var(--theme-color-alarm--hover);
--theme-push-card-alarm-accordion--border-color:var(--theme-color-1);
--theme-push-card-alarm-accordion--color:var(--theme-color-alarm--contrast);
--theme-push-card-alarm-accordion-footer--background:var(--theme-color-component-1);
--theme-push-card-alarm-accordion-frame--background:var(--theme-color-component-1);
--theme-push-card-alarm-accordion-frame--border-color:var(--theme-color-soft-bdr);
--theme-push-card-alarm-accordion-frame--border-width:var(--theme-border-width-default);
--theme-push-card-alarm-subtext--color:var(--theme-color-alarm--contrast);
--theme-push-card-critical--background:var(--theme-color-critical);
--theme-push-card-critical--background--active:var(--theme-color-critical--active);
--theme-push-card-critical--background--hover:var(--theme-color-critical--hover);
--theme-push-card-critical--border-color:var(--theme-color-0);
--theme-push-card-critical--border-color--active:var(--theme-color-0);
--theme-push-card-critical--border-color--hover:var(--theme-color-0);
--theme-push-card-critical--color:var(--theme-color-critical--contrast);
--theme-push-card-critical-accordion--background:var(--theme-color-critical);
--theme-push-card-critical-accordion--background--active:var(--theme-color-critical--active);
--theme-push-card-critical-accordion--background--hover:var(--theme-color-critical--hover);
--theme-push-card-critical-accordion--border-color:var(--theme-color-1);
--theme-push-card-critical-accordion--color:var(--theme-color-critical--contrast);
--theme-push-card-critical-accordion-footer--background:var(--theme-color-component-1);
--theme-push-card-critical-accordion-frame--background:var(--theme-color-component-1);
--theme-push-card-critical-accordion-frame--border-color:var(--theme-color-soft-bdr);
--theme-push-card-critical-accordion-frame--border-width:var(--theme-border-width-default);
--theme-push-card-critical-subtext--color:var(--theme-color-critical--contrast);
--theme-push-card-filled--background:var(--theme-color-component-1);
--theme-push-card-filled--background--active:var(--theme-color-component-1--active);
--theme-push-card-filled--background--hover:var(--theme-color-component-1--hover);
--theme-push-card-filled--border-color:var(--theme-color-0);
--theme-push-card-filled--border-color--active:var(--theme-color-0);
--theme-push-card-filled--border-color--hover:var(--theme-color-0);
--theme-push-card-filled--color:var(--theme-color-std-text);
--theme-push-card-filled-accordion--background:var(--theme-color-component-1);
--theme-push-card-filled-accordion--background--active:var(--theme-color-component-1--active);
--theme-push-card-filled-accordion--background--hover:var(--theme-color-component-1--hover);
--theme-push-card-filled-accordion--border-color:var(--theme-color-1);
--theme-push-card-filled-accordion--color:var(--theme-color-std-text);
--theme-push-card-filled-accordion-footer--background:var(--theme-color-component-1);
--theme-push-card-filled-accordion-frame--background:var(--theme-color-component-1);
--theme-push-card-filled-accordion-frame--border-color:var(--theme-color-0);
--theme-push-card-filled-accordion-frame--border-width:var(--theme-border-width-none);
--theme-push-card-filled-subtext--color:var(--theme-color-soft-text);
--theme-push-card-info--background:var(--theme-color-info);
--theme-push-card-info--background--active:var(--theme-color-info--active);
--theme-push-card-info--background--hover:var(--theme-color-info--hover);
--theme-push-card-info--border-color:var(--theme-color-0);
--theme-push-card-info--border-color--active:var(--theme-color-0);
--theme-push-card-info--border-color--hover:var(--theme-color-0);
--theme-push-card-info--color:var(--theme-color-info--contrast);
--theme-push-card-info-accordion--background:var(--theme-color-info);
--theme-push-card-info-accordion--background--active:var(--theme-color-info--active);
--theme-push-card-info-accordion--background--hover:var(--theme-color-info--hover);
--theme-push-card-info-accordion--border-color:var(--theme-color-1);
--theme-push-card-info-accordion--color:var(--theme-color-info--contrast);
--theme-push-card-info-accordion-footer--background:var(--theme-color-component-1);
--theme-push-card-info-accordion-frame--background:var(--theme-color-component-1);
--theme-push-card-info-accordion-frame--border-color:var(--theme-color-soft-bdr);
--theme-push-card-info-accordion-frame--border-width:var(--theme-border-width-default);
--theme-push-card-info-subtext--color:var(--theme-color-info--contrast);
--theme-push-card-neutral--background:var(--theme-color-neutral);
--theme-push-card-neutral--background--active:var(--theme-color-neutral--active);
--theme-push-card-neutral--background--hover:var(--theme-color-neutral--hover);
--theme-push-card-neutral--border-color:var(--theme-color-0);
--theme-push-card-neutral--border-color--active:var(--theme-color-0);
--theme-push-card-neutral--border-color--hover:var(--theme-color-0);
--theme-push-card-neutral--color:var(--theme-color-neutral--contrast);
--theme-push-card-neutral-accordion--background:var(--theme-color-neutral);
--theme-push-card-neutral-accordion--background--active:var(--theme-color-neutral--active);
--theme-push-card-neutral-accordion--background--hover:var(--theme-color-neutral--hover);
--theme-push-card-neutral-accordion--border-color:var(--theme-color-1);
--theme-push-card-neutral-accordion--color:var(--theme-color-neutral--contrast);
--theme-push-card-neutral-accordion-footer--background:var(--theme-color-component-1);
--theme-push-card-neutral-accordion-frame--background:var(--theme-color-component-1);
--theme-push-card-neutral-accordion-frame--border-color:var(--theme-color-soft-bdr);
--theme-push-card-neutral-accordion-frame--border-width:var(--theme-border-width-default);
--theme-push-card-neutral-subtext--color:var(--theme-color-neutral--contrast);
--theme-push-card-outline--background:var(--theme-color-ghost);
--theme-push-card-outline--background--active:var(--theme-color-ghost--active);
--theme-push-card-outline--background--hover:var(--theme-color-ghost--hover);
--theme-push-card-outline--border-color:var(--theme-color-soft-bdr);
--theme-push-card-outline--border-color--active:var(--theme-color-soft-bdr);
--theme-push-card-outline--border-color--hover:var(--theme-color-soft-bdr);
--theme-push-card-outline--color:var(--theme-color-std-text);
--theme-push-card-outline-accordion--background:var(--theme-color-component-1);
--theme-push-card-outline-accordion--background--active:var(--theme-color-component-1--active);
--theme-push-card-outline-accordion--background--hover:var(--theme-color-component-1--hover);
--theme-push-card-outline-accordion--border-color:var(--theme-color-1);
--theme-push-card-outline-accordion--color:var(--theme-color-std-text);
--theme-push-card-outline-accordion-footer--background:var(--theme-color-component-1);
--theme-push-card-outline-accordion-frame--background:var(--theme-color-component-1);
--theme-push-card-outline-accordion-frame--border-color:var(--theme-color-0);
--theme-push-card-outline-accordion-frame--border-width:var(--theme-border-width-none);
--theme-push-card-outline-subtext--color:var(--theme-color-soft-text);
--theme-push-card-primary--background:var(--theme-color-primary);
--theme-push-card-primary--background--active:var(--theme-color-primary--active);
--theme-push-card-primary--background--hover:var(--theme-color-primary--hover);
--theme-push-card-primary--border-color:var(--theme-color-0);
--theme-push-card-primary--border-color--active:var(--theme-color-0);
--theme-push-card-primary--border-color--hover:var(--theme-color-0);
--theme-push-card-primary--color:var(--theme-color-primary--contrast);
--theme-push-card-primary-accordion--background:var(--theme-color-primary);
--theme-push-card-primary-accordion--background--active:var(--theme-color-primary--active);
--theme-push-card-primary-accordion--background--hover:var(--theme-color-primary--hover);
--theme-push-card-primary-accordion--border-color:var(--theme-color-1);
--theme-push-card-primary-accordion--color:var(--theme-color-primary--contrast);
--theme-push-card-primary-accordion-footer--background:var(--theme-color-component-1);
--theme-push-card-primary-accordion-frame--background:var(--theme-color-component-1);
--theme-push-card-primary-accordion-frame--border-color:var(--theme-color-soft-bdr);
--theme-push-card-primary-accordion-frame--border-width:var(--theme-border-width-default);
--theme-push-card-primary-subtext--color:var(--theme-color-primary--contrast);
--theme-push-card-success--background:var(--theme-color-success);
--theme-push-card-success--background--active:var(--theme-color-success--active);
--theme-push-card-success--background--hover:var(--theme-color-success--hover);
--theme-push-card-success--border-color:var(--theme-color-0);
--theme-push-card-success--border-color--active:var(--theme-color-0);
--theme-push-card-success--border-color--hover:var(--theme-color-0);
--theme-push-card-success--color:var(--theme-color-success--contrast);
--theme-push-card-success-accordion--background:var(--theme-color-success);
--theme-push-card-success-accordion--background--active:var(--theme-color-success--active);
--theme-push-card-success-accordion--background--hover:var(--theme-color-success--hover);
--theme-push-card-success-accordion--border-color:var(--theme-color-1);
--theme-push-card-success-accordion--color:var(--theme-color-success--contrast);
--theme-push-card-success-accordion-footer--background:var(--theme-color-component-1);
--theme-push-card-success-accordion-frame--background:var(--theme-color-component-1);
--theme-push-card-success-accordion-frame--border-color:var(--theme-color-soft-bdr);
--theme-push-card-success-accordion-frame--border-width:var(--theme-border-width-default);
--theme-push-card-success-subtext--color:var(--theme-color-success--contrast);
--theme-push-card-warning--background:var(--theme-color-warning);
--theme-push-card-warning--background--active:var(--theme-color-warning--active);
--theme-push-card-warning--background--hover:var(--theme-color-warning--hover);
--theme-push-card-warning--border-color:var(--theme-color-0);
--theme-push-card-warning--border-color--active:var(--theme-color-0);
--theme-push-card-warning--border-color--hover:var(--theme-color-0);
--theme-push-card-warning--color:var(--theme-color-warning--contrast);
--theme-push-card-warning-accordion--background:var(--theme-color-warning);
--theme-push-card-warning-accordion--background--active:var(--theme-color-warning--active);
--theme-push-card-warning-accordion--background--hover:var(--theme-color-warning--hover);
--theme-push-card-warning-accordion--border-color:var(--theme-color-1);
--theme-push-card-warning-accordion--color:var(--theme-color-warning--contrast);
--theme-push-card-warning-accordion-footer--background:var(--theme-color-component-1);
--theme-push-card-warning-accordion-frame--background:var(--theme-color-component-1);
--theme-push-card-warning-accordion-frame--border-color:var(--theme-color-soft-bdr);
--theme-push-card-warning-accordion-frame--border-width:var(--theme-border-width-default);
--theme-push-card-warning-subtext--color:var(--theme-color-warning--contrast);
--theme-radiobtn--border-thickness:var(--theme-border-width-default);
--theme-radiobtn--focus--outline-offset:var(--theme-focus-outline-offset);
--theme-radiobtn-checked--background:var(--theme-color-dynamic);
--theme-radiobtn-checked--background--active:var(--theme-color-dynamic--active);
--theme-radiobtn-checked--background--disabled:var(--theme-color-component-4);
--theme-radiobtn-checked--background--hover:var(--theme-color-dynamic--hover);
--theme-radiobtn-checked--background--info:var(--theme-color-info);
--theme-radiobtn-checked--background--info--active:var(--theme-color-info--active);
--theme-radiobtn-checked--background--info--hover:var(--theme-color-info--hover);
--theme-radiobtn-checked--background--invalid:var(--theme-color-alarm);
--theme-radiobtn-checked--background--invalid--active:var(--theme-color-alarm--active);
--theme-radiobtn-checked--background--invalid--hover:var(--theme-color-alarm--hover);
--theme-radiobtn-checked--background--warning:var(--theme-color-warning);
--theme-radiobtn-checked--background--warning--active:var(--theme-color-warning--active);
--theme-radiobtn-checked--background--warning--hover:var(--theme-color-warning--hover);
--theme-radiobtn-checked--border-color: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--hover:var(--theme-color-0);
--theme-radiobtn-checked--border-color--info:var(--theme-color-0);
--theme-radiobtn-checked--border-color--info--active:var(--theme-color-0);
--theme-radiobtn-checked--border-color--info--hover:var(--theme-color-0);
--theme-radiobtn-checked--border-color--invalid:var(--theme-color-alarm-bdr);
--theme-radiobtn-checked--border-color--invalid--active:var(--theme-color-alarm-bdr);
--theme-radiobtn-checked--border-color--invalid--hover:var(--theme-color-alarm-bdr);
--theme-radiobtn-checked--border-color--warning:var(--theme-color-warning-bdr);
--theme-radiobtn-checked--border-color--warning--active:var(--theme-color-warning-bdr);
--theme-radiobtn-checked--border-color--warning--hover:var(--theme-color-warning-bdr);
--theme-radiobtn-checked--color: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--hover:var(--theme-color-primary--contrast);
--theme-radiobtn-checked--color--info:var(--theme-color-info--contrast);
--theme-radiobtn-checked--color--info--active:var(--theme-color-info--contrast);
--theme-radiobtn-checked--color--info--hover:var(--theme-color-info--contrast);
--theme-radiobtn-checked--color--invalid:var(--theme-color-alarm--contrast);
--theme-radiobtn-checked--color--invalid--active:var(--theme-color-alarm--contrast);
--theme-radiobtn-checked--color--invalid--hover:var(--theme-color-alarm--contrast);
--theme-radiobtn-checked--color--warning:var(--theme-color-warning--contrast);
--theme-radiobtn-checked--color--warning--active:var(--theme-color-warning--contrast);
--theme-radiobtn-checked--color--warning--hover:var(--theme-color-warning--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--active:var(--theme-color-secondary--active);
--theme-radiobtn-unchecked--background--disabled:var(--theme-color-ghost);
--theme-radiobtn-unchecked--background--hover:var(--theme-color-secondary--hover);
--theme-radiobtn-unchecked--background--info:var(--theme-color-secondary);
--theme-radiobtn-unchecked--background--info--active:var(--theme-color-ghost--active);
--theme-radiobtn-unchecked--background--info--hover:var(--theme-color-ghost--hover);
--theme-radiobtn-unchecked--background--invalid:var(--theme-color-component-error);
--theme-radiobtn-unchecked--background--invalid--active:var(--theme-color-ghost--active);
--theme-radiobtn-unchecked--background--invalid--hover:var(--theme-color-ghost--hover);
--theme-radiobtn-unchecked--background--warning:var(--theme-color-component-warning);
--theme-radiobtn-unchecked--background--warning--active:var(--theme-color-ghost--active);
--theme-radiobtn-unchecked--background--warning--hover:var(--theme-color-ghost--hover);
--theme-radiobtn-unchecked--border-color:var(--theme-color-contrast-bdr);
--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--hover:var(--theme-color-dynamic);
--theme-radiobtn-unchecked--border-color--info:var(--theme-color-info);
--theme-radiobtn-unchecked--border-color--info--active:var(--theme-color-info--active);
--theme-radiobtn-unchecked--border-color--info--hover:var(--theme-color-info--hover);
--theme-radiobtn-unchecked--border-color--invalid:var(--theme-color-alarm-bdr);
--theme-radiobtn-unchecked--border-color--invalid--active:var(--theme-color-alarm-bdr);
--theme-radiobtn-unchecked--border-color--invalid--hover:var(--theme-color-alarm-bdr);
--theme-radiobtn-unchecked--border-color--warning:var(--theme-color-warning-bdr);
--theme-radiobtn-unchecked--border-color--warning--active:var(--theme-color-warning-bdr);
--theme-radiobtn-unchecked--border-color--warning--hover:var(--theme-color-warning-bdr);
--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--background--hover:var(--theme-color-3);
--theme-scrollbar-track--border:var(--theme-color-1);
--theme-select-list--background:var(--theme-color-2);
--theme-select-list--border-color:var(--theme-color-0);
--theme-select-list-item--background:var(--theme-color-ghost);
--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--hover:var(--theme-color-ghost--hover);
--theme-select-list-item--background--selected:var(--theme-color-ghost--selected);
--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--background--selected-hover:var(--theme-color-ghost--selected-hover);
--theme-select-list-item--color: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--hover:var(--theme-color-std-text);
--theme-select-list-item--color--selected:var(--theme-color-std-text);
--theme-select-list-item--color--selected-active:var(--theme-color-std-text);
--theme-select-list-item--color--selected-disabled:var(--theme-color-weak-text);
--theme-select-list-item--color--selected-hover:var(--theme-color-std-text);
--theme-select-list-item-check--color: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-check--color--hover:var(--theme-color-std-text);
--theme-select-list-item-hint--color:var(--theme-color-soft-text);
--theme-select-list-item-hint--color--active:var(--theme-color-soft-text);
--theme-select-list-item-hint--color--hover:var(--theme-color-soft-text);
--theme-slider-thumb--background:var(--theme-color-dynamic);
--theme-slider-thumb--background--active:var(--theme-color-dynamic--active);
--theme-slider-thumb--background--disabled:var(--theme-color-7);
--theme-slider-thumb--background--hover:var(--theme-color-dynamic--hover);
--theme-slider-thumb--background--info:var(--theme-color-info);
--theme-slider-thumb--background--info--active:var(--theme-color-info--active);
--theme-slider-thumb--background--info--hover:var(--theme-color-info--hover);
--theme-slider-thumb--background--invalid:var(--theme-color-alarm);
--theme-slider-thumb--background--invalid--active:var(--theme-color-alarm--active);
--theme-slider-thumb--background--invalid--hover:var(--theme-color-alarm--hover);
--theme-slider-thumb--background--warning:var(--theme-color-warning);
--theme-slider-thumb--background--warning--active:var(--theme-color-warning--active);
--theme-slider-thumb--background--warning--hover:var(--theme-color-warning--hover);
--theme-slider-trace--background:var(--theme-color-dynamic);
--theme-slider-trace--background--disabled:var(--theme-color-component-3);
--theme-slider-trace--background--info:var(--theme-color-info);
--theme-slider-trace--background--invalid:var(--theme-color-alarm);
--theme-slider-trace--background--warning:var(--theme-color-warning-bdr);
--theme-slider-trace-marker--background:var(--theme-color-dynamic);
--theme-slider-trace-marker--background--disabled:var(--theme-color-7);
--theme-slider-trace-marker--background--info:var(--theme-color-info);
--theme-slider-trace-marker--background--invalid:var(--theme-color-alarm);
--theme-slider-trace-marker--background--warning:var(--theme-color-warning);
--theme-slider-track--background:var(--theme-color-component-4);
--theme-slider-track--background--disabled:var(--theme-color-component-2);
--theme-slider-track-marker--background:var(--theme-color-8);
--theme-slider-track-marker--background--disabled:var(--theme-color-5);
--theme-switch--color:var(--theme-color-std-text);
--theme-switch--color--active:var(--theme-color-std-text);
--theme-switch--color--disabled:var(--theme-color-weak-text);
--theme-switch--color--hover:var(--theme-color-std-text);
--theme-switch-mixed--background:var(--theme-color-component-4);
--theme-switch-mixed--background--active:var(--theme-color-component-4);
--theme-switch-mixed--background--disabled:var(--theme-color-component-2);
--theme-switch-mixed--background--hover:var(--theme-color-component-5);
--theme-switch-mixed--background--info:var(--theme-color-component-4);
--theme-switch-mixed--background--info--active:var(--theme-color-component-4);
--theme-switch-mixed--background--info--hover:var(--theme-color-component-5);
--theme-switch-mixed--background--invalid:var(--theme-color-component-4);
--theme-switch-mixed--background--invalid--active:var(--theme-color-component-4);
--theme-switch-mixed--background--invalid--hover:var(--theme-color-component-5);
--theme-switch-mixed--background--valid:var(--theme-color-component-4);
--theme-switch-mixed--background--valid--active:var(--theme-color-component-4);
--theme-switch-mixed--background--valid--hover:var(--theme-color-component-5);
--theme-switch-mixed--background--warning:var(--theme-color-component-4);
--theme-switch-mixed--background--warning--active:var(--theme-color-component-4);
--theme-switch-mixed--background--warning--hover:var(--theme-color-component-5);
--theme-switch-mixed--border-color: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-mixed--border-color--hover:var(--theme-color-0);
--theme-switch-mixed--border-color--info:var(--theme-color-info);
--theme-switch-mixed--border-color--info--active:var(--theme-color-info);
--theme-switch-mixed--border-color--info--hover:var(--theme-color-info);
--theme-switch-mixed--border-color--invalid:var(--theme-color-alarm-bdr);
--theme-switch-mixed--border-color--invalid--active:var(--theme-color-alarm-bdr);
--theme-switch-mixed--border-color--invalid--hover:var(--theme-color-alarm-bdr);
--theme-switch-mixed--border-color--valid:var(--theme-color-0);
--theme-switch-mixed--border-color--valid--active:var(--theme-color-0);
--theme-switch-mixed--border-color--valid--hover:var(--theme-color-0);
--theme-switch-mixed--border-color--warning:var(--theme-color-warning-bdr);
--theme-switch-mixed--border-color--warning--active:var(--theme-color-warning-bdr);
--theme-switch-mixed--border-color--warning--hover:var(--theme-color-warning-bdr);
--theme-switch-off--background:var(--theme-color-component-4);
--theme-switch-off--background--active:var(--theme-color-component-4);
--theme-switch-off--background--disabled:var(--theme-color-component-2);
--theme-switch-off--background--hover:var(--theme-color-component-5);
--theme-switch-off--background--info:var(--theme-color-component-4);
--theme-switch-off--background--info--active:var(--theme-color-component-4);
--theme-switch-off--background--info--hover:var(--theme-color-component-5);
--theme-switch-off--background--invalid:var(--theme-color-component-4);
--theme-switch-off--background--invalid--active:var(--theme-color-component-4);
--theme-switch-off--background--invalid--hover:var(--theme-color-component-5);
--theme-switch-off--background--valid:var(--theme-color-component-4);
--theme-switch-off--background--valid--active:var(--theme-color-component-4);
--theme-switch-off--background--valid--hover:var(--theme-color-component-5);
--theme-switch-off--background--warning:var(--theme-color-component-4);
--theme-switch-off--background--warning--active:var(--theme-color-component-4);
--theme-switch-off--background--warning--hover:var(--theme-color-component-5);
--theme-switch-off--border-color: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--hover:var(--theme-color-0);
--theme-switch-off--border-color--info:var(--theme-color-info);
--theme-switch-off--border-color--info--active:var(--theme-color-info--active);
--theme-switch-off--border-color--info--hover:var(--theme-color-info--hover);
--theme-switch-off--border-color--invalid:var(--theme-color-alarm-bdr);
--theme-switch-off--border-color--invalid--active:var(--theme-color-alarm-bdr);
--theme-switch-off--border-color--invalid--hover:var(--theme-color-alarm-bdr);
--theme-switch-off--border-color--valid:var(--theme-color-0);
--theme-switch-off--border-color--valid--active:var(--theme-color-0);
--theme-switch-off--border-color--valid--hover:var(--theme-color-0);
--theme-switch-off--border-color--warning:var(--theme-color-warning-bdr);
--theme-switch-off--border-color--warning--active:var(--theme-color-warning-bdr);
--theme-switch-off--border-color--warning--hover:var(--theme-color-warning-bdr);
--theme-switch-on--background:var(--theme-color-dynamic);
--theme-switch-on--background--active:var(--theme-color-dynamic--active);
--theme-switch-on--background--disabled:var(--theme-color-component-2);
--theme-switch-on--background--hover:var(--theme-color-dynamic--hover);
--theme-switch-on--background--info:var(--theme-color-info);
--theme-switch-on--background--info--active:var(--theme-color-info--active);
--theme-switch-on--background--info--hover:var(--theme-color-info--hover);
--theme-switch-on--background--invalid:var(--theme-color-alarm);
--theme-switch-on--background--invalid--active:var(--theme-color-alarm--active);
--theme-switch-on--background--invalid--hover:var(--theme-color-alarm--hover);
--theme-switch-on--background--valid:var(--theme-color-dynamic);
--theme-switch-on--background--valid--active:var(--theme-color-dynamic--active);
--theme-switch-on--background--valid--hover:var(--theme-color-dynamic--hover);
--theme-switch-on--background--warning:var(--theme-color-warning);
--theme-switch-on--background--warning--active:var(--theme-color-warning--active);
--theme-switch-on--background--warning--hover:var(--theme-color-warning--hover);
--theme-switch-on--border-color: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--hover:var(--theme-color-0);
--theme-switch-on--border-color--info:var(--theme-color-0);
--theme-switch-on--border-color--info--active:var(--theme-color-0);
--theme-switch-on--border-color--info--hover:var(--theme-color-0);
--theme-switch-on--border-color--invalid:var(--theme-color-0);
--theme-switch-on--border-color--invalid--active:var(--theme-color-0);
--theme-switch-on--border-color--invalid--hover:var(--theme-color-0);
--theme-switch-on--border-color--valid:var(--theme-color-0);
--theme-switch-on--border-color--valid--active:var(--theme-color-0);
--theme-switch-on--border-color--valid--hover:var(--theme-color-0);
--theme-switch-on--border-color--warning:var(--theme-color-warning-bdr);
--theme-switch-on--border-color--warning--active:var(--theme-color-warning-bdr);
--theme-switch-on--border-color--warning--hover:var(--theme-color-warning-bdr);
--theme-switch-thumb--box-shadow:none;
--theme-switch-thumb-mixed--background:var(--theme-color-inv-std-text);
--theme-switch-thumb-mixed--background--active:var(--theme-color-inv-std-text);
--theme-switch-thumb-mixed--background--disabled:var(--theme-color-component-3);
--theme-switch-thumb-mixed--background--hover:var(--theme-color-inv-std-text);
--theme-switch-thumb-mixed--background--info:var(--theme-color-inv-std-text);
--theme-switch-thumb-mixed--background--info--active:var(--theme-color-inv-std-text);
--theme-switch-thumb-mixed--background--info--hover:var(--theme-color-inv-std-text);
--theme-switch-thumb-mixed--background--invalid:var(--theme-color-component-error);
--theme-switch-thumb-mixed--background--invalid--active:var(--theme-color-component-error);
--theme-switch-thumb-mixed--background--invalid--hover:var(--theme-color-component-error);
--theme-switch-thumb-mixed--background--valid:var(--theme-color-inv-std-text);
--theme-switch-thumb-mixed--background--valid--active:var(--theme-color-inv-std-text);
--theme-switch-thumb-mixed--background--valid--hover:var(--theme-color-inv-std-text);
--theme-switch-thumb-mixed--background--warning:var(--theme-color-component-warning);
--theme-switch-thumb-mixed--background--warning--active:var(--theme-color-component-warning);
--theme-switch-thumb-mixed--background--warning--hover:var(--theme-color-component-warning);
--theme-switch-thumb-mixed--border-color: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--hover:var(--theme-color-0);
--theme-switch-thumb-mixed--border-color--info:var(--theme-color-info);
--theme-switch-thumb-mixed--border-color--info--active:var(--theme-color-info);
--theme-switch-thumb-mixed--border-color--info--hover:var(--theme-color-info);
--theme-switch-thumb-mixed--border-color--invalid:var(--theme-color-alarm-bdr);
--theme-switch-thumb-mixed--border-color--invalid--active:var(--theme-color-alarm-bdr);
--theme-switch-thumb-mixed--border-color--invalid--hover:var(--theme-color-alarm-bdr);
--theme-switch-thumb-mixed--border-color--valid:var(--theme-color-0);
--theme-switch-thumb-mixed--border-color--valid--active:var(--theme-color-0);
--theme-switch-thumb-mixed--border-color--valid--hover:var(--theme-color-0);
--theme-switch-thumb-mixed--border-color--warning:var(--theme-color-warning-bdr);
--theme-switch-thumb-mixed--border-color--warning--active:var(--theme-color-warning-bdr);
--theme-switch-thumb-mixed--border-color--warning--hover:var(--theme-color-warning-bdr);
--theme-switch-thumb-off--background:var(--theme-color-inv-std-text);
--theme-switch-thumb-off--background--active:var(--theme-color-inv-std-text);
--theme-switch-thumb-off--background--disabled:var(--theme-color-component-3);
--theme-switch-thumb-off--background--hover:var(--theme-color-inv-std-text);
--theme-switch-thumb-off--background--info:var(--theme-color-inv-std-text);
--theme-switch-thumb-off--background--info--active:var(--theme-color-inv-std-text);
--theme-switch-thumb-off--background--info--hover:var(--theme-color-inv-std-text);
--theme-switch-thumb-off--background--invalid:var(--theme-color-component-error);
--theme-switch-thumb-off--background--invalid--active:var(--theme-color-component-error);
--theme-switch-thumb-off--background--invalid--hover:var(--theme-color-component-error);
--theme-switch-thumb-off--background--valid:var(--theme-color-inv-std-text);
--theme-switch-thumb-off--background--valid--active:var(--theme-color-inv-std-text);
--theme-switch-thumb-off--background--valid--hover:var(--theme-color-inv-std-text);
--theme-switch-thumb-off--background--warning:var(--theme-color-component-warning);
--theme-switch-thumb-off--background--warning--active:var(--theme-color-component-warning);
--theme-switch-thumb-off--background--warning--hover:var(--theme-color-component-warning);
--theme-switch-thumb-off--border-color: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--hover:var(--theme-color-0);
--theme-switch-thumb-off--border-color--info:var(--theme-color-info);
--theme-switch-thumb-off--border-color--info--active:var(--theme-color-info);
--theme-switch-thumb-off--border-color--info--hover:var(--theme-color-info);
--theme-switch-thumb-off--border-color--invalid:var(--theme-color-alarm-bdr);
--theme-switch-thumb-off--border-color--invalid--active:var(--theme-color-alarm-bdr);
--theme-switch-thumb-off--border-color--invalid--hover:var(--theme-color-alarm-bdr);
--theme-switch-thumb-off--border-color--valid:var(--theme-color-0);
--theme-switch-thumb-off--border-color--valid--active:var(--theme-color-0);
--theme-switch-thumb-off--border-color--valid--hover:var(--theme-color-0);
--theme-switch-thumb-off--border-color--warning:var(--theme-color-warning-bdr);
--theme-switch-thumb-off--border-color--warning--active:var(--theme-color-warning-bdr);
--theme-switch-thumb-off--border-color--warning--hover:var(--theme-color-warning-bdr);
--theme-switch-thumb-on--background: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--hover:var(--theme-color-primary--contrast);
--theme-switch-thumb-on--background--info:var(--theme-color-info--contrast);
--theme-switch-thumb-on--background--info--active:var(--theme-color-info--contrast);
--theme-switch-thumb-on--background--info--hover:var(--theme-color-info--contrast);
--theme-switch-thumb-on--background--invalid:var(--theme-color-alarm--contrast);
--theme-switch-thumb-on--background--invalid--active:var(--theme-color-alarm--contrast);
--theme-switch-thumb-on--background--invalid--hover:var(--theme-color-alarm--contrast);
--theme-switch-thumb-on--background--valid:var(--theme-color-primary--contrast);
--theme-switch-thumb-on--background--valid--active:var(--theme-color-primary--contrast);
--theme-switch-thumb-on--background--valid--hover:var(--theme-color-primary--contrast);
--theme-switch-thumb-on--background--warning:var(--theme-color-warning--contrast);
--theme-switch-thumb-on--background--warning--active:var(--theme-color-warning--contrast);
--theme-switch-thumb-on--background--warning--hover:var(--theme-color-warning--contrast);
--theme-switch-thumb-on--border-color: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--hover:var(--theme-color-0);
--theme-switch-thumb-on--border-color--info:var(--theme-color-info);
--theme-switch-thumb-on--border-color--info--active:var(--theme-color-info);
--theme-switch-thumb-on--border-color--info--hover:var(--theme-color-info);
--theme-switch-thumb-on--border-color--invalid:var(--theme-color-alarm-bdr);
--theme-switch-thumb-on--border-color--invalid--active:var(--theme-color-alarm-bdr);
--theme-switch-thumb-on--border-color--invalid--hover:var(--theme-color-alarm-bdr);
--theme-switch-thumb-on--border-color--valid:var(--theme-color-0);
--theme-switch-thumb-on--border-color--valid--active:var(--theme-color-0);
--theme-switch-thumb-on--border-color--valid--hover:var(--theme-color-0);
--theme-switch-thumb-on--border-color--warning:var(--theme-color-warning-bdr);
--theme-switch-thumb-on--border-color--warning--active:var(--theme-color-warning-bdr);
--theme-switch-thumb-on--border-color--warning--hover:var(--theme-color-warning-bdr);
--theme-animated-tab-circle--background:var(--theme-color-component-1);
--theme-animated-tab-circle--background--active:var(--theme-color-ghost-primary--active);
--theme-animated-tab-circle--background--disabled:var(--theme-color-ghost);
--theme-animated-tab-circle--background--hover:var(--theme-color-ghost-primary--hover);
--theme-animated-tab-circle--background--selected:var(--theme-color-ghost);
--theme-animated-tab-circle--border-color:var(--theme-color-0);
--theme-animated-tab-circle--border-color--active:var(--theme-color-0);
--theme-animated-tab-circle--border-color--disabled:var(--theme-color-ghost);
--theme-animated-tab-circle--border-color--hover:var(--theme-color-0);
--theme-animated-tab-circle--border-color--selected:var(--theme-color-dynamic);
--theme-animated-tab-icon--color:var(--theme-color-std-text);
--theme-animated-tab-icon--color--active:var(--theme-color-std-text);
--theme-animated-tab-icon--color--disabled:var(--theme-color-weak-text);
--theme-animated-tab-icon--color--hover:var(--theme-color-std-text);
--theme-animated-tab-icon--color--selected:var(--theme-color-dynamic);
--theme-animated-tab-indicator--background:var(--theme-color-soft-bdr);
--theme-animated-tab-indicator--background--active:var(--theme-color-soft-bdr);
--theme-animated-tab-indicator--background--hover:var(--theme-color-soft-bdr);
--theme-animated-tab-indicator--background--selected:var(--theme-color-dynamic);
--theme-tab--background:var(--theme-color-ghost);
--theme-tab--background--active:var(--theme-color-ghost-primary--active);
--theme-tab--background--disabled:var(--theme-color-ghost);
--theme-tab--background--hover:var(--theme-color-ghost-primary--hover);
--theme-tab--background--selected:var(--theme-color-ghost);
--theme-tab--color:var(--theme-color-std-text);
--theme-tab--color--active:var(--theme-color-std-text);
--theme-tab--color--disabled:var(--theme-color-weak-text);
--theme-tab--color--hover:var(--theme-color-std-text);
--theme-tab--color--selected:var(--theme-color-dynamic);
--theme-tab-icon--color:var(--theme-color-std-text);
--theme-tab-icon--color--active:var(--theme-color-std-text);
--theme-tab-icon--color--disabled:var(--theme-color-weak-text);
--theme-tab-icon--color--hover:var(--theme-color-std-text);
--theme-tab-icon--color--selected:var(--theme-color-dynamic);
--theme-tab-indicator--background:var(--theme-color-soft-bdr);
--theme-tab-indicator--background--active:var(--theme-color-soft-bdr);
--theme-tab-indicator--background--disabled:var(--theme-color-soft-bdr);
--theme-tab-indicator--background--hover:var(--theme-color-soft-bdr);
--theme-tab-indicator--background--selected:var(--theme-color-dynamic);
--theme-tab-indicator--height:0.0625rem;
--theme-tab-pill--border-color:var(--theme-color-neutral);
--theme-tab-pill--border-color--active:var(--theme-color-neutral);
--theme-tab-pill--border-color--disabled:var(--theme-color-neutral);
--theme-tab-pill--border-color--hover:var(--theme-color-neutral);
--theme-tab-pill--border-color--selected:var(--theme-color-dynamic);
--theme-table-group-header-row--background:var(--theme-color-0);
--theme-table-group-header-row--border-color:var(--theme-color-soft-bdr);
--theme-table--background:var(--theme-color-0);
--theme-table--border-color:var(--theme-color-0);
--theme-table--color:var(--theme-color-std-text);
--theme-table-data-cell--background:var(--theme-color-2);
--theme-table-data-cell--background--active:var(--theme-color-ghost--active);
--theme-table-data-cell--background--disabled:var(--theme-color-ghost);
--theme-table-data-cell--background--hover:var(--theme-color-ghost--hover);
--theme-table-data-cell--background--selected:var(--theme-color-ghost--selected);
--theme-table-data-cell--background--selected-active:var(--theme-color-ghost--selected-active);
--theme-table-data-cell--background--selected-hover:var(--theme-color-ghost--selected-hover);
--theme-table-data-cell--border-color:var(--theme-color-0);
--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--background:var(--theme-color-ghost);
--theme-table-data-row--background--active:var(--theme-color-ghost--active);
--theme-table-data-row--background--disabled:var(--theme-color-ghost);
--theme-table-data-row--background--hover:var(--theme-color-ghost--hover);
--theme-table-data-row--background--selected:var(--theme-color-ghost--selected);
--theme-table-data-row--background--selected-active:var(--theme-color-ghost--selected-active);
--theme-table-data-row--background--selected-hover:var(--theme-color-ghost--selected-hover);
--theme-table-data-row--border-color:var(--theme-color-weak-bdr);
--theme-table-data-row-alt--background:var(--theme-color-1);
--theme-table-data-row-alt--background--active:var(--theme-color-ghost-alt--active);
--theme-table-data-row-alt--background--disabled:var(--theme-color-ghost-alt);
--theme-table-data-row-alt--background--hover:var(--theme-color-ghost-alt--hover);
--theme-table-data-row-alt--background--selected:var(--theme-color-ghost-alt--selected);
--theme-table-data-row-alt--background--selected-active:var(--theme-color-ghost-alt--selected-active);
--theme-table-data-row-alt--background--selected-hover:var(--theme-color-ghost-alt--selected-hover);
--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--active:var(--theme-color-ghost--active);
--theme-table-header-cell--background--hover:var(--theme-color-ghost--hover);
--theme-table-header-cell--border-color:var(--theme-color-0);
--theme-table-header-cell--border-color--active:var(--theme-color-0);
--theme-table-header-cell--border-color--hover: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-tile--border-radius:var(--theme-default-border-radius);
--theme-tile--box-shadow:none;
--theme-toast--background:var(--theme-color-2);
--theme-toast--border-color:var(--theme-color-0);
--theme-toast--border-radius:var(--theme-default-border-radius);
--theme-toast--border-radus:var(--theme-toast--border-radius);
--theme-toast--border-thickness:var(--theme-border-width-none);
--theme-toast--box-shadow:var(--theme-shadow-4);
--theme-toast--color:var(--theme-color-std-text);
--theme-toast-timer-track--background:var(--theme-color-0);
--theme-toast-timer-value--background:var(--theme-color-component-4);
--theme-tooltip--background:var(--theme-color-2);
--theme-tooltip--border-color:var(--theme-color-0);
--theme-tooltip--color:var(--theme-color-std-text);
--theme-tooltip-close--color:var(--theme-color-soft-text);
--theme-tooltip-close-btn--background:var(--theme-color-ghost);
--theme-tooltip-close-btn--background--active:var(--theme-color-ghost--active);
--theme-tooltip-close-btn--background--hover:var(--theme-color-ghost--hover);
--theme-tootlip--background:var(--theme-tooltip--background);
--theme-tree-item--background:var(--theme-color-ghost);
--theme-tree-item--background--active:var(--theme-color-ghost--active);
--theme-tree-item--background--hover:var(--theme-color-ghost--hover);
--theme-tree-item--background--selected:var(--theme-color-ghost--selected);
--theme-tree-item--background--selected-active:var(--theme-color-ghost--selected-active);
--theme-tree-item--background--selected-hover:var(--theme-color-ghost--selected-hover);
--theme-tree-item--color:var(--theme-color-std-text);
--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-upload--background:var(--theme-color-1);
--theme-upload--background--checking:var(--theme-color-1);
--theme-upload--background--disabled:var(--theme-color-0);
--theme-upload--background--dragover:var(--theme-color-1);
--theme-upload--border-color:var(--theme-color-soft-bdr);
--theme-upload--border-color--checking:var(--theme-color-soft-bdr);
--theme-upload--border-color--disabled:var(--theme-color-soft-bdr);
--theme-upload--border-color--dragover:var(--theme-color-dynamic);
--theme-upload--border-radius:var(--theme-default-border-radius);
--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-workflow--border-radius:1px;
--theme-workflow-step--background:var(--theme-color-ghost);
--theme-workflow-step--background--active:var(--theme-color-ghost--active);
--theme-workflow-step--background--disabled:var(--theme-color-ghost);
--theme-workflow-step--background--hover:var(--theme-color-ghost--hover);
--theme-workflow-step--background--selected:var(--theme-color-ghost--selected);
--theme-workflow-step--color:var(--theme-color-std-text);
--theme-workflow-step--color--disabled:var(--theme-color-weak-text);
--theme-workflow-step-icon--background:var(--theme-color-1);
--theme-workflow-step-icon-default--color:var(--theme-color-soft-text);
--theme-workflow-step-icon-default--color--disabled:var(--theme-color-weak-text);
--theme-workflow-step-icon-default--color--selected:var(--theme-color-dynamic);
--theme-workflow-step-icon-done--color:var(--theme-color-primary);
--theme-workflow-step-icon-done--color--disabled:var(--theme-color-weak-text);
--theme-workflow-step-icon-done--color--selected:var(--theme-color-dynamic);
--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);
}
@media (prefers-reduced-motion: reduce) {
[data-ix-theme] {
--theme-x-slow-time:0;
--theme-slow-time:0;
--theme-medium-time:0;
--theme-default-time:0;
--theme-short-time:0;
}
}
body {
background-color: var(--theme-color-1);
color: var(--theme-color-std-text);
font-family:
Siemens Sans,
Arial,
Helvetica,
sans-serif;
font-feature-settings: "clig" off, "liga" off;
font-size: var(--theme-ms-0);
font-style: normal;
font-weight: var(--theme-font-weight-normal);
letter-spacing: var(--theme-letter-spacing-xl);
line-height: var(--theme-line-height-md);
margin: 0;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smooting: grayscale;
}
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 {
height: 0.5rem;
width: 0.5rem;
}
body:not(.disable-scrollbar) ::-webkit-scrollbar-track {
background: var(--theme-scrollbar-track--background);
border-radius: 5px;
}
body:not(.disable-scrollbar) ::-webkit-scrollbar-track:hover {
background: var(--theme-scrollbar-track--background--hover);
}
body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb {
background: var(--theme-scrollbar-thumb--background);
border-radius: 5px;
}
body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb:hover {
background: var(--theme-scrollbar-thumb--background--hover);
}
body:not(.disable-scrollbar) ::-webkit-scrollbar-corner {
display: none;
}
[data-ix-theme=classic][data-ix-color-schema=light] {
--theme-alarm-bdr-1:0.0625rem solid var(--theme-color-alarm);
--theme-alarm-bdr-2:0.125rem solid var(--theme-color-alarm);
--theme-body:var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
--theme-body-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
--theme-body-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
--theme-body-xs:var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-lg) var(--theme-font-sans);
--theme-chart-1:#008a7c;
--theme-chart-1-40:rgba(0,138,124,.4);
--theme-chart-10:#7c40ff;
--theme-chart-10-40:rgba(124,64,255,.4);
--theme-chart-11:#900eec;
--theme-chart-11-40:rgba(144,14,236,.4);
--theme-chart-12:#aa32be;
--theme-chart-12-40:rgba(170,50,190,.4);
--theme-chart-13:#6f2542;
--theme-chart-13-40:rgba(111,37,66,.4);
--theme-chart-14:#9e5833;
--theme-chart-14-40:rgba(158,88,51,.4);
--theme-chart-15:#b74e2a;
--theme-chart-15-40:rgba(183,78,42,.4);
--theme-chart-16:#73735e;
--theme-chart-16-40:rgba(115,115,94,.4);
--theme-chart-17:#7a8000;
--theme-chart-17-40:rgba(122,128,0,.4);
--theme-chart-2:#00572b;
--theme-chart-2-40:rgba(0,87,43,.4);
--theme-chart-3:#00838f;
--theme-chart-3-40:rgba(0,131,143,.4);
--theme-chart-4:#003c61;
--theme-chart-4-40:rgba(0,60,97,.4);
--theme-chart-5:#61778c;
--theme-chart-5-40:rgba(97,119,140,.4);
--theme-chart-6:#0076a8;
--theme-chart-6-40:rgba(0,118,168,.4);
--theme-chart-7:#182171;
--theme-chart-7-40:rgba(24,33,113,.4);
--theme-chart-8:#0041d6;
--theme-chart-8-40:rgba(0,65,214,.4);
--theme-chart-9:#4a52f2;
--theme-chart-9-40:rgba(74,82,242,.4);
--theme-chart-axes:rgba(0,0,0,.3);
--theme-chart-grid-fill:#fff;
--theme-chart-grid-lines:rgba(0,0,0,.1);
--theme-chart-ticks:rgba(0,0,0,.3);
--theme-chart-tooltip-bdr:rgba(0,0,0,.2);
--theme-chart-tooltip-fill:hsla(0,0%,100%,.8);
--theme-code:var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-lg) var(--theme-font-code);
--theme-code-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-code);
--theme-code-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-code);
--theme-color-0:hsla(0,0%,100%,0);
--theme-color-1:#fff;
--theme-color-1--active:#e2e4e6;
--theme-color-1--hover:#eff0f1;
--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-alarm:#d72332;
--theme-color-alarm--active:#b41d2a;
--theme-color-alarm--contrast:#fff;
--theme-color-alarm--hover:#c11f2d;
--theme-color-alarm-10:rgba(215,35,50,.1);
--theme-color-alarm-40:rgba(215,35,50,.4);
--theme-color-alarm-bdr:#d72332;
--theme-color-alarm-text:#b81e3f;
--theme-color-backdrop:hsla(0,0%,100%,.85);
--theme-color-backdrop-3:hsla(210,7%,89%,.85);
--theme-color-component-1:hsla(213,7%,68%,.2);
--theme-color-component-1--active:hsla(213,7%,68%,.3);
--theme-color-component-1--hover:hsla(213,7%,68%,.15);
--theme-color-component-10:rgba(0,81,89,.75);
--theme-color-component-10--active:rgba(0,70,77,.75);
--theme-color-component-10--disabled:rgba(0,81,89,.15);
--theme-color-component-10--hover:rgba(0,93,102,.75);
--theme-color-component-11:rgba(213,219,226,.2);
--theme-color-component-2:rgba(0,18,36,.1);
--theme-color-component-3:rgba(4,20,37,.2);
--theme-color-component-4:rgba(5,18,31,.3);
--theme-color-component-5:rgba(7,18,29,.45);
--theme-color-component-6:rgba(11,18,25,.6);
--theme-color-component-7:rgba(0,234,255,.2);
--theme-color-component-7--active:#00def2;
--theme-color-component-7--hover:#00eaff;
--theme-color-component-8:#ebf7f8;
--theme-color-component-8--hover:#d1fbff;
--theme-color-component-9:#0b5e65;
--theme-color-component-9--active:#00464d;
--theme-color-component-9--disabled:rgba(0,81,89,.3);
--theme-color-component-9--hover:#005d66;
--theme-color-component-error:#fcccd0;
--theme-color-component-info:#ccdefc;
--theme-color-component-warning:#ffe8a8;
--theme-color-contrast-bdr:#000;
--theme-color-contrast-text:#000;
--theme-color-critical:#bc5b01;
--theme-color-critical--active:#9d4d01;
--theme-color-critical--contrast:#fff;
--theme-color-critical--hover:#ad5401;
--theme-color-critical-40:rgba(188,91,1,.4);
--theme-color-dynamic:#005e66;
--theme-color-dynamic--active:#0e494e;
--theme-color-dynamic--hover:#0f5157;
--theme-color-dynamic-alt:#00eaff;
--theme-color-dynamic-alt--active:#5cd5e0;
--theme-color-dynamic-alt--hover:#62e2ee;
--theme-color-focus-bdr:#199fff;
--theme-color-ghost:hsla(70,16%,61%,0);
--theme-color-ghost--active:hsla(213,7%,68%,.3);
--theme-color-ghost--hover:hsla(213,7%,68%,.2);
--theme-color-ghost--selected:rgba(0,234,255,.2);
--theme-color-ghost--selected-active:rgba(0,145,158,.2);
--theme-color-ghost--selected-hover:rgba(32,184,197,.2);
--theme-color-ghost-alt:rgba(0,20,40,.05);
--theme-color-ghost-alt--active:hsla(213,7%,68%,.35);
--theme-color-ghost-alt--hover:hsla(213,7%,68%,.2);
--theme-color-ghost-alt--selected:rgba(0,216,236,.2);
--theme-color-ghost-alt--selected-active:rgba(0,148,161,.2);
--theme-color-ghost-alt--selected-hover:rgba(30,171,184,.25);
--theme-color-ghost-primary--active:rgba(0,190,207,.2);
--theme-color-ghost-primary--hover:rgba(0,234,255,.2);
--theme-color-gradient-effect-1:#006e93;
--theme-color-gradient-effect-2:#16565c;
--theme-color-hard-bdr:#b2b8be;
--theme-color-info:#0041b2;
--theme-color-info--active:#003694;
--theme-color-info--contrast:#fff;
--theme-color-info--hover:#003a9e;
--theme-color-info-40:rgba(0,65,177,.4);
--theme-color-inv-contrast-text:#fff;
--theme-color-inv-soft-text:rgba(229,242,255,.6);
--theme-color-inv-std-text:rgba(245,250,255,.9);
--theme-color-inv-weak-text:rgba(219,237,255,.45);
--theme-color-lightbox:hsla(0,0%,100%,.65);
--theme-color-logo:#000;
--theme-color-logo-login:#000;
--theme-color-neutral:#66727e;
--theme-color-neutral--active:#545e68;
--theme-color-neutral--contrast:#fff;
--theme-color-neutral--hover:#5b6671;
--theme-color-neutral-40:rgba(102,114,126,.4);
--theme-color-primary:#006e93;
--theme-color-primary--active:#16565c;
--theme-color-primary--contrast:#fff;
--theme-color-primary--disabled:rgba(0,110,147,.3);
--theme-color-primary--hover:#196269;
--theme-color-secondary:#fff;
--theme-color-secondary--active:#b8edf2;
--theme-color-secondary--hover:#ccfbff;
--theme-color-shadow-1:rgba(0,0,0,.1);
--theme-color-shadow-2:rgba(0,0,0,.2);
--theme-color-shadow-3:rgba(0,0,0,.1);
--theme-color-soft-bdr:rgba(0,20,40,.2);
--theme-color-soft-text:rgba(0,10,20,.6);
--theme-color-std-bdr:rgba(0,20,40,.3);
--theme-color-std-text:rgba(0,10,20,.9);
--theme-color-success:#2c8500;
--theme-color-success--active:#246b00;
--theme-color-success--contrast:#fff;
--theme-color-success--hover:#277500;
--theme-color-success-40:rgba(44,133,0,.4);
--theme-color-warning:#fb0;
--theme-color-warning--active:#ffba0a;
--theme-color-warning--contrast:#000;
--theme-color-warning--hover:#ffc533;
--theme-color-warning-10:rgba(255,187,0,.1);
--theme-color-warning-40:rgba(255,187,0,.4);
--theme-color-warning-bdr:#947100;
--theme-color-warning-text:#947100;
--theme-color-weak-bdr:rgba(35,48,60,.15);
--theme-color-weak-text:rgba(0,10,20,.4);
--theme-color-x-weak-bdr:rgba(174,181,189,.2);
--theme-company-logo:company-logo-alt;
--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-critical-bdr-1:0.0625rem solid var(--theme-color-critical);
--theme-critical-bdr-2:0.125rem solid var(--theme-color-critical);
--theme-display:var(--theme-font-weight-normal) var(--theme-ms-3)/var(--theme-line-height-xs) var(--theme-font-sans);
--theme-display-lg:var(--theme-font-weight-normal) var(--theme-ms-4)/var(--theme-line-height-xs) var(--theme-font-sans);
--theme-display-sm:var(--theme-font-weight-normal) var(--theme-ms-2)/var(--theme-line-height-xs) var(--theme-font-sans);
--theme-display-xl:var(--theme-font-weight-bold) var(--theme-ms-5)/var(--theme-line-height-xs) var(--theme-font-sans);
--theme-display-xs:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-xs) var(--theme-font-sans);
--theme-display-xxl:var(--theme-font-weight-bold) var(--theme-ms-6)/var(--theme-line-height-xs) var(--theme-font-sans);
--theme-dynamic-bdr-1:0.0625rem solid var(--theme-color-dynamic);
--theme-dynamic-bdr-2:0.125rem solid var(--theme-color-dynamic);
--theme-font-code:"JetBrains Mono";
--theme-font-sans:"Siemens Sans";
--theme-h1:var(--theme-font-weight-bold) var(--theme-ms-4)/var(--theme-line-height-sm) var(--theme-font-sans);
--theme-h2:var(--theme-font-weight-bold) var(--theme-ms-3)/var(--theme-line-height-md) var(--theme-font-sans);
--theme-h3:var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-lg) var(--theme-font-sans);
--theme-h4:var(--theme-font-weight-bold) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
--theme-h5:var(--theme-font-weight-bold) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
--theme-h6:var(--theme-font-weight-bold) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
--theme-info-bdr-1:0.0625rem solid var(--theme-color-info);
--theme-info-bdr-2:0.125rem solid var(--theme-color-info);
--theme-inset-shadow-1:inset 0 2px 4px 0 rgba(0,0,0,.1);
--theme-label:var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-sm) var(--theme-font-sans);
--theme-label-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-sm) var(--theme-font-sans);
--theme-label-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-sm) var(--theme-font-sans);
--theme-label-xs:var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-sm) var(--theme-font-sans);
--theme-neutral-bdr-1:0.0625rem solid var(--theme-color-neutral);
--theme-neutral-bdr-2:0.125rem solid var(--theme-color-neutral);
--theme-primary-bdr-1:0.0625rem solid var(--theme-color-primary);
--theme-primary-bdr-2:0.125rem solid var(--theme-color-primary);
--theme-shadow-1:0 2px 2px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.1);
--theme-shadow-2:-4px 0 8px 0 rgba(0,0,0,.2),4px 0 8px 0 rgba(0,0,0,.2),0 0 16px 0 rgba(0,0,0,.1);
--theme-shadow-3:0 2px 6px 0 rgba(0,0,0,.2),0 0 8px 0 rgba(0,0,0,.1);
--theme-shadow-4:0 0 2px 0 rgba(0,0,0,.2),0 4px 8px 0 rgba(0,0,0,.1),0 12px 18px 0 rgba(0,0,0,.1);
--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-std-bdr-1:0.0625rem solid var(--theme-color-std-bdr);
--theme-std-bdr-2:0.125rem solid var(--theme-color-std-bdr);
--theme-success-bdr-1:0.0625rem solid var(--theme-color-success);
--theme-success-bdr-2:0.125rem solid var(--theme-color-success);
--theme-text-caption:var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-font-sans);
--theme-text-caption-single:var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-font-sans);
--theme-text-default:var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
--theme-text-default-single:var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
--theme-text-default-title:var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
--theme-text-default-title-single:var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
--theme-text-default-underline:var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
--theme-text-h2:var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-font-sans);
--theme-text-l:var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
--theme-text-l-single:var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
--theme-text-l-title:var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
--theme-text-l-title-single:var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
--theme-text-s:var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-font-sans);
--theme-text-s-single:var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-font-sans);
--theme-text-xl:var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-font-sans);
--theme-text-xs:var(--theme-font-weight-normal) var(--theme-font-size-xs)/140% var(--theme-font-sans);
--theme-warning-bdr-1:0.0625rem solid var(--theme-color-warning);
--theme-warning-bdr-2:0.125rem solid var(--theme-color-warning);
--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);
}
[data-ix-theme=classic][data-ix-color-schema=dark] {
--theme-alarm-bdr-1:0.0625rem solid var(--theme-color-alarm);
--theme-alarm-bdr-2:0.125rem solid var(--theme-color-alarm);
--theme-body:var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
--theme-body-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
--theme-body-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
--theme-body-xs:var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-lg) var(--theme-font-sans);
--theme-chart-1:#00ffe7;
--theme-chart-1-40:rgba(0,255,231,.4);
--theme-chart-10:#b999ff;
--theme-chart-10-40:rgba(185,153,255,.4);
--theme-chart-11:#d08fff;
--theme-chart-11-40:rgba(208,143,255,.4);
--theme-chart-12:#ed85ff;
--theme-chart-12-40:rgba(237,133,255,.4);
--theme-chart-13:#f38fc2;
--theme-chart-13-40:rgba(243,143,194,.4);
--theme-chart-14:#ef9a9a;
--theme-chart-14-40:hsla(0,73%,77%,.4);
--theme-chart-15:#ffb180;
--theme-chart-15-40:rgba(255,177,128,.4);
--theme-chart-16:#cacab4;
--theme-chart-16-40:hsla(60,17%,75%,.4);
--theme-chart-17:#b5bd00;
--theme-chart-17-40:rgba(181,189,0,.4);
--theme-chart-2:#94ffc9;
--theme-chart-2-40:rgba(148,255,201,.4);
--theme-chart-3:#00c2cc;
--theme-chart-3-40:rgba(0,194,204,.4);
--theme-chart-4:#a3eeff;
--theme-chart-4-40:rgba(163,238,255,.4);
--theme-chart-5:#90b4c5;
--theme-chart-5-40:rgba(144,180,197,.4);
--theme-chart-6:#42c6ff;
--theme-chart-6-40:rgba(66,198,255,.4);
--theme-chart-7:#7aaaff;
--theme-chart-7-40:rgba(122,170,255,.4);
--theme-chart-8:#9ebbff;
--theme-chart-8-40:rgba(158,187,255,.4);
--theme-chart-9:#9ea3ff;
--theme-chart-9-40:rgba(158,163,255,.4);
--theme-chart-axes:hsla(0,0%,100%,.3);
--theme-chart-grid-fill:#23233c;
--theme-chart-grid-lines:hsla(0,0%,100%,.1);
--theme-chart-ticks:hsla(0,0%,100%,.35);
--theme-chart-tooltip-bdr:hsla(0,0%,100%,.25);
--theme-chart-tooltip-fill:rgba(15,22,25,.8);
--theme-code:var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-lg) var(--theme-font-code);
--theme-code-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-code);
--theme-code-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-code);
--theme-color-0:transparent;
--theme-color-1:#0f1619;
--theme-color-1--active:#222b2f;
--theme-color-1--hover:#283236;
--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-alarm:#ff2453;
--theme-color-alarm--active:#ff335f;
--theme-color-alarm--contrast:#000;
--theme-color-alarm--hover:#ff577b;
--theme-color-alarm-10:rgba(255,38,85,.1);
--theme-color-alarm-40:rgba(255,38,85,.4);
--theme-color-alarm-bdr:#ff2453;
--theme-color-alarm-text:#ff7694;
--theme-color-backdrop:rgba(0,0,0,.85);
--theme-color-backdrop-3:rgba(55,70,77,.85);
--theme-color-component-1:rgba(140,161,171,.2);
--theme-color-component-1--active:rgba(140,161,171,.25);
--theme-color-component-1--hover:rgba(140,161,171,.45);
--theme-color-component-10:rgba(0,234,255,.75);
--theme-color-component-10--active:rgba(10,235,255,.75);
--theme-color-component-10--disabled:rgba(0,234,255,.2);
--theme-color-component-10--hover:rgba(107,243,255,.6);
--theme-color-component-11:rgba(86,97,103,.2);
--theme-color-component-2:rgba(211,239,253,.15);
--theme-color-component-3:rgba(217,243,255,.4);
--theme-color-component-4:rgba(214,242,255,.42);
--theme-color-component-5:rgba(224,245,255,.6);
--theme-color-component-6:rgba(217,234,242,.65);
--theme-color-component-7:rgba(0,234,255,.15);
--theme-color-component-7--active:#16565c;
--theme-color-component-7--hover:#196269;
--theme-color-component-8:#00273b;
--theme-color-component-8--hover:#002639;
--theme-color-component-9:#00eaff;
--theme-color-component-9--active:#0aebff;
--theme-color-component-9--disabled:rgba(0,234,255,.3);
--theme-color-component-9--hover:#52f1ff;
--theme-color-component-error:#4b1a28;
--theme-color-component-info:#001c4d;
--theme-color-component-warning:#4b463a;
--theme-color-contrast-bdr:#fff;
--theme-color-contrast-text:#fff;
--theme-color-critical:#eb7a0a;
--theme-color-critical--active:#eb8014;
--theme-color-critical--contrast:#000;
--theme-color-critical--hover:#ed8721;
--theme-color-critical-40:rgba(235,122,10,.4);
--theme-color-dynamic:#00eaff;
--theme-color-dynamic--active:#5cd5e0;
--theme-color-dynamic--hover:#62e2ee;
--theme-color-dynamic-alt:#00eaff;
--theme-color-dynamic-alt--active:#5cd5e0;
--theme-color-dynamic-alt--hover:#62e2ee;
--theme-color-focus-bdr:#199fff;
--theme-color-ghost:hsla(0,0%,100%,0);
--theme-color-ghost--active:rgba(140,161,171,.15);
--theme-color-ghost--hover:rgba(140,161,171,.2);
--theme-color-ghost--selected:rgba(0,255,255,.1);
--theme-color-ghost--selected-active:rgba(115,221,221,.2);
--theme-color-ghost--selected-hover:rgba(104,253,253,.2);
--theme-color-ghost-alt:hsla(0,0%,100%,.05);
--theme-color-ghost-alt--active:rgba(140,161,171,.15);
--theme-color-ghost-alt--hover:rgba(140,161,171,.2);
--theme-color-ghost-alt--selected:rgba(58,255,255,.15);
--theme-color-ghost-alt--selected-active:rgba(132,225,225,.25);
--theme-color-ghost-alt--selected-hover:rgba(123,253,253,.25);
--theme-color-ghost-primary--active:rgba(0,128,128,.2);
--theme-color-ghost-primary--hover:rgba(0,255,255,.15);
--theme-color-gradient-effect-1:#1aecff;
--theme-color-gradient-effect-2:#00bde3;
--theme-color-hard-bdr:#6b7c85;
--theme-color-info:#357fff;
--theme-color-info--active:#3d84ff;
--theme-color-info--contrast:#000;
--theme-color-info--hover:#4d8eff;
--theme-color-info-40:rgba(53,127,255,.4);
--theme-color-inv-contrast-text:#000;
--theme-color-inv-soft-text:rgba(0,13,20,.6);
--theme-color-inv-std-text:rgba(0,10,20,.9);
--theme-color-inv-weak-text:rgba(0,13,20,.45);
--theme-color-lightbox:rgba(0,0,0,.65);
--theme-color-logo:#fff;
--theme-color-logo-login:#fff;
--theme-color-neutral:#b6b8b9;
--theme-color-neutral--active:#acaeaf;
--theme-color-neutral--contrast:#000;
--theme-color-neutral--hover:#c8cacb;
--theme-color-neutral-40:hsla(200,2%,72%,.4);
--theme-color-primary:#00bde3;
--theme-color-primary--active:#00d3e5;
--theme-color-primary--contrast:#000;
--theme-color-primary--disabled:rgba(0,170,204,.45);
--theme-color-primary--hover:#1aecff;
--theme-color-secondary:#000;
--theme-color-secondary--active:#001d2b;
--theme-color-secondary--hover:#002639;
--theme-color-shadow-1:rgba(0,0,0,.6);
--theme-color-shadow-2:#000;
--theme-color-shadow-3:rgba(0,0,0,.6);
--theme-color-soft-bdr:rgba(211,236,248,.4);
--theme-color-soft-text:rgba(229,247,255,.65);
--theme-color-std-bdr:rgba(211,236,248,.55);
--theme-color-std-text:rgba(245,252,255,.9);
--theme-color-success:#4c0;
--theme-color-success--active:#47d600;
--theme-color-success--contrast:#000;
--theme-color-success--hover:#4eeb00;
--theme-color-success-40:rgba(68,204,0,.4);
--theme-color-warning:#fb0;
--theme-color-warning--active:#ffba0a;
--theme-color-warning--contrast:#000;
--theme-color-warning--hover:#ffc533;
--theme-color-warning-10:rgba(255,187,0,.1);
--theme-color-warning-40:rgba(255,187,0,.4);
--theme-color-warning-bdr:#fb0;
--theme-color-warning-text:#fb0;
--theme-color-weak-bdr:rgba(224,245,255,.25);
--theme-color-weak-text:rgba(219,244,255,.4);
--theme-color-x-weak-bdr:rgba(142,157,165,.2);
--theme-company-logo:company-logo-alt;
--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-critical-bdr-1:0.0625rem solid var(--theme-color-critical);
--theme-critical-bdr-2:0.125rem solid var(--theme-color-critical);
--theme-display:var(--theme-font-weight-normal) var(--theme-ms-3)/var(--theme-line-height-xs) var(--theme-font-sans);
--theme-display-lg:var(--theme-font-weight-normal) var(--theme-ms-4)/var(--theme-line-height-xs) var(--theme-font-sans);
--theme-display-sm:var(--theme-font-weight-normal) var(--theme-ms-2)/var(--theme-line-height-xs) var(--theme-font-sans);
--theme-display-xl:var(--theme-font-weight-bold) var(--theme-ms-5)/var(--theme-line-height-xs) var(--theme-font-sans);
--theme-display-xs:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-xs) var(--theme-font-sans);
--theme-display-xxl:var(--theme-font-weight-bold) var(--theme-ms-6)/var(--theme-line-height-xs) var(--theme-font-sans);
--theme-dynamic-bdr-1:0.0625rem solid var(--theme-color-dynamic);
--theme-dynamic-bdr-2:0.125rem solid var(--theme-color-dynamic);
--theme-font-code:"JetBrains Mono";
--theme-font-sans:"Siemens Sans";
--theme-h1:var(--theme-font-weight-bold) var(--theme-ms-4)/var(--theme-line-height-sm) var(--theme-font-sans);
--theme-h2:var(--theme-font-weight-bold) var(--theme-ms-3)/var(--theme-line-height-md) var(--theme-font-sans);
--theme-h3:var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-lg) var(--theme-font-sans);
--theme-h4:var(--theme-font-weight-bold) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);
--theme-h5:var(--theme-font-weight-bold) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);
--theme-h6:var(--theme-font-weight-bold) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);
--theme-info-bdr-1:0.0625rem solid var(--theme-color-info);
--theme-info-bdr-2:0.125rem solid var(--theme-color-info);
--theme-inset-shadow-1:inset 0 2px 4px 0 rgba(0,0,0,.6);
--theme-label:var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-sm) var(--theme-font-sans);
--theme-label-lg:var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-sm) var(--theme-font-sans);
--theme-label-sm:var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-sm) var(--theme-font-sans);
--theme-label-xs:var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-sm) var(--theme-font-sans);
--theme-neutral-bdr-1:0.0625rem solid var(--theme-color-neutral);
--theme-neutral-bdr-2:0.125rem solid var(--theme-color-neutral);
--theme-primary-bdr-1:0.0625rem solid var(--theme-color-primary);
--theme-primary-bdr-2:0.125rem solid var(--theme-color-primary);
--theme-shadow-1:0 2px 2px 0 #000,0 1px 1px 0 rgba(0,0,0,.6);
--theme-shadow-2:-4px 0 8px 0 #000,4px 0 8px 0 #000,0 0 16px 0 rgba(0,0,0,.6);
--theme-shadow-3:0 2px 6px 0 #000,0 0 8px 0 rgba(0,0,0,.6);
--theme-shadow-4:0 0 2px 0 #000,0 4px 8px 0 rgba(0,0,0,.6),0 12px 18px 0 rgba(0,0,0,.6);
--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-std-bdr-1:0.0625rem solid var(--theme-color-std-bdr);
--theme-std-bdr-2:0.125rem solid var(--theme-color-std-bdr);
--theme-success-bdr-1:0.0625rem solid var(--theme-color-success);
--theme-success-bdr-2:0.125rem solid var(--theme-color-success);
--theme-text-caption:var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-font-sans);
--theme-text-caption-single:var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-font-sans);
--theme-text-default:var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
--theme-text-default-single:var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
--theme-text-default-title:var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
--theme-text-default-title-single:var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);
--theme-text-default-underline:var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);
--theme-text-h2:var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-font-sans);
--theme-text-l:var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
--theme-text-l-single:var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
--theme-text-l-title:var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);
--theme-text-l-title-single:var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);
--theme-text-s:var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-font-sans);
--theme-text-s-single:var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-font-sans);
--theme-text-xl:var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-font-sans);
--theme-text-xs:var(--theme-font-weight-normal) var(--theme-font-size-xs)/140% var(--theme-font-sans);
--theme-warning-bdr-1:0.0625rem solid var(--theme-color-warning);
--theme-warning-bdr-2:0.125rem solid var(--theme-color-warning);
--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);
}
:root {
padding: 0 !important;
}
body {
background: var(--color-body-background);
color: var(--color-body-text);
height: 100vh;
margin: 0;
font-family:
ui-sans-serif,
system-ui,
Helvetica,
Arial,
sans-serif;
transition: background-color 0.2s ease, color 0.2s ease;
}
* {
outline: 0;
box-sizing: border-box;
}
body.theme-classic-dark .mat-mdc-dialog-surface {
background: var(--color-surface-muted) !important;
color: var(--color-body-text) !important;
}
/* angular:styles/global:styles */
/*# sourceMappingURL=styles-4PBLBV4Y.css.map */