/* src/styles.scss */
html {
  --mat-sys-background: #f5f8ff;
  --mat-sys-error: #eb1535;
  --mat-sys-error-container: #ffdad8;
  --mat-sys-inverse-on-surface: #e9f1ff;
  --mat-sys-inverse-primary: #a8c9f7;
  --mat-sys-inverse-surface: #1c3247;
  --mat-sys-on-background: #041d31;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93001b;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #264870;
  --mat-sys-on-primary-fixed: #001c38;
  --mat-sys-on-primary-fixed-variant: #264870;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #4b3693;
  --mat-sys-on-secondary-fixed: #1e0060;
  --mat-sys-on-secondary-fixed-variant: #4b3693;
  --mat-sys-on-surface: #041d31;
  --mat-sys-on-surface-variant: #3a4859;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #493d7c;
  --mat-sys-on-tertiary-fixed: #1d0e4e;
  --mat-sys-on-tertiary-fixed-variant: #493d7c;
  --mat-sys-outline: #6a788b;
  --mat-sys-outline-variant: #b9c8dc;
  --mat-sys-primary: #3f6089;
  --mat-sys-primary-container: #d3e4ff;
  --mat-sys-primary-fixed: #d3e4ff;
  --mat-sys-primary-fixed-dim: #a8c9f7;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #634fad;
  --mat-sys-secondary-container: #e7deff;
  --mat-sys-secondary-fixed: #e7deff;
  --mat-sys-secondary-fixed-dim: #ccbeff;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #f5f8ff;
  --mat-sys-surface-bright: #f5f8ff;
  --mat-sys-surface-container: #e4efff;
  --mat-sys-surface-container-high: #daeaff;
  --mat-sys-surface-container-highest: #f0f0f0;
  --mat-sys-surface-container-low: #eef4ff;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #c6dcf8;
  --mat-sys-surface-tint: #3f6089;
  --mat-sys-surface-variant: #d5e4f9;
  --mat-sys-tertiary: #615596;
  --mat-sys-tertiary-container: #e6deff;
  --mat-sys-tertiary-fixed: #e6deff;
  --mat-sys-tertiary-fixed-dim: #cbbeff;
  --mat-sys-neutral-variant20: #233241;
  --mat-sys-neutral10: #041d31;
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-expansion-container-background-color: white;
  --mat-card-outlined-container-color: white;
  --mat-sidenav-container-background-color: white;
  --mat-table-background-color: white;
  --mat-table-row-item-outline-color: #42638C;
  --mat-dialog-container-color: white;
  --mat-tree-container-background-color: white;
}
.dark-theme {
  --mat-sys-background: #001427;
  --mat-sys-error: #ffb3b0;
  --mat-sys-error-container: #93001b;
  --mat-sys-inverse-on-surface: #1c3247;
  --mat-sys-inverse-primary: #3f6089;
  --mat-sys-inverse-surface: #f0f0f0;
  --mat-sys-on-background: #f0f0f0;
  --mat-sys-on-error: #680010;
  --mat-sys-on-error-container: #ffdad8;
  --mat-sys-on-primary: #083258;
  --mat-sys-on-primary-container: #d3e4ff;
  --mat-sys-on-primary-fixed: #001c38;
  --mat-sys-on-primary-fixed-variant: #264870;
  --mat-sys-on-secondary: #341c7b;
  --mat-sys-on-secondary-container: #e7deff;
  --mat-sys-on-secondary-fixed: #1e0060;
  --mat-sys-on-secondary-fixed-variant: #4b3693;
  --mat-sys-on-surface: #f0f0f0;
  --mat-sys-on-surface-variant: #d5e4f9;
  --mat-sys-on-tertiary: #322664;
  --mat-sys-on-tertiary-container: #e6deff;
  --mat-sys-on-tertiary-fixed: #1d0e4e;
  --mat-sys-on-tertiary-fixed-variant: #493d7c;
  --mat-sys-outline: #8392a5;
  --mat-sys-outline-variant: #3a4859;
  --mat-sys-primary: #a8c9f7;
  --mat-sys-primary-container: #264870;
  --mat-sys-primary-fixed: #d3e4ff;
  --mat-sys-primary-fixed-dim: #a8c9f7;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #ccbeff;
  --mat-sys-secondary-container: #4b3693;
  --mat-sys-secondary-fixed: #e7deff;
  --mat-sys-secondary-fixed-dim: #ccbeff;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #001427;
  --mat-sys-surface-bright: #253b51;
  --mat-sys-surface-container: #092136;
  --mat-sys-surface-container-high: #152b41;
  --mat-sys-surface-container-highest: #21364c;
  --mat-sys-surface-container-low: #041d31;
  --mat-sys-surface-container-lowest: #000f1f;
  --mat-sys-surface-dim: #001427;
  --mat-sys-surface-tint: #a8c9f7;
  --mat-sys-surface-variant: #3a4859;
  --mat-sys-tertiary: #cbbeff;
  --mat-sys-tertiary-container: #493d7c;
  --mat-sys-tertiary-fixed: #e6deff;
  --mat-sys-tertiary-fixed-dim: #cbbeff;
  --mat-sys-neutral-variant20: #233241;
  --mat-sys-neutral10: #041d31;
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-expansion-container-background-color: #001427;
  --mat-card-outlined-container-color: #001427;
  --mat-sidenav-container-background-color: #001427;
  --mat-table-background-color: #001427;
  --mat-table-row-item-outline-color: #42638C;
  --mat-dialog-container-color: #001427;
  --mat-tree-container-background-color: #001427;
}
.high-contrast-light {
  --mat-sys-background: #f5f8ff;
  --mat-sys-error: #eb1535;
  --mat-sys-error-container: #ffdad8;
  --mat-sys-inverse-on-surface: #e9f1ff;
  --mat-sys-inverse-primary: #a8c9f7;
  --mat-sys-inverse-surface: #1c3247;
  --mat-sys-on-background: #041d31;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93001b;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #264870;
  --mat-sys-on-primary-fixed: #001c38;
  --mat-sys-on-primary-fixed-variant: #264870;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #4b3693;
  --mat-sys-on-secondary-fixed: #1e0060;
  --mat-sys-on-secondary-fixed-variant: #4b3693;
  --mat-sys-on-surface: #041d31;
  --mat-sys-on-surface-variant: #3a4859;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #493d7c;
  --mat-sys-on-tertiary-fixed: #1d0e4e;
  --mat-sys-on-tertiary-fixed-variant: #493d7c;
  --mat-sys-outline: #6a788b;
  --mat-sys-outline-variant: #b9c8dc;
  --mat-sys-primary: #3f6089;
  --mat-sys-primary-container: #d3e4ff;
  --mat-sys-primary-fixed: #d3e4ff;
  --mat-sys-primary-fixed-dim: #a8c9f7;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #634fad;
  --mat-sys-secondary-container: #e7deff;
  --mat-sys-secondary-fixed: #e7deff;
  --mat-sys-secondary-fixed-dim: #ccbeff;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #f5f8ff;
  --mat-sys-surface-bright: #f5f8ff;
  --mat-sys-surface-container: #e4efff;
  --mat-sys-surface-container-high: #daeaff;
  --mat-sys-surface-container-highest: #f0f0f0;
  --mat-sys-surface-container-low: #eef4ff;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #c6dcf8;
  --mat-sys-surface-tint: #3f6089;
  --mat-sys-surface-variant: #d5e4f9;
  --mat-sys-tertiary: #615596;
  --mat-sys-tertiary-container: #e6deff;
  --mat-sys-tertiary-fixed: #e6deff;
  --mat-sys-tertiary-fixed-dim: #cbbeff;
  --mat-sys-neutral-variant20: #233241;
  --mat-sys-neutral10: #041d31;
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-primary: #012d53;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #284b72;
  --mat-sys-on-primary-container: #ffffff;
  --mat-sys-inverse-primary: #a8c9f7;
  --mat-sys-primary-fixed: #284b72;
  --mat-sys-primary-fixed-dim: #0b345a;
  --mat-sys-on-primary-fixed: #ffffff;
  --mat-sys-on-primary-fixed-variant: #ffffff;
  --mat-sys-secondary: #2f1677;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: #4d3996;
  --mat-sys-on-secondary-container: #ffffff;
  --mat-sys-secondary-fixed: #4d3996;
  --mat-sys-secondary-fixed-dim: #361f7e;
  --mat-sys-on-secondary-fixed: #ffffff;
  --mat-sys-on-secondary-fixed-variant: #ffffff;
  --mat-sys-tertiary: #2e215f;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: #4c407f;
  --mat-sys-on-tertiary-container: #ffffff;
  --mat-sys-tertiary-fixed: #4c407f;
  --mat-sys-tertiary-fixed-dim: #352866;
  --mat-sys-on-tertiary-fixed: #ffffff;
  --mat-sys-on-tertiary-fixed-variant: #ffffff;
  --mat-sys-background: #ffffff;
  --mat-sys-on-background: #041d31;
  --mat-sys-surface: #ffffff;
  --mat-sys-surface-dim: #a5bbd6;
  --mat-sys-surface-bright: #ffffff;
  --mat-sys-surface-container-low: #e9f1ff;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container: #d0e4ff;
  --mat-sys-surface-container-high: #c0d6f2;
  --mat-sys-surface-container-highest: #b3c9e4;
  --mat-sys-on-surface: #000000;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #3f6089;
  --mat-sys-inverse-surface: #1c3247;
  --mat-sys-inverse-on-surface: #ffffff;
  --mat-sys-outline: #1f2d3d;
  --mat-sys-outline-variant: #3c4a5b;
  --mat-sys-error: #60000e;
  --mat-sys-on-error: #ffffff;
  --mat-sys-error-container: #97001c;
  --mat-sys-on-error-container: #ffffff;
  --mat-sys-surface-variant: #d5e4f9;
  --mat-sys-on-surface-variant: #000000;
}
.high-contrast-dark {
  --mat-sys-background: #001427;
  --mat-sys-error: #ffb3b0;
  --mat-sys-error-container: #93001b;
  --mat-sys-inverse-on-surface: #1c3247;
  --mat-sys-inverse-primary: #3f6089;
  --mat-sys-inverse-surface: #f0f0f0;
  --mat-sys-on-background: #f0f0f0;
  --mat-sys-on-error: #680010;
  --mat-sys-on-error-container: #ffdad8;
  --mat-sys-on-primary: #083258;
  --mat-sys-on-primary-container: #d3e4ff;
  --mat-sys-on-primary-fixed: #001c38;
  --mat-sys-on-primary-fixed-variant: #264870;
  --mat-sys-on-secondary: #341c7b;
  --mat-sys-on-secondary-container: #e7deff;
  --mat-sys-on-secondary-fixed: #1e0060;
  --mat-sys-on-secondary-fixed-variant: #4b3693;
  --mat-sys-on-surface: #f0f0f0;
  --mat-sys-on-surface-variant: #d5e4f9;
  --mat-sys-on-tertiary: #322664;
  --mat-sys-on-tertiary-container: #e6deff;
  --mat-sys-on-tertiary-fixed: #1d0e4e;
  --mat-sys-on-tertiary-fixed-variant: #493d7c;
  --mat-sys-outline: #8392a5;
  --mat-sys-outline-variant: #3a4859;
  --mat-sys-primary: #a8c9f7;
  --mat-sys-primary-container: #264870;
  --mat-sys-primary-fixed: #d3e4ff;
  --mat-sys-primary-fixed-dim: #a8c9f7;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #ccbeff;
  --mat-sys-secondary-container: #4b3693;
  --mat-sys-secondary-fixed: #e7deff;
  --mat-sys-secondary-fixed-dim: #ccbeff;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #001427;
  --mat-sys-surface-bright: #253b51;
  --mat-sys-surface-container: #092136;
  --mat-sys-surface-container-high: #152b41;
  --mat-sys-surface-container-highest: #21364c;
  --mat-sys-surface-container-low: #041d31;
  --mat-sys-surface-container-lowest: #000f1f;
  --mat-sys-surface-dim: #001427;
  --mat-sys-surface-tint: #a8c9f7;
  --mat-sys-surface-variant: #3a4859;
  --mat-sys-tertiary: #cbbeff;
  --mat-sys-tertiary-container: #493d7c;
  --mat-sys-tertiary-fixed: #e6deff;
  --mat-sys-tertiary-fixed-dim: #cbbeff;
  --mat-sys-neutral-variant20: #233241;
  --mat-sys-neutral10: #041d31;
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-primary: #e9f0ff;
  --mat-sys-on-primary: #000000;
  --mat-sys-primary-container: #a4c5f3;
  --mat-sys-on-primary-container: #000c1c;
  --mat-sys-inverse-primary: #274971;
  --mat-sys-primary-fixed: #d3e4ff;
  --mat-sys-primary-fixed-dim: #a8c9f7;
  --mat-sys-on-primary-fixed: #000000;
  --mat-sys-on-primary-fixed-variant: #001226;
  --mat-sys-secondary: #f4edff;
  --mat-sys-on-secondary: #000000;
  --mat-sys-secondary-container: #c8b9ff;
  --mat-sys-on-secondary-container: #0d0035;
  --mat-sys-secondary-fixed: #e7deff;
  --mat-sys-secondary-fixed-dim: #ccbeff;
  --mat-sys-on-secondary-fixed: #000000;
  --mat-sys-on-secondary-fixed-variant: #130045;
  --mat-sys-tertiary: #f4edff;
  --mat-sys-on-tertiary: #000000;
  --mat-sys-tertiary-container: #c7b9ff;
  --mat-sys-on-tertiary-container: #0c0035;
  --mat-sys-tertiary-fixed: #e6deff;
  --mat-sys-tertiary-fixed-dim: #cbbeff;
  --mat-sys-on-tertiary-fixed: #000000;
  --mat-sys-on-tertiary-fixed-variant: #120044;
  --mat-sys-background: #001427;
  --mat-sys-on-background: #d0e4ff;
  --mat-sys-surface: #001427;
  --mat-sys-surface-dim: #001427;
  --mat-sys-surface-bright: #3d5269;
  --mat-sys-surface-container-low: #092136;
  --mat-sys-surface-container-lowest: #000000;
  --mat-sys-surface-container: #1c3247;
  --mat-sys-surface-container-high: #283d53;
  --mat-sys-surface-container-highest: #33485f;
  --mat-sys-on-surface: #ffffff;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #a8c9f7;
  --mat-sys-inverse-surface: #d0e4ff;
  --mat-sys-inverse-on-surface: #000000;
  --mat-sys-outline: #e8f1ff;
  --mat-sys-outline-variant: #b5c4d8;
  --mat-sys-error: #ffecea;
  --mat-sys-on-error: #000000;
  --mat-sys-error-container: #ffadaa;
  --mat-sys-on-error-container: #220002;
  --mat-sys-surface-variant: #3a4859;
  --mat-sys-on-surface-variant: #ffffff;
}
.dark-theme mat-drawer-container {
  background-image: url("./media/securitas_background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
body.dark-theme {
  background-image: url("./media/securitas_background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
body.dark-theme .closed-site {
  background-color: #580a0a !important;
}
body.dark-theme .exceeded-time {
  background-color: #580a0a !important;
}
body.dark-theme .black-icon {
  color: #9C9EA0 !important;
}
body.dark-theme .alert-container .alert-dropdown {
  background: #001427 !important;
}
body.dark-theme .alert-container .alert-link {
  color: #9d76fe !important;
}
body.dark-theme .table-container .selected {
  background-color: #0c3954 !important;
}
body.dark-theme .table-container tr:hover {
  background-color: #031F30 !important;
}
body.dark-theme .spec-container .note {
  color: black !important;
  background-color: #ffffd5 !important;
}
body.dark-theme .spec-container .text {
  color: black !important;
}
body.dark-theme .spec-item-info {
  background-color: #42638C !important;
}
body.dark-theme .spec-item-note {
  background-color: #dfbb42 !important;
}
body.dark-theme .spec-container .even {
  background-color: #031F30;
}
body.dark-theme mat-card .note {
  background-color: #42638C !important;
}
body.dark-theme .plannedEvents {
  background-color: #dfbb42;
}
body.dark-theme .oldRequest {
  background-color: #bf4747;
}
body.dark-theme .system-info-color {
  background-color: #26224C;
}
body.dark-theme .hq-link {
  color: #26224C;
  padding: 10px;
  background-color: #C2B4FC;
}
body.dark-theme .table-row:nth-child(even) {
  background-color: #001427;
}
body.dark-theme .table-row:nth-child(odd) {
  background-color: #031F30;
}
body.dark-theme .mat-mdc-input-element {
  color: whitesmoke !important;
}
body.dark-theme .mat-mdc-form-field-label {
  color: whitesmoke !important;
}
body.dark-theme .mdc-floating-label {
  color: #ACC2DD !important;
}
body.dark-theme .mat-mdc-select-value {
  color: whitesmoke !important;
}
body.dark-theme .mdc-label {
  color: whitesmoke !important;
}
body.dark-theme .mat-mdc-form-field-text-suffix {
  color: #ACC2DD !important;
}
body.dark-theme tr.element-row:hover {
  background-color: #0c3954 !important;
}
body.dark-theme .mat-mdc-row:hover {
  background-color: #0c3954 !important;
}
body.dark-theme .span-header {
  color: #9d76fe !important;
}
body.dark-theme .header {
  color: #C2B4FC !important;
}
body.dark-theme .span-header-so {
  color: #9d76fe !important;
}
body.dark-theme mat-drawer mat-nested-tree-node .mat-tree-node {
  color: #FFFFFF !important;
}
body.dark-theme mat-drawer mat-nested-tree-node .mat-tree-node:hover {
  background-color: #0c3954 !important;
}
body.dark-theme mat-drawer mat-nested-tree-node mat-icon {
  color: #FFFFFF;
}
body.dark-theme mat-drawer mat-tree-node {
  color: #FFFFFF !important;
}
body.dark-theme mat-drawer mat-tree-node.mat-tree-node:hover {
  background-color: #0c3954 !important;
}
body.dark-theme mat-drawer mat-tree-node mat-icon {
  color: #FFFFFF;
}
body.dark-theme .mat-mdc-tab.mdc-tab {
  background-color: #031F30 !important;
}
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4,
body.dark-theme h5,
body.dark-theme h6 {
  color: #ACC2DD;
}
body.dark-theme mat-card-content {
  color: #FFFFFF;
}
body.dark-theme .field-span {
  color: #FFFFFF;
}
body.dark-theme .mat-bottom-sheet-container {
  background-color: #082a53 !important;
}
body.dark-theme .mat-mdc-dialog-inner-container {
  color: #FFFFFF !important;
}
body.dark-theme nav[mat-tab-nav-bar] {
  background-color: #26224C;
}
body.dark-theme mat-tab-nav-panel {
  background-image: url("./media/securitas_background.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
body.dark-theme mat-sidenav-content {
  background-image: url("./media/securitas_background.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
body.dark-theme mat-sidenav mat-tree-node.mat-tree-node:hover {
  background-color: #0c3954 !important;
}
body.dark-theme mat-sidenav mat-tree-node mat-icon {
  color: #FFFFFF;
}
body.dark-theme mat-sidenav .tree-link {
  color: #FFFFFF;
}
body.dark-theme mat-sidenav .tree-link.active {
  background-color: #0c3954 !important;
}
body.dark-theme mat-sidenav .tree-link:hover {
  font-weight: 600;
}
body.dark-theme .selected-tree {
  background-color: #0c3954 !important;
}
html,
body {
  height: 100%;
  background-color: whitesmoke;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 16px !important;
}
input {
  text-overflow: ellipsis;
}
.core-container {
  padding: 16px;
  width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .core-container {
    width: auto;
  }
}
@media screen and (min-width: 2000px) {
  .core-container {
    width: 1400px;
  }
}
.pre-line {
  white-space: pre-line;
}
.site-head-tab .mat-mdc-tab-header {
  border-bottom: 1px solid rgb(203, 203, 203) !important;
}
.mat-mdc-input-element {
  color: black !important;
}
.mat-mdc-form-field-label {
  color: black !important;
}
.mdc-floating-label {
  color: rgb(119, 119, 119) !important;
}
.mat-mdc-select-value {
  color: black !important;
}
.mdc-label {
  color: black !important;
}
.expansion-padding .mat-expansion-panel-body {
  padding: 0px !important;
}
.mat-mdc-card {
  padding: 15px;
}
.container {
  padding: 16px;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.responsive-container {
  padding: 16px;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .responsive-container {
    width: auto;
  }
}
@media screen and (min-width: 2000px) {
  .responsive-container {
    width: 1400px;
  }
}
.container-no-width {
  padding: 16px;
}
.container-wide {
  padding: 16px;
}
.pointer {
  cursor: pointer;
}
.row {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.column {
  display: flex;
  flex-direction: column;
}
.flex-1 {
  display: flex;
  flex: 1;
}
.flex-2 {
  display: flex;
  flex: 2;
}
.flex-2 {
  display: flex;
  flex: 2;
}
.flex-3 {
  display: flex;
  flex: 3;
}
.flex-4 {
  display: flex;
  flex: 4;
}
.flex-5 {
  display: flex;
  flex: 5;
}
.flex-6 {
  display: flex;
  flex: 6;
}
.flex-7 {
  display: flex;
  flex: 7;
}
.flex-8 {
  display: flex;
  flex: 8;
}
.flex-9 {
  display: flex;
  flex: 9;
}
.flex-10 {
  display: flex;
  flex: 10;
}
.span-header-so {
  font-size: small;
  color: rgb(119, 119, 119) !important;
  width: 250px;
}
.header {
  font-size: 12px;
  color: #707070;
}
.span-header {
  font-size: small;
  color: #55419E !important;
  width: 100px;
}
.field-column {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-bottom: 1.25em;
}
.field-span {
  margin-top: 0.3em;
}
.big {
  font-size: 24px;
  padding: 5px 0;
}
.bold {
  font-weight: 500;
}
.snackbar-success {
  --mat-snack-bar-container-color: rgb(90, 168, 90);
  --mat-snack-bar-supporting-text-color: #fff;
}
.snackbar-error {
  --mat-snack-bar-container-color: #FC273F;
  --mat-snack-bar-supporting-text-color: #fff;
  white-space: pre-wrap;
}
.snackbar-info {
  --mat-snack-bar-container-color: #42638C;
  --mat-snack-bar-supporting-text-color: #fff;
}
.snackbar-confirm {
  --mat-snack-bar-container-color: #42638C;
  --mat-snack-bar-supporting-text-color: #fff;
  --mat-snack-bar-button-color: #fff;
}
.snackbar-warning {
  --mat-snack-bar-container-color: rgb(255, 153, 0);
  --mat-snack-bar-supporting-text-color: #fff;
}
.snackbar-version-update {
  --mat-snack-bar-container-color: #031F30;
  --mat-snack-bar-supporting-text-color: #fff;
  --mat-snack-bar-button-color: #fff;
}
.organization-container {
  padding: 16px;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1300px) {
  .organization-container {
    width: auto;
  }
}
@media screen and (min-width: 2000px) {
  .organization-container {
    width: 1400px;
  }
}
mat-form-field + mat-form-field {
  margin-left: 10px;
}
mat-form-field {
  width: 100%;
}
.spacer {
  padding-bottom: 10px;
  padding-bottom: 10x;
  margin-bottom: 10px;
  border-bottom: 1px dotted #CCC;
  display: flex;
  flex: 1;
}
.cell,
.header-cell {
  font-size: 16px;
  padding: 5px 5px;
  text-align: left;
}
.table-row:nth-child(even) {
  background-color: white;
}
.table-row:nth-child(odd) {
  background-color: whitesmoke;
}
.green-icon {
  color: green !important;
}
.red-icon {
  color: red !important;
}
.yellow-icon {
  color: #ffd622 !important;
}
.black-icon {
  color: #000 !important;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #f4f4f4;
  z-index: 2;
  width: 100%;
  padding: 0;
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgb(194, 194, 194);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgb(123, 123, 123);
}
.mat-mdc-dialog-container .mdc-dialog__content {
  color: inherit !important;
}
.bottom-custom-width .mat-bottom-sheet-container {
  width: 800px !important;
  background-color: #f0f0f0 !important;
}
.width-3 {
  width: 3%;
}
.width-4 {
  width: 4%;
}
.width-5 {
  width: 5%;
}
.width-7 {
  width: 7%;
}
.width-10 {
  width: 10%;
}
.width-12 {
  width: 12%;
}
.width-15 {
  width: 15%;
}
.width-20 {
  width: 20%;
}
.width-25 {
  width: 25%;
}
.width-30 {
  width: 30%;
}
.width-35 {
  width: 35%;
}
.width-40 {
  width: 40%;
}
.width-45 {
  width: 45%;
}
.width-50 {
  width: 50%;
}
.width-55 {
  width: 55%;
}
.width-60 {
  width: 60%;
}
.width-65 {
  width: 65%;
}
.width-70 {
  width: 70%;
}
.width-75 {
  width: 75%;
}
.width-80 {
  width: 80%;
}
.width-85 {
  width: 85%;
}
.width-90 {
  width: 90%;
}
.width-95 {
  width: 95%;
}
.width-100 {
  width: 100%;
}
.info-message {
  display: flex;
  padding: 20px;
  margin: 10px;
  align-items: center;
  flex-direction: row;
}
.system-info-color {
  background-color: #ebe7ff;
}
.plantool-header-color {
  color: #42638C;
}
.highlight-date.mat-calendar-body-cell {
  background-color: rgb(148, 96, 212) !important;
  border-radius: 50%;
}
.selected-date.mat-calendar-body-cell {
  background-color: rgb(111, 140, 209) !important;
  border-radius: 50%;
}

/* src/themes/sec-theme.scss */
html {
  --mat-sys-background: #f5f8ff;
  --mat-sys-error: #eb1535;
  --mat-sys-error-container: #ffdad8;
  --mat-sys-inverse-on-surface: #e9f1ff;
  --mat-sys-inverse-primary: #a8c9f7;
  --mat-sys-inverse-surface: #1c3247;
  --mat-sys-on-background: #041d31;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93001b;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #264870;
  --mat-sys-on-primary-fixed: #001c38;
  --mat-sys-on-primary-fixed-variant: #264870;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #4b3693;
  --mat-sys-on-secondary-fixed: #1e0060;
  --mat-sys-on-secondary-fixed-variant: #4b3693;
  --mat-sys-on-surface: #041d31;
  --mat-sys-on-surface-variant: #3a4859;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #493d7c;
  --mat-sys-on-tertiary-fixed: #1d0e4e;
  --mat-sys-on-tertiary-fixed-variant: #493d7c;
  --mat-sys-outline: #6a788b;
  --mat-sys-outline-variant: #b9c8dc;
  --mat-sys-primary: #3f6089;
  --mat-sys-primary-container: #d3e4ff;
  --mat-sys-primary-fixed: #d3e4ff;
  --mat-sys-primary-fixed-dim: #a8c9f7;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #634fad;
  --mat-sys-secondary-container: #e7deff;
  --mat-sys-secondary-fixed: #e7deff;
  --mat-sys-secondary-fixed-dim: #ccbeff;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #f5f8ff;
  --mat-sys-surface-bright: #f5f8ff;
  --mat-sys-surface-container: #e4efff;
  --mat-sys-surface-container-high: #daeaff;
  --mat-sys-surface-container-highest: #f0f0f0;
  --mat-sys-surface-container-low: #eef4ff;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #c6dcf8;
  --mat-sys-surface-tint: #3f6089;
  --mat-sys-surface-variant: #d5e4f9;
  --mat-sys-tertiary: #615596;
  --mat-sys-tertiary-container: #e6deff;
  --mat-sys-tertiary-fixed: #e6deff;
  --mat-sys-tertiary-fixed-dim: #cbbeff;
  --mat-sys-neutral-variant20: #233241;
  --mat-sys-neutral10: #041d31;
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-expansion-container-background-color: white;
  --mat-card-outlined-container-color: white;
  --mat-sidenav-container-background-color: white;
  --mat-table-background-color: white;
  --mat-table-row-item-outline-color: #42638C;
  --mat-dialog-container-color: white;
  --mat-tree-container-background-color: white;
}
.dark-theme {
  --mat-sys-background: #001427;
  --mat-sys-error: #ffb3b0;
  --mat-sys-error-container: #93001b;
  --mat-sys-inverse-on-surface: #1c3247;
  --mat-sys-inverse-primary: #3f6089;
  --mat-sys-inverse-surface: #f0f0f0;
  --mat-sys-on-background: #f0f0f0;
  --mat-sys-on-error: #680010;
  --mat-sys-on-error-container: #ffdad8;
  --mat-sys-on-primary: #083258;
  --mat-sys-on-primary-container: #d3e4ff;
  --mat-sys-on-primary-fixed: #001c38;
  --mat-sys-on-primary-fixed-variant: #264870;
  --mat-sys-on-secondary: #341c7b;
  --mat-sys-on-secondary-container: #e7deff;
  --mat-sys-on-secondary-fixed: #1e0060;
  --mat-sys-on-secondary-fixed-variant: #4b3693;
  --mat-sys-on-surface: #f0f0f0;
  --mat-sys-on-surface-variant: #d5e4f9;
  --mat-sys-on-tertiary: #322664;
  --mat-sys-on-tertiary-container: #e6deff;
  --mat-sys-on-tertiary-fixed: #1d0e4e;
  --mat-sys-on-tertiary-fixed-variant: #493d7c;
  --mat-sys-outline: #8392a5;
  --mat-sys-outline-variant: #3a4859;
  --mat-sys-primary: #a8c9f7;
  --mat-sys-primary-container: #264870;
  --mat-sys-primary-fixed: #d3e4ff;
  --mat-sys-primary-fixed-dim: #a8c9f7;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #ccbeff;
  --mat-sys-secondary-container: #4b3693;
  --mat-sys-secondary-fixed: #e7deff;
  --mat-sys-secondary-fixed-dim: #ccbeff;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #001427;
  --mat-sys-surface-bright: #253b51;
  --mat-sys-surface-container: #092136;
  --mat-sys-surface-container-high: #152b41;
  --mat-sys-surface-container-highest: #21364c;
  --mat-sys-surface-container-low: #041d31;
  --mat-sys-surface-container-lowest: #000f1f;
  --mat-sys-surface-dim: #001427;
  --mat-sys-surface-tint: #a8c9f7;
  --mat-sys-surface-variant: #3a4859;
  --mat-sys-tertiary: #cbbeff;
  --mat-sys-tertiary-container: #493d7c;
  --mat-sys-tertiary-fixed: #e6deff;
  --mat-sys-tertiary-fixed-dim: #cbbeff;
  --mat-sys-neutral-variant20: #233241;
  --mat-sys-neutral10: #041d31;
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-expansion-container-background-color: #001427;
  --mat-card-outlined-container-color: #001427;
  --mat-sidenav-container-background-color: #001427;
  --mat-table-background-color: #001427;
  --mat-table-row-item-outline-color: #42638C;
  --mat-dialog-container-color: #001427;
  --mat-tree-container-background-color: #001427;
}
.high-contrast-light {
  --mat-sys-background: #f5f8ff;
  --mat-sys-error: #eb1535;
  --mat-sys-error-container: #ffdad8;
  --mat-sys-inverse-on-surface: #e9f1ff;
  --mat-sys-inverse-primary: #a8c9f7;
  --mat-sys-inverse-surface: #1c3247;
  --mat-sys-on-background: #041d31;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93001b;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #264870;
  --mat-sys-on-primary-fixed: #001c38;
  --mat-sys-on-primary-fixed-variant: #264870;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #4b3693;
  --mat-sys-on-secondary-fixed: #1e0060;
  --mat-sys-on-secondary-fixed-variant: #4b3693;
  --mat-sys-on-surface: #041d31;
  --mat-sys-on-surface-variant: #3a4859;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #493d7c;
  --mat-sys-on-tertiary-fixed: #1d0e4e;
  --mat-sys-on-tertiary-fixed-variant: #493d7c;
  --mat-sys-outline: #6a788b;
  --mat-sys-outline-variant: #b9c8dc;
  --mat-sys-primary: #3f6089;
  --mat-sys-primary-container: #d3e4ff;
  --mat-sys-primary-fixed: #d3e4ff;
  --mat-sys-primary-fixed-dim: #a8c9f7;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #634fad;
  --mat-sys-secondary-container: #e7deff;
  --mat-sys-secondary-fixed: #e7deff;
  --mat-sys-secondary-fixed-dim: #ccbeff;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #f5f8ff;
  --mat-sys-surface-bright: #f5f8ff;
  --mat-sys-surface-container: #e4efff;
  --mat-sys-surface-container-high: #daeaff;
  --mat-sys-surface-container-highest: #f0f0f0;
  --mat-sys-surface-container-low: #eef4ff;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #c6dcf8;
  --mat-sys-surface-tint: #3f6089;
  --mat-sys-surface-variant: #d5e4f9;
  --mat-sys-tertiary: #615596;
  --mat-sys-tertiary-container: #e6deff;
  --mat-sys-tertiary-fixed: #e6deff;
  --mat-sys-tertiary-fixed-dim: #cbbeff;
  --mat-sys-neutral-variant20: #233241;
  --mat-sys-neutral10: #041d31;
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-primary: #012d53;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #284b72;
  --mat-sys-on-primary-container: #ffffff;
  --mat-sys-inverse-primary: #a8c9f7;
  --mat-sys-primary-fixed: #284b72;
  --mat-sys-primary-fixed-dim: #0b345a;
  --mat-sys-on-primary-fixed: #ffffff;
  --mat-sys-on-primary-fixed-variant: #ffffff;
  --mat-sys-secondary: #2f1677;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: #4d3996;
  --mat-sys-on-secondary-container: #ffffff;
  --mat-sys-secondary-fixed: #4d3996;
  --mat-sys-secondary-fixed-dim: #361f7e;
  --mat-sys-on-secondary-fixed: #ffffff;
  --mat-sys-on-secondary-fixed-variant: #ffffff;
  --mat-sys-tertiary: #2e215f;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: #4c407f;
  --mat-sys-on-tertiary-container: #ffffff;
  --mat-sys-tertiary-fixed: #4c407f;
  --mat-sys-tertiary-fixed-dim: #352866;
  --mat-sys-on-tertiary-fixed: #ffffff;
  --mat-sys-on-tertiary-fixed-variant: #ffffff;
  --mat-sys-background: #ffffff;
  --mat-sys-on-background: #041d31;
  --mat-sys-surface: #ffffff;
  --mat-sys-surface-dim: #a5bbd6;
  --mat-sys-surface-bright: #ffffff;
  --mat-sys-surface-container-low: #e9f1ff;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container: #d0e4ff;
  --mat-sys-surface-container-high: #c0d6f2;
  --mat-sys-surface-container-highest: #b3c9e4;
  --mat-sys-on-surface: #000000;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #3f6089;
  --mat-sys-inverse-surface: #1c3247;
  --mat-sys-inverse-on-surface: #ffffff;
  --mat-sys-outline: #1f2d3d;
  --mat-sys-outline-variant: #3c4a5b;
  --mat-sys-error: #60000e;
  --mat-sys-on-error: #ffffff;
  --mat-sys-error-container: #97001c;
  --mat-sys-on-error-container: #ffffff;
  --mat-sys-surface-variant: #d5e4f9;
  --mat-sys-on-surface-variant: #000000;
}
.high-contrast-dark {
  --mat-sys-background: #001427;
  --mat-sys-error: #ffb3b0;
  --mat-sys-error-container: #93001b;
  --mat-sys-inverse-on-surface: #1c3247;
  --mat-sys-inverse-primary: #3f6089;
  --mat-sys-inverse-surface: #f0f0f0;
  --mat-sys-on-background: #f0f0f0;
  --mat-sys-on-error: #680010;
  --mat-sys-on-error-container: #ffdad8;
  --mat-sys-on-primary: #083258;
  --mat-sys-on-primary-container: #d3e4ff;
  --mat-sys-on-primary-fixed: #001c38;
  --mat-sys-on-primary-fixed-variant: #264870;
  --mat-sys-on-secondary: #341c7b;
  --mat-sys-on-secondary-container: #e7deff;
  --mat-sys-on-secondary-fixed: #1e0060;
  --mat-sys-on-secondary-fixed-variant: #4b3693;
  --mat-sys-on-surface: #f0f0f0;
  --mat-sys-on-surface-variant: #d5e4f9;
  --mat-sys-on-tertiary: #322664;
  --mat-sys-on-tertiary-container: #e6deff;
  --mat-sys-on-tertiary-fixed: #1d0e4e;
  --mat-sys-on-tertiary-fixed-variant: #493d7c;
  --mat-sys-outline: #8392a5;
  --mat-sys-outline-variant: #3a4859;
  --mat-sys-primary: #a8c9f7;
  --mat-sys-primary-container: #264870;
  --mat-sys-primary-fixed: #d3e4ff;
  --mat-sys-primary-fixed-dim: #a8c9f7;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #ccbeff;
  --mat-sys-secondary-container: #4b3693;
  --mat-sys-secondary-fixed: #e7deff;
  --mat-sys-secondary-fixed-dim: #ccbeff;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #001427;
  --mat-sys-surface-bright: #253b51;
  --mat-sys-surface-container: #092136;
  --mat-sys-surface-container-high: #152b41;
  --mat-sys-surface-container-highest: #21364c;
  --mat-sys-surface-container-low: #041d31;
  --mat-sys-surface-container-lowest: #000f1f;
  --mat-sys-surface-dim: #001427;
  --mat-sys-surface-tint: #a8c9f7;
  --mat-sys-surface-variant: #3a4859;
  --mat-sys-tertiary: #cbbeff;
  --mat-sys-tertiary-container: #493d7c;
  --mat-sys-tertiary-fixed: #e6deff;
  --mat-sys-tertiary-fixed-dim: #cbbeff;
  --mat-sys-neutral-variant20: #233241;
  --mat-sys-neutral10: #041d31;
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-primary: #e9f0ff;
  --mat-sys-on-primary: #000000;
  --mat-sys-primary-container: #a4c5f3;
  --mat-sys-on-primary-container: #000c1c;
  --mat-sys-inverse-primary: #274971;
  --mat-sys-primary-fixed: #d3e4ff;
  --mat-sys-primary-fixed-dim: #a8c9f7;
  --mat-sys-on-primary-fixed: #000000;
  --mat-sys-on-primary-fixed-variant: #001226;
  --mat-sys-secondary: #f4edff;
  --mat-sys-on-secondary: #000000;
  --mat-sys-secondary-container: #c8b9ff;
  --mat-sys-on-secondary-container: #0d0035;
  --mat-sys-secondary-fixed: #e7deff;
  --mat-sys-secondary-fixed-dim: #ccbeff;
  --mat-sys-on-secondary-fixed: #000000;
  --mat-sys-on-secondary-fixed-variant: #130045;
  --mat-sys-tertiary: #f4edff;
  --mat-sys-on-tertiary: #000000;
  --mat-sys-tertiary-container: #c7b9ff;
  --mat-sys-on-tertiary-container: #0c0035;
  --mat-sys-tertiary-fixed: #e6deff;
  --mat-sys-tertiary-fixed-dim: #cbbeff;
  --mat-sys-on-tertiary-fixed: #000000;
  --mat-sys-on-tertiary-fixed-variant: #120044;
  --mat-sys-background: #001427;
  --mat-sys-on-background: #d0e4ff;
  --mat-sys-surface: #001427;
  --mat-sys-surface-dim: #001427;
  --mat-sys-surface-bright: #3d5269;
  --mat-sys-surface-container-low: #092136;
  --mat-sys-surface-container-lowest: #000000;
  --mat-sys-surface-container: #1c3247;
  --mat-sys-surface-container-high: #283d53;
  --mat-sys-surface-container-highest: #33485f;
  --mat-sys-on-surface: #ffffff;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #a8c9f7;
  --mat-sys-inverse-surface: #d0e4ff;
  --mat-sys-inverse-on-surface: #000000;
  --mat-sys-outline: #e8f1ff;
  --mat-sys-outline-variant: #b5c4d8;
  --mat-sys-error: #ffecea;
  --mat-sys-on-error: #000000;
  --mat-sys-error-container: #ffadaa;
  --mat-sys-on-error-container: #220002;
  --mat-sys-surface-variant: #3a4859;
  --mat-sys-on-surface-variant: #ffffff;
}

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