/* src/styles.scss */
html {
  height: 100%;
  --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;
}
html.dark {
  --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;
  color-scheme: dark;
}
body {
  color-scheme: light;
  background-color: var(--mat-sys-surface);
  color: var(--mat-sys-on-surface);
  font: var(--mat-sys-body-medium);
  font-family: "Roboto", sans-serif;
  margin: 0;
  height: 100%;
}
* {
  font-family: "Roboto", sans-serif;
}
mat-form-field {
  --mdc-outlined-text-field-container-color: #f7f2fa !important;
  --mdc-filled-text-field-container-color: #f7f2fa !important;
}
mat-form-field .mat-mdc-text-field-wrapper {
  background-color: #f7f2fa !important;
  border-radius: 16px !important;
}
mat-error,
.mat-mdc-form-field-error {
  color: #b3261e !important;
}
.mat-mdc-select-panel,
.mat-mdc-menu-panel,
.cdk-overlay-pane > div,
.cdk-overlay-pane > mat-datepicker-content {
  background-color: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15) !important;
}
.mat-mdc-menu-item {
  color: #1d1b20 !important;
}
.mat-mdc-menu-item mat-icon {
  color: #49454f !important;
}
.modal-base-panel .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 28px !important;
  padding: 0 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

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