@charset "UTF-8";

/* src/styles.scss */
.light-theme {
  --background-color: #fafafa;
  --panel-background: #ffffff;
  --input-background: #fafafa;
  --primary-color: #1e7488;
  --primary-hover: #184f57;
  --primary-active: #153e41;
  --accent-color: #53b8bf;
  --accent-hover: #2a8b9c;
  --accent-active: #18575a;
  --sand-color: #e8c791;
  --sand-hover: #d4b26f;
  --sand-active: #a37e4e;
  --sky-color: #cff4f2;
  --sky-dark: #d9f3f3;
  --text-color: #1a1a1a;
  --text-secondary: #666666;
  --text-disabled: rgba(0, 0, 0, 0.38);
  --toolbar-background: #d9f3f3;
  --toolbar-text: #1a1a1a;
  --toolbar-border: #e0e0e0;
  --divider-color: #e0e0e0;
}
.dark-theme {
  --background-color: #121212;
  --panel-background: #1e1e2f;
  --input-background: #2e2e40;
  --primary-color: #56d1d9;
  --primary-hover: #2a91a2;
  --primary-active: #1b4b5d;
  --accent-color: #53b8bf;
  --accent-hover: #2a8b9c;
  --accent-active: #1a5960;
  --sand-color: #fce1b5;
  --sand-hover: #f0d28f;
  --sand-active: #715b38;
  --sky-color: #12232e;
  --sky-dark: #0d1f29;
  --text-color: #f2f2f2;
  --text-secondary: #b3b3b3;
  --text-disabled: rgba(255, 255, 255, 0.38);
  --toolbar-background: #12232e;
  --toolbar-text: #f2f2f2;
  --toolbar-border: rgba(255, 255, 255, 0.12);
  --divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-content-text-color: var(--text-color);
  --mat-sidenav-content-background-color: var(--background-color);
}
.light-theme {
  color-scheme: light;
}
.light-theme {
  --mat-sys-background: light-dark(#f9f9f9, #121414);
  --mat-sys-error: light-dark(#ba1a20, #ffb3ac);
  --mat-sys-error-container: light-dark(#ffdad6, #930010);
  --mat-sys-inverse-on-surface: light-dark(#f1f1f1, #2f3131);
  --mat-sys-inverse-primary: light-dark(#82d5c9, #006a61);
  --mat-sys-inverse-surface: light-dark(#2f3131, #e2e2e2);
  --mat-sys-on-background: light-dark(#1a1c1c, #e2e2e2);
  --mat-sys-on-error: light-dark(#ffffff, #680008);
  --mat-sys-on-error-container: light-dark(#930010, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #003732);
  --mat-sys-on-primary-container: light-dark(#005049, #9ef2e5);
  --mat-sys-on-primary-fixed: light-dark(#00201c, #00201c);
  --mat-sys-on-primary-fixed-variant: light-dark(#005049, #005049);
  --mat-sys-on-secondary: light-dark(#ffffff, #00363c);
  --mat-sys-on-secondary-container: light-dark(#004f57, #93f1ff);
  --mat-sys-on-secondary-fixed: light-dark(#001f23, #001f23);
  --mat-sys-on-secondary-fixed-variant: light-dark(#004f57, #004f57);
  --mat-sys-on-surface: light-dark(#1a1c1c, #e2e2e2);
  --mat-sys-on-surface-variant: light-dark(#454747, #e2e2e2);
  --mat-sys-on-tertiary: light-dark(#ffffff, #3c2f00);
  --mat-sys-on-tertiary-container: light-dark(#574500, #ffe087);
  --mat-sys-on-tertiary-fixed: light-dark(#241a00, #241a00);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#574500, #574500);
  --mat-sys-outline: light-dark(#767777, #909191);
  --mat-sys-outline-variant: light-dark(#c6c6c6, #454747);
  --mat-sys-primary: light-dark(#006a61, #82d5c9);
  --mat-sys-primary-container: light-dark(#9ef2e5, #005049);
  --mat-sys-primary-fixed: light-dark(#9ef2e5, #9ef2e5);
  --mat-sys-primary-fixed-dim: light-dark(#82d5c9, #82d5c9);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#006973, #56d7e9);
  --mat-sys-secondary-container: light-dark(#93f1ff, #004f57);
  --mat-sys-secondary-fixed: light-dark(#93f1ff, #93f1ff);
  --mat-sys-secondary-fixed-dim: light-dark(#56d7e9, #56d7e9);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#f9f9f9, #121414);
  --mat-sys-surface-bright: light-dark(#f9f9f9, #38393a);
  --mat-sys-surface-container: light-dark(#eeeeee, #1e2020);
  --mat-sys-surface-container-high: light-dark(#e8e8e8, #282a2b);
  --mat-sys-surface-container-highest: light-dark(#e2e2e2, #333535);
  --mat-sys-surface-container-low: light-dark(#f3f3f3, #1a1c1c);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0f);
  --mat-sys-surface-dim: light-dark(#dadada, #121414);
  --mat-sys-surface-tint: light-dark(#006a61, #82d5c9);
  --mat-sys-surface-variant: light-dark(#e2e2e2, #454747);
  --mat-sys-tertiary: light-dark(#735c00, #ebc23e);
  --mat-sys-tertiary-container: light-dark(#ffe087, #574500);
  --mat-sys-tertiary-fixed: light-dark(#ffe087, #ffe087);
  --mat-sys-tertiary-fixed-dim: light-dark(#ebc23e, #ebc23e);
  --mat-sys-neutral-variant20: #2f3131;
  --mat-sys-neutral10: #1a1c1c;
}
.light-theme {
  --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);
}
.light-theme {
  --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);
}
.light-theme {
  --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);
}
.light-theme {
  --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);
}
.light-theme {
  --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);
}
.light-theme {
  --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);
}
.light-theme {
  --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 sans-serif;
  --mat-sys-display-large-font: sans-serif;
  --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 sans-serif;
  --mat-sys-display-medium-font: sans-serif;
  --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 sans-serif;
  --mat-sys-display-small-font: sans-serif;
  --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 sans-serif;
  --mat-sys-headline-large-font: sans-serif;
  --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 sans-serif;
  --mat-sys-headline-medium-font: sans-serif;
  --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 sans-serif;
  --mat-sys-headline-small-font: sans-serif;
  --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 sans-serif;
  --mat-sys-title-large-font: sans-serif;
  --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;
}
.light-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;
}
.light-theme {
  --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;
}
.dark-theme {
  color-scheme: dark;
}
.dark-theme {
  --mat-sys-background: light-dark(#f9f9f9, #121414);
  --mat-sys-error: light-dark(#ba1a20, #ffb3ac);
  --mat-sys-error-container: light-dark(#ffdad6, #930010);
  --mat-sys-inverse-on-surface: light-dark(#f1f1f1, #2f3131);
  --mat-sys-inverse-primary: light-dark(#82d5c9, #006a61);
  --mat-sys-inverse-surface: light-dark(#2f3131, #e2e2e2);
  --mat-sys-on-background: light-dark(#1a1c1c, #e2e2e2);
  --mat-sys-on-error: light-dark(#ffffff, #680008);
  --mat-sys-on-error-container: light-dark(#930010, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #003732);
  --mat-sys-on-primary-container: light-dark(#005049, #9ef2e5);
  --mat-sys-on-primary-fixed: light-dark(#00201c, #00201c);
  --mat-sys-on-primary-fixed-variant: light-dark(#005049, #005049);
  --mat-sys-on-secondary: light-dark(#ffffff, #00363c);
  --mat-sys-on-secondary-container: light-dark(#004f57, #93f1ff);
  --mat-sys-on-secondary-fixed: light-dark(#001f23, #001f23);
  --mat-sys-on-secondary-fixed-variant: light-dark(#004f57, #004f57);
  --mat-sys-on-surface: light-dark(#1a1c1c, #e2e2e2);
  --mat-sys-on-surface-variant: light-dark(#454747, #e2e2e2);
  --mat-sys-on-tertiary: light-dark(#ffffff, #3c2f00);
  --mat-sys-on-tertiary-container: light-dark(#574500, #ffe087);
  --mat-sys-on-tertiary-fixed: light-dark(#241a00, #241a00);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#574500, #574500);
  --mat-sys-outline: light-dark(#767777, #909191);
  --mat-sys-outline-variant: light-dark(#c6c6c6, #454747);
  --mat-sys-primary: light-dark(#006a61, #82d5c9);
  --mat-sys-primary-container: light-dark(#9ef2e5, #005049);
  --mat-sys-primary-fixed: light-dark(#9ef2e5, #9ef2e5);
  --mat-sys-primary-fixed-dim: light-dark(#82d5c9, #82d5c9);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#006973, #56d7e9);
  --mat-sys-secondary-container: light-dark(#93f1ff, #004f57);
  --mat-sys-secondary-fixed: light-dark(#93f1ff, #93f1ff);
  --mat-sys-secondary-fixed-dim: light-dark(#56d7e9, #56d7e9);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#f9f9f9, #121414);
  --mat-sys-surface-bright: light-dark(#f9f9f9, #38393a);
  --mat-sys-surface-container: light-dark(#eeeeee, #1e2020);
  --mat-sys-surface-container-high: light-dark(#e8e8e8, #282a2b);
  --mat-sys-surface-container-highest: light-dark(#e2e2e2, #333535);
  --mat-sys-surface-container-low: light-dark(#f3f3f3, #1a1c1c);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0f);
  --mat-sys-surface-dim: light-dark(#dadada, #121414);
  --mat-sys-surface-tint: light-dark(#006a61, #82d5c9);
  --mat-sys-surface-variant: light-dark(#e2e2e2, #454747);
  --mat-sys-tertiary: light-dark(#735c00, #ebc23e);
  --mat-sys-tertiary-container: light-dark(#ffe087, #574500);
  --mat-sys-tertiary-fixed: light-dark(#ffe087, #ffe087);
  --mat-sys-tertiary-fixed-dim: light-dark(#ebc23e, #ebc23e);
  --mat-sys-neutral-variant20: #2f3131;
  --mat-sys-neutral10: #1a1c1c;
}
.dark-theme {
  --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);
}
.dark-theme {
  --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);
}
.dark-theme {
  --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);
}
.dark-theme {
  --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);
}
.dark-theme {
  --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);
}
.dark-theme {
  --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);
}
.dark-theme {
  --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 sans-serif;
  --mat-sys-display-large-font: sans-serif;
  --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 sans-serif;
  --mat-sys-display-medium-font: sans-serif;
  --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 sans-serif;
  --mat-sys-display-small-font: sans-serif;
  --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 sans-serif;
  --mat-sys-headline-large-font: sans-serif;
  --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 sans-serif;
  --mat-sys-headline-medium-font: sans-serif;
  --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 sans-serif;
  --mat-sys-headline-small-font: sans-serif;
  --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 sans-serif;
  --mat-sys-title-large-font: sans-serif;
  --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;
}
.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;
}
.dark-theme {
  --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,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family: Roboto, sans-serif;
  background-color: var(--background-color);
  color: var(--text-color);
}
body input {
  -webkit-user-select: all !important;
  user-select: all !important;
}
body .mdc-button {
  border-radius: 24px !important;
  height: 48px !important;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
}
body .mdc-button[disabled] {
  background-color: var(--primary-color) !important;
  color: var(--text-color) !important;
  opacity: 0.5 !important;
}
body .card,
body .mat-mdc-card {
  background-color: var(--panel-background);
  color: var(--text-color);
}
body .btn-primary {
  background-color: var(--primary-color);
  color: var(--text-color);
}
body .accent {
  color: var(--accent-color);
}
body .highlight {
  background-color: var(--sand-color);
}
body .mat-toolbar {
  background-color: var(--toolbar-background);
  color: var(--toolbar-text);
  border-bottom: 1px solid var(--toolbar-border);
  font-weight: 500;
  letter-spacing: 0.5px;
  height: 80px;
}
body .mat-toolbar span {
  font-size: 1.2rem;
}
body .mat-toolbar .mat-toolbar-row {
  align-items: center;
}
body .mat-toolbar .logo {
  display: flex;
  align-items: center;
  gap: 8px;
}
body .mat-toolbar .title {
  font-size: 1.25rem;
}
body .mdc-button__label {
  font-size: 1.2rem;
}
body .flag-select-label .mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
  gap: 12px;
}
body .auth .mat-mdc-card-header {
  justify-content: center;
}
body .auth .mdc-checkbox__background {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  border-radius: 4px;
  border: 1px solid var(--text-disabled);
  background-color: var(--panel-background);
}
body .auth .mdc-checkbox__background:hover {
  background-color: var(--primary-hover);
}
body .auth .mat-mdc-checkbox .mat-mdc-checkbox-ripple,
body .auth .mdc-checkbox__ripple {
  display: none !important;
}
body .auth .mat-mdc-checkbox label {
  font-size: 1.3rem;
  padding-bottom: 7px;
}
@media (max-width: 600px) {
  body .auth .mat-mdc-checkbox label {
    font-size: 1.1rem;
  }
}
body .auth .mdc-text-field--outlined {
  --mdc-outlined-text-field-container-shape: 20px !important;
}
body .auth .mat-mdc-text-field-wrapper {
  background-color: var(--input-background) !important;
  border-radius: 8px !important;
}
body .auth .mdc-notched-outline__leading,
body .auth .mdc-notched-outline__notch,
body .auth .mdc-notched-outline__trailing {
  border: none !important;
}

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