/* projects/erm-devops-app/src/styles.scss */
.mat-button-toggle-group.mat-button-toggle-group-text {
  border: unset;
}
.mat-button-toggle-group.mat-button-toggle-group-text .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard,
.mat-button-toggle-group.mat-button-toggle-group-text .mat-button-toggle-appearance-standard {
  border-left: unset;
  border-right: unset;
  border: 1px solid transparent !important;
}
.mat-button-toggle-group.mat-button-toggle-group-text:not(.mat-button-toggle-vertical) .mat-button-toggle-appearance-standard {
  border-radius: 4px;
  margin-inline-end: 4px;
}
.mat-button-toggle-group.mat-button-toggle-group-text:not(.mat-button-toggle-vertical) .mat-button-toggle-appearance-standard:last-child {
  margin-inline-end: 0;
}
.mat-button-toggle-group.mat-button-toggle-group-text .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  border: 1px solid var(--uilab-sys-color-overlay-neutral-pressed-on-focused) !important;
}
.mat-button-toggle-group.mat-button-toggle-group-text.mat-button-toggle-vertical {
  margin-inline-end: 0;
}
.mat-button-toggle-group.mat-button-toggle-group-text.mat-button-toggle-vertical .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard {
  border-top: unset;
}
.mat-button-toggle-group.mat-button-toggle-group-text.mat-button-toggle-vertical .mat-button-toggle-appearance-standard {
  border-radius: 4px;
  margin-bottom: 4px;
}
.mat-button-toggle-group.mat-button-toggle-group-text.mat-button-toggle-vertical .mat-button-toggle-appearance-standard:last-child {
  margin-bottom: 0;
}
.mat-button-toggle-appearance-standard {
  --mat-standard-button-toggle-height: 36px;
}
.mat-button-toggle-appearance-standard:not(.mat-button-toggle-checked):hover {
  background-color: var(--mat-button-toggle-appearance-standard-hover);
}
.mat-button-toggle-appearance-standard:not(.mat-button-toggle-checked):focus,
.mat-button-toggle-appearance-standard:not(.mat-button-toggle-checked).cdk-focused {
  background-color: var(--mat-button-toggle-appearance-standard-focus);
}
.mat-button-toggle-appearance-standard:is(.mat-button-toggle-checked):hover {
  background-color: var(--mat-button-toggle-appearance-standard-checked-hover);
}
.mat-button-toggle-appearance-standard:is(.mat-button-toggle-checked):focus,
.mat-button-toggle-appearance-standard:is(.mat-button-toggle-checked).cdk-focused {
  background-color: var(--mat-button-toggle-appearance-standard-checked-focus);
}
.mat-button-toggle--1 .mat-button-toggle-appearance-standard {
  --mat-standard-button-toggle-height: var(--uilab-ref-sizing-height-32);
}
.mat-button-toggle-1 .mat-button-toggle-appearance-standard {
  --mat-standard-button-toggle-height: var(--uilab-ref-sizing-height-40);
}
.mat-button-toggle-2 .mat-button-toggle-appearance-standard {
  --mat-standard-button-toggle-height: var(--uilab-ref-sizing-height-48);
}
.mat-button-toggle-3 .mat-button-toggle-appearance-standard {
  --mat-standard-button-toggle-height: var(--uilab-ref-sizing-height-56);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-group-disabled {
  border-color: var(--mat-standard-button-toggle-divider-disabled-color);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-group-disabled .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard.mat-button-toggle-group-disabled .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard {
  border-color: var(--mat-standard-button-toggle-divider-disabled-color);
}
[dir=rtl] .mat-button-toggle-group-appearance-standard.mat-button-toggle-group-disabled .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard,
[dir=rtl] .mat-button-toggle-group-appearance-standard.mat-button-toggle-group-disabled .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard {
  border-color: var(--mat-standard-button-toggle-divider-disabled-color);
}
.mdc-button {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block ;
}
.mdc-button.cdk-mouse-focused .mat-mdc-button-persistent-ripple::before,
.mdc-button.cdk-mouse-focused:is(:hover) .mat-mdc-button-persistent-ripple::before,
.mdc-button.mat-mdc-icon-button.cdk-mouse-focused .mat-mdc-button-persistent-ripple::before,
.mdc-button.mat-mdc-icon-button.cdk-mouse-focused:is(:hover) .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-text-button-focus-state-layer-opacity, var(--mat-app-focus-state-layer-opacity));
}
.mdc-button uilab-icon:not([iconpositionend]) {
  margin-inline-end: var(--uilab-custom-spacing-4);
  margin-inline-start: var(--uilab-custom-spacing-neg-4);
}
.mdc-button uilab-icon[iconpositionend] {
  margin-inline-start: var(--uilab-custom-spacing-4);
  margin-inline-end: var(--uilab-custom-spacing-neg-4);
}
.mdc-button-density-3 {
  --mdc-text-button-container-height: var(--uilab-ref-sizing-height-56);
  --mdc-filled-button-container-height: var(--uilab-ref-sizing-height-56);
  --mdc-protected-button-container-height: var(--uilab-ref-sizing-height-56);
  --mdc-outlined-button-container-height: var(--uilab-ref-sizing-height-56);
}
.mdc-button-density-2 {
  --mdc-text-button-container-height: var(--uilab-ref-sizing-height-48);
  --mdc-filled-button-container-height: var(--uilab-ref-sizing-height-48);
  --mdc-protected-button-container-height: var(--uilab-ref-sizing-height-48);
  --mdc-outlined-button-container-height: var(--uilab-ref-sizing-height-48);
}
.mdc-button-density-1 {
  --mdc-text-button-container-height: var(--uilab-ref-sizing-height-40);
  --mdc-filled-button-container-height: var(--uilab-ref-sizing-height-40);
  --mdc-protected-button-container-height: var(--uilab-ref-sizing-height-40);
  --mdc-outlined-button-container-height: var(--uilab-ref-sizing-height-40);
}
.mdc-button-density--1 {
  --mdc-text-button-container-height: 32px;
  --mdc-filled-button-container-height: 32px;
  --mdc-protected-button-container-height: 32px;
  --mdc-outlined-button-container-height: 32px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}
