/* src/theme.scss */
mat-form-field.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper,
mat-form-field.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper {
  align-items: center;
}
mat-form-field.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-outline .mat-mdc-form-field-infix,
mat-form-field.mat-mdc-form-field-type-mat-input.mat-form-field-appearance-fill .mat-mdc-form-field-infix {
  padding-top: 12px;
  padding-bottom: 0;
}
:root {
  --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-form-field-container-height: 40px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 8px;
  --mat-form-field-filled-with-label-container-padding-top: 8px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
.dark-theme {
  --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;
}
:root {
  --mat-sys-surface: light-dark(#f3f4f6, #121316);
  --mat-sys-surface-dim: light-dark(#e2e8f0, #0f1115);
  --mat-sys-surface-bright: light-dark(#ffffff, #181b20);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0d10);
  --mat-sys-surface-container-low: light-dark(#f8fafc, #12151a);
  --mat-sys-surface-container: light-dark(#eef2f7, #171b20);
  --mat-sys-surface-container-high: light-dark(#e5e9f0, #1d2228);
  --mat-sys-surface-container-highest: light-dark(#dbe2ea, #242a31);
}
.dark-theme {
  --mat-sys-surface: #121316;
  --mat-sys-surface-dim: #0f1115;
  --mat-sys-surface-bright: #181b20;
  --mat-sys-surface-container-lowest: #0b0d10;
  --mat-sys-surface-container-low: #12151a;
  --mat-sys-surface-container: #171b20;
  --mat-sys-surface-container-high: #1d2228;
  --mat-sys-surface-container-highest: #242a31;
}
html {
  height: 100%;
  font-size: 14px;
  color: #0f172a;
}
body {
  background-color: var(--mat-sys-surface);
  color: var(--mat-sys-on-surface);
  font: var(--mat-sys-body-medium);
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    Segoe UI Symbol,
    "Noto Color Emoji";
  margin: 0;
  height: 100%;
}
header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100px;
}
main {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 100vh;
  flex: 1 1 0%;
  width: 90vw;
  margin: 0 auto;
}

/* angular:styles/global:styles */