/* src/styles.css */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:root {
  --md-sys-color-primary: #1565C0;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #E3F2FD;
  --md-sys-color-on-primary-container: #0B3B70;
  --md-sys-color-surface: #FFFFFF;
  --md-sys-color-surface-container: #F5F7FA;
  --md-sys-color-on-surface: #1C1B1F;
  --md-sys-color-on-surface-variant: #546E7A;
  --md-sys-color-outline: #E0E0E0;
  --md-sys-color-outline-variant: #F0F0F0;
  --md-sys-color-error: #B71C1C;
  --md-sys-color-error-container: #FFEBEE;
  --md-sys-typescale-title-large-size: 1.375rem;
  --md-sys-typescale-title-medium-size: 1rem;
  --md-sys-typescale-body-large-size: 0.9375rem;
  --md-sys-typescale-body-medium-size: 0.875rem;
  --md-sys-typescale-label-large-size: 0.875rem;
  --md-sys-typescale-label-medium-size: 0.75rem;
  --md-sys-typescale-label-small-size: 0.6875rem;
  --md-comp-button-height: 40px;
  --md-comp-button-height-mobile: 44px;
  --md-comp-field-height: 44px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-large: 16px;
  --md-sys-elevation-1: 0 1px 4px rgba(0,0,0,0.07);
  --md-sys-elevation-2: 0 4px 12px rgba(0,0,0,0.12);
}
body.theme-azure {
  --md-sys-color-primary: #1565C0;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #E3F2FD;
  --md-sys-color-on-primary-container: #0B3B70;
}
body.theme-teal {
  --md-sys-color-primary: #00695C;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #E0F2F1;
  --md-sys-color-on-primary-container: #00352E;
}
body.theme-violet {
  --md-sys-color-primary: #6A1B9A;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #F3E5F5;
  --md-sys-color-on-primary-container: #3B0A57;
}
body.theme-amber {
  --md-sys-color-primary: #E65100;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #FFF3E0;
  --md-sys-color-on-primary-container: #7A2900;
}
body.theme-midnight {
  --md-sys-color-primary: #64B5F6;
  --md-sys-color-on-primary: #0B2138;
  --md-sys-color-primary-container: #0B3B70;
  --md-sys-color-on-primary-container: #E3F2FD;
  --md-sys-color-surface: #14181F;
  --md-sys-color-surface-container: #1C212B;
  --md-sys-color-on-surface: #E8EAED;
  --md-sys-color-on-surface-variant: #A9B4C0;
  --md-sys-color-outline: #333A45;
  --md-sys-color-outline-variant: #262C35;
}
body.theme-midnight {
  background: var(--md-sys-color-surface-container);
  color: var(--md-sys-color-on-surface);
}
html,
body {
  height: 100%;
  font-family:
    "Google Sans",
    "Roboto",
    system-ui,
    sans-serif;
  font-size: 16px;
  background: #F5F6FA;
  color: #1C1B1F;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 600px) {
  html,
  body {
    font-size: 15px;
  }
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font-family: inherit;
}
input,
select,
textarea {
  font-family: inherit;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #C8C8C8;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #9E9E9E;
}

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