.mdc-icon-button-density--1 {
  --mdc-icon-button-state-layer-size: var(--uilab-ref-sizing-height-40);
}
.mdc-icon-button-density--2 {
  --mdc-icon-button-state-layer-size: var(--uilab-ref-sizing-height-32);
}
.mdc-icon-button:is(.mdc-icon-button--active) {
  --mdc-icon-button-icon-color: var(--mdc-icon-button-icon-active-color);
  --mat-icon-button-state-layer-color: var(--mat-icon-button-state-active-layer-color);
  --mat-icon-button-hover-state-layer-opacity: var( --mat-icon-button-hover-active-state-layer-opacity );
  --mat-icon-button-disabled-state-layer-color: var( --mat-icon-button-disabled-active-state-layer-color );
}
.mdc-icon-button:is(.mdc-icon-button--active) .mat-mdc-button-persistent-ripple::before {
  opacity: var(--mat-icon-button-resting-state-layer-opacity);
}
.mdc-icon-button:is(.mdc-icon-button--active).cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mdc-icon-button:is(.mdc-icon-button--active).cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mdc-icon-button:is(.mdc-icon-button--active).mat-mdc-button-disabled-interactive:focus .mat-mdc-button-persistent-ripple::before {
  --mat-icon-button-focus-state-layer-opacity: var( --mat-icon-button-focus-active-state-layer-opacity );
}
.mat-button-density--1 {
  width: 48px !important;
  height: 48px !important;
  --mdc-extended-fab-container-height: var(--uilab-ref-sizing-height-40);
}
.mat-button-density--2 {
  width: 40px !important;
  height: 40px !important;
  --mdc-extended-fab-container-height: var(--uilab-ref-sizing-height-32);
}
.mat-button-extended-density--1 {
  --mdc-extended-fab-container-height: var(--uilab-ref-sizing-height-40);
}
.mat-button-extended-density--2 {
  --mdc-extended-fab-container-height: var(--uilab-ref-sizing-height-32);
}
.mat-mdc-checkbox {
  --mdc-checkbox-state-layer-size: var(--uilab-ref-sizing-height-48);
}
.mat-mdc-checkbox--1 {
  --mdc-checkbox-state-layer-size: var(--uilab-ref-sizing-height-40);
}
.mat-mdc-checkbox--2 {
  --mdc-checkbox-state-layer-size: 32px;
  --mat-checkbox-touch-target-display: none;
}
.mat-mdc-checkbox-1 {
  --mdc-checkbox-state-layer-size: var(--uilab-ref-sizing-height-56);
}
.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic.mat-mdc-chip-graphic {
  padding-left: 6px;
  padding-right: 6px;
}
.mat-mdc-standard-chip.mat-mdc-chip-with-trailing-icon .mdc-evolution-chip__icon--trailing {
  height: 24px;
  width: 24px;
  font-size: 24px;
}
.mat-mdc-chip.cdk-drag-preview {
  box-shadow: 0 5px 12px -3px var(--mat-chip-drag-preview);
}
.mat-mdc-chip.mat-mdc-chip--outlined:not(.mdc-evolution-chip--disabled) {
  background-color: var(--mdc-chip-elevated-container-outlined-color);
}
.mat-mdc-chip.mat-mdc-chip--outlined.mat-mdc-chip-highlighted:not(.mdc-evolution-chip--disabled) {
  --mdc-chip-elevated-container-outlined-color: var( --mdc-chip-elevated-container-outlined-highlight-color );
}
.mat-mdc-chip.mat-mdc-chip--outlined.mat-mdc-chip-highlighted:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before {
  border-color: var(--mdc-chip-outline-outlined-highlight-color);
}
.mat-mdc-chip.mat-mdc-chip--outlined.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before {
  border-width: 1px;
}
.mat-mdc-chip.mat-mdc-chip-highlighted.mdc-evolution-chip--disabled {
  background-color: var(--mdc-chip-elevated-disabled-container-highlight-color);
}
.cdk-overlay-dark-backdrop.cdk-overlay-backdrop {
  background: var(--mat-overlay-dark-backdrop);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: unset !important;
}
.mat-mdc-form-field {
  color: var(--mat-form-field-text-color, var(--uilab-sys-color-text-neutral-medium-emphasis));
  --mat-form-field-filled-label-display: block;
  --mat-form-field-filled-with-label-container-padding-top: 18px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
  --mat-form-field-container-height: var(--uilab-ref-sizing-height-48);
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-outline-label-container-height: 45px;
}
.mat-mdc-form-field-1 {
  --mat-form-field-outline-label-container-height: 53px;
  --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;
}
.mat-mdc-form-field--1 {
  --mat-form-field-filled-label-display: block;
  --mat-form-field-filled-with-label-container-padding-top: 14px;
  --mat-form-field-filled-with-label-container-padding-bottom: 2px;
  --mat-form-field-container-height: var(--uilab-ref-sizing-height-40);
  --mat-form-field-container-vertical-padding: 8px;
  --mat-form-field-outline-label-container-height: 37px;
}
.mat-mdc-form-field.mat-form-field-appearance-fill:is(.mat-mdc-form-field--1) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-floating-label--float-above {
  --mat-form-field-container-height: var(--uilab-ref-sizing-height-48);
}
.mat-mdc-form-field.mat-form-field-appearance-fill:not(.mat-mdc-form-field--1, .mat-mdc-form-field-1) .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-floating-label--float-above {
  --mat-form-field-container-height: 52px;
}
.mat-mdc-form-field.mat-form-field-disabled {
  color: var(--mat-form-field-text-disabled-color);
}
.mat-mdc-form-field.mat-form-field-readonly {
  pointer-events: none;
}
.mat-mdc-form-field.mat-form-field-readonly .mat-mdc-floating-label.mdc-floating-label,
.mat-mdc-form-field.mat-form-field-readonly .mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field.mat-form-field-readonly .mat-mdc-form-field-icon-suffix {
  pointer-events: none;
}
.mat-mdc-form-field.mat-form-field-readonly .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mat-mdc-notch-piece {
  border-color: var(--mdc-outlined-text-field-outline-readonly-color);
}
.mat-mdc-form-field.mat-form-field-readonly .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-filled-text-field-border-bottom-readonly-color);
}
.mdc-list--secondary {
  --mdc-list-list-item-hover-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-list-list-item-focus-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-ripple-color: var(--uilab-sys-color-overlay-accent-pressed);
  --mdc-list-list-item-focus-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-list-active-indicator-color: var(--uilab-sys-color-overlay-accent-pressed);
}
.mdc-list .mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end,
.mdc-list .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
  align-self: center;
}
.mdc-list .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,
.mdc-list .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,
.mdc-list .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,
.mdc-list .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,
.mdc-list .mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before,
.mdc-list .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {
  height: auto;
}
.mdc-list .mdc-list-item--activated:hover {
  --mdc-list-list-item-hover-state-layer-color: var( --uilab-mat-list-activated-hover-state-layer-color );
}
.mdc-list .mdc-list-item--activated .mat-ripple-element {
  --mat-ripple-color: var(--uilab-mat-list-activated-ripple-color);
}
.mdc-list__density-1 .mdc-list-item--with-one-line {
  --mdc-list-list-item-one-line-container-height: 56px;
}
.mdc-list__density-0 .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,
.mdc-list__density-0 .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,
.mdc-list__density-0 .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,
.mdc-list__density-0 .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
  height: 28px;
}
.mdc-list__density-0 .mdc-list-item__secondary-text::before {
  height: 22px;
}
.mdc-list__density-0 .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,
.mdc-list__density-0 .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,
.mdc-list__density-0 .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,
.mdc-list__density-0 .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,
.mdc-list__density-0 .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,
.mdc-list__density-0 .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,
.mdc-list__density-0 .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,
.mdc-list__density-0 .mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end,
.mdc-list__density-0 .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
  margin-top: auto;
  margin-bottom: auto;
}
.mdc-list__density-0 .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,
.mdc-list__density-0 .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,
.mdc-list__density-0 .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,
.mdc-list__density-0 .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item.mdc-list-item__end::before,
.mdc-list__density-0 .mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before,
.mdc-list__density-0 .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {
  height: 22px;
}
.mdc-list__density--1 .mdc-list-item--with-one-line {
  --mdc-list-list-item-one-line-container-height: 40px;
  --mdc-list-list-item-two-line-container-height: 56px;
  --mdc-list-list-item-three-line-container-height: 80px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list__density--1 .mdc-list-item--with-one-line .mdc-list-item__start,
.mdc-list__density--1 .mdc-list-item--with-one-line .mdc-list-item__end {
  --mdc-radio-state-layer-size: 32px;
}
.mdc-list__density--1 .mdc-list-item--with-one-line .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mdc-list__density--1 .mdc-list-item--with-one-line .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mdc-list__density--1 .mdc-list-item--with-one-line .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 48px;
}
.mdc-list__density--1 .mdc-list-item--with-one-line .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mdc-list__density--1 .mdc-list-item--with-one-line .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mdc-list__density--1 .mdc-list-item--with-one-line .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 64px;
}
.mdc-list__density--2 .mdc-list-item--with-one-line {
  --mdc-list-list-item-one-line-container-height: 32px;
  --mdc-list-list-item-two-line-container-height: 48px;
  --mdc-list-list-item-three-line-container-height: 72px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list__density--2 .mdc-list-item--with-one-line .mdc-list-item__start,
.mdc-list__density--2 .mdc-list-item--with-one-line .mdc-list-item__end {
  --mdc-radio-state-layer-size: 28px;
}
.mdc-list__density--2 .mdc-list-item--with-one-line .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mdc-list__density--2 .mdc-list-item--with-one-line .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mdc-list__density--2 .mdc-list-item--with-one-line .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 40px;
}
.mdc-list__density--2 .mdc-list-item--with-one-line .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mdc-list__density--2 .mdc-list-item--with-one-line .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mdc-list__density--2 .mdc-list-item--with-one-line .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 56px;
}
.mat-mdc-icon-button[disabled] .mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end,
.mat-mdc-icon-button[disabled].mat-mdc-icon-button.mat-mdc-button-disabled {
  color: var(--mdc-icon-button-disabled-icon-color, var(--uilab-sys-color-icon-neutral-disabled));
}
.mdc-list-item.mdc-list-item--disabled .mdc-radio,
.mdc-list-item.mdc-list-item--disabled .mdc-checkbox {
  opacity: var(--mdc-list-list-item-disabled-select-control-opacity, var(--uilab-custom-container-opacity-1000));
}
.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start,
.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start,
.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start,
.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {
  margin-top: auto !important;
  margin-bottom: auto;
}
.mdc-list-item--disabled.mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  color: var(--mdc-list-list-item-trailing-disabled-supporting-text-color, var(--uilab-sys-color-text-neutral-disabled));
}
.mdc-list-item--disabled.mdc-list-item:focus::before {
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-focus-state-layer-color: transparent;
}
.non-mat-form-field mat-label {
  color: var(--uilab-mat-label-text-color);
  font-size: var(--uilab-mat-label-text-size);
}
.non-mat-form-field mat-label.error {
  color: var(--uilab-mat-label-text-color-error);
}
.non-mat-form-field mat-error {
  font-size: var(--uilab-mat-error-text-size);
}
mat-paginator .mat-mdc-form-field {
  --mat-form-field-container-height: auto;
  --mat-form-field-container-vertical-padding: 8px;
}
mat-radio-group mat-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: var(--uilab-ref-sizing-height-48);
}
.mat-radio-group--1 mat-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: var(--uilab-ref-sizing-height-40);
}
.mat-radio-group--2 mat-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: var(--uilab-ref-sizing-height-32);
}
.mat-radio-group-1 mat-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: var(--uilab-ref-sizing-height-56);
}
.mat-ripple-highlighted .mat-ripple-element {
  --mat-ripple-color: var(--mat-ripple-active-color);
}
.mdc-icon-button--active .mat-ripple .mat-ripple-element {
  --mat-icon-button-ripple-color: var(--mat-ripple-active-color);
}
.mat-button-toggle .mat-ripple .mat-ripple-element,
.mat-mdc-chip-highlighted .mat-ripple .mat-ripple-element {
  --mat-ripple-color: var(--mat-ripple-active-color);
}
.mat-ripple.mat-mdc-checkbox-ripple .mat-ripple-element {
  --mat-ripple-color: var(--mat-ripple-active-color);
}
.mdc-switch .mdc-switch__ripple {
  --mdc-switch-state-layer-size: var(--uilab-ref-sizing-height-48);
}
.mdc-switch-1 .mdc-switch__ripple {
  --mdc-switch-state-layer-size: var(--uilab-ref-sizing-height-56);
}
.mdc-switch--1 .mdc-switch__ripple {
  --mdc-switch-state-layer-size: var(--uilab-ref-sizing-height-40);
}
.mdc-switch--2 .mdc-switch__ripple {
  --mdc-switch-state-layer-size: var(--uilab-ref-sizing-height-32);
}
.mdc-switch:hover .mdc-switch__ripple::after {
  opacity: 1 !important;
}
.mdc-slider__track--inactive {
  opacity: 1 !important;
}
.mdc-slider--disabled {
  opacity: 1 !important;
}
.mat-mdc-table.mdc-data-table__table {
  border-width: 1px;
  border-style: solid;
  border-color: var(--mat-mdc-table-border-color);
}
.mat-mdc-tab-nav-bar .mat-mdc-tab-link:hover .mdc-tab__ripple::before {
  opacity: var(--mat-mdc-tab-hover-link-ripple);
}
.mat-mdc-tab-nav-bar .mat-mdc-tab-link.mat-mdc-tab-disabled {
  opacity: var(--mat-mdc-tab-link-disabled);
}
.mat-mdc-tab-nav-bar .mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__text-label {
  color: var(--mat-tab-header-disabled-label-text-color);
}
.mat-mdc-tab-nav-bar .mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab-indicator__content--underline {
  border-color: var(--mdc-tab-indicator-disabled-indicator-color);
}
.mat-mdc-tab-link.mdc-tab--active .mdc-tab__ripple::before {
  opacity: 0.08;
  opacity: var(--mat-mdc-tab-active-link-ripple-opacity);
}
.mat-tree-node {
  --mat-tree-node-min-height: 48px;
}
.tree-component--1 .mat-tree-node {
  --mat-tree-node-min-height: 40px;
}
.tree-component--2 .mat-tree-node {
  --mat-tree-node-min-height: 36px;
}
:root,
[data-theme=light],
[data-theme=background] {
  --mat-sys-label-small-size: var(--uilab-ref-font-size-12);
  --mat-sys-label-small-weight: var(--uilab-ref-font-weight-regular);
  --mat-sys-label-small-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-label-large-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-body-medium-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-title-large-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-title-medium-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-body-small-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-body-large-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-headline-small-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-title-small-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-title-large-size: var(--uilab-ref-font-size-22);
  --mat-sys-body-medium-size: var(--uilab-ref-font-size-16);
  --mat-sys-label-large-size: var(--uilab-ref-font-size-16);
  --mat-sys-title-medium-size: var(--uilab-ref-font-size-16);
  --mat-sys-title-small-size: var(--uilab-ref-font-size-14);
  --mat-sys-body-small-size: var(--uilab-ref-font-size-14);
  --mat-tab-header-label-text-size: var(--uilab-ref-font-size-14);
  --mat-sys-headline-small-size: var(--uilab-ref-font-size-24);
  --mat-sys-label-large-weight: var(--uilab-ref-font-weight-medium);
  --mat-sys-body-medium-weight: var(--uilab-ref-font-weight-medium);
  --mat-sys-title-large-weight: var(--uilab-ref-font-weight-medium);
  --mat-sys-headline-small-weight: var(--uilab-ref-font-weight-medium);
  --mat-sys-body-large-weight: var(--uilab-ref-font-weight-regular);
  --mat-sys-body-small-weight: var(--uilab-ref-font-weight-regular);
  --mat-sys-body-large-size: var(--uilab-ref-font-size-16);
  --mat-sys-title-small-weight: var(--uilab-ref-font-weight-regular);
  --mat-sys-title-large-line-height: var(--uilab-custom-line-height-600);
  --mat-sys-title-medium-line-height: var(--uilab-custom-line-height-500);
  --mat-sys-body-medium-line-height: var(--uilab-custom-line-height-400);
  --mat-sys-label-large-line-height: var(--uilab-custom-line-height-500);
  --mat-sys-body-large-line-height: var(--uilab-custom-line-height-500);
  --mat-sys-headline-small-line-height: var(--uilab-custom-line-height-700);
  --mat-sys-body-small-line-height: var(--uilab-custom-line-height-400);
  --mat-sys-label-small-line-height: var(--uilab-custom-line-height-700);
  --mat-sys-label-large-tracking: 0;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-medium-tracking: 0;
  --mat-sys-body-medium-tracking: 0;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-body-large-tracking: 0;
  --mat-sys-body-small-tracking: 0;
  --mat-sys-title-small-tracking: 0;
  --mat-sys-corner-extra-small: var(--uilab-ref-border-radius-4);
  --mat-sys-corner-large: var(--uilab-ref-border-radius-4);
  --mat-app-corner-full: var(--uilab-ref-border-radius-4);
  --mat-sys-corner-full: var(--uilab-ref-border-radius-4);
  --mat-sys-outline: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mat-app-corner-medium: var(--uilab-ref-border-radius-4);
  --mat-sys-primary: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-app-primary: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-sys-on-primary: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-sys-on-surface-variant: var(--uilab-custom-container-color-opaque);
  --mat-sys-hover-state-layer-opacity: var(--uilab-custom-container-opacity-200);
  --mat-sys-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-app-elevation-shadow-level-2: var(--uilab-sys-elevation-box-shadow-08dp);
  --mat-app-elevation-shadow-level-3: var(--uilab-sys-elevation-box-shadow-12dp);
  --mat-app-elevation-shadow-level-4: var(--uilab-sys-elevation-box-shadow-16dp);
  --mat-sys-level1: var(--uilab-sys-elevation-box-shadow-01dp);
  --mat-sys-level2: var(--uilab-sys-elevation-box-shadow-02dp);
  --mat-sys-level3: var(--uilab-sys-elevation-box-shadow-03dp);
  --mat-sys-level4: var(--uilab-sys-elevation-box-shadow-04dp);
  --mat-sys-level5: var(--uilab-sys-elevation-box-shadow-06dp);
  --mat-sys-level6: var(--uilab-sys-elevation-box-shadow-08dp);
  --sys-primary: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-primary: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-primary-container: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-primary-container: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-inverse-primary: var(--uilab-sys-color-inverse-container-regular-accent-opaque);
  --sys-primary-fixed: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-primary-fixed-dim: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-primary-fixed: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-primary-fixed-variant: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-secondary: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-secondary: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-secondary-container: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-secondary-container: var(--uilab-sys-color-text-neutral-high-emphasis);
  --sys-secondary-fixed: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-secondary-fixed-dim: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-secondary-fixed: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-secondary-fixed-variant: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-tertiary: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-tertiary: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-tertiary-container: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-tertiary-container: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-tertiary-fixed: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-tertiary-fixed-dim: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-tertiary-fixed: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-tertiary-fixed-variant: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-background: var();
  --sys-on-background: var(--uilab-sys-color-text-neutral-high-emphasis);
  --sys-surface: var(--uilab-sys-color-container-elevated-24dp);
  --sys-surface-dim: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-surface-bright: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-surface-container-lowest: var(--uilab-sys-color-container-elevated-24dp);
  --sys-surface-container-low: var(--uilab-sys-color-container-elevated-24dp);
  --sys-surface-container: var(--uilab-sys-color-container-elevated-08dp);
  --sys-surface-container-high: var(--uilab-sys-color-container-elevated-24dp);
  --sys-surface-container-highest: var(--uilab-sys-color-container-elevated-24dp);
  --sys-on-surface: var(--uilab-sys-color-text-neutral-high-emphasis);
  --sys-shadow: var(--uilab-sys-color-inverse-container-regular-neutral-opaque);
  --sys-scrim: var(--uilab-sys-color-inverse-container-regular-neutral-opaque);
  --sys-surface-tint: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-inverse-surface: var(--uilab-sys-color-inverse-container-elevated-24dp);
  --sys-inverse-on-surface: var(--uilab-sys-color-inverse-text-neutral-high-emphasis);
  --sys-outline: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --sys-outline-variant: var(--uilab-sys-color-outline-neutral-disabled);
  --sys-neutral: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-neutral10: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-error: var(--uilab-sys-color-container-regular-error-opaque);
  --sys-error-container: var(--uilab-sys-color-container-regular-error-opaque);
  --sys-on-error: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-on-error-container: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-surface-variant: var(--uilab-sys-color-container-solid-neutral-extra-subtle);
  --sys-on-surface-variant: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --sys-neutral-variant: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --sys-neutral-variant20: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-inverse-secondary: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-inverse-tertiary: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-autocomplete-background-color: var(--uilab-sys-color-container-elevated-24dp);
  --mat-badge-legacy-small-size-container-size: var(--uilab-ref-border-radius-4);
  --mat-badge-legacy-container-size: unset;
  --mat-badge-background-color: var(--uilab-sys-color-container-regular-error-opaque);
  --mat-badge-text-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-badge-container-shape: 9999px;
  --mat-badge-container-size: 16px;
  --mat-badge-line-height: 16px;
  --mat-badge-container-padding: 0 4px;
  --mat-badge-container-overlap-offset: -12px;
  --mat-badge-container-offset: -12px 0;
  --mat-badge-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-bottom-sheet-container-shape: var(--uilab-ref-border-radius-4);
  --mat-bottom-sheet-container-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-bottom-sheet-container-background-color: var(--uilab-sys-color-container-elevated-24dp);
  --mat-bottom-sheet-container-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-standard-button-toggle-shape: var(--uilab-ref-border-radius-4);
  --mat-standard-button-toggle-label-text-size: var(--uilab-ref-font-size-14);
  --mat-standard-button-toggle-label-text-line-height: var(--uilab-custom-line-height-400);
  --mat-standard-button-toggle-label-text-tracking: 0;
  --mat-standard-button-toggle-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-standard-button-toggle-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-standard-button-toggle-selected-state-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-legacy-button-toggle-selected-state-background-color: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mat-standard-button-toggle-selected-state-background-color: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mat-button-toggle-appearance-standard-hover: var(--uilab-sys-color-container-regular-accent-extra-subtle);
  --mat-button-toggle-appearance-standard-focus: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mat-button-toggle-appearance-standard-checked-hover: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mat-button-toggle-appearance-standard-checked-focus: var(--uilab-sys-color-container-regular-accent-light);
  --mat-standard-button-toggle-disabled-selected-state-background-color: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mat-standard-button-toggle-divider-disabled-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-standard-button-toggle-state-layer-color: var(--uilab-sys-color-container-elevated-00dp);
  --mat-standard-button-toggle-divider-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mat-button-toggle-appearance-standard-text-checked: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-filled-button-container-shape: var(--uilab-ref-border-radius-4);
  --mat-filled-button-icon-spacing: var(--uilab-custom-spacing-4);
  --mat-filled-button-icon-offset: var(--uilab-custom-spacing-neg-4);
  --mdc-filled-button-label-text-size: var(--uilab-ref-font-size-14);
  --mat-filled-button-horizontal-padding: var(--uilab-custom-spacing-16);
  --mdc-filled-button-label-text-transform: unset;
  --mdc-filled-button-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-filled-button-container-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-outlined-button-label-text-size: var(--uilab-ref-font-size-14);
  --mdc-outlined-button-label-text-transform: unset;
  --mdc-outlined-button-outline-width: 1px;
  --mat-outlined-button-horizontal-padding: var(--uilab-custom-spacing-16);
  --mat-outlined-button-icon-offset: var(--uilab-custom-spacing-neg-4);
  --mat-outlined-button-icon-spacing: var(--uilab-custom-spacing-4);
  --mdc-outlined-button-container-shape: var(--uilab-ref-border-radius-4);
  --mdc-text-button-label-text-size: var(--uilab-ref-font-size-14);
  --mdc-text-button-label-text-transform: unset;
  --mat-text-button-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-text-button-container-shape: var(--uilab-ref-border-radius-4);
  --mat-text-button-horizontal-padding: var(--uilab-custom-spacing-16);
  --mat-text-button-icon-offset: var(--uilab-custom-spacing-neg-4);
  --mat-text-button-icon-spacing: var(--uilab-custom-spacing-4);
  --mdc-text-button-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-text-button-label-text-color: var(--uilab-sys-color-text-accent-opaque);
  --mdc-protected-button-container-shape: var(--uilab-ref-border-radius-4);
  --mdc-protected-button-container-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-protected-button-label-text-size: var(--uilab-ref-font-size-14);
  --mdc-protected-button-label-text-transform: unset;
  --mdc-protected-button-container-elevation-shadow: none;
  --mdc-protected-button-hover-container-elevation-shadow: none;
  --mdc-protected-button-focus-container-elevation-shadow: none;
  --mdc-protected-button-pressed-container-elevation-shadow: none;
  --mdc-protected-button-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-outlined-button-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mat-protected-button-icon-spacing: var(--uilab-custom-spacing-4);
  --mat-protected-button-horizontal-padding: var(--uilab-custom-spacing-16);
  --mat-protected-button-icon-offset: var(--uilab-custom-spacing-neg-4);
  --mdc-extended-fab-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-fab-container-shape: 9999px;
  --mdc-fab-small-container-shape: 9999px;
  --mdc-fab-container-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-extended-fab-container-height: var(--uilab-ref-sizing-height-48);
  --mdc-extended-fab-container-shape: var(--uilab-ref-sizing-height-24);
  --mdc-fab-small-container-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-icon-button-state-layer-size: var(--uilab-ref-sizing-height-48);
  --mat-filled-button-hover-state-layer-opacity: var(--uilab-custom-container-opacity-200);
  --mat-filled-button-focus-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-filled-button-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-550);
  --mdc-filled-button-label-text-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-fab-small-ripple-color: var(--uilab-sys-color-inverse-overlay-neutral-pressed-on-focused);
  --mdc-filled-button-disabled-label-text-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-filled-button-disabled-container-color: var(--uilab-sys-color-container-solid-neutral-subtle);
  --mat-outlined-button-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-outlined-button-outline-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mat-outlined-button-hover-state-layer-opacity: var(--uilab-custom-container-opacity-200);
  --mat-outlined-button-focus-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-outlined-button-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mdc-outlined-button-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-outlined-button-disabled-label-text-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-outlined-button-disabled-outline-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-text-button-outline-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mat-text-button-hover-state-layer-opacity: var(--uilab-custom-container-opacity-200);
  --mat-text-button-focus-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-text-button-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mdc-text-button-disabled-label-text-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-text-button-disabled-outline-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-icon-button-disabled-icon-color: var(--uilab-sys-color-text-neutral-disabled);
  --mat-icon-button-active-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-icon-button-state-active-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-icon-button-resting-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-icon-button-hover-active-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-icon-button-focus-active-state-layer-opacity: var(--uilab-custom-container-opacity-500);
  --mdc-icon-button-icon-active-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-icon-button-disabled-active-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-protected-button-label-text-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-protected-button-hover-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-protected-button-focus-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-protected-button-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-protected-button-state-layer-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mat-fab-foreground-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-fab-state-layer-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mat-fab-hover-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-fab-focus-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-fab-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-fab-small-foreground-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-fab-small-state-layer-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mat-fab-small-hover-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-fab-small-focus-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-fab-small-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-filled-button-state-layer-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mdc-filled-button-label-text-tracking: 0;
  --mdc-text-button-disabled-container-color: var(--uilab-sys-color-container-solid-neutral-subtle);
  --mdc-icon-button-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-icon-button-hover-state-layer-opacity: var(--uilab-custom-container-opacity-100);
  --mat-icon-button-focus-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-protected-button-ripple-color: var(--uilab-sys-color-inverse-overlay-neutral-pressed-on-focused);
  --mat-text-button-ripple-color: var(--uilab-sys-color-overlay-accent-pressed-on-focused);
  --mat-fab-ripple-color: var(--uilab-sys-color-inverse-overlay-neutral-pressed-on-focused);
  --mat-outlined-button-ripple-color: var(--uilab-sys-color-overlay-accent-pressed-on-focused);
  --mat-filled-button-ripple-color: var(--uilab-sys-color-inverse-overlay-neutral-pressed-on-focused);
  --mdc-outlined-card-container-shape: var(--uilab-ref-border-radius-4);
  --mdc-elevated-card-container-shape: var(--uilab-ref-border-radius-4);
  --mdc-elevated-card-container-color: var(--uilab-sys-color-container-elevated-00dp);
  --mdc-outlined-card-container-color: var(--uilab-sys-color-container-elevated-00dp);
  --mdc-outlined-card-outline-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-card-subtitle-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-card-subtitle-text-weight: var(--uilab-ref-font-weight-medium);
  --mat-sys-title-medium-weight: var(--uilab-ref-font-weight-medium);
  --mat-card-title-text-weight: var(--uilab-ref-font-weight-medium);
  --mat-card-title-text-tracking: 0;
  --mat-card-title-text-size: var(--uilab-ref-font-size-22);
  --mat-card-title-text-line-height: var(--uilab-custom-line-height-600);
  --mat-card-subtitle-text-line-height: var(--uilab-custom-line-height-500);
  --mat-card-subtitle-text-size: var(--uilab-ref-font-size-16);
  --mat-card-subtitle-text-tracking: 0;
  --mdc-checkbox-disabled-unselected-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-checkbox-disabled-selected-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-checkbox-unselected-hover-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-checkbox-unselected-focus-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-checkbox-selected-hover-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-checkbox-selected-focus-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mat-checkbox-label-text-size: var(--uilab-ref-font-size-16);
  --mat-checkbox-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-checkbox-selected-checkmark-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mdc-checkbox-selected-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-checkbox-selected-hover-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-checkbox-selected-focus-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-checkbox-disabled-unselected-icon-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-checkbox-disabled-selected-icon-color: var(--uilab-sys-color-icon-neutral-disabled);
  --mat-checkbox-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-checkbox-unselected-hover-icon-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-checkbox-unselected-focus-icon-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-checkbox-unselected-icon-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-checkbox-unselected-hover-state-layer-color: var(--uilab-sys-color-container-regular-neutral-more-subtle);
  --mdc-checkbox-unselected-focus-state-layer-color: var(--uilab-sys-color-container-regular-neutral-subtle);
  --mdc-checkbox-unselected-pressed-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-checkbox-selected-hover-state-layer-color: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mdc-checkbox-selected-focus-state-layer-color: var(--uilab-sys-color-container-regular-accent-subtle);
  --mat-checkbox-label-text-tracking: 0;
  --mat-checkbox-label-text-line-height: var(--uilab-custom-line-height-400);
  --mdc-checkbox-disabled-selected-checkmark-color: var(--uilab-sys-color-inverse-icon-neutral-opaque);
  --mdc-chip-container-shape-radius: var(--uilab-ref-border-radius-16);
  --mdc-chip-hover-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-chip-outline-width: 0;
  --mdc-chip-with-avatar-disabled-avatar-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-chip-with-avatar-avatar-size: var(--uilab-ref-sizing-height-24);
  --mdc-chip-selected-hover-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-chip-with-icon-disabled-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-chip-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-chip-hover-state-layer-color: var(--uilab-sys-color-overlay-neutral-hovered);
  --mdc-chip-focus-state-layer-color: var(--uilab-sys-color-overlay-neutral-focused);
  --mdc-chip-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-chip-with-icon-disabled-icon-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--uilab-sys-color-icon-neutral-disabled);
  --mdc-chip-with-icon-selected-icon-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-chip-selected-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-chip-selected-trailing-icon-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-chip-selected-disabled-trailing-icon-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-chip-selected-hover-state-layer-color: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mdc-chip-selected-focus-state-layer-color: var(--uilab-sys-color-container-regular-accent-subtle);
  --mdc-chip-outline-outlined-highlight-color: var(--uilab-sys-color-container-regular-accent-subtle);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-chip-elevated-container-color: var(--uilab-sys-color-container-solid-neutral-more-subtle);
  --mdc-chip-elevated-container-outlined-highlight-color: var(--uilab-sys-color-container-regular-accent-subtle);
  --mdc-chip-elevated-container-outlined-color: ;
  --mdc-chip-elevated-disabled-container-color: var(--uilab-sys-color-container-solid-neutral-more-subtle);
  --mdc-chip-elevated-selected-container-color: var(--uilab-sys-color-container-solid-accent-light);
  --mdc-chip-elevated-disabled-container-highlight-color: var(--uilab-sys-color-container-solid-accent-light);
  --mdc-chip-flat-disabled-selected-container-color: var(--uilab-sys-color-container-solid-accent-light);
  --mat-chip-drag-preview: var(--uilab-sys-color-overlay-neutral-dragged);
  --mdc-chip-label-text-size: var(--uilab-ref-font-size-14);
  --mdc-chip-label-text-line-height: var(--uilab-custom-line-height-400);
  --mdc-chip-label-text-tracking: 0;
  --mat-chip-trailing-action-state-layer-color: var(--uilab-sys-color-inverse-container-regular-neutral-opaque);
  --mat-chip-trailing-action-focus-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mdc-chip-with-icon-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mdc-chip-with-icon-icon-size: 24px;
  --mdc-datepicker-container-shape: var(--uilab-ref-border-radius-4);
  --mat-datepicker-calendar-container-background-color: var(--uilab-sys-color-container-solid-neutral-super-subtle);
  --mat-datepicker-calendar-date-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-datepicker-calendar-body-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-datepicker-calendar-date-in-range-state-background-color: var(--uilab-sys-color-container-regular-accent-subtle);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--uilab-sys-color-container-regular-accent-subtle);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--uilab-sys-color-inverse-text-neutral-high-emphasis);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-datepicker-calendar-date-today-outline-color: var(--uilab-sys-color-outline-accent-opaque);
  --mat-datepicker-calendar-date-preview-state-outline-color: var(--uilab-sys-color-outline-accent-opaque);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--uilab-sys-color-inverse-text-neutral-high-emphasis);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--uilab-sys-color-container-regular-accent-light);
  --mat-datepicker-calendar-navigation-button-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-datepicker-calendar-header-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-datepicker-calendar-header-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-datepicker-calendar-body-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-datepicker-calendar-header-text-size: var(--uilab-ref-font-size-14);
  --mat-datepicker-calendar-body-label-text-size: var(--uilab-ref-font-size-14);
  --mat-datepicker-calendar-text-size: var(--uilab-ref-font-size-14);
  --mat-datepicker-calendar-container-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-dialog-container-shape: var(--uilab-ref-border-radius-4);
  --mdc-dialog-subhead-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-dialog-container-color: var(--uilab-sys-color-container-elevated-24dp);
  --mdc-dialog-supporting-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-dialog-supporting-text-tracking: 0;
  --mdc-dialog-supporting-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-dialog-supporting-text-size: var(--uilab-ref-font-size-14);
  --mdc-dialog-supporting-text-line-height: var(--uilab-custom-line-height-400);
  --mat-divider-color: var(--uilab-custom-outline-neutral-color-medium);
  --mat-expansion-container-shape: var(--uilab-ref-border-radius-4);
  --mat-expansion-container-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-expansion-header-text-weight: var(--uilab-ref-font-weight-medium);
  --mat-expansion-container-text-size: var(--uilab-ref-font-size-14);
  --mat-expansion-panel-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-expansion-container-background-color: var(--uilab-sys-color-container-elevated-00dp);
  --mat-expansion-container-text-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-expansion-header-text-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-expansion-header-text-tracking: 0;
  --mat-expansion-header-text-line-height: var(--uilab-custom-line-height-500);
  --mat-expansion-header-text-size: var(--uilab-ref-font-size-16);
  --mat-expansion-header-description-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-expansion-header-indicator-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-expansion-container-text-line-height: var(--uilab-custom-line-height-500);
  --mat-expansion-container-text-tracking: 0;
  --mat-form-field-subscript-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-form-field-container-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-form-field-subscript-text-size: var(--uilab-ref-font-size-12);
  --mat-form-field-container-text-size: var(--uilab-ref-font-size-16);
  --mat-form-field-text-disabled-color: var(--uilab-sys-color-text-neutral-disabled);
  --mat-form-field-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-form-field-leading-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-form-field-trailing-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-form-field-disabled-leading-icon-color: var(--uilab-sys-color-icon-neutral-disabled);
  --mat-form-field-disabled-trailing-icon-color: var(--uilab-sys-color-icon-neutral-disabled);
  --mat-form-field-hover-state-layer-opacity: var(--uilab-custom-container-opacity-100);
  --mat-form-field-focus-state-layer-opacity: var(--uilab-custom-container-opacity-200);
  --mat-form-field-state-layer-color: var(--uilab-custom-container-color-opaque);
  --mat-list-active-indicator-shape: var(--uilab-ref-border-radius-0);
  --mdc-list-list-item-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mdc-list-list-item-supporting-text-weight: var(--uilab-ref-font-weight-regular);
  --mdc-list-list-item-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-list-list-item-hover-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-list-list-item-leading-icon-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-list-list-item-disabled-leading-icon-color: var(--uilab-sys-color-text-neutral-opaque);
  --mdc-list-list-item-disabled-leading-icon-opacity: var(--uilab-custom-container-opacity-600);
  --mdc-list-list-item-hover-leading-icon-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-list-list-item-trailing-supporting-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-list-list-item-hover-trailing-icon-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-list-list-item-trailing-icon-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-list-list-item-disabled-trailing-icon-color: var(--uilab-sys-color-text-neutral-opaque);
  --mdc-list-list-item-disabled-trailing-icon-opacity: var(--uilab-custom-container-opacity-600);
  --mdc-list-list-item-hover-state-layer-opacity: var(--uilab-custom-container-opacity-200);
  --mdc-list-list-item-focus-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mdc-list-list-item-focus-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-list-list-item-disabled-label-text-color: var(--uilab-sys-color-text-neutral-opaque);
  --mdc-list-list-item-disabled-label-text-opacity: var(--uilab-custom-container-opacity-600);
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-supporting-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-list-list-item-hover-state-layer-color: var(--uilab-sys-color-inverse-container-regular-neutral-opaque);
  --mdc-list-list-item-focus-state-layer-color: var(--uilab-sys-color-inverse-container-regular-neutral-opaque);
  --mat-list-active-indicator-color: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --uilab-mat-list-activated-hover-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-list-list-item-disabled-select-control-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-list-list-item-trailing-disabled-supporting-text-color: var(--uilab-sys-color-text-neutral-disabled);
  --uilab-mat-list-activated-ripple-color: var(--uilab-sys-color-container-regular-accent-light);
  --mdc-list-list-item-label-text-line-height: var(--uilab-custom-line-height-500);
  --mdc-list-list-item-label-text-size: var(--uilab-ref-font-size-16);
  --mdc-list-list-item-label-text-tracking: 0;
  --mdc-list-list-item-supporting-text-size: var(--uilab-ref-font-size-14);
  --mdc-list-list-item-supporting-text-line-height: var(--uilab-custom-line-height-400);
  --mdc-list-list-item-supporting-text-tracking: 0;
  --mat-menu-item-label-text-size: var(--uilab-ref-font-size-16);
  --mat-menu-item-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-menu-item-with-icon-leading-spacing: var(--uilab-custom-spacing-16);
  --mat-menu-item-with-icon-trailing-spacing: var(--uilab-custom-spacing-16);
  --mat-menu-item-hover-state-layer-color: var(--uilab-sys-color-container-regular-neutral-more-subtle);
  --mat-menu-item-focus-state-layer-color: var(--uilab-sys-color-container-regular-neutral-subtle);
  --mat-menu-container-color: var(--uilab-sys-color-container-elevated-08dp);
  --mat-menu-item-label-text-tracking: 0;
  --mat-menu-item-label-text-line-height: var(--uilab-custom-line-height-500);
  --mat-menu-item-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-menu-item-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --uilab-mat-label-text-color-error: var(--uilab-sys-color-text-error-opaque);
  --uilab-mat-label-text-size: var(--uilab-ref-font-size-16);
  --uilab-mat-error-text-size: var(--uilab-ref-font-size-12);
  --uilab-mat-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-overlay-dark-backdrop: var(--uilab-custom-container-neutral-medium);
  --mat-paginator-container-text-size: var(--uilab-ref-font-size-14);
  --mat-paginator-container-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-paginator-container-background-color: var(--uilab-sys-color-container-elevated-00dp);
  --mat-paginator-container-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-paginator-container-text-tracking: 0;
  --mat-paginator-container-text-line-height: var(--uilab-custom-line-height-400);
  --mat-paginator-form-field-container-vertical-padding: var(--uilab-custom-spacing-16);
  --mat-paginator-form-field-container-height: var(--uilab-ref-sizing-height-40);
  --mdc-linear-progress-active-indicator-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-linear-progress-track-color: var(--uilab-sys-color-container-solid-neutral-light);
  --mdc-circular-progress-active-indicator-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-circular-progress-size: var(--uilab-ref-sizing-height-48);
  --mdc-circular-progress-active-indicator-width: var(--uilab-ref-sizing-height-48);
  --mat-radio-label-text-size: var(--uilab-ref-font-size-16);
  --mdc-radio-disabled-unselected-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-radio-disabled-selected-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mat-radio-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-radio-checked-ripple-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-radio-selected-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-radio-selected-hover-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-radio-selected-focus-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-radio-selected-pressed-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-radio-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-radio-unselected-icon-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-radio-unselected-hover-icon-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-radio-unselected-focus-icon-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-radio-disabled-unselected-icon-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-radio-disabled-label-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-radio-disabled-selected-icon-color: var(--uilab-sys-color-text-neutral-disabled);
  --mat-radio-label-text-line-height: var(--uilab-custom-line-height-400);
  --mat-radio-label-text-tracking: 0;
  --mat-ripple-active-color: var(--uilab-sys-color-overlay-accent-pressed-on-focused);
  --mat-ripple-color: var(--uilab-sys-color-overlay-neutral-pressed-on-focused);
  --mat-select-trigger-text-size: var(--uilab-ref-font-size-16);
  --mat-select-trigger-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-select-panel-background-color: var(--uilab-sys-color-container-elevated-08dp);
  --mat-select-enabled-trigger-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-select-enabled-arrow-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-select-focused-arrow-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-select-hover-arrow-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-option-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-option-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-option-selected-state-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-option-selected-state-layer-color: var(--uilab-sys-color-container-regular-accent-light);
  --mat-option-focus-state-layer-color: var(--uilab-sys-color-container-regular-neutral-subtle);
  --mat-option-hover-state-layer-color: var(--uilab-sys-color-container-regular-neutral-more-subtle);
  --mdc-plain-sidenav-container-shape: var(--uilab-ref-border-radius-4);
  --mat-sidenav-container-shape: var(--uilab-ref-border-radius-0);
  --mat-sidenav-content-background-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mat-sidenav-container-background-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mat-sidenav-content-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-sidenav-container-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-switch-track-height: 14px;
  --mat-switch-track-outline-width: 0;
  --mdc-switch-selected-icon-size: 20px;
  --mdc-switch-unselected-icon-size: 20px;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-switch-label-text-size: var(--uilab-ref-font-size-16);
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mdc-switch-track-width: var(--uilab-ref-sizing-height-32);
  --mdc-switch-handle-width: var(--uilab-ref-sizing-height-32);
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0 14px;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0 14px;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0 0;
  --mdc-switch-disabled-unselected-icon-color: transparent;
  --mdc-switch-selected-icon-color: transparent;
  --mdc-switch-unselected-icon-color: transparent;
  --mdc-switch-disabled-selected-icon-color: transparent;
  --mdc-switch-disabled-unselected-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-disabled-track-opacity: var(--uilab-custom-container-opacity-1000);
  --mat-switch-disabled-unselected-track-outline-width: 0;
  --mdc-switch-disabled-selected-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-selected-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-switch-selected-hover-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-switch-selected-focus-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-switch-selected-pressed-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-switch-disabled-unselected-handle-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-unselected-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-unselected-focus-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-unselected-hover-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-selected-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-selected-focus-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-selected-hover-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-handle-elevation-shadow: var(--uilab-sys-elevation-box-shadow-02dp);
  --mdc-switch-disabled-handle-elevation-shadow: var(--uilab-sys-elevation-box-shadow-02dp);
  --mdc-switch-unselected-track-color: var(--uilab-custom-container-neutral-medium);
  --mdc-switch-unselected-hover-track-color: var(--uilab-custom-container-neutral-medium);
  --mdc-switch-unselected-focus-track-color: var(--uilab-custom-container-neutral-medium);
  --mdc-switch-unselected-pressed-track-color: var(--uilab-custom-container-neutral-medium);
  --mdc-switch-selected-track-color: var(--uilab-custom-container-accent-medium);
  --mdc-switch-selected-hover-track-color: var(--uilab-custom-container-accent-medium);
  --mdc-switch-selected-focus-track-color: var(--uilab-custom-container-accent-medium);
  --mdc-switch-selected-pressed-track-color: var(--uilab-custom-container-accent-medium);
  --mdc-switch-unselected-handle-color: var(--uilab-custom-container-toggle-handle-background);
  --mdc-switch-unselected-hover-handle-color: var(--uilab-custom-container-toggle-handle-background);
  --mdc-switch-unselected-focus-handle-color: var(--uilab-custom-container-toggle-handle-background);
  --mdc-switch-unselected-pressed-handle-color: var(--uilab-custom-container-toggle-handle-background);
  --mat-switch-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-switch-handle-surface-color: var(--uilab-custom-container-toggle-handle-background);
  --mdc-switch-disabled-unselected-handle-color: var(--uilab-sys-color-container-solid-neutral-light);
  --mdc-switch-disabled-unselected-track-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-switch-disabled-selected-track-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-switch-disabled-selected-handle-color: var(--uilab-custom-container-toggle-handle-background);
  --mdc-switch-unselected-hover-state-layer-color: var(--uilab-sys-color-overlay-neutral-hovered);
  --mdc-switch-unselected-focus-state-layer-color: var(--uilab-sys-color-overlay-neutral-focused);
  --mdc-switch-unselected-pressed-state-layer-color: var(--uilab-sys-color-overlay-neutral-pressed-on-focused);
  --mdc-switch-selected-hover-state-layer-color: var(--uilab-sys-color-overlay-accent-hovered);
  --mdc-switch-selected-focus-state-layer-color: var(--uilab-sys-color-overlay-accent-focused);
  --mdc-switch-selected-pressed-state-layer-color: var(--uilab-sys-color-overlay-accent-pressed-on-focused);
  --mat-switch-disabled-selected-handle-opacity: var(--uilab-sys-color-overlay-neutral-resting);
  --mdc-switch-disabled-label-text-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-switch-handle-shape: 9999px;
  --mdc-switch-track-shape: 16px;
  --mat-switch-label-text-tracking: 0;
  --mat-switch-label-text-line-height: var(--uilab-custom-line-height-400);
  --mdc-slider-focus-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-slider-pressed-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-slider-hover-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-slider-active-track-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-slider-label-container-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-slider-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-slider-inactive-track-color: var(--uilab-sys-color-container-solid-neutral-light);
  --mdc-slider-disabled-inactive-track-color: var(--uilab-sys-color-overlay-neutral-pressed);
  --mdc-slider-disabled-active-track-color: var(--uilab-sys-color-overlay-neutral-pressed-on-focused);
  --mdc-slider-disabled-handle-color: var(--uilab-sys-color-container-solid-neutral-light);
  --mdc-slider-label-label-text-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-slider-hover-state-layer-color: var(--uilab-sys-color-overlay-accent-hovered);
  --mat-slider-focus-state-layer-color: var(--uilab-sys-color-overlay-accent-focused);
  --mdc-slider-handle-shape: 9999px;
  --mat-snack-bar-button-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-snackbar-supporting-text-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mdc-snackbar-container-color: var(--uilab-sys-color-inverse-container-solid-neutral-extra-subtle);
  --mdc-snackbar-supporting-text-line-height: var(--uilab-custom-line-height-400);
  --mdc-snackbar-supporting-text-weight: var(--uilab-ref-font-weight-regular);
  --mdc-snackbar-supporting-text-size: var(--uilab-ref-font-size-14);
  --mat-sort-arrow-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-stepper-container-color: var(--uilab-sys-color-container-elevated-00dp);
  --mat-stepper-header-hover-state-layer-shape: var(--uilab-ref-border-radius-0);
  --mat-stepper-header-focus-state-layer-shape: var(--uilab-ref-border-radius-0);
  --mat-stepper-header-selected-state-icon-background-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-stepper-header-edit-state-icon-background-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-stepper-header-hover-state-layer-color: var(--uilab-sys-color-overlay-neutral-hovered);
  --mat-stepper-header-focus-state-layer-color: var(--uilab-sys-color-overlay-neutral-focused);
  --mat-stepper-line-color: var(--uilab-sys-color-container-solid-neutral-light);
  --mat-stepper-header-icon-foreground-color: var(--uilab-sys-color-inverse-icon-neutral-opaque);
  --mat-stepper-header-icon-background-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-table-header-headline-weight: var(--uilab-ref-font-weight-medium);
  --mat-table-header-headline-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-table-row-item-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-table-background-color: var(--uilab-sys-color-container-elevated-00dp);
  --mat-table-row-item-outline-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-mdc-table-border-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-app-elevation-shadow-level-8: unset;
  --mat-tabs-header-headline-weight: var(--uilab-ref-font-weight-medium);
  --mat-tab-header-divider-height: 0;
  --mat-tab-header-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-tab-indicator-active-indicator-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-tab-header-active-focus-indicator-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-tab-header-active-hover-indicator-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-tab-header-active-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-tab-header-active-hover-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-tab-header-active-focus-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-tab-header-active-pressed-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-tab-header-inactive-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-tab-header-inactive-hover-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-tab-header-inactive-focus-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-tab-header-inactive-pressed-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-mdc-tab-link-disabled: var(--uilab-custom-container-opacity-1000);
  --mat-tab-header-disabled-label-text-color: var(--uilab-sys-color-text-neutral-disabled);
  --mat-tab-header-inactive-ripple-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-tab-header-active-ripple-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-mdc-tab-hover-link-ripple: var(--uilab-custom-container-opacity-200);
  --mdc-tab-active-background-color: var(--uilab-custom-container-opacity-200);
  --mdc-tab-indicator-disabled-indicator-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-mdc-tab-active-link-ripple-opacity: var(--uilab-custom-container-opacity-200);
  --mat-tab-header-pagination-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-filled-text-field-focus-active-indicator-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-filled-text-field-focus-label-text-color: var(--uilab-sys-color-text-accent-opaque);
  --mdc-outlined-text-field-focus-outline-color: var(--uilab-sys-color-outline-accent-opaque);
  --mdc-outlined-text-field-focus-label-text-color: var(--uilab-sys-color-text-accent-opaque);
  --mdc-filled-text-field-error-label-text-color: var(--uilab-sys-color-text-error-opaque);
  --mat-form-field-error-text-color: var(--uilab-sys-color-text-error-opaque);
  --mdc-filled-text-field-error-active-indicator-color: var(--uilab-sys-color-text-error-opaque);
  --mdc-filled-text-field-error-focus-active-indicator-color: var(--uilab-sys-color-outline-error-opaque);
  --mdc-filled-text-field-error-hover-active-indicator-color: var(--uilab-sys-color-text-error-opaque);
  --mdc-filled-text-field-error-hover-label-text-color: var(--uilab-sys-color-text-error-opaque);
  --mdc-filled-text-field-error-focus-label-text-color: var(--uilab-sys-color-text-error-opaque);
  --mdc-outlined-text-field-error-hover-label-text-color: var(--uilab-sys-color-text-error-opaque);
  --mdc-outlined-text-field-error-hover-outline-color: var(--uilab-sys-color-outline-error-opaque);
  --mat-full-pseudo-checkbox-selected-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-filled-text-field-caret-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-filled-text-field-active-indicator-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-filled-text-field-hover-active-indicator-color: var(--uilab-sys-color-outline-neutral-high-emphasis);
  --mdc-filled-text-field-text-disabled-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-filled-text-field-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-filled-text-field-disabled-container-color: var(--uilab-sys-color-container-solid-neutral-extra-subtle);
  --mdc-filled-text-field-disabled-active-indicator-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-filled-text-field-container-hover-color: var(--uilab-sys-color-overlay-neutral-hovered-subtle);
  --mdc-filled-text-field-input-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-filled-text-field-container-focus-color: var(--uilab-sys-color-overlay-neutral-focused-subtle);
  --mdc-filled-text-field-container-color: var(--uilab-sys-color-container-solid-neutral-extra-subtle);
  --mdc-filled-text-field-border-bottom-readonly-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-filled-text-field-line-ripple-readonly: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-filled-text-field-hover-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-outlined-text-field-outline-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-outlined-text-field-hover-outline-color: var(--uilab-sys-color-outline-neutral-high-emphasis);
  --mdc-outlined-text-field-input-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-outlined-text-field-outline-readonly-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-outlined-text-field-disabled-outline-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-outlined-text-field-hover-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-outlined-text-field-caret-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-outlined-text-field-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-toolbar-container-background-color: var(--uilab-sys-color-container-elevated-00dp);
  --mat-toolbar-container-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-plain-tooltip-container-shape: var(--uilab-ref-border-radius-4);
  --mdc-plain-tooltip-container-color: var(--uilab-sys-color-inverse-container-solid-neutral-extra-subtle);
  --mdc-plain-tooltip-supporting-text-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-tree-node-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-tree-container-background-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mat-tree-node-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-sys-primary: #4d5ee0;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #ffffff;
  --mat-sys-on-primary-container: #000000;
  --mat-sys-inverse-primary: #78a1fc;
  --mat-sys-primary-fixed: #78a1fc;
  --mat-sys-primary-fixed-dim: #78a1fc;
  --mat-sys-on-primary-fixed: #000000;
  --mat-sys-on-primary-fixed-variant: #000000;
  --mat-sys-secondary: #4d5ee0;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: #dfe0ff;
  --mat-sys-on-secondary-container: rgba(0, 0, 0, 0.9019607843);
  --mat-sys-secondary-fixed: #dfe0ff;
  --mat-sys-secondary-fixed-dim: #dfe0ff;
  --mat-sys-on-secondary-fixed: rgba(0, 0, 0, 0.9019607843);
  --mat-sys-on-secondary-fixed-variant: rgba(0, 0, 0, 0.9019607843);
  --mat-sys-tertiary: #4d5ee0;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: #dfe0ff;
  --mat-sys-on-tertiary-container: rgba(0, 0, 0, 0.9019607843);
  --mat-sys-tertiary-fixed: #dfe0ff;
  --mat-sys-tertiary-fixed-dim: #bcc2ff;
  --mat-sys-on-tertiary-fixed: #000b62;
  --mat-sys-on-tertiary-fixed-variant: #2133b9;
  --mat-sys-background: #fcf8f8;
  --mat-sys-on-background: rgba(0, 0, 0, 0.9019607843);
  --mat-sys-surface: #4d5ee0;
  --mat-sys-surface-dim: #dcd9d9;
  --mat-sys-surface-bright: #fcf8f8;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: #f6f3f2;
  --mat-sys-surface-container: #f0eded;
  --mat-sys-surface-container-high: #ebe7e7;
  --mat-sys-surface-container-highest: #e5e2e1;
  --mat-sys-on-surface: rgba(0, 0, 0, 0.9019607843);
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #5a5f62;
  --mat-sys-inverse-surface: #313030;
  --mat-sys-inverse-on-surface: #f3f0ef;
  --mat-sys-outline: rgba(0, 0, 0, 0.44);
  --mat-sys-outline-variant: rgb(0, 0, 0);
  --mat-sys-error: #cc2e29;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #410002;
  --mat-sys-surface-variant: #e1e2e6;
  --mat-sys-on-surface-variant: #000000;
}
:root[data-theme=dark],
[data-theme=dark],
:root[data-theme=dark-background],
[data-theme=dark-background] {
  --mat-sys-label-small-size: var(--uilab-ref-font-size-12);
  --mat-sys-label-small-weight: var(--uilab-ref-font-weight-regular);
  --mat-sys-label-small-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-label-large-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-body-medium-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-title-large-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-title-medium-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-body-small-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-body-large-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-headline-small-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-title-small-font:
    roboto,
    helvetica,
    arial,
    sans-serif;
  --mat-sys-title-large-size: var(--uilab-ref-font-size-22);
  --mat-sys-body-medium-size: var(--uilab-ref-font-size-16);
  --mat-sys-label-large-size: var(--uilab-ref-font-size-16);
  --mat-sys-title-medium-size: var(--uilab-ref-font-size-16);
  --mat-sys-title-small-size: var(--uilab-ref-font-size-14);
  --mat-sys-body-small-size: var(--uilab-ref-font-size-14);
  --mat-tab-header-label-text-size: var(--uilab-ref-font-size-14);
  --mat-sys-headline-small-size: var(--uilab-ref-font-size-24);
  --mat-sys-label-large-weight: var(--uilab-ref-font-weight-medium);
  --mat-sys-body-medium-weight: var(--uilab-ref-font-weight-medium);
  --mat-sys-title-large-weight: var(--uilab-ref-font-weight-medium);
  --mat-sys-headline-small-weight: var(--uilab-ref-font-weight-medium);
  --mat-sys-body-large-weight: var(--uilab-ref-font-weight-regular);
  --mat-sys-body-small-weight: var(--uilab-ref-font-weight-regular);
  --mat-sys-body-large-size: var(--uilab-ref-font-size-16);
  --mat-sys-title-small-weight: var(--uilab-ref-font-weight-regular);
  --mat-sys-title-large-line-height: var(--uilab-custom-line-height-600);
  --mat-sys-title-medium-line-height: var(--uilab-custom-line-height-500);
  --mat-sys-body-medium-line-height: var(--uilab-custom-line-height-400);
  --mat-sys-label-large-line-height: var(--uilab-custom-line-height-500);
  --mat-sys-body-large-line-height: var(--uilab-custom-line-height-500);
  --mat-sys-headline-small-line-height: var(--uilab-custom-line-height-700);
  --mat-sys-body-small-line-height: var(--uilab-custom-line-height-400);
  --mat-sys-label-small-line-height: var(--uilab-custom-line-height-700);
  --mat-sys-label-large-tracking: 0;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-medium-tracking: 0;
  --mat-sys-body-medium-tracking: 0;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-body-large-tracking: 0;
  --mat-sys-body-small-tracking: 0;
  --mat-sys-title-small-tracking: 0;
  --mat-sys-corner-extra-small: var(--uilab-ref-border-radius-4);
  --mat-sys-corner-large: var(--uilab-ref-border-radius-4);
  --mat-app-corner-full: var(--uilab-ref-border-radius-4);
  --mat-sys-corner-full: var(--uilab-ref-border-radius-4);
  --mat-sys-outline: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mat-app-corner-medium: var(--uilab-ref-border-radius-4);
  --mat-sys-primary: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-app-primary: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-sys-on-primary: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-sys-on-surface-variant: var(--uilab-custom-container-color-opaque);
  --mat-sys-hover-state-layer-opacity: var(--uilab-custom-container-opacity-200);
  --mat-sys-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-app-elevation-shadow-level-2: var(--uilab-sys-elevation-box-shadow-08dp);
  --mat-app-elevation-shadow-level-3: var(--uilab-sys-elevation-box-shadow-12dp);
  --mat-app-elevation-shadow-level-4: var(--uilab-sys-elevation-box-shadow-16dp);
  --mat-sys-level1: var(--uilab-sys-elevation-box-shadow-01dp);
  --mat-sys-level2: var(--uilab-sys-elevation-box-shadow-02dp);
  --mat-sys-level3: var(--uilab-sys-elevation-box-shadow-03dp);
  --mat-sys-level4: var(--uilab-sys-elevation-box-shadow-04dp);
  --mat-sys-level5: var(--uilab-sys-elevation-box-shadow-06dp);
  --mat-sys-level6: var(--uilab-sys-elevation-box-shadow-08dp);
  --sys-primary: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-primary: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-primary-container: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-primary-container: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-inverse-primary: var(--uilab-sys-color-inverse-container-regular-accent-opaque);
  --sys-primary-fixed: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-primary-fixed-dim: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-primary-fixed: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-primary-fixed-variant: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-secondary: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-secondary: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-secondary-container: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-secondary-container: var(--uilab-sys-color-text-neutral-high-emphasis);
  --sys-secondary-fixed: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-secondary-fixed-dim: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-secondary-fixed: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-secondary-fixed-variant: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-tertiary: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-tertiary: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-tertiary-container: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-tertiary-container: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-tertiary-fixed: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-tertiary-fixed-dim: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-tertiary-fixed: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-on-tertiary-fixed-variant: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-background: var();
  --sys-on-background: var(--uilab-sys-color-text-neutral-high-emphasis);
  --sys-surface: var(--uilab-sys-color-container-elevated-24dp);
  --sys-surface-dim: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-surface-bright: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-surface-container-lowest: var(--uilab-sys-color-container-elevated-24dp);
  --sys-surface-container-low: var(--uilab-sys-color-container-elevated-24dp);
  --sys-surface-container: var(--uilab-sys-color-container-elevated-08dp);
  --sys-surface-container-high: var(--uilab-sys-color-container-elevated-24dp);
  --sys-surface-container-highest: var(--uilab-sys-color-container-elevated-24dp);
  --sys-on-surface: var(--uilab-sys-color-text-neutral-high-emphasis);
  --sys-shadow: var(--uilab-sys-color-inverse-container-regular-neutral-opaque);
  --sys-scrim: var(--uilab-sys-color-inverse-container-regular-neutral-opaque);
  --sys-surface-tint: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-inverse-surface: var(--uilab-sys-color-inverse-container-elevated-24dp);
  --sys-inverse-on-surface: var(--uilab-sys-color-inverse-text-neutral-high-emphasis);
  --sys-outline: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --sys-outline-variant: var(--uilab-sys-color-outline-neutral-disabled);
  --sys-neutral: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-neutral10: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-error: var(--uilab-sys-color-container-regular-error-opaque);
  --sys-error-container: var(--uilab-sys-color-container-regular-error-opaque);
  --sys-on-error: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-on-error-container: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --sys-surface-variant: var(--uilab-sys-color-container-solid-neutral-extra-subtle);
  --sys-on-surface-variant: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --sys-neutral-variant: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --sys-neutral-variant20: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-inverse-secondary: var(--uilab-sys-color-container-regular-accent-opaque);
  --sys-inverse-tertiary: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-autocomplete-background-color: var(--uilab-sys-color-container-elevated-24dp);
  --mat-badge-legacy-small-size-container-size: var(--uilab-ref-border-radius-4);
  --mat-badge-legacy-container-size: unset;
  --mat-badge-background-color: var(--uilab-sys-color-container-regular-error-opaque);
  --mat-badge-text-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-badge-container-shape: 9999px;
  --mat-badge-container-size: 16px;
  --mat-badge-line-height: 16px;
  --mat-badge-container-padding: 0 4px;
  --mat-badge-container-overlap-offset: -12px;
  --mat-badge-container-offset: -12px 0;
  --mat-badge-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-bottom-sheet-container-shape: var(--uilab-ref-border-radius-4);
  --mat-bottom-sheet-container-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-bottom-sheet-container-background-color: var(--uilab-sys-color-container-elevated-24dp);
  --mat-bottom-sheet-container-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-standard-button-toggle-shape: var(--uilab-ref-border-radius-4);
  --mat-standard-button-toggle-label-text-size: var(--uilab-ref-font-size-14);
  --mat-standard-button-toggle-label-text-line-height: var(--uilab-custom-line-height-400);
  --mat-standard-button-toggle-label-text-tracking: 0;
  --mat-standard-button-toggle-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-standard-button-toggle-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-standard-button-toggle-selected-state-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-legacy-button-toggle-selected-state-background-color: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mat-standard-button-toggle-selected-state-background-color: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mat-button-toggle-appearance-standard-hover: var(--uilab-sys-color-container-regular-accent-extra-subtle);
  --mat-button-toggle-appearance-standard-focus: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mat-button-toggle-appearance-standard-checked-hover: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mat-button-toggle-appearance-standard-checked-focus: var(--uilab-sys-color-container-regular-accent-light);
  --mat-standard-button-toggle-disabled-selected-state-background-color: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mat-standard-button-toggle-divider-disabled-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-standard-button-toggle-state-layer-color: var(--uilab-sys-color-container-elevated-00dp);
  --mat-standard-button-toggle-divider-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mat-button-toggle-appearance-standard-text-checked: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-filled-button-container-shape: var(--uilab-ref-border-radius-4);
  --mat-filled-button-icon-spacing: var(--uilab-custom-spacing-4);
  --mat-filled-button-icon-offset: var(--uilab-custom-spacing-neg-4);
  --mdc-filled-button-label-text-size: var(--uilab-ref-font-size-14);
  --mat-filled-button-horizontal-padding: var(--uilab-custom-spacing-16);
  --mdc-filled-button-label-text-transform: unset;
  --mdc-filled-button-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-filled-button-container-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-outlined-button-label-text-size: var(--uilab-ref-font-size-14);
  --mdc-outlined-button-label-text-transform: unset;
  --mdc-outlined-button-outline-width: 1px;
  --mat-outlined-button-horizontal-padding: var(--uilab-custom-spacing-16);
  --mat-outlined-button-icon-offset: var(--uilab-custom-spacing-neg-4);
  --mat-outlined-button-icon-spacing: var(--uilab-custom-spacing-4);
  --mdc-outlined-button-container-shape: var(--uilab-ref-border-radius-4);
  --mdc-text-button-label-text-size: var(--uilab-ref-font-size-14);
  --mdc-text-button-label-text-transform: unset;
  --mat-text-button-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-text-button-container-shape: var(--uilab-ref-border-radius-4);
  --mat-text-button-horizontal-padding: var(--uilab-custom-spacing-16);
  --mat-text-button-icon-offset: var(--uilab-custom-spacing-neg-4);
  --mat-text-button-icon-spacing: var(--uilab-custom-spacing-4);
  --mdc-text-button-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-text-button-label-text-color: var(--uilab-sys-color-text-accent-opaque);
  --mdc-protected-button-container-shape: var(--uilab-ref-border-radius-4);
  --mdc-protected-button-container-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-protected-button-label-text-size: var(--uilab-ref-font-size-14);
  --mdc-protected-button-label-text-transform: unset;
  --mdc-protected-button-container-elevation-shadow: none;
  --mdc-protected-button-hover-container-elevation-shadow: none;
  --mdc-protected-button-focus-container-elevation-shadow: none;
  --mdc-protected-button-pressed-container-elevation-shadow: none;
  --mdc-protected-button-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-outlined-button-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mat-protected-button-icon-spacing: var(--uilab-custom-spacing-4);
  --mat-protected-button-horizontal-padding: var(--uilab-custom-spacing-16);
  --mat-protected-button-icon-offset: var(--uilab-custom-spacing-neg-4);
  --mdc-extended-fab-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-fab-container-shape: 9999px;
  --mdc-fab-small-container-shape: 9999px;
  --mdc-fab-container-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-extended-fab-container-height: var(--uilab-ref-sizing-height-48);
  --mdc-extended-fab-container-shape: var(--uilab-ref-sizing-height-24);
  --mdc-fab-small-container-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-icon-button-state-layer-size: var(--uilab-ref-sizing-height-48);
  --mat-filled-button-hover-state-layer-opacity: var(--uilab-custom-container-opacity-200);
  --mat-filled-button-focus-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-filled-button-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-550);
  --mdc-filled-button-label-text-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-fab-small-ripple-color: var(--uilab-sys-color-inverse-overlay-neutral-pressed-on-focused);
  --mdc-filled-button-disabled-label-text-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-filled-button-disabled-container-color: var(--uilab-sys-color-container-solid-neutral-subtle);
  --mat-outlined-button-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-outlined-button-outline-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mat-outlined-button-hover-state-layer-opacity: var(--uilab-custom-container-opacity-200);
  --mat-outlined-button-focus-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-outlined-button-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mdc-outlined-button-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-outlined-button-disabled-label-text-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-outlined-button-disabled-outline-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-text-button-outline-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mat-text-button-hover-state-layer-opacity: var(--uilab-custom-container-opacity-200);
  --mat-text-button-focus-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-text-button-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mdc-text-button-disabled-label-text-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-text-button-disabled-outline-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-icon-button-disabled-icon-color: var(--uilab-sys-color-text-neutral-disabled);
  --mat-icon-button-active-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-icon-button-state-active-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-icon-button-resting-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-icon-button-hover-active-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-icon-button-focus-active-state-layer-opacity: var(--uilab-custom-container-opacity-500);
  --mdc-icon-button-icon-active-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-icon-button-disabled-active-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-protected-button-label-text-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-protected-button-hover-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-protected-button-focus-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-protected-button-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-protected-button-state-layer-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mat-fab-foreground-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-fab-state-layer-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mat-fab-hover-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-fab-focus-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-fab-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-fab-small-foreground-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-fab-small-state-layer-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mat-fab-small-hover-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-fab-small-focus-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-fab-small-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mat-filled-button-state-layer-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mdc-filled-button-label-text-tracking: 0;
  --mdc-text-button-disabled-container-color: var(--uilab-sys-color-container-solid-neutral-subtle);
  --mdc-icon-button-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-icon-button-hover-state-layer-opacity: var(--uilab-custom-container-opacity-100);
  --mat-icon-button-focus-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mat-protected-button-ripple-color: var(--uilab-sys-color-inverse-overlay-neutral-pressed-on-focused);
  --mat-text-button-ripple-color: var(--uilab-sys-color-overlay-accent-pressed-on-focused);
  --mat-fab-ripple-color: var(--uilab-sys-color-inverse-overlay-neutral-pressed-on-focused);
  --mat-outlined-button-ripple-color: var(--uilab-sys-color-overlay-accent-pressed-on-focused);
  --mat-filled-button-ripple-color: var(--uilab-sys-color-inverse-overlay-neutral-pressed-on-focused);
  --mdc-outlined-card-container-shape: var(--uilab-ref-border-radius-4);
  --mdc-elevated-card-container-shape: var(--uilab-ref-border-radius-4);
  --mdc-elevated-card-container-color: var(--uilab-sys-color-container-elevated-00dp);
  --mdc-outlined-card-container-color: var(--uilab-sys-color-container-elevated-00dp);
  --mdc-outlined-card-outline-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-card-subtitle-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-card-subtitle-text-weight: var(--uilab-ref-font-weight-medium);
  --mat-sys-title-medium-weight: var(--uilab-ref-font-weight-medium);
  --mat-card-title-text-weight: var(--uilab-ref-font-weight-medium);
  --mat-card-title-text-tracking: 0;
  --mat-card-title-text-size: var(--uilab-ref-font-size-22);
  --mat-card-title-text-line-height: var(--uilab-custom-line-height-600);
  --mat-card-subtitle-text-line-height: var(--uilab-custom-line-height-500);
  --mat-card-subtitle-text-size: var(--uilab-ref-font-size-16);
  --mat-card-subtitle-text-tracking: 0;
  --mdc-checkbox-disabled-unselected-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-checkbox-disabled-selected-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-checkbox-unselected-hover-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-checkbox-unselected-focus-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-checkbox-selected-hover-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-checkbox-selected-focus-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mat-checkbox-label-text-size: var(--uilab-ref-font-size-16);
  --mat-checkbox-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-checkbox-selected-checkmark-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mdc-checkbox-selected-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-checkbox-selected-hover-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-checkbox-selected-focus-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-checkbox-disabled-unselected-icon-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-checkbox-disabled-selected-icon-color: var(--uilab-sys-color-icon-neutral-disabled);
  --mat-checkbox-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-checkbox-unselected-hover-icon-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-checkbox-unselected-focus-icon-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-checkbox-unselected-icon-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-checkbox-unselected-hover-state-layer-color: var(--uilab-sys-color-container-regular-neutral-more-subtle);
  --mdc-checkbox-unselected-focus-state-layer-color: var(--uilab-sys-color-container-regular-neutral-subtle);
  --mdc-checkbox-unselected-pressed-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-checkbox-selected-hover-state-layer-color: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mdc-checkbox-selected-focus-state-layer-color: var(--uilab-sys-color-container-regular-accent-subtle);
  --mat-checkbox-label-text-tracking: 0;
  --mat-checkbox-label-text-line-height: var(--uilab-custom-line-height-400);
  --mdc-checkbox-disabled-selected-checkmark-color: var(--uilab-sys-color-inverse-icon-neutral-opaque);
  --mdc-chip-container-shape-radius: var(--uilab-ref-border-radius-16);
  --mdc-chip-hover-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-chip-outline-width: 0;
  --mdc-chip-with-avatar-disabled-avatar-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-chip-with-avatar-avatar-size: var(--uilab-ref-sizing-height-24);
  --mdc-chip-selected-hover-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-chip-with-icon-disabled-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-chip-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-chip-hover-state-layer-color: var(--uilab-sys-color-overlay-neutral-hovered);
  --mdc-chip-focus-state-layer-color: var(--uilab-sys-color-overlay-neutral-focused);
  --mdc-chip-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-chip-with-icon-disabled-icon-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--uilab-sys-color-icon-neutral-disabled);
  --mdc-chip-with-icon-selected-icon-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-chip-selected-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-chip-selected-trailing-icon-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-chip-selected-disabled-trailing-icon-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-chip-selected-hover-state-layer-color: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --mdc-chip-selected-focus-state-layer-color: var(--uilab-sys-color-container-regular-accent-subtle);
  --mdc-chip-outline-outlined-highlight-color: var(--uilab-sys-color-container-regular-accent-subtle);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-chip-elevated-container-color: var(--uilab-sys-color-container-solid-neutral-more-subtle);
  --mdc-chip-elevated-container-outlined-highlight-color: var(--uilab-sys-color-container-regular-accent-subtle);
  --mdc-chip-elevated-container-outlined-color: ;
  --mdc-chip-elevated-disabled-container-color: var(--uilab-sys-color-container-solid-neutral-more-subtle);
  --mdc-chip-elevated-selected-container-color: var(--uilab-sys-color-container-solid-accent-light);
  --mdc-chip-elevated-disabled-container-highlight-color: var(--uilab-sys-color-container-solid-accent-light);
  --mdc-chip-flat-disabled-selected-container-color: var(--uilab-sys-color-container-solid-accent-light);
  --mat-chip-drag-preview: var(--uilab-sys-color-overlay-neutral-dragged);
  --mdc-chip-label-text-size: var(--uilab-ref-font-size-14);
  --mdc-chip-label-text-line-height: var(--uilab-custom-line-height-400);
  --mdc-chip-label-text-tracking: 0;
  --mat-chip-trailing-action-state-layer-color: var(--uilab-sys-color-inverse-container-regular-neutral-opaque);
  --mat-chip-trailing-action-focus-state-layer-opacity: var(--uilab-custom-container-opacity-400);
  --mdc-chip-with-icon-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mdc-chip-with-icon-icon-size: 24px;
  --mdc-datepicker-container-shape: var(--uilab-ref-border-radius-4);
  --mat-datepicker-calendar-container-background-color: var(--uilab-sys-color-container-solid-neutral-super-subtle);
  --mat-datepicker-calendar-date-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-datepicker-calendar-body-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-datepicker-calendar-date-in-range-state-background-color: var(--uilab-sys-color-container-regular-accent-subtle);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--uilab-sys-color-container-regular-accent-subtle);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--uilab-sys-color-inverse-text-neutral-high-emphasis);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-datepicker-calendar-date-today-outline-color: var(--uilab-sys-color-outline-accent-opaque);
  --mat-datepicker-calendar-date-preview-state-outline-color: var(--uilab-sys-color-outline-accent-opaque);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--uilab-sys-color-inverse-text-neutral-high-emphasis);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--uilab-sys-color-container-regular-accent-light);
  --mat-datepicker-calendar-navigation-button-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-datepicker-calendar-header-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-datepicker-calendar-header-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-datepicker-calendar-body-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-datepicker-calendar-header-text-size: var(--uilab-ref-font-size-14);
  --mat-datepicker-calendar-body-label-text-size: var(--uilab-ref-font-size-14);
  --mat-datepicker-calendar-text-size: var(--uilab-ref-font-size-14);
  --mat-datepicker-calendar-container-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-dialog-container-shape: var(--uilab-ref-border-radius-4);
  --mdc-dialog-subhead-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-dialog-container-color: var(--uilab-sys-color-container-elevated-24dp);
  --mdc-dialog-supporting-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-dialog-supporting-text-tracking: 0;
  --mdc-dialog-supporting-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-dialog-supporting-text-size: var(--uilab-ref-font-size-14);
  --mdc-dialog-supporting-text-line-height: var(--uilab-custom-line-height-400);
  --mat-divider-color: var(--uilab-custom-outline-neutral-color-medium);
  --mat-expansion-container-shape: var(--uilab-ref-border-radius-4);
  --mat-expansion-container-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-expansion-header-text-weight: var(--uilab-ref-font-weight-medium);
  --mat-expansion-container-text-size: var(--uilab-ref-font-size-14);
  --mat-expansion-panel-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-expansion-container-background-color: var(--uilab-sys-color-container-elevated-00dp);
  --mat-expansion-container-text-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-expansion-header-text-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-expansion-header-text-tracking: 0;
  --mat-expansion-header-text-line-height: var(--uilab-custom-line-height-500);
  --mat-expansion-header-text-size: var(--uilab-ref-font-size-16);
  --mat-expansion-header-description-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-expansion-header-indicator-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-expansion-container-text-line-height: var(--uilab-custom-line-height-500);
  --mat-expansion-container-text-tracking: 0;
  --mat-form-field-subscript-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-form-field-container-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-form-field-subscript-text-size: var(--uilab-ref-font-size-12);
  --mat-form-field-container-text-size: var(--uilab-ref-font-size-16);
  --mat-form-field-text-disabled-color: var(--uilab-sys-color-text-neutral-disabled);
  --mat-form-field-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-form-field-leading-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-form-field-trailing-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-form-field-disabled-leading-icon-color: var(--uilab-sys-color-icon-neutral-disabled);
  --mat-form-field-disabled-trailing-icon-color: var(--uilab-sys-color-icon-neutral-disabled);
  --mat-form-field-hover-state-layer-opacity: var(--uilab-custom-container-opacity-100);
  --mat-form-field-focus-state-layer-opacity: var(--uilab-custom-container-opacity-200);
  --mat-form-field-state-layer-color: var(--uilab-custom-container-color-opaque);
  --mat-list-active-indicator-shape: var(--uilab-ref-border-radius-0);
  --mdc-list-list-item-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mdc-list-list-item-supporting-text-weight: var(--uilab-ref-font-weight-regular);
  --mdc-list-list-item-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-list-list-item-hover-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-list-list-item-leading-icon-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-list-list-item-disabled-leading-icon-color: var(--uilab-sys-color-text-neutral-opaque);
  --mdc-list-list-item-disabled-leading-icon-opacity: var(--uilab-custom-container-opacity-600);
  --mdc-list-list-item-hover-leading-icon-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-list-list-item-trailing-supporting-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-list-list-item-hover-trailing-icon-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-list-list-item-trailing-icon-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-list-list-item-disabled-trailing-icon-color: var(--uilab-sys-color-text-neutral-opaque);
  --mdc-list-list-item-disabled-trailing-icon-opacity: var(--uilab-custom-container-opacity-600);
  --mdc-list-list-item-hover-state-layer-opacity: var(--uilab-custom-container-opacity-200);
  --mdc-list-list-item-focus-state-layer-opacity: var(--uilab-custom-container-opacity-300);
  --mdc-list-list-item-focus-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-list-list-item-disabled-label-text-color: var(--uilab-sys-color-text-neutral-opaque);
  --mdc-list-list-item-disabled-label-text-opacity: var(--uilab-custom-container-opacity-600);
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-supporting-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-list-list-item-hover-state-layer-color: var(--uilab-sys-color-inverse-container-regular-neutral-opaque);
  --mdc-list-list-item-focus-state-layer-color: var(--uilab-sys-color-inverse-container-regular-neutral-opaque);
  --mat-list-active-indicator-color: var(--uilab-sys-color-container-regular-accent-more-subtle);
  --uilab-mat-list-activated-hover-state-layer-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-list-list-item-disabled-select-control-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-list-list-item-trailing-disabled-supporting-text-color: var(--uilab-sys-color-text-neutral-disabled);
  --uilab-mat-list-activated-ripple-color: var(--uilab-sys-color-container-regular-accent-light);
  --mdc-list-list-item-label-text-line-height: var(--uilab-custom-line-height-500);
  --mdc-list-list-item-label-text-size: var(--uilab-ref-font-size-16);
  --mdc-list-list-item-label-text-tracking: 0;
  --mdc-list-list-item-supporting-text-size: var(--uilab-ref-font-size-14);
  --mdc-list-list-item-supporting-text-line-height: var(--uilab-custom-line-height-400);
  --mdc-list-list-item-supporting-text-tracking: 0;
  --mat-menu-item-label-text-size: var(--uilab-ref-font-size-16);
  --mat-menu-item-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-menu-item-with-icon-leading-spacing: var(--uilab-custom-spacing-16);
  --mat-menu-item-with-icon-trailing-spacing: var(--uilab-custom-spacing-16);
  --mat-menu-item-hover-state-layer-color: var(--uilab-sys-color-container-regular-neutral-more-subtle);
  --mat-menu-item-focus-state-layer-color: var(--uilab-sys-color-container-regular-neutral-subtle);
  --mat-menu-container-color: var(--uilab-sys-color-container-elevated-08dp);
  --mat-menu-item-label-text-tracking: 0;
  --mat-menu-item-label-text-line-height: var(--uilab-custom-line-height-500);
  --mat-menu-item-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-menu-item-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --uilab-mat-label-text-color-error: var(--uilab-sys-color-text-error-opaque);
  --uilab-mat-label-text-size: var(--uilab-ref-font-size-16);
  --uilab-mat-error-text-size: var(--uilab-ref-font-size-12);
  --uilab-mat-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-overlay-dark-backdrop: var(--uilab-custom-container-neutral-medium);
  --mat-paginator-container-text-size: var(--uilab-ref-font-size-14);
  --mat-paginator-container-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-paginator-container-background-color: var(--uilab-sys-color-container-elevated-00dp);
  --mat-paginator-container-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-paginator-container-text-tracking: 0;
  --mat-paginator-container-text-line-height: var(--uilab-custom-line-height-400);
  --mat-paginator-form-field-container-vertical-padding: var(--uilab-custom-spacing-16);
  --mat-paginator-form-field-container-height: var(--uilab-ref-sizing-height-40);
  --mdc-linear-progress-active-indicator-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-linear-progress-track-color: var(--uilab-sys-color-container-solid-neutral-light);
  --mdc-circular-progress-active-indicator-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-circular-progress-size: var(--uilab-ref-sizing-height-48);
  --mdc-circular-progress-active-indicator-width: var(--uilab-ref-sizing-height-48);
  --mat-radio-label-text-size: var(--uilab-ref-font-size-16);
  --mdc-radio-disabled-unselected-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-radio-disabled-selected-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mat-radio-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-radio-checked-ripple-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-radio-selected-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-radio-selected-hover-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-radio-selected-focus-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-radio-selected-pressed-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-radio-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-radio-unselected-icon-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-radio-unselected-hover-icon-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-radio-unselected-focus-icon-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-radio-disabled-unselected-icon-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-radio-disabled-label-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-radio-disabled-selected-icon-color: var(--uilab-sys-color-text-neutral-disabled);
  --mat-radio-label-text-line-height: var(--uilab-custom-line-height-400);
  --mat-radio-label-text-tracking: 0;
  --mat-ripple-active-color: var(--uilab-sys-color-overlay-accent-pressed-on-focused);
  --mat-ripple-color: var(--uilab-sys-color-overlay-neutral-pressed-on-focused);
  --mat-select-trigger-text-size: var(--uilab-ref-font-size-16);
  --mat-select-trigger-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-select-panel-background-color: var(--uilab-sys-color-container-elevated-08dp);
  --mat-select-enabled-trigger-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-select-enabled-arrow-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-select-focused-arrow-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-select-hover-arrow-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-option-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-option-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-option-selected-state-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-option-selected-state-layer-color: var(--uilab-sys-color-container-regular-accent-light);
  --mat-option-focus-state-layer-color: var(--uilab-sys-color-container-regular-neutral-subtle);
  --mat-option-hover-state-layer-color: var(--uilab-sys-color-container-regular-neutral-more-subtle);
  --mdc-plain-sidenav-container-shape: var(--uilab-ref-border-radius-4);
  --mat-sidenav-container-shape: var(--uilab-ref-border-radius-0);
  --mat-sidenav-content-background-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mat-sidenav-container-background-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mat-sidenav-content-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-sidenav-container-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-switch-track-height: 14px;
  --mat-switch-track-outline-width: 0;
  --mdc-switch-selected-icon-size: 20px;
  --mdc-switch-unselected-icon-size: 20px;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-label-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-switch-label-text-size: var(--uilab-ref-font-size-16);
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mdc-switch-track-width: var(--uilab-ref-sizing-height-32);
  --mdc-switch-handle-width: var(--uilab-ref-sizing-height-32);
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0 14px;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0 14px;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0 0;
  --mdc-switch-disabled-unselected-icon-color: transparent;
  --mdc-switch-selected-icon-color: transparent;
  --mdc-switch-unselected-icon-color: transparent;
  --mdc-switch-disabled-selected-icon-color: transparent;
  --mdc-switch-disabled-unselected-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-disabled-track-opacity: var(--uilab-custom-container-opacity-1000);
  --mat-switch-disabled-unselected-track-outline-width: 0;
  --mdc-switch-disabled-selected-icon-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-selected-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-switch-selected-hover-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-switch-selected-focus-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-switch-selected-pressed-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-switch-disabled-unselected-handle-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-unselected-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-unselected-focus-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-unselected-hover-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-selected-pressed-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-selected-focus-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-selected-hover-state-layer-opacity: var(--uilab-custom-container-opacity-1000);
  --mdc-switch-handle-elevation-shadow: var(--uilab-sys-elevation-box-shadow-02dp);
  --mdc-switch-disabled-handle-elevation-shadow: var(--uilab-sys-elevation-box-shadow-02dp);
  --mdc-switch-unselected-track-color: var(--uilab-custom-container-neutral-medium);
  --mdc-switch-unselected-hover-track-color: var(--uilab-custom-container-neutral-medium);
  --mdc-switch-unselected-focus-track-color: var(--uilab-custom-container-neutral-medium);
  --mdc-switch-unselected-pressed-track-color: var(--uilab-custom-container-neutral-medium);
  --mdc-switch-selected-track-color: var(--uilab-custom-container-accent-medium);
  --mdc-switch-selected-hover-track-color: var(--uilab-custom-container-accent-medium);
  --mdc-switch-selected-focus-track-color: var(--uilab-custom-container-accent-medium);
  --mdc-switch-selected-pressed-track-color: var(--uilab-custom-container-accent-medium);
  --mdc-switch-unselected-handle-color: var(--uilab-custom-container-toggle-handle-background);
  --mdc-switch-unselected-hover-handle-color: var(--uilab-custom-container-toggle-handle-background);
  --mdc-switch-unselected-focus-handle-color: var(--uilab-custom-container-toggle-handle-background);
  --mdc-switch-unselected-pressed-handle-color: var(--uilab-custom-container-toggle-handle-background);
  --mat-switch-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-switch-handle-surface-color: var(--uilab-custom-container-toggle-handle-background);
  --mdc-switch-disabled-unselected-handle-color: var(--uilab-sys-color-container-solid-neutral-light);
  --mdc-switch-disabled-unselected-track-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-switch-disabled-selected-track-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-switch-disabled-selected-handle-color: var(--uilab-custom-container-toggle-handle-background);
  --mdc-switch-unselected-hover-state-layer-color: var(--uilab-sys-color-overlay-neutral-hovered);
  --mdc-switch-unselected-focus-state-layer-color: var(--uilab-sys-color-overlay-neutral-focused);
  --mdc-switch-unselected-pressed-state-layer-color: var(--uilab-sys-color-overlay-neutral-pressed-on-focused);
  --mdc-switch-selected-hover-state-layer-color: var(--uilab-sys-color-overlay-accent-hovered);
  --mdc-switch-selected-focus-state-layer-color: var(--uilab-sys-color-overlay-accent-focused);
  --mdc-switch-selected-pressed-state-layer-color: var(--uilab-sys-color-overlay-accent-pressed-on-focused);
  --mat-switch-disabled-selected-handle-opacity: var(--uilab-sys-color-overlay-neutral-resting);
  --mdc-switch-disabled-label-text-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-switch-handle-shape: 9999px;
  --mdc-switch-track-shape: 16px;
  --mat-switch-label-text-tracking: 0;
  --mat-switch-label-text-line-height: var(--uilab-custom-line-height-400);
  --mdc-slider-focus-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-slider-pressed-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-slider-hover-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-slider-active-track-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-slider-label-container-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-slider-handle-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-slider-inactive-track-color: var(--uilab-sys-color-container-solid-neutral-light);
  --mdc-slider-disabled-inactive-track-color: var(--uilab-sys-color-overlay-neutral-pressed);
  --mdc-slider-disabled-active-track-color: var(--uilab-sys-color-overlay-neutral-pressed-on-focused);
  --mdc-slider-disabled-handle-color: var(--uilab-sys-color-container-solid-neutral-light);
  --mdc-slider-label-label-text-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-slider-hover-state-layer-color: var(--uilab-sys-color-overlay-accent-hovered);
  --mat-slider-focus-state-layer-color: var(--uilab-sys-color-overlay-accent-focused);
  --mdc-slider-handle-shape: 9999px;
  --mat-snack-bar-button-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-snackbar-supporting-text-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mdc-snackbar-container-color: var(--uilab-sys-color-inverse-container-solid-neutral-extra-subtle);
  --mdc-snackbar-supporting-text-line-height: var(--uilab-custom-line-height-400);
  --mdc-snackbar-supporting-text-weight: var(--uilab-ref-font-weight-regular);
  --mdc-snackbar-supporting-text-size: var(--uilab-ref-font-size-14);
  --mat-sort-arrow-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-stepper-container-color: var(--uilab-sys-color-container-elevated-00dp);
  --mat-stepper-header-hover-state-layer-shape: var(--uilab-ref-border-radius-0);
  --mat-stepper-header-focus-state-layer-shape: var(--uilab-ref-border-radius-0);
  --mat-stepper-header-selected-state-icon-background-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-stepper-header-edit-state-icon-background-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-stepper-header-hover-state-layer-color: var(--uilab-sys-color-overlay-neutral-hovered);
  --mat-stepper-header-focus-state-layer-color: var(--uilab-sys-color-overlay-neutral-focused);
  --mat-stepper-line-color: var(--uilab-sys-color-container-solid-neutral-light);
  --mat-stepper-header-icon-foreground-color: var(--uilab-sys-color-inverse-icon-neutral-opaque);
  --mat-stepper-header-icon-background-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-table-header-headline-weight: var(--uilab-ref-font-weight-medium);
  --mat-table-header-headline-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-table-row-item-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-table-background-color: var(--uilab-sys-color-container-elevated-00dp);
  --mat-table-row-item-outline-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-mdc-table-border-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-app-elevation-shadow-level-8: unset;
  --mat-tabs-header-headline-weight: var(--uilab-ref-font-weight-medium);
  --mat-tab-header-divider-height: 0;
  --mat-tab-header-label-text-weight: var(--uilab-ref-font-weight-medium);
  --mdc-tab-indicator-active-indicator-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-tab-header-active-focus-indicator-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-tab-header-active-hover-indicator-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-tab-header-active-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-tab-header-active-hover-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-tab-header-active-focus-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-tab-header-active-pressed-label-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-tab-header-inactive-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-tab-header-inactive-hover-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-tab-header-inactive-focus-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-tab-header-inactive-pressed-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-mdc-tab-link-disabled: var(--uilab-custom-container-opacity-1000);
  --mat-tab-header-disabled-label-text-color: var(--uilab-sys-color-text-neutral-disabled);
  --mat-tab-header-inactive-ripple-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-tab-header-active-ripple-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mat-mdc-tab-hover-link-ripple: var(--uilab-custom-container-opacity-200);
  --mdc-tab-active-background-color: var(--uilab-custom-container-opacity-200);
  --mdc-tab-indicator-disabled-indicator-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mat-mdc-tab-active-link-ripple-opacity: var(--uilab-custom-container-opacity-200);
  --mat-tab-header-pagination-icon-color: var(--uilab-sys-color-icon-neutral-medium-emphasis);
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-filled-text-field-focus-active-indicator-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-filled-text-field-focus-label-text-color: var(--uilab-sys-color-text-accent-opaque);
  --mdc-outlined-text-field-focus-outline-color: var(--uilab-sys-color-outline-accent-opaque);
  --mdc-outlined-text-field-focus-label-text-color: var(--uilab-sys-color-text-accent-opaque);
  --mdc-filled-text-field-error-label-text-color: var(--uilab-sys-color-text-error-opaque);
  --mat-form-field-error-text-color: var(--uilab-sys-color-text-error-opaque);
  --mdc-filled-text-field-error-active-indicator-color: var(--uilab-sys-color-text-error-opaque);
  --mdc-filled-text-field-error-focus-active-indicator-color: var(--uilab-sys-color-outline-error-opaque);
  --mdc-filled-text-field-error-hover-active-indicator-color: var(--uilab-sys-color-text-error-opaque);
  --mdc-filled-text-field-error-hover-label-text-color: var(--uilab-sys-color-text-error-opaque);
  --mdc-filled-text-field-error-focus-label-text-color: var(--uilab-sys-color-text-error-opaque);
  --mdc-outlined-text-field-error-hover-label-text-color: var(--uilab-sys-color-text-error-opaque);
  --mdc-outlined-text-field-error-hover-outline-color: var(--uilab-sys-color-outline-error-opaque);
  --mat-full-pseudo-checkbox-selected-icon-color: var(--uilab-sys-color-container-regular-accent-opaque);
  --mdc-filled-text-field-caret-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-filled-text-field-active-indicator-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-filled-text-field-hover-active-indicator-color: var(--uilab-sys-color-outline-neutral-high-emphasis);
  --mdc-filled-text-field-text-disabled-color: var(--uilab-sys-color-text-neutral-disabled);
  --mdc-filled-text-field-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-filled-text-field-disabled-container-color: var(--uilab-sys-color-container-solid-neutral-extra-subtle);
  --mdc-filled-text-field-disabled-active-indicator-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-filled-text-field-container-hover-color: var(--uilab-sys-color-overlay-neutral-hovered-subtle);
  --mdc-filled-text-field-input-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-filled-text-field-container-focus-color: var(--uilab-sys-color-overlay-neutral-focused-subtle);
  --mdc-filled-text-field-container-color: var(--uilab-sys-color-container-solid-neutral-extra-subtle);
  --mdc-filled-text-field-border-bottom-readonly-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-filled-text-field-line-ripple-readonly: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-filled-text-field-hover-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-outlined-text-field-outline-color: var(--uilab-sys-color-outline-neutral-medium-emphasis);
  --mdc-outlined-text-field-hover-outline-color: var(--uilab-sys-color-outline-neutral-high-emphasis);
  --mdc-outlined-text-field-input-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-outlined-text-field-outline-readonly-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-outlined-text-field-disabled-outline-color: var(--uilab-sys-color-outline-neutral-disabled);
  --mdc-outlined-text-field-hover-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mdc-outlined-text-field-caret-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-outlined-text-field-label-text-color: var(--uilab-sys-color-text-neutral-medium-emphasis);
  --mat-toolbar-container-background-color: var(--uilab-sys-color-container-elevated-00dp);
  --mat-toolbar-container-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mdc-plain-tooltip-container-shape: var(--uilab-ref-border-radius-4);
  --mdc-plain-tooltip-container-color: var(--uilab-sys-color-inverse-container-solid-neutral-extra-subtle);
  --mdc-plain-tooltip-supporting-text-color: var(--uilab-sys-color-inverse-text-neutral-opaque);
  --mat-tree-node-text-weight: var(--uilab-ref-font-weight-regular);
  --mat-tree-container-background-color: var(--uilab-sys-color-container-regular-neutral-opaque);
  --mat-tree-node-text-color: var(--uilab-sys-color-text-neutral-high-emphasis);
  --mat-sys-primary: #4d5ee0;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #ffffff;
  --mat-sys-on-primary-container: #000000;
  --mat-sys-inverse-primary: #78a1fc;
  --mat-sys-primary-fixed: #78a1fc;
  --mat-sys-primary-fixed-dim: #78a1fc;
  --mat-sys-on-primary-fixed: #000000;
  --mat-sys-on-primary-fixed-variant: #000000;
  --mat-sys-secondary: #4d5ee0;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: #dfe0ff;
  --mat-sys-on-secondary-container: rgba(0, 0, 0, 0.9019607843);
  --mat-sys-secondary-fixed: #dfe0ff;
  --mat-sys-secondary-fixed-dim: #dfe0ff;
  --mat-sys-on-secondary-fixed: rgba(0, 0, 0, 0.9019607843);
  --mat-sys-on-secondary-fixed-variant: rgba(0, 0, 0, 0.9019607843);
  --mat-sys-tertiary: #4d5ee0;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: #dfe0ff;
  --mat-sys-on-tertiary-container: rgba(0, 0, 0, 0.9019607843);
  --mat-sys-tertiary-fixed: #dfe0ff;
  --mat-sys-tertiary-fixed-dim: #bcc2ff;
  --mat-sys-on-tertiary-fixed: #000b62;
  --mat-sys-on-tertiary-fixed-variant: #2133b9;
  --mat-sys-background: #fcf8f8;
  --mat-sys-on-background: #ffffff;
  --mat-sys-surface: #78a1fc;
  --mat-sys-surface-dim: #dcd9d9;
  --mat-sys-surface-bright: #fcf8f8;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: #f6f3f2;
  --mat-sys-surface-container: #f0eded;
  --mat-sys-surface-container-high: #ebe7e7;
  --mat-sys-surface-container-highest: #e5e2e1;
  --mat-sys-on-surface: #ffffff;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #5a5f62;
  --mat-sys-inverse-surface: #313030;
  --mat-sys-inverse-on-surface: #f3f0ef;
  --mat-sys-outline: rgba(255, 255, 255, 0.64);
  --mat-sys-outline-variant: rgba(255, 255, 255, 0.84);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #410002;
  --mat-sys-surface-variant: #e1e2e6;
  --mat-sys-on-surface-variant: #ffffff;
}
body {
  font-family:
    "roboto",
    helvetica,
    arial,
    sans-serif;
}
@layer base, tailwind, uilab, connect-web-core, customizations;
@layer tailwind {
  *,
  ::before,
  ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
  }
  ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
  }
  /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
  */
  *,
  ::before,
  ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
  }
  ::before,
  ::after {
    --tw-content: "";
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  body {
    margin: 0;
    line-height: inherit;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  input:where([type=button]),
  input:where([type=reset]),
  input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
  }
  :-moz-focusring {
    outline: auto;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  progress {
    vertical-align: baseline;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  summary {
    display: list-item;
  }
  blockquote,
  dl,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  figure,
  p,
  pre {
    margin: 0;
  }
  fieldset {
    margin: 0;
    padding: 0;
  }
  legend {
    padding: 0;
  }
  ol,
  ul,
  menu {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  dialog {
    padding: 0;
  }
  textarea {
    resize: vertical;
  }
  input::placeholder,
  textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
  }
  button,
  [role=button] {
    cursor: pointer;
  }
  :disabled {
    cursor: default;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  * {
    margin: 0;
  }
  body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    overflow-wrap: break-word;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: bold;
  }
  h1 {
    font-size: 1.75rem;
  }
  h2 {
    font-size: 1.5rem;
  }
  h3 {
    font-size: 1.25rem;
  }
  h4 {
    font-size: 1.125rem;
  }
  h5 {
    font-size: 1rem;
  }
  h6 {
    font-size: 0.875rem;
  }
  html,
  body {
    height: 100%;
  }
  :root {
    --boundingbox: transparent;
  }
  html,
  body {
    height: 100%;
  }
  body {
    margin: 0;
    font-family:
      Roboto,
      "Helvetica Neue",
      sans-serif;
  }
  .tw-mb-5 {
    margin-bottom: 1.25rem;
  }
  .tw-flex {
    display: flex;
  }
  .tw-grid {
    display: grid;
  }
  .tw-min-h-20 {
    min-height: 5rem;
  }
  .tw-w-full {
    width: 100%;
  }
  .tw-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tw-flex-col {
    flex-direction: column;
  }
  .tw-items-start {
    align-items: flex-start;
  }
  .tw-items-center {
    align-items: center;
  }
  .tw-justify-normal {
    justify-content: normal;
  }
  .tw-justify-start {
    justify-content: flex-start;
  }
  .tw-justify-center {
    justify-content: center;
  }
  .tw-gap-1 {
    gap: 0.25rem;
  }
  .tw-gap-2 {
    gap: 0.5rem;
  }
  .tw-gap-3 {
    gap: 0.75rem;
  }
  .tw-gap-4 {
    gap: 1rem;
  }
  .tw-whitespace-normal {
    white-space: normal;
  }
  .tw-rounded-md {
    border-radius: 0.375rem;
  }
  .tw-border {
    border-width: 1px;
  }
  .tw-border-b {
    border-bottom-width: 1px;
  }
  .tw-border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  }
  .tw-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .tw-pb-2 {
    padding-bottom: 0.5rem;
  }
  .tw-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .tw-text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .tw-font-bold {
    font-weight: 700;
  }
  .tw-opacity-60 {
    opacity: 0.6;
  }
}
@layer uilab {
  .uilab-app-bar {
    z-index: 400;
    position: relative;
  }
  .uilab-nav-rail {
    z-index: 200;
  }
  app-root,
  app-host {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
  }
  .uilab-layout-container {
    display: flex;
    flex-grow: 1;
    backface-visibility: hidden;
    overflow: hidden;
    position: relative;
    width: 100%;
    will-change: overflow;
  }
  .uilab-main-canvas {
    background: var(--uilab-sys-color-background-30);
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 1rem;
  }
  .uilab-icon {
    opacity: 1;
  }
  uilab-app-bar .uilab-icon.sc-uilab-icon {
    opacity: 1;
  }
}
@layer connect-web-core {
  .aveva-blue-theme {
    --mat-ripple-color: rgba(0, 0, 0, 0.1);
    --mat-option-selected-state-label-text-color: #4d5ee0;
    --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  }
  .aveva-blue-theme .mat-accent {
    --mat-option-selected-state-label-text-color: #4d5ee0;
    --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  }
  .aveva-blue-theme .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: rgba(0, 0, 0, 0.04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  }
  .aveva-blue-theme {
    --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
    --mat-full-pseudo-checkbox-selected-icon-color: #4d5ee0;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #4d5ee0;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  }
  .aveva-blue-theme .mat-primary {
    --mat-full-pseudo-checkbox-selected-icon-color: #4d5ee0;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #4d5ee0;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  }
  .aveva-blue-theme .mat-accent {
    --mat-full-pseudo-checkbox-selected-icon-color: #4d5ee0;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #4d5ee0;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  }
  .aveva-blue-theme .mat-warn {
    --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
    --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
    --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
    --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
    --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
    --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  }
  .aveva-blue-theme {
    --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);
    --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;
    --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;
    --mdc-elevated-card-container-shape: 4px;
    --mdc-outlined-card-container-shape: 4px;
    --mdc-outlined-card-outline-width: 1px;
    --mdc-elevated-card-container-color: white;
    --mdc-elevated-card-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);
    --mdc-outlined-card-container-color: white;
    --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
    --mdc-outlined-card-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-subtitle-text-color: rgba(0, 0, 0, 0.54);
    --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;
    --mdc-linear-progress-active-indicator-height: 4px;
    --mdc-linear-progress-track-height: 4px;
    --mdc-linear-progress-track-shape: 0;
  }
  .aveva-blue-theme .mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #4d5ee0;
    --mdc-linear-progress-track-color: rgba(77, 94, 224, 0.25);
  }
  .aveva-blue-theme .mat-mdc-progress-bar.mat-accent {
    --mdc-linear-progress-active-indicator-color: #4d5ee0;
    --mdc-linear-progress-track-color: rgba(77, 94, 224, 0.25);
  }
  .aveva-blue-theme .mat-mdc-progress-bar.mat-warn {
    --mdc-linear-progress-active-indicator-color: #f44336;
    --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
  }
  .aveva-blue-theme {
    --mdc-plain-tooltip-container-shape: 4px;
    --mdc-plain-tooltip-supporting-text-line-height: 16px;
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: #fff;
    --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
    --mdc-filled-text-field-active-indicator-height: 1px;
    --mdc-filled-text-field-focus-active-indicator-height: 2px;
    --mdc-filled-text-field-container-shape: 4px;
    --mdc-outlined-text-field-outline-width: 1px;
    --mdc-outlined-text-field-focus-outline-width: 2px;
    --mdc-outlined-text-field-container-shape: 4px;
    --mdc-filled-text-field-caret-color: #4d5ee0;
    --mdc-filled-text-field-focus-active-indicator-color: #4d5ee0;
    --mdc-filled-text-field-focus-label-text-color: rgba(77, 94, 224, 0.87);
    --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8);
    --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9);
    --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
    --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
    --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
    --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
    --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
    --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
    --mdc-filled-text-field-error-hover-label-text-color: #f44336;
    --mdc-filled-text-field-error-focus-label-text-color: #f44336;
    --mdc-filled-text-field-error-label-text-color: #f44336;
    --mdc-filled-text-field-error-caret-color: #f44336;
    --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
    --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
    --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
    --mdc-filled-text-field-error-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
    --mdc-outlined-text-field-caret-color: #4d5ee0;
    --mdc-outlined-text-field-focus-outline-color: #4d5ee0;
    --mdc-outlined-text-field-focus-label-text-color: rgba(77, 94, 224, 0.87);
    --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
    --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
    --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
    --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
    --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
    --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
    --mdc-outlined-text-field-error-caret-color: #f44336;
    --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
    --mdc-outlined-text-field-error-label-text-color: #f44336;
    --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
    --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
    --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
    --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
    --mdc-outlined-text-field-error-focus-outline-color: #f44336;
    --mdc-outlined-text-field-error-hover-outline-color: #f44336;
    --mdc-outlined-text-field-error-outline-color: #f44336;
    --mat-form-field-focus-select-arrow-color: rgba(77, 94, 224, 0.87);
    --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
    --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: rgba(0, 0, 0, 0.38);
    --mat-form-field-hover-state-layer-opacity: 0.04;
    --mat-form-field-focus-state-layer-opacity: 0.08;
  }
  .aveva-blue-theme .mat-mdc-form-field.mat-accent {
    --mdc-filled-text-field-caret-color: #4d5ee0;
    --mdc-filled-text-field-focus-active-indicator-color: #4d5ee0;
    --mdc-filled-text-field-focus-label-text-color: rgba(77, 94, 224, 0.87);
    --mdc-outlined-text-field-caret-color: #4d5ee0;
    --mdc-outlined-text-field-focus-outline-color: #4d5ee0;
    --mdc-outlined-text-field-focus-label-text-color: rgba(77, 94, 224, 0.87);
    --mat-form-field-focus-select-arrow-color: rgba(77, 94, 224, 0.87);
  }
  .aveva-blue-theme .mat-mdc-form-field.mat-warn {
    --mdc-filled-text-field-caret-color: #f44336;
    --mdc-filled-text-field-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
    --mdc-outlined-text-field-caret-color: #f44336;
    --mdc-outlined-text-field-focus-outline-color: #f44336;
    --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
    --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
  }
  .aveva-blue-theme {
    --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;
    --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
    --mdc-filled-text-field-label-text-size: 16px;
    --mdc-filled-text-field-label-text-tracking: 0.03125em;
    --mdc-filled-text-field-label-text-weight: 400;
    --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
    --mdc-outlined-text-field-label-text-size: 16px;
    --mdc-outlined-text-field-label-text-tracking: 0.03125em;
    --mdc-outlined-text-field-label-text-weight: 400;
    --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-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);
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
    --mat-select-focused-arrow-color: rgba(77, 94, 224, 0.87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
  }
  .aveva-blue-theme .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: rgba(0, 0, 0, 0.38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
    --mat-select-focused-arrow-color: rgba(77, 94, 224, 0.87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
  }
  .aveva-blue-theme .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: rgba(0, 0, 0, 0.38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
    --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
  }
  .aveva-blue-theme {
    --mat-select-arrow-transform: translateY(-8px);
    --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;
    --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);
    --mat-autocomplete-background-color: white;
    --mdc-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;
    --mdc-dialog-container-color: white;
    --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
    --mdc-dialog-subhead-font: Roboto, sans-serif;
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 20px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: 0.0125em;
    --mdc-dialog-supporting-text-font: Roboto, sans-serif;
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: 400;
    --mdc-dialog-supporting-text-tracking: 0.03125em;
  }
  .aveva-blue-theme .mat-mdc-standard-chip {
    --mdc-chip-container-shape-radius: 16px;
    --mdc-chip-with-avatar-avatar-shape-radius: 14px;
    --mdc-chip-with-avatar-avatar-size: 28px;
    --mdc-chip-with-icon-icon-size: 18px;
    --mdc-chip-outline-width: 0;
    --mdc-chip-outline-color: transparent;
    --mdc-chip-disabled-outline-color: transparent;
    --mdc-chip-focus-outline-color: transparent;
    --mdc-chip-hover-state-layer-opacity: 0.04;
    --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
    --mdc-chip-flat-selected-outline-width: 0;
    --mdc-chip-selected-hover-state-layer-opacity: 0.04;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
    --mdc-chip-with-icon-disabled-icon-opacity: 1;
    --mat-chip-disabled-container-opacity: 0.4;
    --mat-chip-trailing-action-opacity: 0.54;
    --mat-chip-trailing-action-focus-opacity: 1;
    --mat-chip-trailing-action-state-layer-color: transparent;
    --mat-chip-selected-trailing-action-state-layer-color: transparent;
    --mat-chip-trailing-action-hover-state-layer-opacity: 0;
    --mat-chip-trailing-action-focus-state-layer-opacity: 0;
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
    --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
    --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
    --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: 0.12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: 0.12;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-selected-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
    --mat-chip-selected-disabled-trailing-icon-color: #212121;
    --mat-chip-selected-trailing-icon-color: #212121;
  }
  .aveva-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
  .aveva-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #4d5ee0;
    --mdc-chip-elevated-selected-container-color: #4d5ee0;
    --mdc-chip-elevated-disabled-container-color: #4d5ee0;
    --mdc-chip-flat-disabled-selected-container-color: #4d5ee0;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: 0.12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: 0.12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-selected-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-trailing-icon-color: white;
  }
  .aveva-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
  .aveva-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #4d5ee0;
    --mdc-chip-elevated-selected-container-color: #4d5ee0;
    --mdc-chip-elevated-disabled-container-color: #4d5ee0;
    --mdc-chip-flat-disabled-selected-container-color: #4d5ee0;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: 0.12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: 0.12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-selected-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-trailing-icon-color: white;
  }
  .aveva-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
  .aveva-blue-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #f44336;
    --mdc-chip-elevated-selected-container-color: #f44336;
    --mdc-chip-elevated-disabled-container-color: #f44336;
    --mdc-chip-flat-disabled-selected-container-color: #f44336;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-hover-state-layer-color: black;
    --mdc-chip-selected-hover-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: 0.12;
    --mdc-chip-selected-focus-state-layer-color: black;
    --mdc-chip-selected-focus-state-layer-opacity: 0.12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-selected-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white;
    --mat-chip-selected-disabled-trailing-icon-color: white;
    --mat-chip-selected-trailing-icon-color: white;
  }
  .aveva-blue-theme .mat-mdc-chip.mat-mdc-standard-chip {
    --mdc-chip-container-height: 32px;
  }
  .aveva-blue-theme .mat-mdc-standard-chip {
    --mdc-chip-label-text-font: Roboto, sans-serif;
    --mdc-chip-label-text-line-height: 20px;
    --mdc-chip-label-text-size: 14px;
    --mdc-chip-label-text-tracking: 0.0178571429em;
    --mdc-chip-label-text-weight: 400;
  }
  .aveva-blue-theme {
    --mdc-switch-disabled-selected-icon-opacity: 0.38;
    --mdc-switch-disabled-track-opacity: 0.12;
    --mdc-switch-disabled-unselected-icon-opacity: 0.38;
    --mdc-switch-handle-height: 20px;
    --mdc-switch-handle-shape: 10px;
    --mdc-switch-handle-width: 20px;
    --mdc-switch-selected-icon-size: 18px;
    --mdc-switch-track-height: 14px;
    --mdc-switch-track-shape: 7px;
    --mdc-switch-track-width: 36px;
    --mdc-switch-unselected-icon-size: 18px;
    --mdc-switch-selected-focus-state-layer-opacity: 0.12;
    --mdc-switch-selected-hover-state-layer-opacity: 0.04;
    --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
    --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
    --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
    --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  }
  .aveva-blue-theme .mat-mdc-slide-toggle {
    --mat-switch-disabled-selected-handle-opacity: 0.38;
    --mat-switch-disabled-unselected-handle-opacity: 0.38;
    --mat-switch-unselected-handle-size: 20px;
    --mat-switch-selected-handle-size: 20px;
    --mat-switch-pressed-handle-size: 20px;
    --mat-switch-with-icon-handle-size: 20px;
    --mat-switch-selected-handle-horizontal-margin: 0;
    --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
    --mat-switch-selected-pressed-handle-horizontal-margin: 0;
    --mat-switch-unselected-handle-horizontal-margin: 0;
    --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
    --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
    --mat-switch-visible-track-opacity: 1;
    --mat-switch-hidden-track-opacity: 1;
    --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
    --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    --mat-switch-track-outline-width: 1px;
    --mat-switch-track-outline-color: transparent;
    --mat-switch-selected-track-outline-width: 1px;
    --mat-switch-selected-track-outline-color: transparent;
    --mat-switch-disabled-unselected-track-outline-width: 1px;
    --mat-switch-disabled-unselected-track-outline-color: transparent;
  }
  .aveva-blue-theme {
    --mdc-switch-selected-focus-state-layer-color: #4656dc;
    --mdc-switch-selected-handle-color: #4656dc;
    --mdc-switch-selected-hover-state-layer-color: #4656dc;
    --mdc-switch-selected-pressed-state-layer-color: #4656dc;
    --mdc-switch-selected-focus-handle-color: #2531cb;
    --mdc-switch-selected-hover-handle-color: #2531cb;
    --mdc-switch-selected-pressed-handle-color: #2531cb;
    --mdc-switch-selected-focus-track-color: #828ee9;
    --mdc-switch-selected-hover-track-color: #828ee9;
    --mdc-switch-selected-pressed-track-color: #828ee9;
    --mdc-switch-selected-track-color: #828ee9;
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-handle-surface-color: #fff;
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-icon-color: #fff;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0;
    --mdc-switch-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);
    --mdc-switch-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);
    --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  }
  .aveva-blue-theme .mat-mdc-slide-toggle {
    --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
  }
  .aveva-blue-theme .mat-mdc-slide-toggle.mat-accent {
    --mdc-switch-selected-focus-state-layer-color: #4656dc;
    --mdc-switch-selected-handle-color: #4656dc;
    --mdc-switch-selected-hover-state-layer-color: #4656dc;
    --mdc-switch-selected-pressed-state-layer-color: #4656dc;
    --mdc-switch-selected-focus-handle-color: #2531cb;
    --mdc-switch-selected-hover-handle-color: #2531cb;
    --mdc-switch-selected-pressed-handle-color: #2531cb;
    --mdc-switch-selected-focus-track-color: #828ee9;
    --mdc-switch-selected-hover-track-color: #828ee9;
    --mdc-switch-selected-pressed-track-color: #828ee9;
    --mdc-switch-selected-track-color: #828ee9;
  }
  .aveva-blue-theme .mat-mdc-slide-toggle.mat-warn {
    --mdc-switch-selected-focus-state-layer-color: #e53935;
    --mdc-switch-selected-handle-color: #e53935;
    --mdc-switch-selected-hover-state-layer-color: #e53935;
    --mdc-switch-selected-pressed-state-layer-color: #e53935;
    --mdc-switch-selected-focus-handle-color: #b71c1c;
    --mdc-switch-selected-hover-handle-color: #b71c1c;
    --mdc-switch-selected-pressed-handle-color: #b71c1c;
    --mdc-switch-selected-focus-track-color: #e57373;
    --mdc-switch-selected-hover-track-color: #e57373;
    --mdc-switch-selected-pressed-track-color: #e57373;
    --mdc-switch-selected-track-color: #e57373;
  }
  .aveva-blue-theme {
    --mdc-switch-state-layer-size: 40px;
  }
  .aveva-blue-theme .mat-mdc-slide-toggle {
    --mat-switch-label-text-font: Roboto, sans-serif;
    --mat-switch-label-text-line-height: 20px;
    --mat-switch-label-text-size: 14px;
    --mat-switch-label-text-tracking: 0.0178571429em;
    --mat-switch-label-text-weight: 400;
  }
  .aveva-blue-theme {
    --mdc-radio-disabled-selected-icon-opacity: 0.38;
    --mdc-radio-disabled-unselected-icon-opacity: 0.38;
    --mdc-radio-state-layer-size: 40px;
  }
  .aveva-blue-theme .mat-mdc-radio-button.mat-primary {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-radio-selected-focus-icon-color: #4d5ee0;
    --mdc-radio-selected-hover-icon-color: #4d5ee0;
    --mdc-radio-selected-icon-color: #4d5ee0;
    --mdc-radio-selected-pressed-icon-color: #4d5ee0;
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #4d5ee0;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  }
  .aveva-blue-theme .mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-radio-selected-focus-icon-color: #4d5ee0;
    --mdc-radio-selected-hover-icon-color: #4d5ee0;
    --mdc-radio-selected-icon-color: #4d5ee0;
    --mdc-radio-selected-pressed-icon-color: #4d5ee0;
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #4d5ee0;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  }
  .aveva-blue-theme .mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-radio-ripple-color: black;
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
    --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  }
  .aveva-blue-theme {
    --mdc-radio-state-layer-size: 40px;
    --mat-radio-touch-target-display: block;
    --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;
    --mdc-slider-active-track-height: 6px;
    --mdc-slider-active-track-shape: 9999px;
    --mdc-slider-handle-height: 20px;
    --mdc-slider-handle-shape: 50%;
    --mdc-slider-handle-width: 20px;
    --mdc-slider-inactive-track-height: 4px;
    --mdc-slider-inactive-track-shape: 9999px;
    --mdc-slider-with-overlap-handle-outline-width: 1px;
    --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
    --mdc-slider-with-tick-marks-container-shape: 50%;
    --mdc-slider-with-tick-marks-container-size: 2px;
    --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
    --mdc-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-value-indicator-width: auto;
    --mat-slider-value-indicator-height: 32px;
    --mat-slider-value-indicator-caret-display: block;
    --mat-slider-value-indicator-border-radius: 4px;
    --mat-slider-value-indicator-padding: 0 12px;
    --mat-slider-value-indicator-text-transform: none;
    --mat-slider-value-indicator-container-transform: translateX(-50%);
    --mdc-slider-handle-color: #4d5ee0;
    --mdc-slider-focus-handle-color: #4d5ee0;
    --mdc-slider-hover-handle-color: #4d5ee0;
    --mdc-slider-active-track-color: #4d5ee0;
    --mdc-slider-inactive-track-color: #4d5ee0;
    --mdc-slider-with-tick-marks-inactive-container-color: #4d5ee0;
    --mdc-slider-with-tick-marks-active-container-color: white;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-label-container-color: #000;
    --mdc-slider-label-label-text-color: #fff;
    --mdc-slider-with-overlap-handle-outline-color: #fff;
    --mdc-slider-with-tick-marks-disabled-container-color: #000;
    --mat-slider-ripple-color: #4d5ee0;
    --mat-slider-hover-state-layer-color: rgba(77, 94, 224, 0.05);
    --mat-slider-focus-state-layer-color: rgba(77, 94, 224, 0.2);
    --mat-slider-value-indicator-opacity: 0.6;
  }
  .aveva-blue-theme .mat-accent {
    --mdc-slider-handle-color: #4d5ee0;
    --mdc-slider-focus-handle-color: #4d5ee0;
    --mdc-slider-hover-handle-color: #4d5ee0;
    --mdc-slider-active-track-color: #4d5ee0;
    --mdc-slider-inactive-track-color: #4d5ee0;
    --mdc-slider-with-tick-marks-inactive-container-color: #4d5ee0;
    --mdc-slider-with-tick-marks-active-container-color: white;
    --mat-slider-ripple-color: #4d5ee0;
    --mat-slider-hover-state-layer-color: rgba(77, 94, 224, 0.05);
    --mat-slider-focus-state-layer-color: rgba(77, 94, 224, 0.2);
  }
  .aveva-blue-theme .mat-warn {
    --mdc-slider-handle-color: #f44336;
    --mdc-slider-focus-handle-color: #f44336;
    --mdc-slider-hover-handle-color: #f44336;
    --mdc-slider-active-track-color: #f44336;
    --mdc-slider-inactive-track-color: #f44336;
    --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
    --mdc-slider-with-tick-marks-active-container-color: white;
    --mat-slider-ripple-color: #f44336;
    --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
    --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
  }
  .aveva-blue-theme {
    --mdc-slider-label-label-text-font: Roboto, sans-serif;
    --mdc-slider-label-label-text-size: 14px;
    --mdc-slider-label-label-text-line-height: 22px;
    --mdc-slider-label-label-text-tracking: 0.0071428571em;
    --mdc-slider-label-label-text-weight: 500;
    --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);
    --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: rgba(0, 0, 0, 0.04);
    --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
    --mat-menu-container-color: white;
    --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
    --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;
    --mdc-list-list-item-container-shape: 0;
    --mdc-list-list-item-leading-avatar-shape: 50%;
    --mdc-list-list-item-container-color: transparent;
    --mdc-list-list-item-selected-container-color: transparent;
    --mdc-list-list-item-leading-avatar-color: transparent;
    --mdc-list-list-item-leading-icon-size: 24px;
    --mdc-list-list-item-leading-avatar-size: 40px;
    --mdc-list-list-item-trailing-icon-size: 24px;
    --mdc-list-list-item-disabled-state-layer-color: transparent;
    --mdc-list-list-item-disabled-state-layer-opacity: 0;
    --mdc-list-list-item-disabled-label-text-opacity: 0.38;
    --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
    --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
    --mat-list-active-indicator-color: transparent;
    --mat-list-active-indicator-shape: 4px;
    --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
    --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
    --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
    --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-list-list-item-disabled-label-text-color: black;
    --mdc-list-list-item-disabled-leading-icon-color: black;
    --mdc-list-list-item-disabled-trailing-icon-color: black;
    --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
    --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
    --mdc-list-list-item-hover-state-layer-color: black;
    --mdc-list-list-item-hover-state-layer-opacity: 0.04;
    --mdc-list-list-item-focus-state-layer-color: black;
    --mdc-list-list-item-focus-state-layer-opacity: 0.12;
  }
  .aveva-blue-theme .mdc-list-item__start,
  .aveva-blue-theme .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-radio-selected-focus-icon-color: #4d5ee0;
    --mdc-radio-selected-hover-icon-color: #4d5ee0;
    --mdc-radio-selected-icon-color: #4d5ee0;
    --mdc-radio-selected-pressed-icon-color: #4d5ee0;
  }
  .aveva-blue-theme .mat-accent .mdc-list-item__start,
  .aveva-blue-theme .mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-radio-selected-focus-icon-color: #4d5ee0;
    --mdc-radio-selected-hover-icon-color: #4d5ee0;
    --mdc-radio-selected-icon-color: #4d5ee0;
    --mdc-radio-selected-pressed-icon-color: #4d5ee0;
  }
  .aveva-blue-theme .mat-warn .mdc-list-item__start,
  .aveva-blue-theme .mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: black;
    --mdc-radio-disabled-unselected-icon-color: black;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-focus-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
  }
  .aveva-blue-theme .mat-mdc-list-option {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #4d5ee0;
    --mdc-checkbox-selected-hover-icon-color: #4d5ee0;
    --mdc-checkbox-selected-icon-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-icon-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-checkbox-selected-focus-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-hover-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-state-layer-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black;
  }
  .aveva-blue-theme .mat-mdc-list-option.mat-accent {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #4d5ee0;
    --mdc-checkbox-selected-hover-icon-color: #4d5ee0;
    --mdc-checkbox-selected-icon-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-icon-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-checkbox-selected-focus-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-hover-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-state-layer-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black;
  }
  .aveva-blue-theme .mat-mdc-list-option.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black;
  }
  .aveva-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
  .aveva-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
  .aveva-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
  .aveva-blue-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
    color: #4d5ee0;
  }
  .aveva-blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
  .aveva-blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
  .aveva-blue-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1;
  }
  .aveva-blue-theme {
    --mdc-list-list-item-one-line-container-height: 48px;
    --mdc-list-list-item-two-line-container-height: 64px;
    --mdc-list-list-item-three-line-container-height: 88px;
    --mat-list-list-item-leading-icon-start-space: 16px;
    --mat-list-list-item-leading-icon-end-space: 32px;
  }
  .aveva-blue-theme .mdc-list-item__start,
  .aveva-blue-theme .mdc-list-item__end {
    --mdc-radio-state-layer-size: 40px;
  }
  .aveva-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
  .aveva-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
  .aveva-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px;
  }
  .aveva-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
  .aveva-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
  .aveva-blue-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px;
  }
  .aveva-blue-theme {
    --mdc-list-list-item-label-text-font: Roboto, sans-serif;
    --mdc-list-list-item-label-text-line-height: 24px;
    --mdc-list-list-item-label-text-size: 16px;
    --mdc-list-list-item-label-text-tracking: 0.03125em;
    --mdc-list-list-item-label-text-weight: 400;
    --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-supporting-text-line-height: 20px;
    --mdc-list-list-item-supporting-text-size: 14px;
    --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
    --mdc-list-list-item-supporting-text-weight: 400;
    --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
    --mdc-list-list-item-trailing-supporting-text-size: 12px;
    --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
    --mdc-list-list-item-trailing-supporting-text-weight: 400;
  }
  .aveva-blue-theme .mdc-list-group__subheader {
    font: 400 16px / 28px Roboto, sans-serif;
    letter-spacing: 0.009375em;
  }
  .aveva-blue-theme {
    --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: rgba(0, 0, 0, 0.12);
    --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;
    --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;
    --mdc-secondary-navigation-tab-container-height: 48px;
    --mdc-tab-indicator-active-indicator-height: 2px;
    --mdc-tab-indicator-active-indicator-shape: 0;
    --mat-tab-header-divider-color: transparent;
    --mat-tab-header-divider-height: 0;
  }
  .aveva-blue-theme .mat-mdc-tab-group,
  .aveva-blue-theme .mat-mdc-tab-nav-bar {
    --mdc-tab-indicator-active-indicator-color: #4d5ee0;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
    --mat-tab-header-pagination-icon-color: black;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
    --mat-tab-header-active-label-text-color: #4d5ee0;
    --mat-tab-header-active-ripple-color: #4d5ee0;
    --mat-tab-header-inactive-ripple-color: #4d5ee0;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
    --mat-tab-header-active-focus-label-text-color: #4d5ee0;
    --mat-tab-header-active-hover-label-text-color: #4d5ee0;
    --mat-tab-header-active-focus-indicator-color: #4d5ee0;
    --mat-tab-header-active-hover-indicator-color: #4d5ee0;
  }
  .aveva-blue-theme .mat-mdc-tab-group.mat-accent,
  .aveva-blue-theme .mat-mdc-tab-nav-bar.mat-accent {
    --mdc-tab-indicator-active-indicator-color: #4d5ee0;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
    --mat-tab-header-pagination-icon-color: black;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
    --mat-tab-header-active-label-text-color: #4d5ee0;
    --mat-tab-header-active-ripple-color: #4d5ee0;
    --mat-tab-header-inactive-ripple-color: #4d5ee0;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
    --mat-tab-header-active-focus-label-text-color: #4d5ee0;
    --mat-tab-header-active-hover-label-text-color: #4d5ee0;
    --mat-tab-header-active-focus-indicator-color: #4d5ee0;
    --mat-tab-header-active-hover-indicator-color: #4d5ee0;
  }
  .aveva-blue-theme .mat-mdc-tab-group.mat-warn,
  .aveva-blue-theme .mat-mdc-tab-nav-bar.mat-warn {
    --mdc-tab-indicator-active-indicator-color: #f44336;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
    --mat-tab-header-pagination-icon-color: black;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
    --mat-tab-header-active-label-text-color: #f44336;
    --mat-tab-header-active-ripple-color: #f44336;
    --mat-tab-header-inactive-ripple-color: #f44336;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
    --mat-tab-header-active-focus-label-text-color: #f44336;
    --mat-tab-header-active-hover-label-text-color: #f44336;
    --mat-tab-header-active-focus-indicator-color: #f44336;
    --mat-tab-header-active-hover-indicator-color: #f44336;
  }
  .aveva-blue-theme .mat-mdc-tab-group.mat-background-primary,
  .aveva-blue-theme .mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-tab-header-with-background-background-color: #4d5ee0;
    --mat-tab-header-with-background-foreground-color: white;
  }
  .aveva-blue-theme .mat-mdc-tab-group.mat-background-accent,
  .aveva-blue-theme .mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-tab-header-with-background-background-color: #4d5ee0;
    --mat-tab-header-with-background-foreground-color: white;
  }
  .aveva-blue-theme .mat-mdc-tab-group.mat-background-warn,
  .aveva-blue-theme .mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-tab-header-with-background-background-color: #f44336;
    --mat-tab-header-with-background-foreground-color: white;
  }
  .aveva-blue-theme .mat-mdc-tab-header {
    --mdc-secondary-navigation-tab-container-height: 48px;
    --mat-tab-header-label-text-font: Roboto;
    --mat-tab-header-label-text-size: 14px;
    --mat-tab-header-label-text-tracking: normal;
    --mat-tab-header-label-text-line-height: 1;
    --mat-tab-header-label-text-weight: 500;
  }
  .aveva-blue-theme {
    --mdc-checkbox-disabled-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
    --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
    --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
    --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
    --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
    --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #4d5ee0;
    --mdc-checkbox-selected-hover-icon-color: #4d5ee0;
    --mdc-checkbox-selected-icon-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-icon-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-checkbox-selected-focus-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-hover-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-state-layer-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black;
    --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
    --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  }
  .aveva-blue-theme .mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #4d5ee0;
    --mdc-checkbox-selected-hover-icon-color: #4d5ee0;
    --mdc-checkbox-selected-icon-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-icon-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-checkbox-selected-focus-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-hover-state-layer-color: #4d5ee0;
    --mdc-checkbox-selected-pressed-state-layer-color: #4d5ee0;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black;
  }
  .aveva-blue-theme .mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
    --mdc-checkbox-selected-checkmark-color: white;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black;
  }
  .aveva-blue-theme {
    --mdc-checkbox-state-layer-size: 40px;
    --mat-checkbox-touch-target-display: block;
    --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;
    --mdc-text-button-container-shape: 4px;
    --mdc-text-button-keep-touch-target: false;
    --mdc-filled-button-container-shape: 4px;
    --mdc-filled-button-keep-touch-target: false;
    --mdc-protected-button-container-shape: 4px;
    --mdc-protected-button-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);
    --mdc-protected-button-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);
    --mdc-protected-button-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);
    --mdc-protected-button-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);
    --mdc-protected-button-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);
    --mdc-outlined-button-keep-touch-target: false;
    --mdc-outlined-button-outline-width: 1px;
    --mdc-outlined-button-container-shape: 4px;
    --mat-text-button-horizontal-padding: 8px;
    --mat-text-button-with-icon-horizontal-padding: 8px;
    --mat-text-button-icon-spacing: 8px;
    --mat-text-button-icon-offset: 0;
    --mat-filled-button-horizontal-padding: 16px;
    --mat-filled-button-icon-spacing: 8px;
    --mat-filled-button-icon-offset: -4px;
    --mat-protected-button-horizontal-padding: 16px;
    --mat-protected-button-icon-spacing: 8px;
    --mat-protected-button-icon-offset: -4px;
    --mat-outlined-button-horizontal-padding: 15px;
    --mat-outlined-button-icon-spacing: 8px;
    --mat-outlined-button-icon-offset: -4px;
    --mdc-text-button-label-text-color: black;
    --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
    --mat-text-button-state-layer-color: black;
    --mat-text-button-disabled-state-layer-color: black;
    --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
    --mat-text-button-hover-state-layer-opacity: 0.04;
    --mat-text-button-focus-state-layer-opacity: 0.12;
    --mat-text-button-pressed-state-layer-opacity: 0.12;
    --mdc-filled-button-container-color: white;
    --mdc-filled-button-label-text-color: black;
    --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
    --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
    --mat-filled-button-state-layer-color: black;
    --mat-filled-button-disabled-state-layer-color: black;
    --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
    --mat-filled-button-hover-state-layer-opacity: 0.04;
    --mat-filled-button-focus-state-layer-opacity: 0.12;
    --mat-filled-button-pressed-state-layer-opacity: 0.12;
    --mdc-protected-button-container-color: white;
    --mdc-protected-button-label-text-color: black;
    --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
    --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
    --mat-protected-button-state-layer-color: black;
    --mat-protected-button-disabled-state-layer-color: black;
    --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
    --mat-protected-button-hover-state-layer-opacity: 0.04;
    --mat-protected-button-focus-state-layer-opacity: 0.12;
    --mat-protected-button-pressed-state-layer-opacity: 0.12;
    --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
    --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
    --mdc-outlined-button-label-text-color: black;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
    --mat-outlined-button-state-layer-color: black;
    --mat-outlined-button-disabled-state-layer-color: black;
    --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
    --mat-outlined-button-hover-state-layer-opacity: 0.04;
    --mat-outlined-button-focus-state-layer-opacity: 0.12;
    --mat-outlined-button-pressed-state-layer-opacity: 0.12;
  }
  .aveva-blue-theme .mat-mdc-button.mat-primary {
    --mdc-text-button-label-text-color: #4d5ee0;
    --mat-text-button-state-layer-color: #4d5ee0;
    --mat-text-button-ripple-color: rgba(77, 94, 224, 0.1);
  }
  .aveva-blue-theme .mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #4d5ee0;
    --mat-text-button-state-layer-color: #4d5ee0;
    --mat-text-button-ripple-color: rgba(77, 94, 224, 0.1);
  }
  .aveva-blue-theme .mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #f44336;
    --mat-text-button-state-layer-color: #f44336;
    --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
  }
  .aveva-blue-theme .mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: #4d5ee0;
    --mdc-filled-button-label-text-color: white;
    --mat-filled-button-state-layer-color: white;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  }
  .aveva-blue-theme .mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #4d5ee0;
    --mdc-filled-button-label-text-color: white;
    --mat-filled-button-state-layer-color: white;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  }
  .aveva-blue-theme .mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #f44336;
    --mdc-filled-button-label-text-color: white;
    --mat-filled-button-state-layer-color: white;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  }
  .aveva-blue-theme .mat-mdc-raised-button.mat-primary {
    --mdc-protected-button-container-color: #4d5ee0;
    --mdc-protected-button-label-text-color: white;
    --mat-protected-button-state-layer-color: white;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  }
  .aveva-blue-theme .mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #4d5ee0;
    --mdc-protected-button-label-text-color: white;
    --mat-protected-button-state-layer-color: white;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  }
  .aveva-blue-theme .mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #f44336;
    --mdc-protected-button-label-text-color: white;
    --mat-protected-button-state-layer-color: white;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  }
  .aveva-blue-theme .mat-mdc-outlined-button.mat-primary {
    --mdc-outlined-button-label-text-color: #4d5ee0;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
    --mat-outlined-button-state-layer-color: #4d5ee0;
    --mat-outlined-button-ripple-color: rgba(77, 94, 224, 0.1);
  }
  .aveva-blue-theme .mat-mdc-outlined-button.mat-accent {
    --mdc-outlined-button-label-text-color: #4d5ee0;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
    --mat-outlined-button-state-layer-color: #4d5ee0;
    --mat-outlined-button-ripple-color: rgba(77, 94, 224, 0.1);
  }
  .aveva-blue-theme .mat-mdc-outlined-button.mat-warn {
    --mdc-outlined-button-label-text-color: #f44336;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
    --mat-outlined-button-state-layer-color: #f44336;
    --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
  }
  .aveva-blue-theme {
    --mdc-text-button-container-height: 36px;
    --mdc-filled-button-container-height: 36px;
    --mdc-protected-button-container-height: 36px;
    --mdc-outlined-button-container-height: 36px;
    --mat-text-button-touch-target-display: block;
    --mat-filled-button-touch-target-display: block;
    --mat-protected-button-touch-target-display: block;
    --mat-outlined-button-touch-target-display: block;
    --mdc-text-button-label-text-font: Roboto;
    --mdc-text-button-label-text-size: 14px;
    --mdc-text-button-label-text-tracking: normal;
    --mdc-text-button-label-text-weight: 500;
    --mdc-text-button-label-text-transform: none;
    --mdc-filled-button-label-text-font: Roboto;
    --mdc-filled-button-label-text-size: 14px;
    --mdc-filled-button-label-text-tracking: normal;
    --mdc-filled-button-label-text-weight: 500;
    --mdc-filled-button-label-text-transform: none;
    --mdc-protected-button-label-text-font: Roboto;
    --mdc-protected-button-label-text-size: 14px;
    --mdc-protected-button-label-text-tracking: normal;
    --mdc-protected-button-label-text-weight: 500;
    --mdc-protected-button-label-text-transform: none;
    --mdc-outlined-button-label-text-font: Roboto;
    --mdc-outlined-button-label-text-size: 14px;
    --mdc-outlined-button-label-text-tracking: normal;
    --mdc-outlined-button-label-text-weight: 500;
    --mdc-outlined-button-label-text-transform: none;
    --mdc-icon-button-icon-size: 24px;
    --mdc-icon-button-icon-color: inherit;
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
    --mat-icon-button-state-layer-color: black;
    --mat-icon-button-disabled-state-layer-color: black;
    --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
    --mat-icon-button-hover-state-layer-opacity: 0.04;
    --mat-icon-button-focus-state-layer-opacity: 0.12;
    --mat-icon-button-pressed-state-layer-opacity: 0.12;
  }
  .aveva-blue-theme .mat-mdc-icon-button.mat-primary {
    --mdc-icon-button-icon-color: #4d5ee0;
    --mat-icon-button-state-layer-color: #4d5ee0;
    --mat-icon-button-ripple-color: rgba(77, 94, 224, 0.1);
  }
  .aveva-blue-theme .mat-mdc-icon-button.mat-accent {
    --mdc-icon-button-icon-color: #4d5ee0;
    --mat-icon-button-state-layer-color: #4d5ee0;
    --mat-icon-button-ripple-color: rgba(77, 94, 224, 0.1);
  }
  .aveva-blue-theme .mat-mdc-icon-button.mat-warn {
    --mdc-icon-button-icon-color: #f44336;
    --mat-icon-button-state-layer-color: #f44336;
    --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
  }
  .aveva-blue-theme {
    --mat-icon-button-touch-target-display: block;
  }
  .aveva-blue-theme .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 48px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 12px;
  }
  .aveva-blue-theme {
    --mdc-fab-container-shape: 50%;
    --mdc-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);
    --mdc-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);
    --mdc-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);
    --mdc-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);
    --mdc-fab-small-container-shape: 50%;
    --mdc-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);
    --mdc-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);
    --mdc-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);
    --mdc-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);
    --mdc-extended-fab-container-height: 48px;
    --mdc-extended-fab-container-shape: 24px;
    --mdc-extended-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);
    --mdc-extended-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);
    --mdc-extended-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);
    --mdc-extended-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);
    --mdc-fab-container-color: white;
    --mat-fab-foreground-color: black;
    --mat-fab-state-layer-color: black;
    --mat-fab-disabled-state-layer-color: black;
    --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
    --mat-fab-hover-state-layer-opacity: 0.04;
    --mat-fab-focus-state-layer-opacity: 0.12;
    --mat-fab-pressed-state-layer-opacity: 0.12;
    --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
    --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
    --mdc-fab-small-container-color: white;
    --mat-fab-small-foreground-color: black;
    --mat-fab-small-state-layer-color: black;
    --mat-fab-small-disabled-state-layer-color: black;
    --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
    --mat-fab-small-hover-state-layer-opacity: 0.04;
    --mat-fab-small-focus-state-layer-opacity: 0.12;
    --mat-fab-small-pressed-state-layer-opacity: 0.12;
    --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
    --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  }
  .aveva-blue-theme .mat-mdc-fab.mat-primary {
    --mdc-fab-container-color: #4d5ee0;
    --mat-fab-foreground-color: white;
    --mat-fab-state-layer-color: white;
    --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  }
  .aveva-blue-theme .mat-mdc-fab.mat-accent {
    --mdc-fab-container-color: #4d5ee0;
    --mat-fab-foreground-color: white;
    --mat-fab-state-layer-color: white;
    --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  }
  .aveva-blue-theme .mat-mdc-fab.mat-warn {
    --mdc-fab-container-color: #f44336;
    --mat-fab-foreground-color: white;
    --mat-fab-state-layer-color: white;
    --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  }
  .aveva-blue-theme .mat-mdc-mini-fab.mat-primary {
    --mdc-fab-small-container-color: #4d5ee0;
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-state-layer-color: white;
    --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  }
  .aveva-blue-theme .mat-mdc-mini-fab.mat-accent {
    --mdc-fab-small-container-color: #4d5ee0;
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-state-layer-color: white;
    --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  }
  .aveva-blue-theme .mat-mdc-mini-fab.mat-warn {
    --mdc-fab-small-container-color: #f44336;
    --mat-fab-small-foreground-color: white;
    --mat-fab-small-state-layer-color: white;
    --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  }
  .aveva-blue-theme {
    --mat-fab-touch-target-display: block;
    --mat-fab-small-touch-target-display: block;
    --mdc-extended-fab-label-text-font: Roboto;
    --mdc-extended-fab-label-text-size: 14px;
    --mdc-extended-fab-label-text-tracking: normal;
    --mdc-extended-fab-label-text-weight: 500;
    --mdc-snackbar-container-shape: 4px;
    --mdc-snackbar-container-color: #333333;
    --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
    --mat-snack-bar-button-color: #cacff6;
    --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400;
    --mat-table-row-item-outline-width: 1px;
    --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);
    --mat-table-header-container-height: 56px;
    --mat-table-footer-container-height: 52px;
    --mat-table-row-item-container-height: 52px;
    --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;
    --mdc-circular-progress-active-indicator-width: 4px;
    --mdc-circular-progress-size: 48px;
    --mdc-circular-progress-active-indicator-color: #4d5ee0;
  }
  .aveva-blue-theme .mat-accent {
    --mdc-circular-progress-active-indicator-color: #4d5ee0;
  }
  .aveva-blue-theme .mat-warn {
    --mdc-circular-progress-active-indicator-color: #f44336;
  }
  .aveva-blue-theme {
    --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;
    --mat-badge-background-color: #4d5ee0;
    --mat-badge-text-color: white;
    --mat-badge-disabled-state-background-color: #b9b9b9;
    --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  }
  .aveva-blue-theme .mat-badge-accent {
    --mat-badge-background-color: #4d5ee0;
    --mat-badge-text-color: white;
  }
  .aveva-blue-theme .mat-badge-warn {
    --mat-badge-background-color: #f44336;
    --mat-badge-text-color: white;
  }
  .aveva-blue-theme {
    --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;
    --mat-bottom-sheet-container-shape: 4px;
    --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
    --mat-bottom-sheet-container-background-color: white;
    --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;
    --mat-legacy-button-toggle-height: 36px;
    --mat-legacy-button-toggle-shape: 2px;
    --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
    --mat-standard-button-toggle-shape: 4px;
    --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
    --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
    --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
    --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
    --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
    --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
    --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
    --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
    --mat-standard-button-toggle-background-color: white;
    --mat-standard-button-toggle-state-layer-color: black;
    --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
    --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
    --mat-standard-button-toggle-disabled-state-background-color: white;
    --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
    --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
    --mat-standard-button-toggle-height: 48px;
    --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
    --mat-legacy-button-toggle-label-text-line-height: 24px;
    --mat-legacy-button-toggle-label-text-size: 16px;
    --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
    --mat-legacy-button-toggle-label-text-weight: 400;
    --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
    --mat-standard-button-toggle-label-text-line-height: 24px;
    --mat-standard-button-toggle-label-text-size: 16px;
    --mat-standard-button-toggle-label-text-tracking: 0.03125em;
    --mat-standard-button-toggle-label-text-weight: 400;
    --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);
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #4d5ee0;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(77, 94, 224, 0.4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(77, 94, 224, 0.3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(77, 94, 224, 0.3);
    --mat-datepicker-toggle-active-state-icon-color: #4d5ee0;
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(77, 94, 224, 0.2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
    --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-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: black;
    --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.38);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
    --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: rgba(0, 0, 0, 0.38);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
    --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
    --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  }
  .aveva-blue-theme .mat-datepicker-content.mat-accent {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #4d5ee0;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(77, 94, 224, 0.4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(77, 94, 224, 0.3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(77, 94, 224, 0.3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(77, 94, 224, 0.2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
    --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);
  }
  .aveva-blue-theme .mat-datepicker-content.mat-warn {
    --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: rgba(244, 67, 54, 0.4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
    --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);
  }
  .aveva-blue-theme .mat-datepicker-toggle-active.mat-accent {
    --mat-datepicker-toggle-active-state-icon-color: #4d5ee0;
  }
  .aveva-blue-theme .mat-datepicker-toggle-active.mat-warn {
    --mat-datepicker-toggle-active-state-icon-color: #f44336;
  }
  .aveva-blue-theme .mat-calendar-controls {
    --mat-icon-button-touch-target-display: none;
  }
  .aveva-blue-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px;
  }
  .aveva-blue-theme {
    --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;
    --mat-divider-width: 1px;
    --mat-divider-color: rgba(0, 0, 0, 0.12);
    --mat-expansion-container-shape: 4px;
    --mat-expansion-legacy-header-indicator-display: inline-block;
    --mat-expansion-header-indicator-display: none;
    --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: rgba(0, 0, 0, 0.04);
    --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
    --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
    --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);
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px;
    --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;
    --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;
    --mat-icon-color: inherit;
  }
  .aveva-blue-theme .mat-icon.mat-primary {
    --mat-icon-color: #4d5ee0;
  }
  .aveva-blue-theme .mat-icon.mat-accent {
    --mat-icon-color: #4d5ee0;
  }
  .aveva-blue-theme .mat-icon.mat-warn {
    --mat-icon-color: #f44336;
  }
  .aveva-blue-theme {
    --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;
    --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);
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #4d5ee0;
    --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: rgba(0, 0, 0, 0.04);
    --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
    --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;
  }
  .aveva-blue-theme .mat-step-header.mat-accent {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #4d5ee0;
    --mat-stepper-header-edit-state-icon-foreground-color: white;
  }
  .aveva-blue-theme .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;
  }
  .aveva-blue-theme {
    --mat-stepper-header-height: 72px;
    --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;
    --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
    --mat-toolbar-container-background-color: whitesmoke;
    --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
  }
  .aveva-blue-theme .mat-toolbar.mat-primary {
    --mat-toolbar-container-background-color: #4d5ee0;
    --mat-toolbar-container-text-color: white;
  }
  .aveva-blue-theme .mat-toolbar.mat-accent {
    --mat-toolbar-container-background-color: #4d5ee0;
    --mat-toolbar-container-text-color: white;
  }
  .aveva-blue-theme .mat-toolbar.mat-warn {
    --mat-toolbar-container-background-color: #f44336;
    --mat-toolbar-container-text-color: white;
  }
  .aveva-blue-theme {
    --mat-toolbar-standard-height: 64px;
    --mat-toolbar-mobile-height: 56px;
    --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;
    --mat-tree-container-background-color: white;
    --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
    --mat-tree-node-min-height: 48px;
    --mat-tree-node-text-font: Roboto, sans-serif;
    --mat-tree-node-text-size: 14px;
    --mat-tree-node-text-weight: 400;
    --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);
    --mat-timepicker-container-background-color: white;
  }
  .aveva-blue-theme .appHeaderTitle {
    font-family:
      "Barlow",
      Arial,
      Helvetica,
      sans-serif;
    font-size: 24px;
    color: #151719;
  }
  .aveva-blue-theme .trademark {
    font-size: 0.95rem;
    vertical-align: 22%;
    color: #151719;
  }
  .aveva-blue-theme .themed-sidenav .mat-list-item-content {
    color: #151719;
  }
  .aveva-blue-theme .themed-sidenav [mat-list-item] {
    height: 50px;
  }
  .aveva-blue-theme .themed-sidenav [mat-list-item].active {
    box-shadow: inset 5px 0px #4d5ee0;
  }
  .aveva-blue-theme .mat-drawer-container {
    background-color: #f3f4f5;
  }
  .aveva-blue-theme .themed-page-header {
    color: #2d3033;
  }
  .aveva-blue-theme a {
    color: #4d5ee0;
    text-decoration: none;
  }
  .aveva-blue-theme .toolbar-template-view:first-child {
    background: white;
    height: 44px;
    font-size: 16px;
  }
  @media (max-width: 600px) {
    .aveva-blue-theme .toolbar-template-view:first-child {
      height: 36px;
    }
  }
  .aveva-blue-theme .toolbar-template-view:first-child .mat-icon {
    color: rgba(0, 0, 0, 0.87);
  }
  .aveva-blue-theme .toolbar-normal-view {
    background: white;
    border-bottom: 1px solid #d2d6d9;
  }
  .aveva-blue-theme .toolbar-normal-view .mat-icon {
    color: #393d40;
  }
  .aveva-blue-theme .account-img.backup {
    background-color: #4d5ee0;
    color: white;
  }
}
@layer ag-grid {
}
body .mat-mdc-card-title {
  --mat-card-title-text-size: 1rem;
}
body .mat-mdc-card-subtitle {
  --mat-card-subtitle-text-size: 0.75rem;
}
body .mat-toolbar {
  --mdc-icon-button-icon-color: var(--mat-sys-on-primary);
}
body pre {
  font-size: 0.75em;
}
body .ag-grid-container {
  resize: vertical;
  overflow: auto;
  height: 500px;
}
body .ag-grid {
  width: 100%;
  height: 100%;
}
body .form-field {
  min-width: 22rem;
}
body .button-div {
  margin-top: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
body .button-action {
  margin-right: 1rem;
}
body .dialog-button {
  margin-right: 1rem;
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  .lg\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* node_modules/@uilab/styling/css/light-css-variables.css */
:root,
:root[data-theme=background],
[data-theme=background],
[data-theme=light] {
  --uilab-sys-color-background-10: #ffffff;
  --uilab-sys-color-background-20: #f9fbfc;
  --uilab-sys-color-background-30: #f3f4f5;
  --uilab-sys-color-background-40: #eaeced;
  --uilab-sys-color-background-50: #dfe3e6;
  --uilab-sys-color-text-neutral-opaque: rgb(0% 0% 0%);
  --uilab-sys-color-text-neutral-high-emphasis: rgb(0% 0% 0% / 0.9);
  --uilab-sys-color-text-neutral-medium-emphasis: rgb(0% 0% 0% / 0.6);
  --uilab-sys-color-text-neutral-disabled: rgb(0% 0% 0% / 0.38);
  --uilab-sys-color-text-accent-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-text-error-opaque: rgb(80% 18% 16.1%);
  --uilab-sys-color-text-success-opaque: rgb(9.02% 61.6% 44.3%);
  --uilab-sys-color-text-warning-opaque: rgb(90.2% 65.5% 0%);
  --uilab-sys-color-text-info-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-text-visited-link-opaque: rgb(32.9% 3.92% 49%);
  --uilab-sys-color-icon-neutral-opaque: rgb(0% 0% 0%);
  --uilab-sys-color-icon-neutral-high-emphasis: rgb(0% 0% 0% / 0.9);
  --uilab-sys-color-icon-neutral-medium-emphasis: rgb(0% 0% 0% / 0.6);
  --uilab-sys-color-icon-neutral-disabled: rgb(0% 0% 0% / 0.38);
  --uilab-sys-color-icon-accent-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-icon-error-opaque: rgb(80% 18% 16.1%);
  --uilab-sys-color-icon-success-opaque: rgb(9.02% 61.6% 44.3%);
  --uilab-sys-color-icon-warning-opaque: rgb(90.2% 65.5% 0%);
  --uilab-sys-color-icon-info-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-container-regular-neutral-opaque: rgb(100% 100% 100%);
  --uilab-sys-color-container-regular-neutral-light: rgb(0% 0% 0% / 0.16);
  --uilab-sys-color-container-regular-neutral-subtle: rgb(0% 0% 0% / 0.12);
  --uilab-sys-color-container-regular-neutral-more-subtle: rgb(0% 0% 0% / 0.08);
  --uilab-sys-color-container-regular-neutral-extra-subtle: rgb(0% 0% 0% / 0.04);
  --uilab-sys-color-container-regular-neutral-super-subtle: rgb(0% 0% 0% / 0.02);
  --uilab-sys-color-container-regular-neutral-transparent: rgb(100% 100% 100% / 0);
  --uilab-sys-color-container-regular-accent-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-container-regular-accent-light: rgb(30.2% 36.9% 87.8% / 0.16);
  --uilab-sys-color-container-regular-accent-subtle: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-container-regular-accent-more-subtle: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-container-regular-accent-extra-subtle: rgb(30.2% 36.9% 87.8% / 0.04);
  --uilab-sys-color-container-regular-accent-super-subtle: rgb(30.2% 36.9% 87.8% / 0.02);
  --uilab-sys-color-container-regular-accent-transparent: rgb(30.2% 36.9% 87.8% / 0);
  --uilab-sys-color-container-regular-error-opaque: rgb(80% 18% 16.1%);
  --uilab-sys-color-container-regular-error-light: rgb(80% 18% 16.1% / 0.16);
  --uilab-sys-color-container-regular-error-subtle: rgb(80% 18% 16.1% / 0.12);
  --uilab-sys-color-container-regular-error-more-subtle: rgb(80% 18% 16.1% / 0.08);
  --uilab-sys-color-container-regular-error-extra-subtle: rgb(80% 18% 16.1% / 0.04);
  --uilab-sys-color-container-regular-error-super-subtle: rgb(80% 18% 16.1% / 0.02);
  --uilab-sys-color-container-regular-error-transparent: rgb(80% 18% 16.1% / 0);
  --uilab-sys-color-container-regular-success-opaque: rgb(9.02% 61.6% 44.3%);
  --uilab-sys-color-container-regular-success-light: rgb(9.02% 61.6% 44.3% / 0.16);
  --uilab-sys-color-container-regular-success-subtle: rgb(9.02% 61.6% 44.3% / 0.12);
  --uilab-sys-color-container-regular-success-more-subtle: rgb(9.02% 61.6% 44.3% / 0.08);
  --uilab-sys-color-container-regular-success-extra-subtle: rgb(9.02% 61.6% 44.3% / 0.04);
  --uilab-sys-color-container-regular-success-super-subtle: rgb(9.02% 61.6% 44.3% / 0.02);
  --uilab-sys-color-container-regular-success-transparent: rgb(9.02% 61.6% 44.3% / 0);
  --uilab-sys-color-container-regular-warning-opaque: rgb(90.2% 65.5% 0%);
  --uilab-sys-color-container-regular-warning-light: rgb(90.2% 65.5% 0% / 0.16);
  --uilab-sys-color-container-regular-warning-subtle: rgb(90.2% 65.5% 0% / 0.12);
  --uilab-sys-color-container-regular-warning-more-subtle: rgb(90.2% 65.5% 0% / 0.08);
  --uilab-sys-color-container-regular-warning-extra-subtle: rgb(90.2% 65.5% 0% / 0.04);
  --uilab-sys-color-container-regular-warning-super-subtle: rgb(90.2% 65.5% 0% / 0.02);
  --uilab-sys-color-container-regular-warning-transparent: rgb(90.2% 65.5% 0% / 0);
  --uilab-sys-color-container-regular-info-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-container-regular-info-light: rgb(30.2% 36.9% 87.8% / 0.16);
  --uilab-sys-color-container-regular-info-subtle: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-container-regular-info-more-subtle: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-container-regular-info-extra-subtle: rgb(30.2% 36.9% 87.8% / 0.04);
  --uilab-sys-color-container-regular-info-super-subtle: rgb(30.2% 36.9% 87.8% / 0.02);
  --uilab-sys-color-container-regular-info-transparent: rgb(30.2% 36.9% 87.8% / 0);
  --uilab-sys-color-container-regular-highlight-opaque: rgb(100% 93.3% 50.2%);
  --uilab-sys-color-container-regular-highlight-light: rgb(100% 93.3% 50.2% / 0.16);
  --uilab-sys-color-container-solid-neutral-light: rgb(84% 84% 84%);
  --uilab-sys-color-container-solid-neutral-subtle: rgb(88% 88% 88%);
  --uilab-sys-color-container-solid-neutral-more-subtle: rgb(92% 92% 92%);
  --uilab-sys-color-container-solid-neutral-extra-subtle: rgb(96% 96% 96%);
  --uilab-sys-color-container-solid-neutral-super-subtle: rgb(98% 98% 98%);
  --uilab-sys-color-container-solid-accent-light: rgb(88.8% 89.9% 98.1%);
  --uilab-sys-color-container-solid-accent-subtle: rgb(91.6% 92.4% 98.5%);
  --uilab-sys-color-container-solid-accent-more-subtle: rgb(94.4% 94.9% 99%);
  --uilab-sys-color-container-solid-accent-extra-subtle: rgb(97.2% 97.5% 99.5%);
  --uilab-sys-color-container-solid-accent-super-subtle: rgb(98.6% 98.7% 99.8%);
  --uilab-sys-color-container-solid-error-light: rgb(96.8% 86.9% 86.6%);
  --uilab-sys-color-container-solid-error-subtle: rgb(97.6% 90.2% 89.9%);
  --uilab-sys-color-container-solid-error-more-subtle: rgb(98.4% 93.4% 93.3%);
  --uilab-sys-color-container-solid-error-extra-subtle: rgb(99.2% 96.7% 96.6%);
  --uilab-sys-color-container-solid-error-super-subtle: rgb(99.6% 98.4% 98.3%);
  --uilab-sys-color-container-solid-success-light: rgb(85.4% 93.9% 91.1%);
  --uilab-sys-color-container-solid-success-subtle: rgb(89.1% 95.4% 93.3%);
  --uilab-sys-color-container-solid-success-more-subtle: rgb(92.7% 96.9% 95.5%);
  --uilab-sys-color-container-solid-success-extra-subtle: rgb(96.4% 98.5% 97.8%);
  --uilab-sys-color-container-solid-success-super-subtle: rgb(98.2% 99.2% 98.9%);
  --uilab-sys-color-container-solid-warning-light: rgb(98.4% 94.5% 84%);
  --uilab-sys-color-container-solid-warning-subtle: rgb(98.8% 95.9% 88%);
  --uilab-sys-color-container-solid-warning-more-subtle: rgb(99.2% 97.2% 92%);
  --uilab-sys-color-container-solid-warning-extra-subtle: rgb(99.6% 98.6% 96%);
  --uilab-sys-color-container-solid-warning-super-subtle: rgb(99.8% 99.3% 98%);
  --uilab-sys-color-container-solid-info-light: rgb(88.8% 89.9% 98.1%);
  --uilab-sys-color-container-solid-info-subtle: rgb(91.6% 92.4% 98.5%);
  --uilab-sys-color-container-solid-info-more-subtle: rgb(94.4% 94.9% 99%);
  --uilab-sys-color-container-solid-info-extra-subtle: rgb(97.2% 97.5% 99.5%);
  --uilab-sys-color-container-solid-info-super-subtle: rgb(98.6% 98.7% 99.8%);
  --uilab-sys-color-container-solid-highlight-light: rgb(100% 98.9% 92%);
  --uilab-sys-color-container-elevated-00dp: rgb(100% 100% 100%);
  --uilab-sys-color-container-elevated-01dp: rgb(100% 100% 100%);
  --uilab-sys-color-container-elevated-02dp: rgb(100% 100% 100%);
  --uilab-sys-color-container-elevated-03dp: rgb(100% 100% 100%);
  --uilab-sys-color-container-elevated-04dp: rgb(100% 100% 100%);
  --uilab-sys-color-container-elevated-06dp: rgb(100% 100% 100%);
  --uilab-sys-color-container-elevated-08dp: rgb(100% 100% 100%);
  --uilab-sys-color-container-elevated-12dp: rgb(100% 100% 100%);
  --uilab-sys-color-container-elevated-16dp: rgb(100% 100% 100%);
  --uilab-sys-color-container-elevated-24dp: rgb(100% 100% 100%);
  --uilab-sys-color-outline-neutral-opaque: rgb(0% 0% 0%);
  --uilab-sys-color-outline-neutral-high-emphasis: rgb(0% 0% 0% / 0.72);
  --uilab-sys-color-outline-neutral-medium-emphasis: rgb(0% 0% 0% / 0.44);
  --uilab-sys-color-outline-neutral-disabled: rgb(0% 0% 0% / 0.12);
  --uilab-sys-color-outline-neutral-transparent: rgb(0% 0% 0% / 0);
  --uilab-sys-color-outline-accent-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-outline-accent-disabled: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-outline-accent-transparent: rgb(30.2% 36.9% 87.8% / 0);
  --uilab-sys-color-outline-error-opaque: rgb(80% 18% 16.1%);
  --uilab-sys-color-outline-error-disabled: rgb(80% 18% 16.1% / 0.12);
  --uilab-sys-color-outline-error-transparent: rgb(80% 18% 16.1% / 0);
  --uilab-sys-color-outline-success-opaque: rgb(9.02% 61.6% 44.3%);
  --uilab-sys-color-outline-success-disabled: rgb(9.02% 61.6% 44.3% / 0.12);
  --uilab-sys-color-outline-success-transparent: rgb(9.02% 61.6% 44.3% / 0);
  --uilab-sys-color-outline-warning-opaque: rgb(90.2% 65.5% 0%);
  --uilab-sys-color-outline-warning-disabled: rgb(90.2% 65.5% 0% / 0.12);
  --uilab-sys-color-outline-warning-transparent: rgb(90.2% 65.5% 0% / 0);
  --uilab-sys-color-outline-info-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-outline-info-disabled: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-outline-info-transparent: rgb(30.2% 36.9% 87.8% / 0);
  --uilab-sys-color-overlay-neutral-resting: rgb(0% 0% 0% / 0);
  --uilab-sys-color-overlay-neutral-hovered: rgb(0% 0% 0% / 0.08);
  --uilab-sys-color-overlay-neutral-focused: rgb(0% 0% 0% / 0.12);
  --uilab-sys-color-overlay-neutral-hovered-subtle: rgb(0% 0% 0% / 0.04);
  --uilab-sys-color-overlay-neutral-focused-subtle: rgb(0% 0% 0% / 0.08);
  --uilab-sys-color-overlay-neutral-dragged: rgb(0% 0% 0% / 0.08);
  --uilab-sys-color-overlay-neutral-pressed: rgb(0% 0% 0% / 0.12);
  --uilab-sys-color-overlay-neutral-pressed-on-focused: rgb(0% 0% 0% / 0.24);
  --uilab-sys-color-overlay-accent-resting: rgb(30.2% 36.9% 87.8% / 0);
  --uilab-sys-color-overlay-accent-hovered: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-overlay-accent-focused: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-overlay-accent-hovered-subtle: rgb(30.2% 36.9% 87.8% / 0.04);
  --uilab-sys-color-overlay-accent-focused-subtle: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-overlay-accent-dragged: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-overlay-accent-pressed: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-overlay-accent-pressed-on-focused: rgb(30.2% 36.9% 87.8% / 0.24);
  --uilab-sys-color-overlay-error-resting: rgb(80% 18% 16.1% / 0);
  --uilab-sys-color-overlay-error-hovered: rgb(80% 18% 16.1% / 0.08);
  --uilab-sys-color-overlay-error-focused: rgb(80% 18% 16.1% / 0.12);
  --uilab-sys-color-overlay-error-hovered-subtle: rgb(80% 18% 16.1% / 0.04);
  --uilab-sys-color-overlay-error-focused-subtle: rgb(80% 18% 16.1% / 0.08);
  --uilab-sys-color-overlay-error-dragged: rgb(80% 18% 16.1% / 0.08);
  --uilab-sys-color-overlay-error-pressed: rgb(80% 18% 16.1% / 0.12);
  --uilab-sys-color-overlay-error-pressed-on-focused: rgb(80% 18% 16.1% / 0.24);
  --uilab-sys-color-overlay-success-resting: rgb(80% 18% 16.1% / 0);
  --uilab-sys-color-overlay-success-hovered: rgb(9.02% 61.6% 44.3% / 0.08);
  --uilab-sys-color-overlay-success-focused: rgb(9.02% 61.6% 44.3% / 0.12);
  --uilab-sys-color-overlay-success-hovered-subtle: rgb(9.02% 61.6% 44.3% / 0.04);
  --uilab-sys-color-overlay-success-focused-subtle: rgb(9.02% 61.6% 44.3% / 0.08);
  --uilab-sys-color-overlay-success-dragged: rgb(9.02% 61.6% 44.3% / 0.08);
  --uilab-sys-color-overlay-success-pressed: rgb(9.02% 61.6% 44.3% / 0.12);
  --uilab-sys-color-overlay-success-pressed-on-focused: rgb(9.02% 61.6% 44.3% / 0.24);
  --uilab-sys-color-overlay-warning-resting: rgb(90.2% 65.5% 0% / 0);
  --uilab-sys-color-overlay-warning-hovered: rgb(90.2% 65.5% 0% / 0.08);
  --uilab-sys-color-overlay-warning-focused: rgb(90.2% 65.5% 0% / 0.12);
  --uilab-sys-color-overlay-warning-hovered-subtle: rgb(90.2% 65.5% 0% / 0.04);
  --uilab-sys-color-overlay-warning-focused-subtle: rgb(90.2% 65.5% 0% / 0.08);
  --uilab-sys-color-overlay-warning-dragged: rgb(90.2% 65.5% 0% / 0.08);
  --uilab-sys-color-overlay-warning-pressed: rgb(90.2% 65.5% 0% / 0.12);
  --uilab-sys-color-overlay-warning-pressed-on-focused: rgb(90.2% 65.5% 0% / 0.24);
  --uilab-sys-color-overlay-info-resting: rgb(90.2% 65.5% 0% / 0);
  --uilab-sys-color-overlay-info-hovered: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-overlay-info-focused: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-overlay-info-hovered-subtle: rgb(30.2% 36.9% 87.8% / 0.04);
  --uilab-sys-color-overlay-info-focused-subtle: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-overlay-info-dragged: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-overlay-info-pressed: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-overlay-info-pressed-on-focused: rgb(30.2% 36.9% 87.8% / 0.24);
  --uilab-sys-color-data-vis-opaque-1: rgb(10.2% 46.3% 85.1%);
  --uilab-sys-color-data-vis-opaque-2: rgb(86.3% 45.1% 0%);
  --uilab-sys-color-data-vis-opaque-3: rgb(72.2% 41.2% 66.7%);
  --uilab-sys-color-data-vis-opaque-4: rgb(0% 54.1% 0%);
  --uilab-sys-color-data-vis-opaque-5: rgb(60.8% 52.9% 47.1%);
  --uilab-sys-color-data-vis-opaque-6: rgb(72.5% 0% 56.9%);
  --uilab-sys-color-data-vis-opaque-7: rgb(72.2% 55.3% 0%);
  --uilab-sys-color-data-vis-opaque-8: rgb(17.6% 17.6% 72.5%);
  --uilab-sys-color-data-vis-opaque-9: rgb(14.1% 60% 74.9%);
  --uilab-sys-color-data-vis-opaque-10: rgb(74.5% 7.84% 25.5%);
  --uilab-sys-color-data-vis-opaque-11: rgb(31.8% 61.2% 9.02%);
  --uilab-sys-color-data-vis-opaque-12: rgb(51% 11.8% 62.7%);
  --uilab-sys-color-data-vis-tint-80-1: rgb(10.2% 46.3% 85.1% / 0.8);
  --uilab-sys-color-data-vis-tint-80-2: rgb(86.3% 45.1% 0% / 0.8);
  --uilab-sys-color-data-vis-tint-80-3: rgb(72.2% 41.2% 66.7% / 0.8);
  --uilab-sys-color-data-vis-tint-80-4: rgb(0% 54.1% 0% / 0.8);
  --uilab-sys-color-data-vis-tint-80-5: rgb(60.8% 52.9% 47.1% / 0.8);
  --uilab-sys-color-data-vis-tint-80-6: rgb(72.5% 0% 56.9% / 0.8);
  --uilab-sys-color-data-vis-tint-80-7: rgb(72.2% 55.3% 0% / 0.8);
  --uilab-sys-color-data-vis-tint-80-8: rgb(17.6% 17.6% 72.5% / 0.8);
  --uilab-sys-color-data-vis-tint-80-9: rgb(14.1% 60% 74.9% / 0.8);
  --uilab-sys-color-data-vis-tint-80-10: rgb(74.5% 7.84% 25.5% / 0.8);
  --uilab-sys-color-data-vis-tint-80-11: rgb(31.8% 61.2% 9.02% / 0.8);
  --uilab-sys-color-data-vis-tint-80-12: rgb(51% 11.8% 62.7% / 0.8);
  --uilab-sys-color-data-vis-tint-60-1: rgb(10.2% 46.3% 85.1% / 0.6);
  --uilab-sys-color-data-vis-tint-60-2: rgb(86.3% 45.1% 0% / 0.6);
  --uilab-sys-color-data-vis-tint-60-3: rgb(72.2% 41.2% 66.7% / 0.6);
  --uilab-sys-color-data-vis-tint-60-4: rgb(0% 54.1% 0% / 0.6);
  --uilab-sys-color-data-vis-tint-60-5: rgb(60.8% 52.9% 47.1% / 0.6);
  --uilab-sys-color-data-vis-tint-60-6: rgb(72.5% 0% 56.9% / 0.6);
  --uilab-sys-color-data-vis-tint-60-7: rgb(72.2% 55.3% 0% / 0.6);
  --uilab-sys-color-data-vis-tint-60-8: rgb(17.6% 17.6% 72.5% / 0.6);
  --uilab-sys-color-data-vis-tint-60-9: rgb(14.1% 60% 74.9% / 0.6);
  --uilab-sys-color-data-vis-tint-60-10: rgb(74.5% 7.84% 25.5% / 0.6);
  --uilab-sys-color-data-vis-tint-60-11: rgb(31.8% 61.2% 9.02% / 0.6);
  --uilab-sys-color-data-vis-tint-60-12: rgb(51% 11.8% 62.7% / 0.6);
  --uilab-sys-color-data-vis-tint-40-1: rgb(10.2% 46.3% 85.1% / 0.4);
  --uilab-sys-color-data-vis-tint-40-2: rgb(86.3% 45.1% 0% / 0.4);
  --uilab-sys-color-data-vis-tint-40-3: rgb(72.2% 41.2% 66.7% / 0.4);
  --uilab-sys-color-data-vis-tint-40-4: rgb(0% 54.1% 0% / 0.4);
  --uilab-sys-color-data-vis-tint-40-5: rgb(60.8% 52.9% 47.1% / 0.4);
  --uilab-sys-color-data-vis-tint-40-6: rgb(72.5% 0% 56.9% / 0.4);
  --uilab-sys-color-data-vis-tint-40-7: rgb(72.2% 55.3% 0% / 0.4);
  --uilab-sys-color-data-vis-tint-40-8: rgb(17.6% 17.6% 72.5% / 0.4);
  --uilab-sys-color-data-vis-tint-40-9: rgb(14.1% 60% 74.9% / 0.4);
  --uilab-sys-color-data-vis-tint-40-10: rgb(74.5% 7.84% 25.5% / 0.4);
  --uilab-sys-color-data-vis-tint-40-11: rgb(31.8% 61.2% 9.02% / 0.4);
  --uilab-sys-color-data-vis-tint-40-12: rgb(51% 11.8% 62.7% / 0.4);
  --uilab-sys-color-data-vis-tint-20-1: rgb(10.2% 46.3% 85.1% / 0.2);
  --uilab-sys-color-data-vis-tint-20-2: rgb(86.3% 45.1% 0% / 0.2);
  --uilab-sys-color-data-vis-tint-20-3: rgb(72.2% 41.2% 66.7% / 0.2);
  --uilab-sys-color-data-vis-tint-20-4: rgb(0% 54.1% 0% / 0.2);
  --uilab-sys-color-data-vis-tint-20-5: rgb(60.8% 52.9% 47.1% / 0.2);
  --uilab-sys-color-data-vis-tint-20-6: rgb(72.5% 0% 56.9% / 0.2);
  --uilab-sys-color-data-vis-tint-20-7: rgb(72.2% 55.3% 0% / 0.2);
  --uilab-sys-color-data-vis-tint-20-8: rgb(17.6% 17.6% 72.5% / 0.2);
  --uilab-sys-color-data-vis-tint-20-9: rgb(14.1% 60% 74.9% / 0.2);
  --uilab-sys-color-data-vis-tint-20-10: rgb(74.5% 7.84% 25.5% / 0.2);
  --uilab-sys-color-data-vis-tint-20-11: rgb(31.8% 61.2% 9.02% / 0.2);
  --uilab-sys-color-data-vis-tint-20-12: rgb(51% 11.8% 62.7% / 0.2);
  --uilab-sys-color-inverse-background-10: #151719;
  --uilab-sys-color-inverse-background-20: #2d3033;
  --uilab-sys-color-inverse-background-30: #393d40;
  --uilab-sys-color-inverse-background-40: #515559;
  --uilab-sys-color-inverse-background-50: #6b6f73;
  --uilab-sys-color-inverse-text-neutral-opaque: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-text-neutral-high-emphasis: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-text-neutral-medium-emphasis: rgb(100% 100% 100% / 0.7);
  --uilab-sys-color-inverse-text-neutral-disabled: rgb(100% 100% 100% / 0.32);
  --uilab-sys-color-inverse-text-accent-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-inverse-text-error-opaque: rgb(100% 27.5% 25.1%);
  --uilab-sys-color-inverse-text-success-opaque: rgb(26.7% 76.5% 56.5%);
  --uilab-sys-color-inverse-text-warning-opaque: rgb(100% 72.9% 0%);
  --uilab-sys-color-inverse-text-info-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-inverse-text-visited-link-opaque: rgb(89.8% 63.5% 100%);
  --uilab-sys-color-inverse-icon-neutral-opaque: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-icon-neutral-high-emphasis: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-icon-neutral-medium-emphasis: rgb(100% 100% 100% / 0.7);
  --uilab-sys-color-inverse-icon-neutral-disabled: rgb(100% 100% 100% / 0.32);
  --uilab-sys-color-inverse-icon-accent-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-inverse-icon-error-opaque: rgb(100% 27.5% 25.1%);
  --uilab-sys-color-inverse-icon-success-opaque: rgb(26.7% 76.5% 56.5%);
  --uilab-sys-color-inverse-icon-warning-opaque: rgb(100% 72.9% 0%);
  --uilab-sys-color-inverse-icon-info-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-inverse-container-regular-neutral-opaque: rgb(8.24% 9.02% 9.8%);
  --uilab-sys-color-inverse-container-regular-neutral-light: rgb(100% 100% 100% / 0.24);
  --uilab-sys-color-inverse-container-regular-neutral-subtle: rgb(100% 100% 100% / 0.16);
  --uilab-sys-color-inverse-container-regular-neutral-more-subtle: rgb(100% 100% 100% / 0.12);
  --uilab-sys-color-inverse-container-regular-neutral-extra-subtle: rgb(100% 100% 100% / 0.08);
  --uilab-sys-color-inverse-container-regular-neutral-super-subtle: rgb(100% 100% 100% / 0.04);
  --uilab-sys-color-inverse-container-regular-neutral-transparent: rgb(8.24% 9.02% 9.8% / 0);
  --uilab-sys-color-inverse-container-regular-accent-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-inverse-container-regular-accent-light: rgb(47.1% 63.1% 98.8% / 0.24);
  --uilab-sys-color-inverse-container-regular-accent-subtle: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-inverse-container-regular-accent-more-subtle: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-inverse-container-regular-accent-extra-subtle: rgb(47.1% 63.1% 98.8% / 0.08);
  --uilab-sys-color-inverse-container-regular-accent-super-subtle: rgb(47.1% 63.1% 98.8% / 0.04);
  --uilab-sys-color-inverse-container-regular-accent-transparent: rgb(47.1% 63.1% 98.8% / 0);
  --uilab-sys-color-inverse-container-regular-error-opaque: rgb(100% 27.5% 25.1%);
  --uilab-sys-color-inverse-container-regular-error-light: rgb(100% 27.5% 25.1% / 0.24);
  --uilab-sys-color-inverse-container-regular-error-subtle: rgb(100% 27.5% 25.1% / 0.16);
  --uilab-sys-color-inverse-container-regular-error-more-subtle: rgb(100% 27.5% 25.1% / 0.12);
  --uilab-sys-color-inverse-container-regular-error-extra-subtle: rgb(100% 27.5% 25.1% / 0.08);
  --uilab-sys-color-inverse-container-regular-error-super-subtle: rgb(100% 27.5% 25.1% / 0.04);
  --uilab-sys-color-inverse-container-regular-error-transparent: rgb(100% 27.5% 25.1% / 0);
  --uilab-sys-color-inverse-container-regular-success-opaque: rgb(26.7% 76.5% 56.5%);
  --uilab-sys-color-inverse-container-regular-success-light: rgb(26.7% 76.5% 56.5% / 0.24);
  --uilab-sys-color-inverse-container-regular-success-subtle: rgb(26.7% 76.5% 56.5% / 0.16);
  --uilab-sys-color-inverse-container-regular-success-more-subtle: rgb(26.7% 76.5% 56.5% / 0.12);
  --uilab-sys-color-inverse-container-regular-success-extra-subtle: rgb(26.7% 76.5% 56.5% / 0.08);
  --uilab-sys-color-inverse-container-regular-success-super-subtle: rgb(26.7% 76.5% 56.5% / 0.04);
  --uilab-sys-color-inverse-container-regular-success-transparent: rgb(26.7% 76.5% 56.5% / 0);
  --uilab-sys-color-inverse-container-regular-warning-opaque: rgb(100% 72.9% 0%);
  --uilab-sys-color-inverse-container-regular-warning-light: rgb(100% 72.9% 0% / 0.24);
  --uilab-sys-color-inverse-container-regular-warning-subtle: rgb(100% 72.9% 0% / 0.16);
  --uilab-sys-color-inverse-container-regular-warning-more-subtle: rgb(100% 72.9% 0% / 0.12);
  --uilab-sys-color-inverse-container-regular-warning-extra-subtle: rgb(100% 72.9% 0% / 0.08);
  --uilab-sys-color-inverse-container-regular-warning-super-subtle: rgb(100% 72.9% 0% / 0.04);
  --uilab-sys-color-inverse-container-regular-warning-transparent: rgb(100% 72.9% 0% / 0);
  --uilab-sys-color-inverse-container-regular-info-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-inverse-container-regular-info-light: rgb(47.1% 63.1% 98.8% / 0.24);
  --uilab-sys-color-inverse-container-regular-info-subtle: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-inverse-container-regular-info-more-subtle: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-inverse-container-regular-info-extra-subtle: rgb(47.1% 63.1% 98.8% / 0.08);
  --uilab-sys-color-inverse-container-regular-info-super-subtle: rgb(47.1% 63.1% 98.8% / 0.04);
  --uilab-sys-color-inverse-container-regular-info-transparent: rgb(47.1% 63.1% 98.8% / 0);
  --uilab-sys-color-inverse-container-regular-highlight-opaque: rgb(100% 93.3% 50.2%);
  --uilab-sys-color-inverse-container-regular-highlight-light: rgb(100% 93.3% 50.2% / 0.24);
  --uilab-sys-color-inverse-container-solid-neutral-light: rgb(30.3% 30.9% 31.5%);
  --uilab-sys-color-inverse-container-solid-neutral-subtle: rgb(22.9% 23.6% 24.2%);
  --uilab-sys-color-inverse-container-solid-neutral-more-subtle: rgb(19.2% 19.9% 20.6%);
  --uilab-sys-color-inverse-container-solid-neutral-extra-subtle: rgb(15.6% 16.3% 17%);
  --uilab-sys-color-inverse-container-solid-neutral-super-subtle: rgb(11.9% 12.7% 13.4%);
  --uilab-sys-color-inverse-container-solid-accent-light: rgb(17.6% 22% 31.2%);
  --uilab-sys-color-inverse-container-solid-accent-subtle: rgb(14.4% 17.7% 24%);
  --uilab-sys-color-inverse-container-solid-accent-more-subtle: rgb(12.9% 15.5% 20.5%);
  --uilab-sys-color-inverse-container-solid-accent-extra-subtle: rgb(11.3% 13.3% 16.9%);
  --uilab-sys-color-inverse-container-solid-accent-super-subtle: rgb(9.79% 11.2% 13.4%);
  --uilab-sys-color-inverse-container-solid-error-light: rgb(30.3% 13.4% 13.5%);
  --uilab-sys-color-inverse-container-solid-error-subtle: rgb(22.9% 12% 12.3%);
  --uilab-sys-color-inverse-container-solid-error-more-subtle: rgb(19.2% 11.2% 11.6%);
  --uilab-sys-color-inverse-container-solid-error-extra-subtle: rgb(15.6% 10.5% 11%);
  --uilab-sys-color-inverse-container-solid-error-super-subtle: rgb(11.9% 9.76% 10.4%);
  --uilab-sys-color-inverse-container-solid-success-light: rgb(12.7% 25.2% 21%);
  --uilab-sys-color-inverse-container-solid-success-subtle: rgb(11.2% 19.8% 17.3%);
  --uilab-sys-color-inverse-container-solid-success-more-subtle: rgb(10.4% 17.1% 15.4%);
  --uilab-sys-color-inverse-container-solid-success-extra-subtle: rgb(9.71% 14.4% 13.5%);
  --uilab-sys-color-inverse-container-solid-success-super-subtle: rgb(8.97% 11.7% 11.7%);
  --uilab-sys-color-inverse-container-solid-warning-light: rgb(30.3% 24.4% 7.45%);
  --uilab-sys-color-inverse-container-solid-warning-subtle: rgb(22.9% 19.2% 8.24%);
  --uilab-sys-color-inverse-container-solid-warning-more-subtle: rgb(19.2% 16.7% 8.63%);
  --uilab-sys-color-inverse-container-solid-warning-extra-subtle: rgb(15.6% 14.1% 9.02%);
  --uilab-sys-color-inverse-container-solid-warning-super-subtle: rgb(11.9% 11.6% 9.41%);
  --uilab-sys-color-inverse-container-solid-info-light: rgb(17.6% 22% 31.2%);
  --uilab-sys-color-inverse-container-solid-info-subtle: rgb(14.4% 17.7% 24%);
  --uilab-sys-color-inverse-container-solid-info-more-subtle: rgb(12.9% 15.5% 20.5%);
  --uilab-sys-color-inverse-container-solid-info-extra-subtle: rgb(11.3% 13.3% 16.9%);
  --uilab-sys-color-inverse-container-solid-info-super-subtle: rgb(9.79% 11.2% 13.4%);
  --uilab-sys-color-inverse-container-solid-highlight-light: rgb(30.3% 29.3% 19.5%);
  --uilab-sys-color-inverse-container-elevated-00dp: rgb(8.24% 9.02% 9.8%);
  --uilab-sys-color-inverse-container-elevated-01dp: rgb(12.8% 13.6% 14.3%);
  --uilab-sys-color-inverse-container-elevated-02dp: rgb(14.7% 15.4% 16.1%);
  --uilab-sys-color-inverse-container-elevated-03dp: rgb(15.6% 16.3% 17%);
  --uilab-sys-color-inverse-container-elevated-04dp: rgb(16.5% 17.2% 17.9%);
  --uilab-sys-color-inverse-container-elevated-06dp: rgb(18.3% 19% 19.7%);
  --uilab-sys-color-inverse-container-elevated-08dp: rgb(19.2% 19.9% 20.6%);
  --uilab-sys-color-inverse-container-elevated-12dp: rgb(21.1% 21.8% 22.4%);
  --uilab-sys-color-inverse-container-elevated-16dp: rgb(22% 22.7% 23.3%);
  --uilab-sys-color-inverse-container-elevated-24dp: rgb(22.9% 23.6% 24.2%);
  --uilab-sys-color-inverse-outline-neutral-opaque: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-outline-neutral-high-emphasis: rgb(100% 100% 100% / 0.84);
  --uilab-sys-color-inverse-outline-neutral-medium-emphasis: rgb(100% 100% 100% / 0.64);
  --uilab-sys-color-inverse-outline-neutral-disabled: rgb(100% 100% 100% / 0.16);
  --uilab-sys-color-inverse-outline-neutral-transparent: rgb(100% 100% 100% / 0);
  --uilab-sys-color-inverse-outline-accent-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-inverse-outline-accent-disabled: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-inverse-outline-accent-transparent: rgb(47.1% 63.1% 98.8% / 0);
  --uilab-sys-color-inverse-outline-error-opaque: rgb(100% 27.5% 25.1%);
  --uilab-sys-color-inverse-outline-error-disabled: rgb(100% 27.5% 25.1% / 0.16);
  --uilab-sys-color-inverse-outline-error-transparent: rgb(100% 27.5% 25.1% / 0);
  --uilab-sys-color-inverse-outline-success-opaque: rgb(26.7% 76.5% 56.5%);
  --uilab-sys-color-inverse-outline-success-disabled: rgb(26.7% 76.5% 56.5% / 0.16);
  --uilab-sys-color-inverse-outline-success-transparent: rgb(26.7% 76.5% 56.5% / 0);
  --uilab-sys-color-inverse-outline-warning-opaque: rgb(100% 72.9% 0%);
  --uilab-sys-color-inverse-outline-warning-disabled: rgb(100% 72.9% 0% / 0.16);
  --uilab-sys-color-inverse-outline-warning-transparent: rgb(100% 72.9% 0% / 0);
  --uilab-sys-color-inverse-outline-info-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-inverse-outline-info-disabled: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-inverse-outline-info-transparent: rgb(47.1% 63.1% 98.8% / 0);
  --uilab-sys-color-inverse-overlay-neutral-resting: rgb(100% 100% 100% / 0);
  --uilab-sys-color-inverse-overlay-neutral-hovered: rgb(100% 100% 100% / 0.12);
  --uilab-sys-color-inverse-overlay-neutral-focused: rgb(100% 100% 100% / 0.16);
  --uilab-sys-color-inverse-overlay-neutral-hovered-subtle: rgb(100% 100% 100% / 0.08);
  --uilab-sys-color-inverse-overlay-neutral-focused-subtle: rgb(100% 100% 100% / 0.12);
  --uilab-sys-color-inverse-overlay-neutral-dragged: rgb(100% 100% 100% / 0.12);
  --uilab-sys-color-inverse-overlay-neutral-pressed: rgb(100% 100% 100% / 0.16);
  --uilab-sys-color-inverse-overlay-neutral-pressed-on-focused: rgb(100% 100% 100% / 0.32);
  --uilab-sys-color-inverse-overlay-accent-resting: rgb(47.1% 63.1% 98.8% / 0);
  --uilab-sys-color-inverse-overlay-accent-hovered: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-inverse-overlay-accent-focused: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-inverse-overlay-accent-hovered-subtle: rgb(47.1% 63.1% 98.8% / 0.08);
  --uilab-sys-color-inverse-overlay-accent-focused-subtle: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-inverse-overlay-accent-dragged: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-inverse-overlay-accent-pressed: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-inverse-overlay-accent-pressed-on-focused: rgb(47.1% 63.1% 98.8% / 0.32);
  --uilab-sys-color-inverse-overlay-error-resting: rgb(100% 27.5% 25.1% / 0);
  --uilab-sys-color-inverse-overlay-error-hovered: rgb(100% 27.5% 25.1% / 0.12);
  --uilab-sys-color-inverse-overlay-error-focused: rgb(100% 27.5% 25.1% / 0.16);
  --uilab-sys-color-inverse-overlay-error-hovered-subtle: rgb(100% 27.5% 25.1% / 0.08);
  --uilab-sys-color-inverse-overlay-error-focused-subtle: rgb(100% 27.5% 25.1% / 0.12);
  --uilab-sys-color-inverse-overlay-error-dragged: rgb(100% 27.5% 25.1% / 0.12);
  --uilab-sys-color-inverse-overlay-error-pressed: rgb(100% 27.5% 25.1% / 0.16);
  --uilab-sys-color-inverse-overlay-error-pressed-on-focused: rgb(100% 27.5% 25.1% / 0.32);
  --uilab-sys-color-inverse-overlay-success-resting: rgb(100% 27.5% 25.1% / 0);
  --uilab-sys-color-inverse-overlay-success-hovered: rgb(26.7% 76.5% 56.5% / 0.12);
  --uilab-sys-color-inverse-overlay-success-focused: rgb(26.7% 76.5% 56.5% / 0.16);
  --uilab-sys-color-inverse-overlay-success-hovered-subtle: rgb(26.7% 76.5% 56.5% / 0.08);
  --uilab-sys-color-inverse-overlay-success-focused-subtle: rgb(26.7% 76.5% 56.5% / 0.12);
  --uilab-sys-color-inverse-overlay-success-dragged: rgb(26.7% 76.5% 56.5% / 0.12);
  --uilab-sys-color-inverse-overlay-success-pressed: rgb(26.7% 76.5% 56.5% / 0.16);
  --uilab-sys-color-inverse-overlay-success-pressed-on-focused: rgb(26.7% 76.5% 56.5% / 0.32);
  --uilab-sys-color-inverse-overlay-warning-resting: rgb(100% 72.9% 0% / 0);
  --uilab-sys-color-inverse-overlay-warning-hovered: rgb(100% 72.9% 0% / 0.12);
  --uilab-sys-color-inverse-overlay-warning-focused: rgb(100% 72.9% 0% / 0.16);
  --uilab-sys-color-inverse-overlay-warning-hovered-subtle: rgb(100% 72.9% 0% / 0.08);
  --uilab-sys-color-inverse-overlay-warning-focused-subtle: rgb(100% 72.9% 0% / 0.12);
  --uilab-sys-color-inverse-overlay-warning-dragged: rgb(100% 72.9% 0% / 0.12);
  --uilab-sys-color-inverse-overlay-warning-pressed: rgb(100% 72.9% 0% / 0.16);
  --uilab-sys-color-inverse-overlay-warning-pressed-on-focused: rgb(100% 72.9% 0% / 0.32);
  --uilab-sys-color-inverse-overlay-info-resting: rgb(100% 72.9% 0% / 0);
  --uilab-sys-color-inverse-overlay-info-hovered: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-inverse-overlay-info-focused: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-inverse-overlay-info-hovered-subtle: rgb(47.1% 63.1% 98.8% / 0.08);
  --uilab-sys-color-inverse-overlay-info-focused-subtle: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-inverse-overlay-info-dragged: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-inverse-overlay-info-pressed: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-inverse-overlay-info-pressed-on-focused: rgb(47.1% 63.1% 98.8% / 0.32);
  --uilab-sys-color-inverse-data-vis-opaque-1: rgb(10.2% 46.3% 85.1%);
  --uilab-sys-color-inverse-data-vis-opaque-2: rgb(86.3% 45.1% 0%);
  --uilab-sys-color-inverse-data-vis-opaque-3: rgb(82.4% 54.9% 82.4%);
  --uilab-sys-color-inverse-data-vis-opaque-4: rgb(0% 60% 0%);
  --uilab-sys-color-inverse-data-vis-opaque-5: rgb(60.8% 52.9% 47.1%);
  --uilab-sys-color-inverse-data-vis-opaque-6: rgb(87.8% 13.3% 84.3%);
  --uilab-sys-color-inverse-data-vis-opaque-7: rgb(82.4% 66.7% 0%);
  --uilab-sys-color-inverse-data-vis-opaque-8: rgb(28.2% 37.3% 83.1%);
  --uilab-sys-color-inverse-data-vis-opaque-9: rgb(19.6% 70.6% 80.4%);
  --uilab-sys-color-inverse-data-vis-opaque-10: rgb(85.1% 18% 47.1%);
  --uilab-sys-color-inverse-data-vis-opaque-11: rgb(63.5% 80% 40%);
  --uilab-sys-color-inverse-data-vis-opaque-12: rgb(79.6% 45.1% 89.8%);
  --uilab-sys-color-inverse-data-vis-tint-80-1: rgb(10.2% 46.3% 85.1% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-2: rgb(86.3% 45.1% 0% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-3: rgb(82.4% 54.9% 82.4% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-4: rgb(0% 60% 0% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-5: rgb(60.8% 52.9% 47.1% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-6: rgb(87.8% 13.3% 84.3% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-7: rgb(82.4% 66.7% 0% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-8: rgb(28.2% 37.3% 83.1% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-9: rgb(19.6% 70.6% 80.4% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-10: rgb(85.1% 18% 47.1% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-11: rgb(63.5% 80% 40% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-12: rgb(79.6% 45.1% 89.8% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-60-1: rgb(10.2% 46.3% 85.1% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-2: rgb(86.3% 45.1% 0% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-3: rgb(82.4% 54.9% 82.4% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-4: rgb(0% 60% 0% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-5: rgb(60.8% 52.9% 47.1% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-6: rgb(87.8% 13.3% 84.3% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-7: rgb(82.4% 66.7% 0% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-8: rgb(28.2% 37.3% 83.1% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-9: rgb(19.6% 70.6% 80.4% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-10: rgb(85.1% 18% 47.1% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-11: rgb(63.5% 80% 40% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-12: rgb(79.6% 45.1% 89.8% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-40-1: rgb(10.2% 46.3% 85.1% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-2: rgb(86.3% 45.1% 0% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-3: rgb(82.4% 54.9% 82.4% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-4: rgb(0% 60% 0% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-5: rgb(60.8% 52.9% 47.1% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-6: rgb(87.8% 13.3% 84.3% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-7: rgb(82.4% 66.7% 0% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-8: rgb(28.2% 37.3% 83.1% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-9: rgb(19.6% 70.6% 80.4% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-10: rgb(85.1% 18% 47.1% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-11: rgb(63.5% 80% 40% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-12: rgb(79.6% 45.1% 89.8% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-20-1: rgb(10.2% 46.3% 85.1% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-2: rgb(86.3% 45.1% 0% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-3: rgb(82.4% 54.9% 82.4% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-4: rgb(0% 60% 0% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-5: rgb(60.8% 52.9% 47.1% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-6: rgb(87.8% 13.3% 84.3% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-7: rgb(82.4% 66.7% 0% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-8: rgb(28.2% 37.3% 83.1% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-9: rgb(19.6% 70.6% 80.4% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-10: rgb(85.1% 18% 47.1% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-11: rgb(63.5% 80% 40% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-12: rgb(79.6% 45.1% 89.8% / 0.2);
  --uilab-sys-typography-system-body-1: 400 16px/24 "Roboto";
  --uilab-sys-typography-system-body-2: 400 14px/24 "Roboto";
  --uilab-sys-typography-system-subtitle-1: 500 16px/24 "Roboto";
  --uilab-sys-typography-system-subtitle-2: 500 14px/24 "Roboto";
  --uilab-sys-typography-system-button: 500 14px/20 "Roboto";
  --uilab-sys-typography-system-caption: 400 12px/20 "Roboto";
  --uilab-sys-typography-system-overline: 400 10px/20 "Roboto";
  --uilab-sys-typography-system-headline-1: 300 48px/48 "Barlow";
  --uilab-sys-typography-system-headline-2: 300 36px/36 "Barlow";
  --uilab-sys-typography-system-headline-3: 400 28px/32 "Barlow";
  --uilab-sys-typography-system-headline-4: 400 24px/28 "Roboto";
  --uilab-sys-typography-system-headline-5: 500 22px/24 "Roboto";
  --uilab-sys-typography-system-headline-6: 500 20px/24 "Roboto";
  --uilab-sys-typography-system-product-name: 500 24px/24 "Barlow";
  --uilab-sys-elevation-box-shadow-00dp:
    0 0 0 0 #0000001f,
    0 0 0 0 #00000024,
    0 0 0 0 #00000033;
  --uilab-sys-elevation-box-shadow-01dp:
    0 1px 3px 0 #0000001f,
    0 1px 1px 0 #00000024,
    0 2px 1px -1px #00000033;
  --uilab-sys-elevation-box-shadow-02dp:
    0 1px 5px 0 #0000001f,
    0 2px 2px 0 #00000024,
    0 3px 1px -2px #00000033;
  --uilab-sys-elevation-box-shadow-03dp:
    0 1px 8px 0 #0000001f,
    0 3px 4px 0 #00000024,
    0 3px 3px -2px #00000033;
  --uilab-sys-elevation-box-shadow-04dp:
    0 1px 10px 0 #0000001f,
    0 4px 5px 0 #00000024,
    0 2px 4px -1px #00000033;
  --uilab-sys-elevation-box-shadow-06dp:
    0 1px 18px 0 #0000001f,
    0 6px 10px 0 #00000024,
    0 3px 5px -1px #00000033;
  --uilab-sys-elevation-box-shadow-08dp:
    0 3px 14px 2px #0000001f,
    0 8px 10px 1px #00000024,
    0 5px 5px -3px #00000033;
  --uilab-sys-elevation-box-shadow-12dp:
    0 5px 22px 4px #0000001f,
    0 12px 17px 2px #00000024,
    0 7px 8px -4px #00000033;
  --uilab-sys-elevation-box-shadow-16dp:
    0 6px 30px 5px #0000001f,
    0 16px 24px 2px #00000024,
    0 8px 10px -5px #00000033;
  --uilab-sys-elevation-box-shadow-24dp:
    0 9px 46px 8px #0000001f,
    0 24px 38px 3px #00000024,
    0 11px 15px -7px #00000033;
  --uilab-sys-elevated-surface-composition-00dp: [object Object];
  --uilab-sys-elevated-surface-composition-01dp: [object Object];
  --uilab-sys-elevated-surface-composition-02dp: [object Object];
  --uilab-sys-elevated-surface-composition-03dp: [object Object];
  --uilab-sys-elevated-surface-composition-04dp: [object Object];
  --uilab-sys-elevated-surface-composition-06dp: [object Object];
  --uilab-sys-elevated-surface-composition-08dp: [object Object];
  --uilab-sys-elevated-surface-composition-12dp: [object Object];
  --uilab-sys-elevated-surface-composition-16dp: [object Object];
  --uilab-sys-elevated-surface-composition-24dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-00dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-01dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-02dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-03dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-04dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-06dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-08dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-12dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-16dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-24dp: [object Object];
  --uilab-custom-container-opacity-100: .04;
  --uilab-custom-container-opacity-200: .08;
  --uilab-custom-container-opacity-300: .12;
  --uilab-custom-container-opacity-400: .16;
  --uilab-custom-container-opacity-500: .24;
  --uilab-custom-container-opacity-550: .32;
  --uilab-custom-container-opacity-600: .38;
  --uilab-custom-container-opacity-1000: 1;
  --uilab-custom-container-opacity-more-subtle: .12;
  --uilab-custom-container-opacity-super-subtle: .04;
  --uilab-custom-container-opacity-extra-subtle: .08;
  --uilab-custom-container-neutral-medium: rgb(0% 0% 0% / 0.6);
  --uilab-custom-container-color-opaque: #000000;
  --uilab-custom-container-accent-medium: rgb(30.2% 36.9% 87.8% / 0.6);
  --uilab-custom-container-toggle-handle-background: #ffffff;
  --uilab-custom-outline-neutral-color-medium: #d2d6d9;
  --uilab-custom-spacing-4: 4px;
  --uilab-custom-spacing-8: 8px;
  --uilab-custom-spacing-12: 12px;
  --uilab-custom-spacing-16: 16px;
  --uilab-custom-spacing-neg-4: -4px;
  --uilab-custom-line-height-300: 1rem;
  --uilab-custom-line-height-400: 1.25rem;
  --uilab-custom-line-height-500: 1.5rem;
  --uilab-custom-line-height-600: 1.75rem;
  --uilab-custom-line-height-700: 2rem;
  --uilab-ref-palette-neutral-10: #000000;
  --uilab-ref-palette-neutral-20: #151719;
  --uilab-ref-palette-neutral-30: #2d3033;
  --uilab-ref-palette-neutral-35: #393d40;
  --uilab-ref-palette-neutral-40: #515559;
  --uilab-ref-palette-neutral-50: #6b6f73;
  --uilab-ref-palette-neutral-55: #d2d6d9;
  --uilab-ref-palette-neutral-60: #dfe3e6;
  --uilab-ref-palette-neutral-70: #eaeced;
  --uilab-ref-palette-neutral-80: #f3f4f5;
  --uilab-ref-palette-neutral-90: #f9fbfc;
  --uilab-ref-palette-neutral-100: #ffffff;
  --uilab-ref-palette-accent-10: #0d237f;
  --uilab-ref-palette-accent-20: #2d41b0;
  --uilab-ref-palette-accent-30: #4d5ee0;
  --uilab-ref-palette-accent-35: #566be6;
  --uilab-ref-palette-accent-40: #5e79eb;
  --uilab-ref-palette-accent-50: #6786f1;
  --uilab-ref-palette-accent-55: #6f94f6;
  --uilab-ref-palette-accent-60: #78a1fc;
  --uilab-ref-palette-accent-70: #93b4fd;
  --uilab-ref-palette-accent-80: #aec7fd;
  --uilab-ref-palette-accent-90: #c9d9fe;
  --uilab-ref-palette-accent-100: #e4ecfe;
  --uilab-ref-palette-error-10: #8c0707;
  --uilab-ref-palette-error-20: #ac1a18;
  --uilab-ref-palette-error-30: #cc2e29;
  --uilab-ref-palette-error-35: #d6332e;
  --uilab-ref-palette-error-40: #e03832;
  --uilab-ref-palette-error-50: #eb3c37;
  --uilab-ref-palette-error-55: #f5413b;
  --uilab-ref-palette-error-60: #ff4640;
  --uilab-ref-palette-error-70: #ff6b66;
  --uilab-ref-palette-error-80: #ff908c;
  --uilab-ref-palette-error-90: #ffb5b3;
  --uilab-ref-palette-error-100: #ffdad9;
  --uilab-ref-palette-warning-10: #7f5100;
  --uilab-ref-palette-warning-20: #b37c00;
  --uilab-ref-palette-warning-30: #e6a700;
  --uilab-ref-palette-warning-35: #ebab00;
  --uilab-ref-palette-warning-40: #f0af00;
  --uilab-ref-palette-warning-50: #f5b200;
  --uilab-ref-palette-warning-55: #fab600;
  --uilab-ref-palette-warning-60: #ffba00;
  --uilab-ref-palette-warning-70: #ffc833;
  --uilab-ref-palette-warning-80: #ffd666;
  --uilab-ref-palette-warning-90: #ffe399;
  --uilab-ref-palette-warning-100: #fff1cc;
  --uilab-ref-palette-success-10: #005935;
  --uilab-ref-palette-success-20: #0c7b53;
  --uilab-ref-palette-success-30: #179d71;
  --uilab-ref-palette-success-35: #20a577;
  --uilab-ref-palette-success-40: #29ac7d;
  --uilab-ref-palette-success-50: #32b484;
  --uilab-ref-palette-success-55: #3bbb8a;
  --uilab-ref-palette-success-60: #44c390;
  --uilab-ref-palette-success-70: #69cfa6;
  --uilab-ref-palette-success-80: #8fdbbc;
  --uilab-ref-palette-success-90: #b4e7d3;
  --uilab-ref-palette-success-100: #daf3e9;
  --uilab-ref-palette-info-10: #0d237f;
  --uilab-ref-palette-info-20: #2d41b0;
  --uilab-ref-palette-info-30: #4d5ee0;
  --uilab-ref-palette-info-35: #566be6;
  --uilab-ref-palette-info-40: #5e79eb;
  --uilab-ref-palette-info-50: #6786f1;
  --uilab-ref-palette-info-55: #6f94f6;
  --uilab-ref-palette-info-60: #78a1fc;
  --uilab-ref-palette-info-70: #93b4fd;
  --uilab-ref-palette-info-80: #aec7fd;
  --uilab-ref-palette-info-90: #c9d9fe;
  --uilab-ref-palette-info-100: #e4ecfe;
  --uilab-ref-palette-highlight-10: #a55f09;
  --uilab-ref-palette-highlight-20: #c1791a;
  --uilab-ref-palette-highlight-30: #d79437;
  --uilab-ref-palette-highlight-35: #da9b44;
  --uilab-ref-palette-highlight-40: #e4cf49;
  --uilab-ref-palette-highlight-50: #eed84f;
  --uilab-ref-palette-highlight-55: #f6e155;
  --uilab-ref-palette-highlight-60: #ffe95c;
  --uilab-ref-palette-highlight-70: #ffee80;
  --uilab-ref-palette-highlight-80: #fff3a3;
  --uilab-ref-palette-highlight-90: #fff8cc;
  --uilab-ref-palette-highlight-100: #fffef5;
  --uilab-ref-palette-data-vis-brown: #9b8778;
  --uilab-ref-palette-data-vis-olive: #a2cc66;
  --uilab-ref-palette-data-vis-shamrock: #519c17;
  --uilab-ref-palette-data-vis-green: #009900;
  --uilab-ref-palette-data-vis-emerald: #008a00;
  --uilab-ref-palette-data-vis-plum: #d28cd2;
  --uilab-ref-palette-data-vis-orchid: #cb73e5;
  --uilab-ref-palette-data-vis-pink: #e022d7;
  --uilab-ref-palette-data-vis-fuchsia: #b869aa;
  --uilab-ref-palette-data-vis-magenta: #b90091;
  --uilab-ref-palette-data-vis-cerise: #d92e78;
  --uilab-ref-palette-data-vis-red: #be1441;
  --uilab-ref-palette-data-vis-goldenrod: #d2aa00;
  --uilab-ref-palette-data-vis-dijon: #b88d00;
  --uilab-ref-palette-data-vis-orange: #dc7300;
  --uilab-ref-palette-data-vis-violet: #821ea0;
  --uilab-ref-palette-data-vis-pelorous: #32b4cd;
  --uilab-ref-palette-data-vis-cerulean: #2499bf;
  --uilab-ref-palette-data-vis-blue: #485fd4;
  --uilab-ref-palette-data-vis-navy: #2d2db9;
  --uilab-ref-palette-data-vis-mariner: #1a76d9;
  --uilab-ref-palette-brand-purples-dark-purple: #3d1152;
  --uilab-ref-palette-brand-purples-mid-purple-2: #540a7d;
  --uilab-ref-palette-brand-purples-mid-purple: #6b04a8;
  --uilab-ref-palette-brand-purples-mid-purple-80: #981ad3;
  --uilab-ref-palette-brand-purples-purple-accent: #c530ff;
  --uilab-ref-palette-brand-purples-purple-accent-70: #d66efe;
  --uilab-ref-palette-brand-purples-purple-accent-45: #e5a2ff;
  --uilab-ref-palette-brand-purples-purple-accent-20: #f3d6ff;
  --uilab-ref-palette-brand-neutrals-black: #000000;
  --uilab-ref-palette-brand-neutrals-cool-dark-gray: #363d42;
  --uilab-ref-palette-brand-neutrals-cool-mid-gray-2: #55606b;
  --uilab-ref-palette-brand-neutrals-cool-mid-gray: #738294;
  --uilab-ref-palette-brand-neutrals-cool-light-gray-3: #beccd6;
  --uilab-ref-palette-brand-neutrals-cool-light-gray-2: #d8e1e7;
  --uilab-ref-palette-brand-neutrals-cool-light-gray: #f2f5f7;
  --uilab-ref-palette-brand-neutrals-white: #ffffff;
  --uilab-ref-palette-brand-cyans-dark-cyan: #28898a;
  --uilab-ref-palette-brand-cyans-mid-cyan-2: #33acad;
  --uilab-ref-palette-brand-cyans-mid-cyan: #3cccce;
  --uilab-ref-palette-brand-cyans-cyan: #44e5e7;
  --uilab-ref-palette-brand-cyans-cyan-80: #69eaec;
  --uilab-ref-palette-brand-cyans-cyan-60: #8feff1;
  --uilab-ref-palette-brand-cyans-cyan-40: #b4f5f5;
  --uilab-ref-palette-brand-cyans-cyan-20: #dafafa;
  --uilab-ref-palette-brand-teals-dark-teal: #012b34;
  --uilab-ref-palette-brand-teals-mid-teal-2: #01414d;
  --uilab-ref-palette-brand-teals-mid-teal: #015667;
  --uilab-ref-palette-brand-teals-teal: #016c80;
  --uilab-ref-palette-brand-teals-teal-80: #348999;
  --uilab-ref-palette-brand-teals-teal-60: #67a7b3;
  --uilab-ref-palette-brand-teals-teal-40: #99c4cc;
  --uilab-ref-palette-brand-teals-teal-20: #cce2e6;
  --uilab-ref-palette-brand-blues-dark-blue: #24326b;
  --uilab-ref-palette-brand-blues-mid-blue-2: #30428c;
  --uilab-ref-palette-brand-blues-mid-blue: #3b51ad;
  --uilab-ref-palette-brand-blues-blue: #4d5ee0;
  --uilab-ref-palette-brand-blues-blue-80: #7187e6;
  --uilab-ref-palette-brand-blues-blue-60: #94a5ec;
  --uilab-ref-palette-brand-blues-blue-40: #b8c3f3;
  --uilab-ref-palette-brand-blues-blue-20: #dbe1f9;
  --uilab-ref-palette-brand-greens-dark-green: #007d57;
  --uilab-ref-palette-brand-greens-mid-green-2: #009e6e;
  --uilab-ref-palette-brand-greens-mid-green: #00bd84;
  --uilab-ref-palette-brand-greens-green: #00d796;
  --uilab-ref-palette-brand-greens-green-80: #33dfab;
  --uilab-ref-palette-brand-greens-green-60: #66e7c0;
  --uilab-ref-palette-brand-greens-green-40: #99efd5;
  --uilab-ref-palette-brand-greens-green-20: #ccf7ea;
  --uilab-ref-palette-brand-yellows-dark-yellow: #a37928;
  --uilab-ref-palette-brand-yellows-mid-yellow-2: #c49230;
  --uilab-ref-palette-brand-yellows-mid-yellow: #e6ab38;
  --uilab-ref-palette-brand-yellows-yellow: #ffbe3e;
  --uilab-ref-palette-brand-yellows-yellow-80: #ffcb65;
  --uilab-ref-palette-brand-yellows-yellow-60: #ffd88b;
  --uilab-ref-palette-brand-yellows-yellow-40: #ffe5b2;
  --uilab-ref-palette-brand-yellows-yellow-20: #fff2d8;
  --uilab-ref-palette-brand-oranges-dark-orange: #a34513;
  --uilab-ref-palette-brand-oranges-mid-orange-2: #c45417;
  --uilab-ref-palette-brand-oranges-mid-orange: #e4611a;
  --uilab-ref-palette-brand-oranges-orange: #fd6c1d;
  --uilab-ref-palette-brand-oranges-orange-80: #fd894a;
  --uilab-ref-palette-brand-oranges-orange-60: #fea777;
  --uilab-ref-palette-brand-oranges-orange-40: #fec4a5;
  --uilab-ref-palette-brand-oranges-orange-20: #ffe2d2;
  --uilab-ref-opacity-dark-color-overlay-resting: 0;
  --uilab-ref-opacity-dark-color-overlay-hovered: .08;
  --uilab-ref-opacity-dark-color-overlay-focused: .12;
  --uilab-ref-opacity-dark-color-overlay-hovered-subtle: .04;
  --uilab-ref-opacity-dark-color-overlay-focused-subtle: .08;
  --uilab-ref-opacity-dark-color-overlay-dragged: .08;
  --uilab-ref-opacity-dark-color-overlay-pressed: .12;
  --uilab-ref-opacity-dark-color-overlay-pressed-on-focused: 0.24;
  --uilab-ref-opacity-dark-color-overlay-pressed-on-focused-subtle: 0.2;
  --uilab-ref-opacity-dark-color-elevation-overlay-00dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-01dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-02dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-03dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-04dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-06dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-08dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-12dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-16dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-24dp: 0;
  --uilab-ref-opacity-dark-color-outline-opaque: 1;
  --uilab-ref-opacity-dark-color-outline-high-emphasis: .72;
  --uilab-ref-opacity-dark-color-outline-medium-emphasis: .44;
  --uilab-ref-opacity-dark-color-outline-disabled: .12;
  --uilab-ref-opacity-dark-color-outline-transparent: 0;
  --uilab-ref-opacity-dark-color-container-opaque: 1;
  --uilab-ref-opacity-dark-color-container-light: .16;
  --uilab-ref-opacity-dark-color-container-subtle: .12;
  --uilab-ref-opacity-dark-color-container-more-subtle: .08;
  --uilab-ref-opacity-dark-color-container-extra-subtle: .04;
  --uilab-ref-opacity-dark-color-container-super-subtle: .02;
  --uilab-ref-opacity-dark-color-container-transparent: 0;
  --uilab-ref-opacity-dark-color-data-vis-opaque: 1;
  --uilab-ref-opacity-dark-color-data-vis-tint-80: .8;
  --uilab-ref-opacity-dark-color-data-vis-tint-60: .6;
  --uilab-ref-opacity-dark-color-data-vis-tint-40: .4;
  --uilab-ref-opacity-dark-color-data-vis-tint-20: .2;
  --uilab-ref-opacity-dark-color-text-opaque: 1;
  --uilab-ref-opacity-dark-color-text-high-emphasis: .9;
  --uilab-ref-opacity-dark-color-text-medium-emphasis: .6;
  --uilab-ref-opacity-dark-color-text-disabled: .38;
  --uilab-ref-opacity-dark-color-icon-opaque: 1;
  --uilab-ref-opacity-dark-color-icon-high-emphasis: .9;
  --uilab-ref-opacity-dark-color-icon-medium-emphasis: .6;
  --uilab-ref-opacity-dark-color-icon-disabled: .38;
  --uilab-ref-opacity-light-color-overlay-resting: 0;
  --uilab-ref-opacity-light-color-overlay-hovered: .12;
  --uilab-ref-opacity-light-color-overlay-focused: .16;
  --uilab-ref-opacity-light-color-overlay-hovered-subtle: .08;
  --uilab-ref-opacity-light-color-overlay-focused-subtle: .12;
  --uilab-ref-opacity-light-color-overlay-dragged: .12;
  --uilab-ref-opacity-light-color-overlay-pressed: .16;
  --uilab-ref-opacity-light-color-overlay-pressed-on-focused: 0.32;
  --uilab-ref-opacity-light-color-overlay-pressed-on-focused-subtle: 0.28;
  --uilab-ref-opacity-light-color-elevation-overlay-00dp: 0;
  --uilab-ref-opacity-light-color-elevation-overlay-01dp: .05;
  --uilab-ref-opacity-light-color-elevation-overlay-02dp: .07;
  --uilab-ref-opacity-light-color-elevation-overlay-03dp: .08;
  --uilab-ref-opacity-light-color-elevation-overlay-04dp: .09;
  --uilab-ref-opacity-light-color-elevation-overlay-06dp: .11;
  --uilab-ref-opacity-light-color-elevation-overlay-08dp: .12;
  --uilab-ref-opacity-light-color-elevation-overlay-12dp: .14;
  --uilab-ref-opacity-light-color-elevation-overlay-16dp: .15;
  --uilab-ref-opacity-light-color-elevation-overlay-24dp: .16;
  --uilab-ref-opacity-light-color-outline-opaque: 1;
  --uilab-ref-opacity-light-color-outline-high-emphasis: .84;
  --uilab-ref-opacity-light-color-outline-medium-emphasis: .64;
  --uilab-ref-opacity-light-color-outline-disabled: .16;
  --uilab-ref-opacity-light-color-outline-transparent: 0;
  --uilab-ref-opacity-light-color-container-opaque: 1;
  --uilab-ref-opacity-light-color-container-light: .24;
  --uilab-ref-opacity-light-color-container-subtle: .16;
  --uilab-ref-opacity-light-color-container-more-subtle: .12;
  --uilab-ref-opacity-light-color-container-extra-subtle: .08;
  --uilab-ref-opacity-light-color-container-super-subtle: .04;
  --uilab-ref-opacity-light-color-container-transparent: 0;
  --uilab-ref-opacity-light-color-data-vis-opaque: 1;
  --uilab-ref-opacity-light-color-data-vis-tint-80: .8;
  --uilab-ref-opacity-light-color-data-vis-tint-60: .6;
  --uilab-ref-opacity-light-color-data-vis-tint-40: .4;
  --uilab-ref-opacity-light-color-data-vis-tint-20: .2;
  --uilab-ref-opacity-light-color-text-opaque: 1;
  --uilab-ref-opacity-light-color-text-high-emphasis: 1;
  --uilab-ref-opacity-light-color-text-medium-emphasis: .7;
  --uilab-ref-opacity-light-color-text-disabled: .32;
  --uilab-ref-opacity-light-color-icon-opaque: 1;
  --uilab-ref-opacity-light-color-icon-high-emphasis: 1;
  --uilab-ref-opacity-light-color-icon-medium-emphasis: .7;
  --uilab-ref-opacity-light-color-icon-disabled: .32;
  --uilab-ref-border-radius-0: 0;
  --uilab-ref-border-radius-4: 4px;
  --uilab-ref-border-radius-8: 8px;
  --uilab-ref-border-radius-16: 16px;
  --uilab-ref-sizing-height-24: 24px;
  --uilab-ref-sizing-height-32: 32px;
  --uilab-ref-sizing-height-36: 36px;
  --uilab-ref-sizing-height-40: 40px;
  --uilab-ref-sizing-height-48: 48px;
  --uilab-ref-sizing-height-56: 56px;
  --uilab-ref-spacing-testsp: 12px;
  --uilab-ref-border-width-testbw: 1px;
  --uilab-ref-border-testborder: 1px solid #4d5ee0;
  --uilab-ref-border-testborder2: 1px solid #000000;
  --uilab-ref-elevation-box-shadow-00dp:
    0 0 0 0 #0000001f,
    0 0 0 0 #00000024,
    0 0 0 0 #00000033;
  --uilab-ref-elevation-box-shadow-01dp:
    0 1px 3px 0 #0000001f,
    0 1px 1px 0 #00000024,
    0 2px 1px -1px #00000033;
  --uilab-ref-elevation-box-shadow-02dp:
    0 1px 5px 0 #0000001f,
    0 2px 2px 0 #00000024,
    0 3px 1px -2px #00000033;
  --uilab-ref-elevation-box-shadow-03dp:
    0 1px 8px 0 #0000001f,
    0 3px 4px 0 #00000024,
    0 3px 3px -2px #00000033;
  --uilab-ref-elevation-box-shadow-04dp:
    0 1px 10px 0 #0000001f,
    0 4px 5px 0 #00000024,
    0 2px 4px -1px #00000033;
  --uilab-ref-elevation-box-shadow-06dp:
    0 1px 18px 0 #0000001f,
    0 6px 10px 0 #00000024,
    0 3px 5px -1px #00000033;
  --uilab-ref-elevation-box-shadow-08dp:
    0 3px 14px 2px #0000001f,
    0 8px 10px 1px #00000024,
    0 5px 5px -3px #00000033;
  --uilab-ref-elevation-box-shadow-12dp:
    0 5px 22px 4px #0000001f,
    0 12px 17px 2px #00000024,
    0 7px 8px -4px #00000033;
  --uilab-ref-elevation-box-shadow-16dp:
    0 6px 30px 5px #0000001f,
    0 16px 24px 2px #00000024,
    0 8px 10px -5px #00000033;
  --uilab-ref-elevation-box-shadow-24dp:
    0 9px 46px 8px #0000001f,
    0 24px 38px 3px #00000024,
    0 11px 15px -7px #00000033;
  --uilab-ref-font-family-roboto: "Roboto";
  --uilab-ref-font-family-barlow: "Barlow";
  --uilab-ref-line-height-20: 20;
  --uilab-ref-line-height-24: 24;
  --uilab-ref-line-height-28: 28;
  --uilab-ref-line-height-32: 32;
  --uilab-ref-line-height-36: 36;
  --uilab-ref-line-height-48: 48;
  --uilab-ref-font-weight-light: 300;
  --uilab-ref-font-weight-regular: 400;
  --uilab-ref-font-weight-medium: 500;
  --uilab-ref-font-weight-bold: 700;
  --uilab-ref-font-size-10: 10px;
  --uilab-ref-font-size-12: 12px;
  --uilab-ref-font-size-14: 14px;
  --uilab-ref-font-size-16: 16px;
  --uilab-ref-font-size-20: 20px;
  --uilab-ref-font-size-22: 22px;
  --uilab-ref-font-size-24: 24px;
  --uilab-ref-font-size-28: 28px;
  --uilab-ref-font-size-36: 36px;
  --uilab-ref-font-size-48: 48px;
  --uilab-ref-letter-spacing-ultra-tight: -0.015em;
  --uilab-ref-letter-spacing-tight: -0.005em;
  --uilab-ref-letter-spacing-normal: 0em;
  --uilab-ref-letter-spacing-semi-wide: 0.01em;
  --uilab-ref-letter-spacing-wide: 0.02em;
  --uilab-ref-letter-spacing-extra-wide: 0.03em;
  --uilab-ref-letter-spacing-ultra-wide: 0.04em;
  --uilab-ref-letter-spacing-max-wide: 0.05em;
  --uilab-ref-paragraph-spacing-20: 20px;
  --uilab-ref-paragraph-spacing-24: 24px;
  --uilab-ref-paragraph-spacing-28: 28px;
  --uilab-ref-paragraph-spacing-32: 32px;
  --uilab-ref-paragraph-spacing-36: 36px;
  --uilab-ref-paragraph-spacing-48: 48px;
  --uilab-ref-text-case-none: none;
  --uilab-ref-text-case-uppercase: uppercase;
  --uilab-ref-text-decoration-none: none;
}

/* node_modules/@uilab/styling/css/dark-css-variables.css */
:root[data-theme=dark],
:root[data-theme=dark-background],
[data-theme=dark],
[data-theme=dark-background] {
  --uilab-sys-color-background-10: #151719;
  --uilab-sys-color-background-20: #2d3033;
  --uilab-sys-color-background-30: #393d40;
  --uilab-sys-color-background-40: #515559;
  --uilab-sys-color-background-50: #6b6f73;
  --uilab-sys-color-text-neutral-opaque: rgb(100% 100% 100%);
  --uilab-sys-color-text-neutral-high-emphasis: rgb(100% 100% 100%);
  --uilab-sys-color-text-neutral-medium-emphasis: rgb(100% 100% 100% / 0.7);
  --uilab-sys-color-text-neutral-disabled: rgb(100% 100% 100% / 0.32);
  --uilab-sys-color-text-accent-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-text-error-opaque: rgb(100% 27.5% 25.1%);
  --uilab-sys-color-text-success-opaque: rgb(26.7% 76.5% 56.5%);
  --uilab-sys-color-text-warning-opaque: rgb(100% 72.9% 0%);
  --uilab-sys-color-text-info-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-text-visited-link-opaque: rgb(89.8% 63.5% 100%);
  --uilab-sys-color-icon-neutral-opaque: rgb(100% 100% 100%);
  --uilab-sys-color-icon-neutral-high-emphasis: rgb(100% 100% 100%);
  --uilab-sys-color-icon-neutral-medium-emphasis: rgb(100% 100% 100% / 0.7);
  --uilab-sys-color-icon-neutral-disabled: rgb(100% 100% 100% / 0.32);
  --uilab-sys-color-icon-accent-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-icon-error-opaque: rgb(100% 27.5% 25.1%);
  --uilab-sys-color-icon-success-opaque: rgb(26.7% 76.5% 56.5%);
  --uilab-sys-color-icon-warning-opaque: rgb(100% 72.9% 0%);
  --uilab-sys-color-icon-info-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-container-regular-neutral-opaque: rgb(8.24% 9.02% 9.8%);
  --uilab-sys-color-container-regular-neutral-light: rgb(100% 100% 100% / 0.24);
  --uilab-sys-color-container-regular-neutral-subtle: rgb(100% 100% 100% / 0.16);
  --uilab-sys-color-container-regular-neutral-more-subtle: rgb(100% 100% 100% / 0.12);
  --uilab-sys-color-container-regular-neutral-extra-subtle: rgb(100% 100% 100% / 0.08);
  --uilab-sys-color-container-regular-neutral-super-subtle: rgb(100% 100% 100% / 0.04);
  --uilab-sys-color-container-regular-neutral-transparent: rgb(8.24% 9.02% 9.8% / 0);
  --uilab-sys-color-container-regular-accent-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-container-regular-accent-light: rgb(47.1% 63.1% 98.8% / 0.24);
  --uilab-sys-color-container-regular-accent-subtle: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-container-regular-accent-more-subtle: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-container-regular-accent-extra-subtle: rgb(47.1% 63.1% 98.8% / 0.08);
  --uilab-sys-color-container-regular-accent-super-subtle: rgb(47.1% 63.1% 98.8% / 0.04);
  --uilab-sys-color-container-regular-accent-transparent: rgb(47.1% 63.1% 98.8% / 0);
  --uilab-sys-color-container-regular-error-opaque: rgb(100% 27.5% 25.1%);
  --uilab-sys-color-container-regular-error-light: rgb(100% 27.5% 25.1% / 0.24);
  --uilab-sys-color-container-regular-error-subtle: rgb(100% 27.5% 25.1% / 0.16);
  --uilab-sys-color-container-regular-error-more-subtle: rgb(100% 27.5% 25.1% / 0.12);
  --uilab-sys-color-container-regular-error-extra-subtle: rgb(100% 27.5% 25.1% / 0.08);
  --uilab-sys-color-container-regular-error-super-subtle: rgb(100% 27.5% 25.1% / 0.04);
  --uilab-sys-color-container-regular-error-transparent: rgb(100% 27.5% 25.1% / 0);
  --uilab-sys-color-container-regular-success-opaque: rgb(26.7% 76.5% 56.5%);
  --uilab-sys-color-container-regular-success-light: rgb(26.7% 76.5% 56.5% / 0.24);
  --uilab-sys-color-container-regular-success-subtle: rgb(26.7% 76.5% 56.5% / 0.16);
  --uilab-sys-color-container-regular-success-more-subtle: rgb(26.7% 76.5% 56.5% / 0.12);
  --uilab-sys-color-container-regular-success-extra-subtle: rgb(26.7% 76.5% 56.5% / 0.08);
  --uilab-sys-color-container-regular-success-super-subtle: rgb(26.7% 76.5% 56.5% / 0.04);
  --uilab-sys-color-container-regular-success-transparent: rgb(26.7% 76.5% 56.5% / 0);
  --uilab-sys-color-container-regular-warning-opaque: rgb(100% 72.9% 0%);
  --uilab-sys-color-container-regular-warning-light: rgb(100% 72.9% 0% / 0.24);
  --uilab-sys-color-container-regular-warning-subtle: rgb(100% 72.9% 0% / 0.16);
  --uilab-sys-color-container-regular-warning-more-subtle: rgb(100% 72.9% 0% / 0.12);
  --uilab-sys-color-container-regular-warning-extra-subtle: rgb(100% 72.9% 0% / 0.08);
  --uilab-sys-color-container-regular-warning-super-subtle: rgb(100% 72.9% 0% / 0.04);
  --uilab-sys-color-container-regular-warning-transparent: rgb(100% 72.9% 0% / 0);
  --uilab-sys-color-container-regular-info-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-container-regular-info-light: rgb(47.1% 63.1% 98.8% / 0.24);
  --uilab-sys-color-container-regular-info-subtle: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-container-regular-info-more-subtle: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-container-regular-info-extra-subtle: rgb(47.1% 63.1% 98.8% / 0.08);
  --uilab-sys-color-container-regular-info-super-subtle: rgb(47.1% 63.1% 98.8% / 0.04);
  --uilab-sys-color-container-regular-info-transparent: rgb(47.1% 63.1% 98.8% / 0);
  --uilab-sys-color-container-regular-highlight-opaque: rgb(100% 93.3% 50.2%);
  --uilab-sys-color-container-regular-highlight-light: rgb(100% 93.3% 50.2% / 0.24);
  --uilab-sys-color-container-solid-neutral-light: rgb(30.3% 30.9% 31.5%);
  --uilab-sys-color-container-solid-neutral-subtle: rgb(22.9% 23.6% 24.2%);
  --uilab-sys-color-container-solid-neutral-more-subtle: rgb(19.2% 19.9% 20.6%);
  --uilab-sys-color-container-solid-neutral-extra-subtle: rgb(15.6% 16.3% 17%);
  --uilab-sys-color-container-solid-neutral-super-subtle: rgb(11.9% 12.7% 13.4%);
  --uilab-sys-color-container-solid-accent-light: rgb(17.6% 22% 31.2%);
  --uilab-sys-color-container-solid-accent-subtle: rgb(14.4% 17.7% 24%);
  --uilab-sys-color-container-solid-accent-more-subtle: rgb(12.9% 15.5% 20.5%);
  --uilab-sys-color-container-solid-accent-extra-subtle: rgb(11.3% 13.3% 16.9%);
  --uilab-sys-color-container-solid-accent-super-subtle: rgb(9.79% 11.2% 13.4%);
  --uilab-sys-color-container-solid-error-light: rgb(30.3% 13.4% 13.5%);
  --uilab-sys-color-container-solid-error-subtle: rgb(22.9% 12% 12.3%);
  --uilab-sys-color-container-solid-error-more-subtle: rgb(19.2% 11.2% 11.6%);
  --uilab-sys-color-container-solid-error-extra-subtle: rgb(15.6% 10.5% 11%);
  --uilab-sys-color-container-solid-error-super-subtle: rgb(11.9% 9.76% 10.4%);
  --uilab-sys-color-container-solid-success-light: rgb(12.7% 25.2% 21%);
  --uilab-sys-color-container-solid-success-subtle: rgb(11.2% 19.8% 17.3%);
  --uilab-sys-color-container-solid-success-more-subtle: rgb(10.4% 17.1% 15.4%);
  --uilab-sys-color-container-solid-success-extra-subtle: rgb(9.71% 14.4% 13.5%);
  --uilab-sys-color-container-solid-success-super-subtle: rgb(8.97% 11.7% 11.7%);
  --uilab-sys-color-container-solid-warning-light: rgb(30.3% 24.4% 7.45%);
  --uilab-sys-color-container-solid-warning-subtle: rgb(22.9% 19.2% 8.24%);
  --uilab-sys-color-container-solid-warning-more-subtle: rgb(19.2% 16.7% 8.63%);
  --uilab-sys-color-container-solid-warning-extra-subtle: rgb(15.6% 14.1% 9.02%);
  --uilab-sys-color-container-solid-warning-super-subtle: rgb(11.9% 11.6% 9.41%);
  --uilab-sys-color-container-solid-info-light: rgb(17.6% 22% 31.2%);
  --uilab-sys-color-container-solid-info-subtle: rgb(14.4% 17.7% 24%);
  --uilab-sys-color-container-solid-info-more-subtle: rgb(12.9% 15.5% 20.5%);
  --uilab-sys-color-container-solid-info-extra-subtle: rgb(11.3% 13.3% 16.9%);
  --uilab-sys-color-container-solid-info-super-subtle: rgb(9.79% 11.2% 13.4%);
  --uilab-sys-color-container-solid-highlight-light: rgb(30.3% 29.3% 19.5%);
  --uilab-sys-color-container-elevated-00dp: rgb(8.24% 9.02% 9.8%);
  --uilab-sys-color-container-elevated-01dp: rgb(12.8% 13.6% 14.3%);
  --uilab-sys-color-container-elevated-02dp: rgb(14.7% 15.4% 16.1%);
  --uilab-sys-color-container-elevated-03dp: rgb(15.6% 16.3% 17%);
  --uilab-sys-color-container-elevated-04dp: rgb(16.5% 17.2% 17.9%);
  --uilab-sys-color-container-elevated-06dp: rgb(18.3% 19% 19.7%);
  --uilab-sys-color-container-elevated-08dp: rgb(19.2% 19.9% 20.6%);
  --uilab-sys-color-container-elevated-12dp: rgb(21.1% 21.8% 22.4%);
  --uilab-sys-color-container-elevated-16dp: rgb(22% 22.7% 23.3%);
  --uilab-sys-color-container-elevated-24dp: rgb(22.9% 23.6% 24.2%);
  --uilab-sys-color-outline-neutral-opaque: rgb(100% 100% 100%);
  --uilab-sys-color-outline-neutral-high-emphasis: rgb(100% 100% 100% / 0.84);
  --uilab-sys-color-outline-neutral-medium-emphasis: rgb(100% 100% 100% / 0.64);
  --uilab-sys-color-outline-neutral-disabled: rgb(100% 100% 100% / 0.16);
  --uilab-sys-color-outline-neutral-transparent: rgb(100% 100% 100% / 0);
  --uilab-sys-color-outline-accent-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-outline-accent-disabled: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-outline-accent-transparent: rgb(47.1% 63.1% 98.8% / 0);
  --uilab-sys-color-outline-error-opaque: rgb(100% 27.5% 25.1%);
  --uilab-sys-color-outline-error-disabled: rgb(100% 27.5% 25.1% / 0.16);
  --uilab-sys-color-outline-error-transparent: rgb(100% 27.5% 25.1% / 0);
  --uilab-sys-color-outline-success-opaque: rgb(26.7% 76.5% 56.5%);
  --uilab-sys-color-outline-success-disabled: rgb(26.7% 76.5% 56.5% / 0.16);
  --uilab-sys-color-outline-success-transparent: rgb(26.7% 76.5% 56.5% / 0);
  --uilab-sys-color-outline-warning-opaque: rgb(100% 72.9% 0%);
  --uilab-sys-color-outline-warning-disabled: rgb(100% 72.9% 0% / 0.16);
  --uilab-sys-color-outline-warning-transparent: rgb(100% 72.9% 0% / 0);
  --uilab-sys-color-outline-info-opaque: rgb(47.1% 63.1% 98.8%);
  --uilab-sys-color-outline-info-disabled: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-outline-info-transparent: rgb(47.1% 63.1% 98.8% / 0);
  --uilab-sys-color-overlay-neutral-resting: rgb(100% 100% 100% / 0);
  --uilab-sys-color-overlay-neutral-hovered: rgb(100% 100% 100% / 0.12);
  --uilab-sys-color-overlay-neutral-focused: rgb(100% 100% 100% / 0.16);
  --uilab-sys-color-overlay-neutral-hovered-subtle: rgb(100% 100% 100% / 0.08);
  --uilab-sys-color-overlay-neutral-focused-subtle: rgb(100% 100% 100% / 0.12);
  --uilab-sys-color-overlay-neutral-dragged: rgb(100% 100% 100% / 0.12);
  --uilab-sys-color-overlay-neutral-pressed: rgb(100% 100% 100% / 0.16);
  --uilab-sys-color-overlay-neutral-pressed-on-focused: rgb(100% 100% 100% / 0.32);
  --uilab-sys-color-overlay-accent-resting: rgb(47.1% 63.1% 98.8% / 0);
  --uilab-sys-color-overlay-accent-hovered: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-overlay-accent-focused: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-overlay-accent-hovered-subtle: rgb(47.1% 63.1% 98.8% / 0.08);
  --uilab-sys-color-overlay-accent-focused-subtle: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-overlay-accent-dragged: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-overlay-accent-pressed: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-overlay-accent-pressed-on-focused: rgb(47.1% 63.1% 98.8% / 0.32);
  --uilab-sys-color-overlay-error-resting: rgb(100% 27.5% 25.1% / 0);
  --uilab-sys-color-overlay-error-hovered: rgb(100% 27.5% 25.1% / 0.12);
  --uilab-sys-color-overlay-error-focused: rgb(100% 27.5% 25.1% / 0.16);
  --uilab-sys-color-overlay-error-hovered-subtle: rgb(100% 27.5% 25.1% / 0.08);
  --uilab-sys-color-overlay-error-focused-subtle: rgb(100% 27.5% 25.1% / 0.12);
  --uilab-sys-color-overlay-error-dragged: rgb(100% 27.5% 25.1% / 0.12);
  --uilab-sys-color-overlay-error-pressed: rgb(100% 27.5% 25.1% / 0.16);
  --uilab-sys-color-overlay-error-pressed-on-focused: rgb(100% 27.5% 25.1% / 0.32);
  --uilab-sys-color-overlay-success-resting: rgb(100% 27.5% 25.1% / 0);
  --uilab-sys-color-overlay-success-hovered: rgb(26.7% 76.5% 56.5% / 0.12);
  --uilab-sys-color-overlay-success-focused: rgb(26.7% 76.5% 56.5% / 0.16);
  --uilab-sys-color-overlay-success-hovered-subtle: rgb(26.7% 76.5% 56.5% / 0.08);
  --uilab-sys-color-overlay-success-focused-subtle: rgb(26.7% 76.5% 56.5% / 0.12);
  --uilab-sys-color-overlay-success-dragged: rgb(26.7% 76.5% 56.5% / 0.12);
  --uilab-sys-color-overlay-success-pressed: rgb(26.7% 76.5% 56.5% / 0.16);
  --uilab-sys-color-overlay-success-pressed-on-focused: rgb(26.7% 76.5% 56.5% / 0.32);
  --uilab-sys-color-overlay-warning-resting: rgb(100% 72.9% 0% / 0);
  --uilab-sys-color-overlay-warning-hovered: rgb(100% 72.9% 0% / 0.12);
  --uilab-sys-color-overlay-warning-focused: rgb(100% 72.9% 0% / 0.16);
  --uilab-sys-color-overlay-warning-hovered-subtle: rgb(100% 72.9% 0% / 0.08);
  --uilab-sys-color-overlay-warning-focused-subtle: rgb(100% 72.9% 0% / 0.12);
  --uilab-sys-color-overlay-warning-dragged: rgb(100% 72.9% 0% / 0.12);
  --uilab-sys-color-overlay-warning-pressed: rgb(100% 72.9% 0% / 0.16);
  --uilab-sys-color-overlay-warning-pressed-on-focused: rgb(100% 72.9% 0% / 0.32);
  --uilab-sys-color-overlay-info-resting: rgb(100% 72.9% 0% / 0);
  --uilab-sys-color-overlay-info-hovered: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-overlay-info-focused: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-overlay-info-hovered-subtle: rgb(47.1% 63.1% 98.8% / 0.08);
  --uilab-sys-color-overlay-info-focused-subtle: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-overlay-info-dragged: rgb(47.1% 63.1% 98.8% / 0.12);
  --uilab-sys-color-overlay-info-pressed: rgb(47.1% 63.1% 98.8% / 0.16);
  --uilab-sys-color-overlay-info-pressed-on-focused: rgb(47.1% 63.1% 98.8% / 0.32);
  --uilab-sys-color-data-vis-opaque-1: rgb(10.2% 46.3% 85.1%);
  --uilab-sys-color-data-vis-opaque-2: rgb(86.3% 45.1% 0%);
  --uilab-sys-color-data-vis-opaque-3: rgb(82.4% 54.9% 82.4%);
  --uilab-sys-color-data-vis-opaque-4: rgb(0% 60% 0%);
  --uilab-sys-color-data-vis-opaque-5: rgb(60.8% 52.9% 47.1%);
  --uilab-sys-color-data-vis-opaque-6: rgb(87.8% 13.3% 84.3%);
  --uilab-sys-color-data-vis-opaque-7: rgb(82.4% 66.7% 0%);
  --uilab-sys-color-data-vis-opaque-8: rgb(28.2% 37.3% 83.1%);
  --uilab-sys-color-data-vis-opaque-9: rgb(19.6% 70.6% 80.4%);
  --uilab-sys-color-data-vis-opaque-10: rgb(85.1% 18% 47.1%);
  --uilab-sys-color-data-vis-opaque-11: rgb(63.5% 80% 40%);
  --uilab-sys-color-data-vis-opaque-12: rgb(79.6% 45.1% 89.8%);
  --uilab-sys-color-data-vis-tint-80-1: rgb(10.2% 46.3% 85.1% / 0.8);
  --uilab-sys-color-data-vis-tint-80-2: rgb(86.3% 45.1% 0% / 0.8);
  --uilab-sys-color-data-vis-tint-80-3: rgb(82.4% 54.9% 82.4% / 0.8);
  --uilab-sys-color-data-vis-tint-80-4: rgb(0% 60% 0% / 0.8);
  --uilab-sys-color-data-vis-tint-80-5: rgb(60.8% 52.9% 47.1% / 0.8);
  --uilab-sys-color-data-vis-tint-80-6: rgb(87.8% 13.3% 84.3% / 0.8);
  --uilab-sys-color-data-vis-tint-80-7: rgb(82.4% 66.7% 0% / 0.8);
  --uilab-sys-color-data-vis-tint-80-8: rgb(28.2% 37.3% 83.1% / 0.8);
  --uilab-sys-color-data-vis-tint-80-9: rgb(19.6% 70.6% 80.4% / 0.8);
  --uilab-sys-color-data-vis-tint-80-10: rgb(85.1% 18% 47.1% / 0.8);
  --uilab-sys-color-data-vis-tint-80-11: rgb(63.5% 80% 40% / 0.8);
  --uilab-sys-color-data-vis-tint-80-12: rgb(79.6% 45.1% 89.8% / 0.8);
  --uilab-sys-color-data-vis-tint-60-1: rgb(10.2% 46.3% 85.1% / 0.6);
  --uilab-sys-color-data-vis-tint-60-2: rgb(86.3% 45.1% 0% / 0.6);
  --uilab-sys-color-data-vis-tint-60-3: rgb(82.4% 54.9% 82.4% / 0.6);
  --uilab-sys-color-data-vis-tint-60-4: rgb(0% 60% 0% / 0.6);
  --uilab-sys-color-data-vis-tint-60-5: rgb(60.8% 52.9% 47.1% / 0.6);
  --uilab-sys-color-data-vis-tint-60-6: rgb(87.8% 13.3% 84.3% / 0.6);
  --uilab-sys-color-data-vis-tint-60-7: rgb(82.4% 66.7% 0% / 0.6);
  --uilab-sys-color-data-vis-tint-60-8: rgb(28.2% 37.3% 83.1% / 0.6);
  --uilab-sys-color-data-vis-tint-60-9: rgb(19.6% 70.6% 80.4% / 0.6);
  --uilab-sys-color-data-vis-tint-60-10: rgb(85.1% 18% 47.1% / 0.6);
  --uilab-sys-color-data-vis-tint-60-11: rgb(63.5% 80% 40% / 0.6);
  --uilab-sys-color-data-vis-tint-60-12: rgb(79.6% 45.1% 89.8% / 0.6);
  --uilab-sys-color-data-vis-tint-40-1: rgb(10.2% 46.3% 85.1% / 0.4);
  --uilab-sys-color-data-vis-tint-40-2: rgb(86.3% 45.1% 0% / 0.4);
  --uilab-sys-color-data-vis-tint-40-3: rgb(82.4% 54.9% 82.4% / 0.4);
  --uilab-sys-color-data-vis-tint-40-4: rgb(0% 60% 0% / 0.4);
  --uilab-sys-color-data-vis-tint-40-5: rgb(60.8% 52.9% 47.1% / 0.4);
  --uilab-sys-color-data-vis-tint-40-6: rgb(87.8% 13.3% 84.3% / 0.4);
  --uilab-sys-color-data-vis-tint-40-7: rgb(82.4% 66.7% 0% / 0.4);
  --uilab-sys-color-data-vis-tint-40-8: rgb(28.2% 37.3% 83.1% / 0.4);
  --uilab-sys-color-data-vis-tint-40-9: rgb(19.6% 70.6% 80.4% / 0.4);
  --uilab-sys-color-data-vis-tint-40-10: rgb(85.1% 18% 47.1% / 0.4);
  --uilab-sys-color-data-vis-tint-40-11: rgb(63.5% 80% 40% / 0.4);
  --uilab-sys-color-data-vis-tint-40-12: rgb(79.6% 45.1% 89.8% / 0.4);
  --uilab-sys-color-data-vis-tint-20-1: rgb(10.2% 46.3% 85.1% / 0.2);
  --uilab-sys-color-data-vis-tint-20-2: rgb(86.3% 45.1% 0% / 0.2);
  --uilab-sys-color-data-vis-tint-20-3: rgb(82.4% 54.9% 82.4% / 0.2);
  --uilab-sys-color-data-vis-tint-20-4: rgb(0% 60% 0% / 0.2);
  --uilab-sys-color-data-vis-tint-20-5: rgb(60.8% 52.9% 47.1% / 0.2);
  --uilab-sys-color-data-vis-tint-20-6: rgb(87.8% 13.3% 84.3% / 0.2);
  --uilab-sys-color-data-vis-tint-20-7: rgb(82.4% 66.7% 0% / 0.2);
  --uilab-sys-color-data-vis-tint-20-8: rgb(28.2% 37.3% 83.1% / 0.2);
  --uilab-sys-color-data-vis-tint-20-9: rgb(19.6% 70.6% 80.4% / 0.2);
  --uilab-sys-color-data-vis-tint-20-10: rgb(85.1% 18% 47.1% / 0.2);
  --uilab-sys-color-data-vis-tint-20-11: rgb(63.5% 80% 40% / 0.2);
  --uilab-sys-color-data-vis-tint-20-12: rgb(79.6% 45.1% 89.8% / 0.2);
  --uilab-sys-color-inverse-background-10: #ffffff;
  --uilab-sys-color-inverse-background-20: #f9fbfc;
  --uilab-sys-color-inverse-background-30: #f3f4f5;
  --uilab-sys-color-inverse-background-40: #eaeced;
  --uilab-sys-color-inverse-background-50: #dfe3e6;
  --uilab-sys-color-inverse-text-neutral-opaque: rgb(0% 0% 0%);
  --uilab-sys-color-inverse-text-neutral-high-emphasis: rgb(0% 0% 0% / 0.9);
  --uilab-sys-color-inverse-text-neutral-medium-emphasis: rgb(0% 0% 0% / 0.6);
  --uilab-sys-color-inverse-text-neutral-disabled: rgb(0% 0% 0% / 0.38);
  --uilab-sys-color-inverse-text-accent-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-inverse-text-error-opaque: rgb(80% 18% 16.1%);
  --uilab-sys-color-inverse-text-success-opaque: rgb(9.02% 61.6% 44.3%);
  --uilab-sys-color-inverse-text-warning-opaque: rgb(90.2% 65.5% 0%);
  --uilab-sys-color-inverse-text-info-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-inverse-text-visited-link-opaque: rgb(32.9% 3.92% 49%);
  --uilab-sys-color-inverse-icon-neutral-opaque: rgb(0% 0% 0%);
  --uilab-sys-color-inverse-icon-neutral-high-emphasis: rgb(0% 0% 0% / 0.9);
  --uilab-sys-color-inverse-icon-neutral-medium-emphasis: rgb(0% 0% 0% / 0.6);
  --uilab-sys-color-inverse-icon-neutral-disabled: rgb(0% 0% 0% / 0.38);
  --uilab-sys-color-inverse-icon-accent-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-inverse-icon-error-opaque: rgb(80% 18% 16.1%);
  --uilab-sys-color-inverse-icon-success-opaque: rgb(9.02% 61.6% 44.3%);
  --uilab-sys-color-inverse-icon-warning-opaque: rgb(90.2% 65.5% 0%);
  --uilab-sys-color-inverse-icon-info-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-inverse-container-regular-neutral-opaque: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-container-regular-neutral-light: rgb(0% 0% 0% / 0.16);
  --uilab-sys-color-inverse-container-regular-neutral-subtle: rgb(0% 0% 0% / 0.12);
  --uilab-sys-color-inverse-container-regular-neutral-more-subtle: rgb(0% 0% 0% / 0.08);
  --uilab-sys-color-inverse-container-regular-neutral-extra-subtle: rgb(0% 0% 0% / 0.04);
  --uilab-sys-color-inverse-container-regular-neutral-super-subtle: rgb(0% 0% 0% / 0.02);
  --uilab-sys-color-inverse-container-regular-neutral-transparent: rgb(100% 100% 100% / 0);
  --uilab-sys-color-inverse-container-regular-accent-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-inverse-container-regular-accent-light: rgb(30.2% 36.9% 87.8% / 0.16);
  --uilab-sys-color-inverse-container-regular-accent-subtle: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-inverse-container-regular-accent-more-subtle: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-inverse-container-regular-accent-extra-subtle: rgb(30.2% 36.9% 87.8% / 0.04);
  --uilab-sys-color-inverse-container-regular-accent-super-subtle: rgb(30.2% 36.9% 87.8% / 0.02);
  --uilab-sys-color-inverse-container-regular-accent-transparent: rgb(30.2% 36.9% 87.8% / 0);
  --uilab-sys-color-inverse-container-regular-error-opaque: rgb(80% 18% 16.1%);
  --uilab-sys-color-inverse-container-regular-error-light: rgb(80% 18% 16.1% / 0.16);
  --uilab-sys-color-inverse-container-regular-error-subtle: rgb(80% 18% 16.1% / 0.12);
  --uilab-sys-color-inverse-container-regular-error-more-subtle: rgb(80% 18% 16.1% / 0.08);
  --uilab-sys-color-inverse-container-regular-error-extra-subtle: rgb(80% 18% 16.1% / 0.04);
  --uilab-sys-color-inverse-container-regular-error-super-subtle: rgb(80% 18% 16.1% / 0.02);
  --uilab-sys-color-inverse-container-regular-error-transparent: rgb(80% 18% 16.1% / 0);
  --uilab-sys-color-inverse-container-regular-success-opaque: rgb(9.02% 61.6% 44.3%);
  --uilab-sys-color-inverse-container-regular-success-light: rgb(9.02% 61.6% 44.3% / 0.16);
  --uilab-sys-color-inverse-container-regular-success-subtle: rgb(9.02% 61.6% 44.3% / 0.12);
  --uilab-sys-color-inverse-container-regular-success-more-subtle: rgb(9.02% 61.6% 44.3% / 0.08);
  --uilab-sys-color-inverse-container-regular-success-extra-subtle: rgb(9.02% 61.6% 44.3% / 0.04);
  --uilab-sys-color-inverse-container-regular-success-super-subtle: rgb(9.02% 61.6% 44.3% / 0.02);
  --uilab-sys-color-inverse-container-regular-success-transparent: rgb(9.02% 61.6% 44.3% / 0);
  --uilab-sys-color-inverse-container-regular-warning-opaque: rgb(90.2% 65.5% 0%);
  --uilab-sys-color-inverse-container-regular-warning-light: rgb(90.2% 65.5% 0% / 0.16);
  --uilab-sys-color-inverse-container-regular-warning-subtle: rgb(90.2% 65.5% 0% / 0.12);
  --uilab-sys-color-inverse-container-regular-warning-more-subtle: rgb(90.2% 65.5% 0% / 0.08);
  --uilab-sys-color-inverse-container-regular-warning-extra-subtle: rgb(90.2% 65.5% 0% / 0.04);
  --uilab-sys-color-inverse-container-regular-warning-super-subtle: rgb(90.2% 65.5% 0% / 0.02);
  --uilab-sys-color-inverse-container-regular-warning-transparent: rgb(90.2% 65.5% 0% / 0);
  --uilab-sys-color-inverse-container-regular-info-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-inverse-container-regular-info-light: rgb(30.2% 36.9% 87.8% / 0.16);
  --uilab-sys-color-inverse-container-regular-info-subtle: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-inverse-container-regular-info-more-subtle: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-inverse-container-regular-info-extra-subtle: rgb(30.2% 36.9% 87.8% / 0.04);
  --uilab-sys-color-inverse-container-regular-info-super-subtle: rgb(30.2% 36.9% 87.8% / 0.02);
  --uilab-sys-color-inverse-container-regular-info-transparent: rgb(30.2% 36.9% 87.8% / 0);
  --uilab-sys-color-inverse-container-regular-highlight-opaque: rgb(100% 93.3% 50.2%);
  --uilab-sys-color-inverse-container-regular-highlight-light: rgb(100% 93.3% 50.2% / 0.16);
  --uilab-sys-color-inverse-container-solid-neutral-light: rgb(84% 84% 84%);
  --uilab-sys-color-inverse-container-solid-neutral-subtle: rgb(88% 88% 88%);
  --uilab-sys-color-inverse-container-solid-neutral-more-subtle: rgb(92% 92% 92%);
  --uilab-sys-color-inverse-container-solid-neutral-extra-subtle: rgb(96% 96% 96%);
  --uilab-sys-color-inverse-container-solid-neutral-super-subtle: rgb(98% 98% 98%);
  --uilab-sys-color-inverse-container-solid-accent-light: rgb(88.8% 89.9% 98.1%);
  --uilab-sys-color-inverse-container-solid-accent-subtle: rgb(91.6% 92.4% 98.5%);
  --uilab-sys-color-inverse-container-solid-accent-more-subtle: rgb(94.4% 94.9% 99%);
  --uilab-sys-color-inverse-container-solid-accent-extra-subtle: rgb(97.2% 97.5% 99.5%);
  --uilab-sys-color-inverse-container-solid-accent-super-subtle: rgb(98.6% 98.7% 99.8%);
  --uilab-sys-color-inverse-container-solid-error-light: rgb(96.8% 86.9% 86.6%);
  --uilab-sys-color-inverse-container-solid-error-subtle: rgb(97.6% 90.2% 89.9%);
  --uilab-sys-color-inverse-container-solid-error-more-subtle: rgb(98.4% 93.4% 93.3%);
  --uilab-sys-color-inverse-container-solid-error-extra-subtle: rgb(99.2% 96.7% 96.6%);
  --uilab-sys-color-inverse-container-solid-error-super-subtle: rgb(99.6% 98.4% 98.3%);
  --uilab-sys-color-inverse-container-solid-success-light: rgb(85.4% 93.9% 91.1%);
  --uilab-sys-color-inverse-container-solid-success-subtle: rgb(89.1% 95.4% 93.3%);
  --uilab-sys-color-inverse-container-solid-success-more-subtle: rgb(92.7% 96.9% 95.5%);
  --uilab-sys-color-inverse-container-solid-success-extra-subtle: rgb(96.4% 98.5% 97.8%);
  --uilab-sys-color-inverse-container-solid-success-super-subtle: rgb(98.2% 99.2% 98.9%);
  --uilab-sys-color-inverse-container-solid-warning-light: rgb(98.4% 94.5% 84%);
  --uilab-sys-color-inverse-container-solid-warning-subtle: rgb(98.8% 95.9% 88%);
  --uilab-sys-color-inverse-container-solid-warning-more-subtle: rgb(99.2% 97.2% 92%);
  --uilab-sys-color-inverse-container-solid-warning-extra-subtle: rgb(99.6% 98.6% 96%);
  --uilab-sys-color-inverse-container-solid-warning-super-subtle: rgb(99.8% 99.3% 98%);
  --uilab-sys-color-inverse-container-solid-info-light: rgb(88.8% 89.9% 98.1%);
  --uilab-sys-color-inverse-container-solid-info-subtle: rgb(91.6% 92.4% 98.5%);
  --uilab-sys-color-inverse-container-solid-info-more-subtle: rgb(94.4% 94.9% 99%);
  --uilab-sys-color-inverse-container-solid-info-extra-subtle: rgb(97.2% 97.5% 99.5%);
  --uilab-sys-color-inverse-container-solid-info-super-subtle: rgb(98.6% 98.7% 99.8%);
  --uilab-sys-color-inverse-container-solid-highlight-light: rgb(100% 98.9% 92%);
  --uilab-sys-color-inverse-container-elevated-00dp: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-container-elevated-01dp: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-container-elevated-02dp: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-container-elevated-03dp: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-container-elevated-04dp: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-container-elevated-06dp: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-container-elevated-08dp: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-container-elevated-12dp: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-container-elevated-16dp: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-container-elevated-24dp: rgb(100% 100% 100%);
  --uilab-sys-color-inverse-outline-neutral-opaque: rgb(0% 0% 0%);
  --uilab-sys-color-inverse-outline-neutral-high-emphasis: rgb(0% 0% 0% / 0.72);
  --uilab-sys-color-inverse-outline-neutral-medium-emphasis: rgb(0% 0% 0% / 0.44);
  --uilab-sys-color-inverse-outline-neutral-disabled: rgb(0% 0% 0% / 0.12);
  --uilab-sys-color-inverse-outline-neutral-transparent: rgb(0% 0% 0% / 0);
  --uilab-sys-color-inverse-outline-accent-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-inverse-outline-accent-disabled: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-inverse-outline-accent-transparent: rgb(30.2% 36.9% 87.8% / 0);
  --uilab-sys-color-inverse-outline-error-opaque: rgb(80% 18% 16.1%);
  --uilab-sys-color-inverse-outline-error-disabled: rgb(80% 18% 16.1% / 0.12);
  --uilab-sys-color-inverse-outline-error-transparent: rgb(80% 18% 16.1% / 0);
  --uilab-sys-color-inverse-outline-success-opaque: rgb(9.02% 61.6% 44.3%);
  --uilab-sys-color-inverse-outline-success-disabled: rgb(9.02% 61.6% 44.3% / 0.12);
  --uilab-sys-color-inverse-outline-success-transparent: rgb(9.02% 61.6% 44.3% / 0);
  --uilab-sys-color-inverse-outline-warning-opaque: rgb(90.2% 65.5% 0%);
  --uilab-sys-color-inverse-outline-warning-disabled: rgb(90.2% 65.5% 0% / 0.12);
  --uilab-sys-color-inverse-outline-warning-transparent: rgb(90.2% 65.5% 0% / 0);
  --uilab-sys-color-inverse-outline-info-opaque: rgb(30.2% 36.9% 87.8%);
  --uilab-sys-color-inverse-outline-info-disabled: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-inverse-outline-info-transparent: rgb(30.2% 36.9% 87.8% / 0);
  --uilab-sys-color-inverse-overlay-neutral-resting: rgb(0% 0% 0% / 0);
  --uilab-sys-color-inverse-overlay-neutral-hovered: rgb(0% 0% 0% / 0.08);
  --uilab-sys-color-inverse-overlay-neutral-focused: rgb(0% 0% 0% / 0.12);
  --uilab-sys-color-inverse-overlay-neutral-hovered-subtle: rgb(0% 0% 0% / 0.04);
  --uilab-sys-color-inverse-overlay-neutral-focused-subtle: rgb(0% 0% 0% / 0.08);
  --uilab-sys-color-inverse-overlay-neutral-dragged: rgb(0% 0% 0% / 0.08);
  --uilab-sys-color-inverse-overlay-neutral-pressed: rgb(0% 0% 0% / 0.12);
  --uilab-sys-color-inverse-overlay-neutral-pressed-on-focused: rgb(0% 0% 0% / 0.24);
  --uilab-sys-color-inverse-overlay-accent-resting: rgb(30.2% 36.9% 87.8% / 0);
  --uilab-sys-color-inverse-overlay-accent-hovered: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-inverse-overlay-accent-focused: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-inverse-overlay-accent-hovered-subtle: rgb(30.2% 36.9% 87.8% / 0.04);
  --uilab-sys-color-inverse-overlay-accent-focused-subtle: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-inverse-overlay-accent-dragged: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-inverse-overlay-accent-pressed: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-inverse-overlay-accent-pressed-on-focused: rgb(30.2% 36.9% 87.8% / 0.24);
  --uilab-sys-color-inverse-overlay-error-resting: rgb(80% 18% 16.1% / 0);
  --uilab-sys-color-inverse-overlay-error-hovered: rgb(80% 18% 16.1% / 0.08);
  --uilab-sys-color-inverse-overlay-error-focused: rgb(80% 18% 16.1% / 0.12);
  --uilab-sys-color-inverse-overlay-error-hovered-subtle: rgb(80% 18% 16.1% / 0.04);
  --uilab-sys-color-inverse-overlay-error-focused-subtle: rgb(80% 18% 16.1% / 0.08);
  --uilab-sys-color-inverse-overlay-error-dragged: rgb(80% 18% 16.1% / 0.08);
  --uilab-sys-color-inverse-overlay-error-pressed: rgb(80% 18% 16.1% / 0.12);
  --uilab-sys-color-inverse-overlay-error-pressed-on-focused: rgb(80% 18% 16.1% / 0.24);
  --uilab-sys-color-inverse-overlay-success-resting: rgb(80% 18% 16.1% / 0);
  --uilab-sys-color-inverse-overlay-success-hovered: rgb(9.02% 61.6% 44.3% / 0.08);
  --uilab-sys-color-inverse-overlay-success-focused: rgb(9.02% 61.6% 44.3% / 0.12);
  --uilab-sys-color-inverse-overlay-success-hovered-subtle: rgb(9.02% 61.6% 44.3% / 0.04);
  --uilab-sys-color-inverse-overlay-success-focused-subtle: rgb(9.02% 61.6% 44.3% / 0.08);
  --uilab-sys-color-inverse-overlay-success-dragged: rgb(9.02% 61.6% 44.3% / 0.08);
  --uilab-sys-color-inverse-overlay-success-pressed: rgb(9.02% 61.6% 44.3% / 0.12);
  --uilab-sys-color-inverse-overlay-success-pressed-on-focused: rgb(9.02% 61.6% 44.3% / 0.24);
  --uilab-sys-color-inverse-overlay-warning-resting: rgb(90.2% 65.5% 0% / 0);
  --uilab-sys-color-inverse-overlay-warning-hovered: rgb(90.2% 65.5% 0% / 0.08);
  --uilab-sys-color-inverse-overlay-warning-focused: rgb(90.2% 65.5% 0% / 0.12);
  --uilab-sys-color-inverse-overlay-warning-hovered-subtle: rgb(90.2% 65.5% 0% / 0.04);
  --uilab-sys-color-inverse-overlay-warning-focused-subtle: rgb(90.2% 65.5% 0% / 0.08);
  --uilab-sys-color-inverse-overlay-warning-dragged: rgb(90.2% 65.5% 0% / 0.08);
  --uilab-sys-color-inverse-overlay-warning-pressed: rgb(90.2% 65.5% 0% / 0.12);
  --uilab-sys-color-inverse-overlay-warning-pressed-on-focused: rgb(90.2% 65.5% 0% / 0.24);
  --uilab-sys-color-inverse-overlay-info-resting: rgb(90.2% 65.5% 0% / 0);
  --uilab-sys-color-inverse-overlay-info-hovered: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-inverse-overlay-info-focused: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-inverse-overlay-info-hovered-subtle: rgb(30.2% 36.9% 87.8% / 0.04);
  --uilab-sys-color-inverse-overlay-info-focused-subtle: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-inverse-overlay-info-dragged: rgb(30.2% 36.9% 87.8% / 0.08);
  --uilab-sys-color-inverse-overlay-info-pressed: rgb(30.2% 36.9% 87.8% / 0.12);
  --uilab-sys-color-inverse-overlay-info-pressed-on-focused: rgb(30.2% 36.9% 87.8% / 0.24);
  --uilab-sys-color-inverse-data-vis-opaque-1: rgb(10.2% 46.3% 85.1%);
  --uilab-sys-color-inverse-data-vis-opaque-2: rgb(86.3% 45.1% 0%);
  --uilab-sys-color-inverse-data-vis-opaque-3: rgb(72.2% 41.2% 66.7%);
  --uilab-sys-color-inverse-data-vis-opaque-4: rgb(0% 54.1% 0%);
  --uilab-sys-color-inverse-data-vis-opaque-5: rgb(60.8% 52.9% 47.1%);
  --uilab-sys-color-inverse-data-vis-opaque-6: rgb(72.5% 0% 56.9%);
  --uilab-sys-color-inverse-data-vis-opaque-7: rgb(72.2% 55.3% 0%);
  --uilab-sys-color-inverse-data-vis-opaque-8: rgb(17.6% 17.6% 72.5%);
  --uilab-sys-color-inverse-data-vis-opaque-9: rgb(14.1% 60% 74.9%);
  --uilab-sys-color-inverse-data-vis-opaque-10: rgb(74.5% 7.84% 25.5%);
  --uilab-sys-color-inverse-data-vis-opaque-11: rgb(31.8% 61.2% 9.02%);
  --uilab-sys-color-inverse-data-vis-opaque-12: rgb(51% 11.8% 62.7%);
  --uilab-sys-color-inverse-data-vis-tint-80-1: rgb(10.2% 46.3% 85.1% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-2: rgb(86.3% 45.1% 0% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-3: rgb(72.2% 41.2% 66.7% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-4: rgb(0% 54.1% 0% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-5: rgb(60.8% 52.9% 47.1% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-6: rgb(72.5% 0% 56.9% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-7: rgb(72.2% 55.3% 0% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-8: rgb(17.6% 17.6% 72.5% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-9: rgb(14.1% 60% 74.9% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-10: rgb(74.5% 7.84% 25.5% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-11: rgb(31.8% 61.2% 9.02% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-80-12: rgb(51% 11.8% 62.7% / 0.8);
  --uilab-sys-color-inverse-data-vis-tint-60-1: rgb(10.2% 46.3% 85.1% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-2: rgb(86.3% 45.1% 0% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-3: rgb(72.2% 41.2% 66.7% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-4: rgb(0% 54.1% 0% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-5: rgb(60.8% 52.9% 47.1% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-6: rgb(72.5% 0% 56.9% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-7: rgb(72.2% 55.3% 0% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-8: rgb(17.6% 17.6% 72.5% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-9: rgb(14.1% 60% 74.9% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-10: rgb(74.5% 7.84% 25.5% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-11: rgb(31.8% 61.2% 9.02% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-60-12: rgb(51% 11.8% 62.7% / 0.6);
  --uilab-sys-color-inverse-data-vis-tint-40-1: rgb(10.2% 46.3% 85.1% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-2: rgb(86.3% 45.1% 0% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-3: rgb(72.2% 41.2% 66.7% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-4: rgb(0% 54.1% 0% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-5: rgb(60.8% 52.9% 47.1% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-6: rgb(72.5% 0% 56.9% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-7: rgb(72.2% 55.3% 0% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-8: rgb(17.6% 17.6% 72.5% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-9: rgb(14.1% 60% 74.9% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-10: rgb(74.5% 7.84% 25.5% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-11: rgb(31.8% 61.2% 9.02% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-40-12: rgb(51% 11.8% 62.7% / 0.4);
  --uilab-sys-color-inverse-data-vis-tint-20-1: rgb(10.2% 46.3% 85.1% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-2: rgb(86.3% 45.1% 0% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-3: rgb(72.2% 41.2% 66.7% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-4: rgb(0% 54.1% 0% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-5: rgb(60.8% 52.9% 47.1% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-6: rgb(72.5% 0% 56.9% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-7: rgb(72.2% 55.3% 0% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-8: rgb(17.6% 17.6% 72.5% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-9: rgb(14.1% 60% 74.9% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-10: rgb(74.5% 7.84% 25.5% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-11: rgb(31.8% 61.2% 9.02% / 0.2);
  --uilab-sys-color-inverse-data-vis-tint-20-12: rgb(51% 11.8% 62.7% / 0.2);
  --uilab-sys-typography-system-body-1: 400 16px/24 "Roboto";
  --uilab-sys-typography-system-body-2: 400 14px/24 "Roboto";
  --uilab-sys-typography-system-subtitle-1: 500 16px/24 "Roboto";
  --uilab-sys-typography-system-subtitle-2: 500 14px/24 "Roboto";
  --uilab-sys-typography-system-button: 500 14px/20 "Roboto";
  --uilab-sys-typography-system-caption: 400 12px/20 "Roboto";
  --uilab-sys-typography-system-overline: 400 10px/20 "Roboto";
  --uilab-sys-typography-system-headline-1: 300 48px/48 "Barlow";
  --uilab-sys-typography-system-headline-2: 300 36px/36 "Barlow";
  --uilab-sys-typography-system-headline-3: 400 28px/32 "Barlow";
  --uilab-sys-typography-system-headline-4: 400 24px/28 "Roboto";
  --uilab-sys-typography-system-headline-5: 500 22px/24 "Roboto";
  --uilab-sys-typography-system-headline-6: 500 20px/24 "Roboto";
  --uilab-sys-typography-system-product-name: 500 24px/24 "Barlow";
  --uilab-sys-elevation-box-shadow-00dp:
    0 0 0 0 #0000001f,
    0 0 0 0 #00000024,
    0 0 0 0 #00000033;
  --uilab-sys-elevation-box-shadow-01dp:
    0 1px 3px 0 #0000001f,
    0 1px 1px 0 #00000024,
    0 2px 1px -1px #00000033;
  --uilab-sys-elevation-box-shadow-02dp:
    0 1px 5px 0 #0000001f,
    0 2px 2px 0 #00000024,
    0 3px 1px -2px #00000033;
  --uilab-sys-elevation-box-shadow-03dp:
    0 1px 8px 0 #0000001f,
    0 3px 4px 0 #00000024,
    0 3px 3px -2px #00000033;
  --uilab-sys-elevation-box-shadow-04dp:
    0 1px 10px 0 #0000001f,
    0 4px 5px 0 #00000024,
    0 2px 4px -1px #00000033;
  --uilab-sys-elevation-box-shadow-06dp:
    0 1px 18px 0 #0000001f,
    0 6px 10px 0 #00000024,
    0 3px 5px -1px #00000033;
  --uilab-sys-elevation-box-shadow-08dp:
    0 3px 14px 2px #0000001f,
    0 8px 10px 1px #00000024,
    0 5px 5px -3px #00000033;
  --uilab-sys-elevation-box-shadow-12dp:
    0 5px 22px 4px #0000001f,
    0 12px 17px 2px #00000024,
    0 7px 8px -4px #00000033;
  --uilab-sys-elevation-box-shadow-16dp:
    0 6px 30px 5px #0000001f,
    0 16px 24px 2px #00000024,
    0 8px 10px -5px #00000033;
  --uilab-sys-elevation-box-shadow-24dp:
    0 9px 46px 8px #0000001f,
    0 24px 38px 3px #00000024,
    0 11px 15px -7px #00000033;
  --uilab-sys-elevated-surface-composition-00dp: [object Object];
  --uilab-sys-elevated-surface-composition-01dp: [object Object];
  --uilab-sys-elevated-surface-composition-02dp: [object Object];
  --uilab-sys-elevated-surface-composition-03dp: [object Object];
  --uilab-sys-elevated-surface-composition-04dp: [object Object];
  --uilab-sys-elevated-surface-composition-06dp: [object Object];
  --uilab-sys-elevated-surface-composition-08dp: [object Object];
  --uilab-sys-elevated-surface-composition-12dp: [object Object];
  --uilab-sys-elevated-surface-composition-16dp: [object Object];
  --uilab-sys-elevated-surface-composition-24dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-00dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-01dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-02dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-03dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-04dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-06dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-08dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-12dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-16dp: [object Object];
  --uilab-sys-elevated-surface-inverse-composition-24dp: [object Object];
  --uilab-custom-container-opacity-100: .08;
  --uilab-custom-container-opacity-200: .12;
  --uilab-custom-container-opacity-300: .16;
  --uilab-custom-container-opacity-400: .24;
  --uilab-custom-container-opacity-500: .32;
  --uilab-custom-container-opacity-550: .12;
  --uilab-custom-container-opacity-600: .32;
  --uilab-custom-container-opacity-1000: 1;
  --uilab-custom-container-opacity-more-subtle: .08;
  --uilab-custom-container-opacity-super-subtle: .08;
  --uilab-custom-container-opacity-extra-subtle: .04;
  --uilab-custom-container-neutral-medium: rgb(100% 100% 100% / 0.7);
  --uilab-custom-container-color-opaque: #ffffff;
  --uilab-custom-container-accent-medium: rgb(47.1% 63.1% 98.8% / 0.7);
  --uilab-custom-container-toggle-handle-background: #ffffff;
  --uilab-custom-outline-neutral-color-medium: #6b6f73;
  --uilab-custom-spacing-4: 4px;
  --uilab-custom-spacing-8: 8px;
  --uilab-custom-spacing-12: 12px;
  --uilab-custom-spacing-16: 16px;
  --uilab-custom-spacing-neg-4: -4px;
  --uilab-custom-line-height-300: 1rem;
  --uilab-custom-line-height-400: 1.25rem;
  --uilab-custom-line-height-500: 1.5rem;
  --uilab-custom-line-height-600: 1.75rem;
  --uilab-custom-line-height-700: 2rem;
  --uilab-ref-palette-neutral-10: #000000;
  --uilab-ref-palette-neutral-20: #151719;
  --uilab-ref-palette-neutral-30: #2d3033;
  --uilab-ref-palette-neutral-35: #393d40;
  --uilab-ref-palette-neutral-40: #515559;
  --uilab-ref-palette-neutral-50: #6b6f73;
  --uilab-ref-palette-neutral-55: #d2d6d9;
  --uilab-ref-palette-neutral-60: #dfe3e6;
  --uilab-ref-palette-neutral-70: #eaeced;
  --uilab-ref-palette-neutral-80: #f3f4f5;
  --uilab-ref-palette-neutral-90: #f9fbfc;
  --uilab-ref-palette-neutral-100: #ffffff;
  --uilab-ref-palette-accent-10: #0d237f;
  --uilab-ref-palette-accent-20: #2d41b0;
  --uilab-ref-palette-accent-30: #4d5ee0;
  --uilab-ref-palette-accent-35: #566be6;
  --uilab-ref-palette-accent-40: #5e79eb;
  --uilab-ref-palette-accent-50: #6786f1;
  --uilab-ref-palette-accent-55: #6f94f6;
  --uilab-ref-palette-accent-60: #78a1fc;
  --uilab-ref-palette-accent-70: #93b4fd;
  --uilab-ref-palette-accent-80: #aec7fd;
  --uilab-ref-palette-accent-90: #c9d9fe;
  --uilab-ref-palette-accent-100: #e4ecfe;
  --uilab-ref-palette-error-10: #8c0707;
  --uilab-ref-palette-error-20: #ac1a18;
  --uilab-ref-palette-error-30: #cc2e29;
  --uilab-ref-palette-error-35: #d6332e;
  --uilab-ref-palette-error-40: #e03832;
  --uilab-ref-palette-error-50: #eb3c37;
  --uilab-ref-palette-error-55: #f5413b;
  --uilab-ref-palette-error-60: #ff4640;
  --uilab-ref-palette-error-70: #ff6b66;
  --uilab-ref-palette-error-80: #ff908c;
  --uilab-ref-palette-error-90: #ffb5b3;
  --uilab-ref-palette-error-100: #ffdad9;
  --uilab-ref-palette-warning-10: #7f5100;
  --uilab-ref-palette-warning-20: #b37c00;
  --uilab-ref-palette-warning-30: #e6a700;
  --uilab-ref-palette-warning-35: #ebab00;
  --uilab-ref-palette-warning-40: #f0af00;
  --uilab-ref-palette-warning-50: #f5b200;
  --uilab-ref-palette-warning-55: #fab600;
  --uilab-ref-palette-warning-60: #ffba00;
  --uilab-ref-palette-warning-70: #ffc833;
  --uilab-ref-palette-warning-80: #ffd666;
  --uilab-ref-palette-warning-90: #ffe399;
  --uilab-ref-palette-warning-100: #fff1cc;
  --uilab-ref-palette-success-10: #005935;
  --uilab-ref-palette-success-20: #0c7b53;
  --uilab-ref-palette-success-30: #179d71;
  --uilab-ref-palette-success-35: #20a577;
  --uilab-ref-palette-success-40: #29ac7d;
  --uilab-ref-palette-success-50: #32b484;
  --uilab-ref-palette-success-55: #3bbb8a;
  --uilab-ref-palette-success-60: #44c390;
  --uilab-ref-palette-success-70: #69cfa6;
  --uilab-ref-palette-success-80: #8fdbbc;
  --uilab-ref-palette-success-90: #b4e7d3;
  --uilab-ref-palette-success-100: #daf3e9;
  --uilab-ref-palette-info-10: #0d237f;
  --uilab-ref-palette-info-20: #2d41b0;
  --uilab-ref-palette-info-30: #4d5ee0;
  --uilab-ref-palette-info-35: #566be6;
  --uilab-ref-palette-info-40: #5e79eb;
  --uilab-ref-palette-info-50: #6786f1;
  --uilab-ref-palette-info-55: #6f94f6;
  --uilab-ref-palette-info-60: #78a1fc;
  --uilab-ref-palette-info-70: #93b4fd;
  --uilab-ref-palette-info-80: #aec7fd;
  --uilab-ref-palette-info-90: #c9d9fe;
  --uilab-ref-palette-info-100: #e4ecfe;
  --uilab-ref-palette-highlight-10: #a55f09;
  --uilab-ref-palette-highlight-20: #c1791a;
  --uilab-ref-palette-highlight-30: #d79437;
  --uilab-ref-palette-highlight-35: #da9b44;
  --uilab-ref-palette-highlight-40: #e4cf49;
  --uilab-ref-palette-highlight-50: #eed84f;
  --uilab-ref-palette-highlight-55: #f6e155;
  --uilab-ref-palette-highlight-60: #ffe95c;
  --uilab-ref-palette-highlight-70: #ffee80;
  --uilab-ref-palette-highlight-80: #fff3a3;
  --uilab-ref-palette-highlight-90: #fff8cc;
  --uilab-ref-palette-highlight-100: #fffef5;
  --uilab-ref-palette-data-vis-brown: #9b8778;
  --uilab-ref-palette-data-vis-olive: #a2cc66;
  --uilab-ref-palette-data-vis-shamrock: #519c17;
  --uilab-ref-palette-data-vis-green: #009900;
  --uilab-ref-palette-data-vis-emerald: #008a00;
  --uilab-ref-palette-data-vis-plum: #d28cd2;
  --uilab-ref-palette-data-vis-orchid: #cb73e5;
  --uilab-ref-palette-data-vis-pink: #e022d7;
  --uilab-ref-palette-data-vis-fuchsia: #b869aa;
  --uilab-ref-palette-data-vis-magenta: #b90091;
  --uilab-ref-palette-data-vis-cerise: #d92e78;
  --uilab-ref-palette-data-vis-red: #be1441;
  --uilab-ref-palette-data-vis-goldenrod: #d2aa00;
  --uilab-ref-palette-data-vis-dijon: #b88d00;
  --uilab-ref-palette-data-vis-orange: #dc7300;
  --uilab-ref-palette-data-vis-violet: #821ea0;
  --uilab-ref-palette-data-vis-pelorous: #32b4cd;
  --uilab-ref-palette-data-vis-cerulean: #2499bf;
  --uilab-ref-palette-data-vis-blue: #485fd4;
  --uilab-ref-palette-data-vis-navy: #2d2db9;
  --uilab-ref-palette-data-vis-mariner: #1a76d9;
  --uilab-ref-palette-brand-purples-dark-purple: #3d1152;
  --uilab-ref-palette-brand-purples-mid-purple-2: #540a7d;
  --uilab-ref-palette-brand-purples-mid-purple: #6b04a8;
  --uilab-ref-palette-brand-purples-mid-purple-80: #981ad3;
  --uilab-ref-palette-brand-purples-purple-accent: #c530ff;
  --uilab-ref-palette-brand-purples-purple-accent-70: #d66efe;
  --uilab-ref-palette-brand-purples-purple-accent-45: #e5a2ff;
  --uilab-ref-palette-brand-purples-purple-accent-20: #f3d6ff;
  --uilab-ref-palette-brand-neutrals-black: #000000;
  --uilab-ref-palette-brand-neutrals-cool-dark-gray: #363d42;
  --uilab-ref-palette-brand-neutrals-cool-mid-gray-2: #55606b;
  --uilab-ref-palette-brand-neutrals-cool-mid-gray: #738294;
  --uilab-ref-palette-brand-neutrals-cool-light-gray-3: #beccd6;
  --uilab-ref-palette-brand-neutrals-cool-light-gray-2: #d8e1e7;
  --uilab-ref-palette-brand-neutrals-cool-light-gray: #f2f5f7;
  --uilab-ref-palette-brand-neutrals-white: #ffffff;
  --uilab-ref-palette-brand-cyans-dark-cyan: #28898a;
  --uilab-ref-palette-brand-cyans-mid-cyan-2: #33acad;
  --uilab-ref-palette-brand-cyans-mid-cyan: #3cccce;
  --uilab-ref-palette-brand-cyans-cyan: #44e5e7;
  --uilab-ref-palette-brand-cyans-cyan-80: #69eaec;
  --uilab-ref-palette-brand-cyans-cyan-60: #8feff1;
  --uilab-ref-palette-brand-cyans-cyan-40: #b4f5f5;
  --uilab-ref-palette-brand-cyans-cyan-20: #dafafa;
  --uilab-ref-palette-brand-teals-dark-teal: #012b34;
  --uilab-ref-palette-brand-teals-mid-teal-2: #01414d;
  --uilab-ref-palette-brand-teals-mid-teal: #015667;
  --uilab-ref-palette-brand-teals-teal: #016c80;
  --uilab-ref-palette-brand-teals-teal-80: #348999;
  --uilab-ref-palette-brand-teals-teal-60: #67a7b3;
  --uilab-ref-palette-brand-teals-teal-40: #99c4cc;
  --uilab-ref-palette-brand-teals-teal-20: #cce2e6;
  --uilab-ref-palette-brand-blues-dark-blue: #24326b;
  --uilab-ref-palette-brand-blues-mid-blue-2: #30428c;
  --uilab-ref-palette-brand-blues-mid-blue: #3b51ad;
  --uilab-ref-palette-brand-blues-blue: #4d5ee0;
  --uilab-ref-palette-brand-blues-blue-80: #7187e6;
  --uilab-ref-palette-brand-blues-blue-60: #94a5ec;
  --uilab-ref-palette-brand-blues-blue-40: #b8c3f3;
  --uilab-ref-palette-brand-blues-blue-20: #dbe1f9;
  --uilab-ref-palette-brand-greens-dark-green: #007d57;
  --uilab-ref-palette-brand-greens-mid-green-2: #009e6e;
  --uilab-ref-palette-brand-greens-mid-green: #00bd84;
  --uilab-ref-palette-brand-greens-green: #00d796;
  --uilab-ref-palette-brand-greens-green-80: #33dfab;
  --uilab-ref-palette-brand-greens-green-60: #66e7c0;
  --uilab-ref-palette-brand-greens-green-40: #99efd5;
  --uilab-ref-palette-brand-greens-green-20: #ccf7ea;
  --uilab-ref-palette-brand-yellows-dark-yellow: #a37928;
  --uilab-ref-palette-brand-yellows-mid-yellow-2: #c49230;
  --uilab-ref-palette-brand-yellows-mid-yellow: #e6ab38;
  --uilab-ref-palette-brand-yellows-yellow: #ffbe3e;
  --uilab-ref-palette-brand-yellows-yellow-80: #ffcb65;
  --uilab-ref-palette-brand-yellows-yellow-60: #ffd88b;
  --uilab-ref-palette-brand-yellows-yellow-40: #ffe5b2;
  --uilab-ref-palette-brand-yellows-yellow-20: #fff2d8;
  --uilab-ref-palette-brand-oranges-dark-orange: #a34513;
  --uilab-ref-palette-brand-oranges-mid-orange-2: #c45417;
  --uilab-ref-palette-brand-oranges-mid-orange: #e4611a;
  --uilab-ref-palette-brand-oranges-orange: #fd6c1d;
  --uilab-ref-palette-brand-oranges-orange-80: #fd894a;
  --uilab-ref-palette-brand-oranges-orange-60: #fea777;
  --uilab-ref-palette-brand-oranges-orange-40: #fec4a5;
  --uilab-ref-palette-brand-oranges-orange-20: #ffe2d2;
  --uilab-ref-opacity-dark-color-overlay-resting: 0;
  --uilab-ref-opacity-dark-color-overlay-hovered: .08;
  --uilab-ref-opacity-dark-color-overlay-focused: .12;
  --uilab-ref-opacity-dark-color-overlay-hovered-subtle: .04;
  --uilab-ref-opacity-dark-color-overlay-focused-subtle: .08;
  --uilab-ref-opacity-dark-color-overlay-dragged: .08;
  --uilab-ref-opacity-dark-color-overlay-pressed: .12;
  --uilab-ref-opacity-dark-color-overlay-pressed-on-focused: 0.24;
  --uilab-ref-opacity-dark-color-overlay-pressed-on-focused-subtle: 0.2;
  --uilab-ref-opacity-dark-color-elevation-overlay-00dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-01dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-02dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-03dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-04dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-06dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-08dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-12dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-16dp: 0;
  --uilab-ref-opacity-dark-color-elevation-overlay-24dp: 0;
  --uilab-ref-opacity-dark-color-outline-opaque: 1;
  --uilab-ref-opacity-dark-color-outline-high-emphasis: .72;
  --uilab-ref-opacity-dark-color-outline-medium-emphasis: .44;
  --uilab-ref-opacity-dark-color-outline-disabled: .12;
  --uilab-ref-opacity-dark-color-outline-transparent: 0;
  --uilab-ref-opacity-dark-color-container-opaque: 1;
  --uilab-ref-opacity-dark-color-container-light: .16;
  --uilab-ref-opacity-dark-color-container-subtle: .12;
  --uilab-ref-opacity-dark-color-container-more-subtle: .08;
  --uilab-ref-opacity-dark-color-container-extra-subtle: .04;
  --uilab-ref-opacity-dark-color-container-super-subtle: .02;
  --uilab-ref-opacity-dark-color-container-transparent: 0;
  --uilab-ref-opacity-dark-color-data-vis-opaque: 1;
  --uilab-ref-opacity-dark-color-data-vis-tint-80: .8;
  --uilab-ref-opacity-dark-color-data-vis-tint-60: .6;
  --uilab-ref-opacity-dark-color-data-vis-tint-40: .4;
  --uilab-ref-opacity-dark-color-data-vis-tint-20: .2;
  --uilab-ref-opacity-dark-color-text-opaque: 1;
  --uilab-ref-opacity-dark-color-text-high-emphasis: .9;
  --uilab-ref-opacity-dark-color-text-medium-emphasis: .6;
  --uilab-ref-opacity-dark-color-text-disabled: .38;
  --uilab-ref-opacity-dark-color-icon-opaque: 1;
  --uilab-ref-opacity-dark-color-icon-high-emphasis: .9;
  --uilab-ref-opacity-dark-color-icon-medium-emphasis: .6;
  --uilab-ref-opacity-dark-color-icon-disabled: .38;
  --uilab-ref-opacity-light-color-overlay-resting: 0;
  --uilab-ref-opacity-light-color-overlay-hovered: .12;
  --uilab-ref-opacity-light-color-overlay-focused: .16;
  --uilab-ref-opacity-light-color-overlay-hovered-subtle: .08;
  --uilab-ref-opacity-light-color-overlay-focused-subtle: .12;
  --uilab-ref-opacity-light-color-overlay-dragged: .12;
  --uilab-ref-opacity-light-color-overlay-pressed: .16;
  --uilab-ref-opacity-light-color-overlay-pressed-on-focused: 0.32;
  --uilab-ref-opacity-light-color-overlay-pressed-on-focused-subtle: 0.28;
  --uilab-ref-opacity-light-color-elevation-overlay-00dp: 0;
  --uilab-ref-opacity-light-color-elevation-overlay-01dp: .05;
  --uilab-ref-opacity-light-color-elevation-overlay-02dp: .07;
  --uilab-ref-opacity-light-color-elevation-overlay-03dp: .08;
  --uilab-ref-opacity-light-color-elevation-overlay-04dp: .09;
  --uilab-ref-opacity-light-color-elevation-overlay-06dp: .11;
  --uilab-ref-opacity-light-color-elevation-overlay-08dp: .12;
  --uilab-ref-opacity-light-color-elevation-overlay-12dp: .14;
  --uilab-ref-opacity-light-color-elevation-overlay-16dp: .15;
  --uilab-ref-opacity-light-color-elevation-overlay-24dp: .16;
  --uilab-ref-opacity-light-color-outline-opaque: 1;
  --uilab-ref-opacity-light-color-outline-high-emphasis: .84;
  --uilab-ref-opacity-light-color-outline-medium-emphasis: .64;
  --uilab-ref-opacity-light-color-outline-disabled: .16;
  --uilab-ref-opacity-light-color-outline-transparent: 0;
  --uilab-ref-opacity-light-color-container-opaque: 1;
  --uilab-ref-opacity-light-color-container-light: .24;
  --uilab-ref-opacity-light-color-container-subtle: .16;
  --uilab-ref-opacity-light-color-container-more-subtle: .12;
  --uilab-ref-opacity-light-color-container-extra-subtle: .08;
  --uilab-ref-opacity-light-color-container-super-subtle: .04;
  --uilab-ref-opacity-light-color-container-transparent: 0;
  --uilab-ref-opacity-light-color-data-vis-opaque: 1;
  --uilab-ref-opacity-light-color-data-vis-tint-80: .8;
  --uilab-ref-opacity-light-color-data-vis-tint-60: .6;
  --uilab-ref-opacity-light-color-data-vis-tint-40: .4;
  --uilab-ref-opacity-light-color-data-vis-tint-20: .2;
  --uilab-ref-opacity-light-color-text-opaque: 1;
  --uilab-ref-opacity-light-color-text-high-emphasis: 1;
  --uilab-ref-opacity-light-color-text-medium-emphasis: .7;
  --uilab-ref-opacity-light-color-text-disabled: .32;
  --uilab-ref-opacity-light-color-icon-opaque: 1;
  --uilab-ref-opacity-light-color-icon-high-emphasis: 1;
  --uilab-ref-opacity-light-color-icon-medium-emphasis: .7;
  --uilab-ref-opacity-light-color-icon-disabled: .32;
  --uilab-ref-border-radius-0: 0;
  --uilab-ref-border-radius-4: 4px;
  --uilab-ref-border-radius-8: 8px;
  --uilab-ref-border-radius-16: 16px;
  --uilab-ref-sizing-height-24: 24px;
  --uilab-ref-sizing-height-32: 32px;
  --uilab-ref-sizing-height-36: 36px;
  --uilab-ref-sizing-height-40: 40px;
  --uilab-ref-sizing-height-48: 48px;
  --uilab-ref-sizing-height-56: 56px;
  --uilab-ref-spacing-testsp: 12px;
  --uilab-ref-border-width-testbw: 1px;
  --uilab-ref-border-testborder: 1px solid #4d5ee0;
  --uilab-ref-border-testborder2: 1px solid #000000;
  --uilab-ref-elevation-box-shadow-00dp:
    0 0 0 0 #0000001f,
    0 0 0 0 #00000024,
    0 0 0 0 #00000033;
  --uilab-ref-elevation-box-shadow-01dp:
    0 1px 3px 0 #0000001f,
    0 1px 1px 0 #00000024,
    0 2px 1px -1px #00000033;
  --uilab-ref-elevation-box-shadow-02dp:
    0 1px 5px 0 #0000001f,
    0 2px 2px 0 #00000024,
    0 3px 1px -2px #00000033;
  --uilab-ref-elevation-box-shadow-03dp:
    0 1px 8px 0 #0000001f,
    0 3px 4px 0 #00000024,
    0 3px 3px -2px #00000033;
  --uilab-ref-elevation-box-shadow-04dp:
    0 1px 10px 0 #0000001f,
    0 4px 5px 0 #00000024,
    0 2px 4px -1px #00000033;
  --uilab-ref-elevation-box-shadow-06dp:
    0 1px 18px 0 #0000001f,
    0 6px 10px 0 #00000024,
    0 3px 5px -1px #00000033;
  --uilab-ref-elevation-box-shadow-08dp:
    0 3px 14px 2px #0000001f,
    0 8px 10px 1px #00000024,
    0 5px 5px -3px #00000033;
  --uilab-ref-elevation-box-shadow-12dp:
    0 5px 22px 4px #0000001f,
    0 12px 17px 2px #00000024,
    0 7px 8px -4px #00000033;
  --uilab-ref-elevation-box-shadow-16dp:
    0 6px 30px 5px #0000001f,
    0 16px 24px 2px #00000024,
    0 8px 10px -5px #00000033;
  --uilab-ref-elevation-box-shadow-24dp:
    0 9px 46px 8px #0000001f,
    0 24px 38px 3px #00000024,
    0 11px 15px -7px #00000033;
  --uilab-ref-font-family-roboto: "Roboto";
  --uilab-ref-font-family-barlow: "Barlow";
  --uilab-ref-line-height-20: 20;
  --uilab-ref-line-height-24: 24;
  --uilab-ref-line-height-28: 28;
  --uilab-ref-line-height-32: 32;
  --uilab-ref-line-height-36: 36;
  --uilab-ref-line-height-48: 48;
  --uilab-ref-font-weight-light: 300;
  --uilab-ref-font-weight-regular: 400;
  --uilab-ref-font-weight-medium: 500;
  --uilab-ref-font-weight-bold: 700;
  --uilab-ref-font-size-10: 10px;
  --uilab-ref-font-size-12: 12px;
  --uilab-ref-font-size-14: 14px;
  --uilab-ref-font-size-16: 16px;
  --uilab-ref-font-size-20: 20px;
  --uilab-ref-font-size-22: 22px;
  --uilab-ref-font-size-24: 24px;
  --uilab-ref-font-size-28: 28px;
  --uilab-ref-font-size-36: 36px;
  --uilab-ref-font-size-48: 48px;
  --uilab-ref-letter-spacing-ultra-tight: -0.015em;
  --uilab-ref-letter-spacing-tight: -0.005em;
  --uilab-ref-letter-spacing-normal: 0em;
  --uilab-ref-letter-spacing-semi-wide: 0.01em;
  --uilab-ref-letter-spacing-wide: 0.02em;
  --uilab-ref-letter-spacing-extra-wide: 0.03em;
  --uilab-ref-letter-spacing-ultra-wide: 0.04em;
  --uilab-ref-letter-spacing-max-wide: 0.05em;
  --uilab-ref-paragraph-spacing-20: 20px;
  --uilab-ref-paragraph-spacing-24: 24px;
  --uilab-ref-paragraph-spacing-28: 28px;
  --uilab-ref-paragraph-spacing-32: 32px;
  --uilab-ref-paragraph-spacing-36: 36px;
  --uilab-ref-paragraph-spacing-48: 48px;
  --uilab-ref-text-case-none: none;
  --uilab-ref-text-case-uppercase: uppercase;
  --uilab-ref-text-decoration-none: none;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */