@import "https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;700&family=Public+Sans:wght@400;500;700&display=swap";

/* src/styles.scss */
html {
  height: 100%;
  --mat-sys-background: light-dark(#ecfcff, #001619);
  --mat-sys-error: light-dark(#a53b29, #ffb4a6);
  --mat-sys-error-container: light-dark(#ffdad4, #852414);
  --mat-sys-inverse-on-surface: light-dark(#cdf8ff, #00363c);
  --mat-sys-inverse-primary: light-dark(#bbc7dd, #535f72);
  --mat-sys-inverse-surface: light-dark(#00363c, #99f0fc);
  --mat-sys-on-background: light-dark(#001f23, #99f0fc);
  --mat-sys-on-error: light-dark(#ffffff, #650b02);
  --mat-sys-on-error-container: light-dark(#852414, #ffdad4);
  --mat-sys-on-primary: light-dark(#ffffff, #253142);
  --mat-sys-on-primary-container: light-dark(#3b475a, #d7e3fa);
  --mat-sys-on-primary-fixed: light-dark(#101c2c, #101c2c);
  --mat-sys-on-primary-fixed-variant: light-dark(#3b475a, #3b475a);
  --mat-sys-on-secondary: light-dark(#ffffff, #113348);
  --mat-sys-on-secondary-container: light-dark(#2b4a5f, #c9e6ff);
  --mat-sys-on-secondary-fixed: light-dark(#001e2f, #001e2f);
  --mat-sys-on-secondary-fixed-variant: light-dark(#2b4a5f, #2b4a5f);
  --mat-sys-on-surface: light-dark(#001f23, #99f0fc);
  --mat-sys-on-surface-variant: light-dark(#2b4a5f, #c9e6ff);
  --mat-sys-on-tertiary: light-dark(#ffffff, #00363c);
  --mat-sys-on-tertiary-container: light-dark(#004f56, #99f0fc);
  --mat-sys-on-tertiary-fixed: light-dark(#001f23, #001f23);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#004f56, #004f56);
  --mat-sys-outline: light-dark(#5c7b92, #7594ad);
  --mat-sys-outline-variant: light-dark(#abcae4, #2b4a5f);
  --mat-sys-primary: light-dark(#535f72, #bbc7dd);
  --mat-sys-primary-container: light-dark(#d7e3fa, #3b475a);
  --mat-sys-primary-fixed: light-dark(#d7e3fa, #d7e3fa);
  --mat-sys-primary-fixed-dim: light-dark(#bbc7dd, #bbc7dd);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#436278, #abcae4);
  --mat-sys-secondary-container: light-dark(#c9e6ff, #2b4a5f);
  --mat-sys-secondary-fixed: light-dark(#c9e6ff, #c9e6ff);
  --mat-sys-secondary-fixed-dim: light-dark(#abcae4, #abcae4);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#ecfcff, #001619);
  --mat-sys-surface-bright: light-dark(#ecfcff, #004046);
  --mat-sys-surface-container: light-dark(#c2f7ff, #002428);
  --mat-sys-surface-container-high: light-dark(#aaf4ff, #002f34);
  --mat-sys-surface-container-highest: light-dark(#99f0fc, #003b41);
  --mat-sys-surface-container-low: light-dark(#d8faff, #001f23);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #001113);
  --mat-sys-surface-dim: light-dark(#91e8f4, #001619);
  --mat-sys-surface-tint: light-dark(#535f72, #bbc7dd);
  --mat-sys-surface-variant: light-dark(#c9e6ff, #2b4a5f);
  --mat-sys-tertiary: light-dark(#006972, #7dd4e0);
  --mat-sys-tertiary-container: light-dark(#99f0fc, #004f56);
  --mat-sys-tertiary-fixed: light-dark(#99f0fc, #99f0fc);
  --mat-sys-tertiary-fixed-dim: light-dark(#7dd4e0, #7dd4e0);
  --mat-sys-neutral-variant20: #113348;
  --mat-sys-neutral10: #001f23;
  --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-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;
}
body {
  height: 100%;
  margin: 0;
  color-scheme: dark;
  background-color: #1e2a3b;
  color: #e3e4e5 !important;
  font-family: "Public Sans", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.display-font {
  font-family: "Prompt", sans-serif;
}
html,
body {
  height: 100%;
  background-color: var(--mat-sys-surface);
  color: var(--mat-sys-on-surface);
  font: var(--mat-sys-body-medium);
  bottom: unset;
}
mat-tab-group {
  height: 100%;
}
.mat-tab-body-wrapper {
  height: 100%;
}
.mat-tab-body {
  height: 100%;
}
.mat-tab-body-content {
  height: 100%;
  overflow: auto;
}
.no-default-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 6px !important;
  height: 85vh !important;
  width: 80vw !important;
  background-color: #1e2a3b !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.mat-mdc-menu-panel {
  background-color: #1e2a3b !important;
  color: #e3e4e5 !important;
}
.mat-mdc-menu-item-text {
  color: #e3e4e5 !important;
}
.mat-mdc-menu-item-text:hover {
  color: #e3e4e5 !important;
}
.mat-mdc-select-panel {
  background-color: #1e2a3b !important;
  color: #e3e4e5 !important;
}
.mat-mdc-select-item-text {
  color: #e3e4e5 !important;
}
.mat-mdc-select-item-text:hover {
  color: #e3e4e5 !important;
}
.mat-mdc-table {
  background-color: rgba(96, 143, 155, 0.0392156863) !important;
  border: 1px solid #608f9b !important;
  border-radius: 6px !important;
}
.mat-mdc-row .mat-mdc-cell {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  cursor: pointer;
}
.mat-mdc-row:hover .mat-mdc-cell {
  border-color: currentColor;
}
.mat-table {
  flex: 1;
  overflow: auto;
}
:root {
  --mat-table-header-headline-color: #e3e4e5;
  --mat-table-header-container-height: 60px;
  --mat-table-row-item-label-text-color: #e3e4e5;
  --mat-paginator-container-text-color: #e3e4e5;
  --mat-paginator-container-background-color: rgba(96, 143, 155, 0);
  --mat-tooltip-container-color: rgba(81, 95, 99, 0.8784313725);
  --mat-tooltip-supporting-text-color: #e3e4e5;
  --mat-tooltip-container-shape: 6px;
  --mat-tooltip-supporting-text-font: Public Sans;
  --mat-tooltip-supporting-text-size: small;
  --mat-button-toggle-background-color: #9cb4bd;
  --mat-tab-active-focus-indicator-color: #e3e4e5;
  --mat-tab-divider-height: 5px;
  --mat-tab-label-text-size: 14px;
  --mat-tab-container-height: 40px;
  --mat-form-field-outlined-input-text-color: #e3e4e5;
  --mat-form-field-error-text-color: #e56a54;
}
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
*::-webkit-scrollbar-thumb {
  background-color: rgba(156, 180, 189, 0.5);
  border-radius: 3px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(156, 180, 189, 0.5) transparent;
}

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