/* These tokens are generated using https://themes.angular-material.dev/ */
/* Preview: https://themes.angular-material.dev/?bold-font-weight=700&brand-font-family=Roboto&medium-font-weight=500&plain-font-family=Roboto®ular-font-weight=400&seed-error=%23ba1a1a&seed-neutral=%23747778&seed-neutral-variant=%2370797b&seed-primary=%23b0eefa&seed-secondary=%234c6266&seed-tertiary=%23635a75 */
/* Seed Colors: primary: #b0eefa, secondary: #4c6266, tertiary: #635a75, error: #ba1a1a, neutral: #747778, neutral-variant: #70797b */
/* Seed Typography: plain-font-family: Roboto, brand-font-family: Roboto, bold-font-weight: 700, medium-font-weight: 500, regular-font-weight: 400 */
/* Make sure to import fonts in `` of html */
/*
OR
*/
html{
--mat-sys-background: #faf9fd;
--mat-sys-error: #ba1a1a;
--mat-sys-error-container: #ffdad6;
--mat-sys-inverse-on-surface: #f2f0f4;
--mat-sys-inverse-primary: #abc7ff;
--mat-sys-inverse-surface: #2f3033;
--mat-sys-on-background: #1a1b1f;
--mat-sys-on-error: #ffffff;
--mat-sys-on-error-container: #93000a;
--mat-sys-on-primary: #ffffff;
--mat-sys-on-primary-container: #00458f;
--mat-sys-on-primary-fixed: #001b3f;
--mat-sys-on-primary-fixed-variant: #00458f;
--mat-sys-on-secondary: #ffffff;
--mat-sys-on-secondary-container: #3e4759;
--mat-sys-on-secondary-fixed: #131c2b;
--mat-sys-on-secondary-fixed-variant: #3e4759;
--mat-sys-on-surface: #1a1b1f;
--mat-sys-on-surface-variant: #44474e;
--mat-sys-on-tertiary: #ffffff;
--mat-sys-on-tertiary-container: #0000ef;
--mat-sys-on-tertiary-fixed: #00006e;
--mat-sys-on-tertiary-fixed-variant: #0000ef;
--mat-sys-outline: #74777f;
--mat-sys-outline-variant: #c4c6d0;
--mat-sys-primary: #005cbb;
--mat-sys-primary-container: #ffd7d7;
--mat-sys-primary-fixed: #d7e3ff;
--mat-sys-primary-fixed-dim: #abc7ff;
--mat-sys-scrim: #000000;
--mat-sys-secondary: #565e71;
--mat-sys-secondary-container: #dae2f9;
--mat-sys-secondary-fixed: #dae2f9;
--mat-sys-secondary-fixed-dim: #bec6dc;
--mat-sys-shadow: #000000;
--mat-sys-surface: #faf9fd;
--mat-sys-surface-bright: #faf9fd;
--mat-sys-surface-container: #efedf0;
--mat-sys-surface-container-high: #e9e7eb;
--mat-sys-surface-container-highest: #e3e2e6;
--mat-sys-surface-container-low: #f4f3f6;
--mat-sys-surface-container-lowest: #ffffff;
--mat-sys-surface-dim: #dbd9dd;
--mat-sys-surface-tint: #005cbb;
--mat-sys-surface-variant: #e0e2ec;
--mat-sys-tertiary: #343dff;
--mat-sys-tertiary-container: #e0e0ff;
--mat-sys-tertiary-fixed: #e0e0ff;
--mat-sys-tertiary-fixed-dim: #bec2ff;
--mat-sys-neutral-variant20: #2d3038;
--mat-sys-neutral10: #1a1b1f
}
html{
--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)
}
html{
--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)
}
html{
--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)
}
html{
--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)
}
html{
--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)
}
html{
--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)
}
html{
--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
}
html{
--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
}
/* Light Theme */
:root, :host {
--mat-sys-primary: #266771;
--mat-sys-on-primary: #ffffff;
--mat-sys-primary-container: #7e8183;
--mat-sys-on-primary-container: #ffffff;
--mat-sys-inverse-primary: #93d0dc;
--mat-sys-primary-fixed: #afedf9;
--mat-sys-primary-fixed-dim: #93d0dc;
--mat-sys-on-primary-fixed: #001f24;
--mat-sys-on-primary-fixed-variant: #004f58;
--mat-sys-secondary: #7e8183;
--mat-sys-on-secondary: #ffffff;
--mat-sys-secondary-container: #7e8183;
--mat-sys-on-secondary-container: #ffffff;
--mat-sys-secondary-fixed: #cfe7eb;
--mat-sys-secondary-fixed-dim: #b3cbcf;
--mat-sys-on-secondary-fixed: #081f22;
--mat-sys-on-secondary-fixed-variant: #354a4e;
--mat-sys-tertiary: #635a75;
--mat-sys-on-tertiary: #ffffff;
--mat-sys-tertiary-container: #23282d;
--mat-sys-on-tertiary-container: #ffffff;
--mat-sys-tertiary-fixed: #eaddfd;
--mat-sys-tertiary-fixed-dim: #cdc1e1;
--mat-sys-on-tertiary-fixed: #1f182f;
--mat-sys-on-tertiary-fixed-variant: #4b435c;
--mat-sys-background: #fcf8f8;
--mat-sys-on-background: #1c1b1b;
--mat-sys-surface: #fcf8f8;
--mat-sys-surface-dim: #dcd9d9;
--mat-sys-surface-bright: #fcf8f8;
--mat-sys-surface-container-lowest: #4b575a;
--mat-sys-surface-container-low: #f6f3f2;
--mat-sys-surface-container: #959c9d;
--mat-sys-surface-container-high: #ebe7e7;
--mat-sys-surface-container-highest: #d7d6d6;
--mat-sys-on-surface: #1c1b1b;
--mat-sys-shadow: #000000;
--mat-sys-scrim: #000000;
--mat-sys-surface-tint: #5c5f60;
--mat-sys-inverse-surface: #313030;
--mat-sys-inverse-on-surface: #f3f0ef;
--mat-sys-outline: #747879;
--mat-sys-outline-variant: #c3c7c8;
--mat-sys-neutral: #787777;
--mat-sys-neutral10: #1c1b1b;
--mat-sys-error: #ba1a1a;
--mat-sys-error-container: #ffdad6;
--mat-sys-on-error: #ffffff;
--mat-sys-on-error-container: #e41219;
--mat-sys-surface-variant: #dfe3e4;
--mat-sys-on-surface-variant: #434849;
--mat-sys-neutral-variant: #737879;
--mat-sys-neutral-variant20: #2d3132;
--mat-sys-inverse-secondary: #b3cbcf;
--mat-sys-inverse-tertiary: #cdc1e1;
}
/* Dark Theme */
.dark {
--mat-sys-primary: #93d0dc;
--mat-sys-on-primary: #00363d;
--mat-sys-primary-container: #004f58;
--mat-sys-on-primary-container: #afedf9;
--mat-sys-inverse-primary: #266771;
--mat-sys-primary-fixed: #afedf9;
--mat-sys-primary-fixed-dim: #93d0dc;
--mat-sys-on-primary-fixed: #001f24;
--mat-sys-on-primary-fixed-variant: #004f58;
--mat-sys-secondary: #b3cbcf;
--mat-sys-on-secondary: #1e3437;
--mat-sys-secondary-container: #2b3c41;
--mat-sys-on-secondary-container: #cfe7eb;
--mat-sys-secondary-fixed: #cfe7eb;
--mat-sys-secondary-fixed-dim: #b3cbcf;
--mat-sys-on-secondary-fixed: #081f22;
--mat-sys-on-secondary-fixed-variant: #354a4e;
--mat-sys-tertiary: #cdc1e1;
--mat-sys-on-tertiary: #342c45;
--mat-sys-tertiary-container: #1b2727;
--mat-sys-on-tertiary-container: #eaddfd;
--mat-sys-tertiary-fixed: #eaddfd;
--mat-sys-tertiary-fixed-dim: #cdc1e1;
--mat-sys-on-tertiary-fixed: #1f182f;
--mat-sys-on-tertiary-fixed-variant: #4b435c;
--mat-sys-background: #2c2c2c;
--mat-sys-on-background: #e5e2e1;
--mat-sys-surface: #2c2c2c;
--mat-sys-surface-dim: #131313;
--mat-sys-surface-bright: #3a3939;
--mat-sys-surface-container-lowest: #0e0e0e;
--mat-sys-surface-container-low: #1c1b1b;
--mat-sys-surface-container: #201f1f;
--mat-sys-surface-container-high: #2a2a2a;
--mat-sys-surface-container-highest: #464444;
--mat-sys-on-surface: #e5e2e1;
--mat-sys-shadow: #000000;
--mat-sys-scrim: #000000;
--mat-sys-surface-tint: #c4c7c8;
--mat-sys-inverse-surface: #e5e2e1;
--mat-sys-inverse-on-surface: #313030;
--mat-sys-outline: #8e9192;
--mat-sys-outline-variant: #434849;
--mat-sys-neutral: #787777;
--mat-sys-neutral10: #1c1b1b;
--mat-sys-error: #ffb4ab;
--mat-sys-error-container: #93000a;
--mat-sys-on-error: #690005;
--mat-sys-on-error-container: #eb3723;
--mat-sys-surface-variant: #434849;
--mat-sys-on-surface-variant: #c3c7c8;
--mat-sys-neutral-variant: #737879;
--mat-sys-neutral-variant20: #2d3132;
--mat-sys-inverse-secondary: #4c6266;
--mat-sys-inverse-tertiary: #635a75;
}
/* Typography */
html{
--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 Roboto;
--mat-sys-display-large-font: Roboto;
--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 Roboto;
--mat-sys-display-medium-font: Roboto;
--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 Roboto;
--mat-sys-display-small-font: Roboto;
--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 Roboto;
--mat-sys-headline-large-font: Roboto;
--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 Roboto;
--mat-sys-headline-medium-font: Roboto;
--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 Roboto;
--mat-sys-headline-small-font: Roboto;
--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 Roboto;
--mat-sys-title-large-font: Roboto;
--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
}