/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/azure-blue.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
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: #d7e3ff;--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;--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);--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);--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);--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);--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);--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);--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;--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}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

body.light-mode {
  color-scheme: light;
  color: var(--mat-sys-on-surface);
  background-color: var(--mat-sys-surface);
}

body.dark-mode {
  color-scheme: dark;
  color: var(--mat-sys-on-surface);
  background-color: var(--mat-sys-surface);
}

body.red-palette {
  --mat-sys-background: light-dark(#fff8f6, #181211);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#fbeeec, #362f2e);
  --mat-sys-inverse-primary: light-dark(#ffb4a8, #c00100);
  --mat-sys-inverse-surface: light-dark(#362f2e, #ede0dd);
  --mat-sys-on-background: light-dark(#201a19, #ede0dd);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #690100);
  --mat-sys-on-primary-container: light-dark(#930100, #ffdad4);
  --mat-sys-on-primary-fixed: light-dark(#410000, #410000);
  --mat-sys-on-primary-fixed-variant: light-dark(#930100, #930100);
  --mat-sys-on-secondary: light-dark(#ffffff, #442925);
  --mat-sys-on-secondary-container: light-dark(#5d3f3b, #ffdad4);
  --mat-sys-on-secondary-fixed: light-dark(#2c1512, #2c1512);
  --mat-sys-on-secondary-fixed-variant: light-dark(#5d3f3b, #5d3f3b);
  --mat-sys-on-surface: light-dark(#201a19, #ede0dd);
  --mat-sys-on-surface-variant: light-dark(#534341, #f5ddda);
  --mat-sys-on-tertiary: light-dark(#ffffff, #690100);
  --mat-sys-on-tertiary-container: light-dark(#930100, #ffdad4);
  --mat-sys-on-tertiary-fixed: light-dark(#410000, #410000);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#930100, #930100);
  --mat-sys-outline: light-dark(#857370, #a08c89);
  --mat-sys-outline-variant: light-dark(#d8c2be, #534341);
  --mat-sys-primary: light-dark(#c00100, #ffb4a8);
  --mat-sys-primary-container: light-dark(#ffdad4, #930100);
  --mat-sys-primary-fixed: light-dark(#ffdad4, #ffdad4);
  --mat-sys-primary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#775651, #e7bdb6);
  --mat-sys-secondary-container: light-dark(#ffdad4, #5d3f3b);
  --mat-sys-secondary-fixed: light-dark(#ffdad4, #ffdad4);
  --mat-sys-secondary-fixed-dim: light-dark(#e7bdb6, #e7bdb6);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fff8f6, #181211);
  --mat-sys-surface-bright: light-dark(#fff8f6, #3f3737);
  --mat-sys-surface-container: light-dark(#f9ebe9, #251e1d);
  --mat-sys-surface-container-high: light-dark(#f3e5e4, #302828);
  --mat-sys-surface-container-highest: light-dark(#ede0dd, #3b3332);
  --mat-sys-surface-container-low: light-dark(#fef1ef, #201a19);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #130d0c);
  --mat-sys-surface-dim: light-dark(#e4d7d6, #181211);
  --mat-sys-surface-tint: light-dark(#c00100, #ffb4a8);
  --mat-sys-surface-variant: light-dark(#f5ddda, #534341);
  --mat-sys-tertiary: light-dark(#c00100, #ffb4a8);
  --mat-sys-tertiary-container: light-dark(#ffdad4, #930100);
  --mat-sys-tertiary-fixed: light-dark(#ffdad4, #ffdad4);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);
  --mat-sys-neutral-variant20: #3b2d2b;
  --mat-sys-neutral10: #201a19;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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;
}
body.green-palette {
  --mat-sys-background: light-dark(#f9faf3, #121410);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f1f1eb, #2f312d);
  --mat-sys-inverse-primary: light-dark(#02e600, #026e00);
  --mat-sys-inverse-surface: light-dark(#2f312d, #e2e3dc);
  --mat-sys-on-background: light-dark(#1a1c18, #e2e3dc);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #013a00);
  --mat-sys-on-primary-container: light-dark(#015300, #77ff61);
  --mat-sys-on-primary-fixed: light-dark(#002200, #002200);
  --mat-sys-on-primary-fixed-variant: light-dark(#015300, #015300);
  --mat-sys-on-secondary: light-dark(#ffffff, #263422);
  --mat-sys-on-secondary-container: light-dark(#3c4b37, #d7e8cd);
  --mat-sys-on-secondary-fixed: light-dark(#121f0e, #121f0e);
  --mat-sys-on-secondary-fixed-variant: light-dark(#3c4b37, #3c4b37);
  --mat-sys-on-surface: light-dark(#1a1c18, #e2e3dc);
  --mat-sys-on-surface-variant: light-dark(#43483f, #dfe4d7);
  --mat-sys-on-tertiary: light-dark(#ffffff, #013a00);
  --mat-sys-on-tertiary-container: light-dark(#015300, #77ff61);
  --mat-sys-on-tertiary-fixed: light-dark(#002200, #002200);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#015300, #015300);
  --mat-sys-outline: light-dark(#73796e, #8d9387);
  --mat-sys-outline-variant: light-dark(#c3c8bc, #43483f);
  --mat-sys-primary: light-dark(#026e00, #02e600);
  --mat-sys-primary-container: light-dark(#77ff61, #015300);
  --mat-sys-primary-fixed: light-dark(#77ff61, #77ff61);
  --mat-sys-primary-fixed-dim: light-dark(#02e600, #02e600);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#54634d, #bbcbb2);
  --mat-sys-secondary-container: light-dark(#d7e8cd, #3c4b37);
  --mat-sys-secondary-fixed: light-dark(#d7e8cd, #d7e8cd);
  --mat-sys-secondary-fixed-dim: light-dark(#bbcbb2, #bbcbb2);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#f9faf3, #121410);
  --mat-sys-surface-bright: light-dark(#f9faf3, #383a35);
  --mat-sys-surface-container: light-dark(#eeeee7, #1e201c);
  --mat-sys-surface-container-high: light-dark(#e8e9e1, #282b26);
  --mat-sys-surface-container-highest: light-dark(#e2e3dc, #333531);
  --mat-sys-surface-container-low: light-dark(#f3f4ed, #1a1c18);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0b);
  --mat-sys-surface-dim: light-dark(#dadbd3, #121410);
  --mat-sys-surface-tint: light-dark(#026e00, #02e600);
  --mat-sys-surface-variant: light-dark(#dfe4d7, #43483f);
  --mat-sys-tertiary: light-dark(#026e00, #02e600);
  --mat-sys-tertiary-container: light-dark(#77ff61, #015300);
  --mat-sys-tertiary-fixed: light-dark(#77ff61, #77ff61);
  --mat-sys-tertiary-fixed-dim: light-dark(#02e600, #02e600);
  --mat-sys-neutral-variant20: #2c3229;
  --mat-sys-neutral10: #1a1c18;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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;
}
body.blue-palette {
  --mat-sys-background: light-dark(#fcf8fd, #131316);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f3eff4, #303034);
  --mat-sys-inverse-primary: light-dark(#bec2ff, #343dff);
  --mat-sys-inverse-surface: light-dark(#303034, #e5e1e6);
  --mat-sys-on-background: light-dark(#1b1b1f, #e5e1e6);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #0001ac);
  --mat-sys-on-primary-container: light-dark(#0000ef, #e0e0ff);
  --mat-sys-on-primary-fixed: light-dark(#00006e, #00006e);
  --mat-sys-on-primary-fixed-variant: light-dark(#0000ef, #0000ef);
  --mat-sys-on-secondary: light-dark(#ffffff, #2e2f42);
  --mat-sys-on-secondary-container: light-dark(#444559, #e1e0f9);
  --mat-sys-on-secondary-fixed: light-dark(#191a2c, #191a2c);
  --mat-sys-on-secondary-fixed-variant: light-dark(#444559, #444559);
  --mat-sys-on-surface: light-dark(#1b1b1f, #e5e1e6);
  --mat-sys-on-surface-variant: light-dark(#46464f, #e4e1ec);
  --mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);
  --mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);
  --mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);
  --mat-sys-outline: light-dark(#777680, #91909a);
  --mat-sys-outline-variant: light-dark(#c7c5d0, #46464f);
  --mat-sys-primary: light-dark(#343dff, #bec2ff);
  --mat-sys-primary-container: light-dark(#e0e0ff, #0000ef);
  --mat-sys-primary-fixed: light-dark(#e0e0ff, #e0e0ff);
  --mat-sys-primary-fixed-dim: light-dark(#bec2ff, #bec2ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#5c5d72, #c5c4dd);
  --mat-sys-secondary-container: light-dark(#e1e0f9, #444559);
  --mat-sys-secondary-fixed: light-dark(#e1e0f9, #e1e0f9);
  --mat-sys-secondary-fixed-dim: light-dark(#c5c4dd, #c5c4dd);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fcf8fd, #131316);
  --mat-sys-surface-bright: light-dark(#fcf8fd, #3a393c);
  --mat-sys-surface-container: light-dark(#f0edf1, #201f22);
  --mat-sys-surface-container-high: light-dark(#ebe7eb, #2a292d);
  --mat-sys-surface-container-highest: light-dark(#e5e1e6, #353438);
  --mat-sys-surface-container-low: light-dark(#f6f2f7, #1b1b1f);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e11);
  --mat-sys-surface-dim: light-dark(#dcd9dd, #131316);
  --mat-sys-surface-tint: light-dark(#343dff, #bec2ff);
  --mat-sys-surface-variant: light-dark(#e4e1ec, #46464f);
  --mat-sys-tertiary: light-dark(#343dff, #bec2ff);
  --mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);
  --mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);
  --mat-sys-neutral-variant20: #303038;
  --mat-sys-neutral10: #1b1b1f;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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;
}
body.yellow-palette {
  --mat-sys-background: light-dark(#fdf9f0, #14140f);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f4f0e8, #31312b);
  --mat-sys-inverse-primary: light-dark(#cdcd00, #626200);
  --mat-sys-inverse-surface: light-dark(#31312b, #e6e2d9);
  --mat-sys-on-background: light-dark(#1c1c17, #e6e2d9);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #323200);
  --mat-sys-on-primary-container: light-dark(#494900, #eaea00);
  --mat-sys-on-primary-fixed: light-dark(#1d1d00, #1d1d00);
  --mat-sys-on-primary-fixed-variant: light-dark(#494900, #494900);
  --mat-sys-on-secondary: light-dark(#ffffff, #323218);
  --mat-sys-on-secondary-container: light-dark(#49482d, #e7e4bf);
  --mat-sys-on-secondary-fixed: light-dark(#1d1d06, #1d1d06);
  --mat-sys-on-secondary-fixed-variant: light-dark(#49482d, #49482d);
  --mat-sys-on-surface: light-dark(#1c1c17, #e6e2d9);
  --mat-sys-on-surface-variant: light-dark(#48473a, #e6e3d1);
  --mat-sys-on-tertiary: light-dark(#ffffff, #323200);
  --mat-sys-on-tertiary-container: light-dark(#494900, #eaea00);
  --mat-sys-on-tertiary-fixed: light-dark(#1d1d00, #1d1d00);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#494900, #494900);
  --mat-sys-outline: light-dark(#797869, #939182);
  --mat-sys-outline-variant: light-dark(#cac7b6, #48473a);
  --mat-sys-primary: light-dark(#626200, #cdcd00);
  --mat-sys-primary-container: light-dark(#eaea00, #494900);
  --mat-sys-primary-fixed: light-dark(#eaea00, #eaea00);
  --mat-sys-primary-fixed-dim: light-dark(#cdcd00, #cdcd00);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#606043, #cac8a5);
  --mat-sys-secondary-container: light-dark(#e7e4bf, #49482d);
  --mat-sys-secondary-fixed: light-dark(#e7e4bf, #e7e4bf);
  --mat-sys-secondary-fixed-dim: light-dark(#cac8a5, #cac8a5);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fdf9f0, #14140f);
  --mat-sys-surface-bright: light-dark(#fdf9f0, #3a3933);
  --mat-sys-surface-container: light-dark(#f1ede5, #20201b);
  --mat-sys-surface-container-high: light-dark(#ece8df, #2b2a25);
  --mat-sys-surface-container-highest: light-dark(#e6e2d9, #36352f);
  --mat-sys-surface-container-low: light-dark(#f7f3ea, #1c1c17);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0e0a);
  --mat-sys-surface-dim: light-dark(#dddad1, #14140f);
  --mat-sys-surface-tint: light-dark(#626200, #cdcd00);
  --mat-sys-surface-variant: light-dark(#e6e3d1, #48473a);
  --mat-sys-tertiary: light-dark(#626200, #cdcd00);
  --mat-sys-tertiary-container: light-dark(#eaea00, #494900);
  --mat-sys-tertiary-fixed: light-dark(#eaea00, #eaea00);
  --mat-sys-tertiary-fixed-dim: light-dark(#cdcd00, #cdcd00);
  --mat-sys-neutral-variant20: #313125;
  --mat-sys-neutral10: #1c1c17;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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;
}
body.cyan-palette {
  --mat-sys-background: light-dark(#f7faf9, #101414);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#eff1f0, #2d3131);
  --mat-sys-inverse-primary: light-dark(#00dddd, #006a6a);
  --mat-sys-inverse-surface: light-dark(#2d3131, #e0e3e2);
  --mat-sys-on-background: light-dark(#191c1c, #e0e3e2);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #003737);
  --mat-sys-on-primary-container: light-dark(#004f4f, #00fbfb);
  --mat-sys-on-primary-fixed: light-dark(#002020, #002020);
  --mat-sys-on-primary-fixed-variant: light-dark(#004f4f, #004f4f);
  --mat-sys-on-secondary: light-dark(#ffffff, #1b3534);
  --mat-sys-on-secondary-container: light-dark(#324b4b, #cce8e7);
  --mat-sys-on-secondary-fixed: light-dark(#051f1f, #051f1f);
  --mat-sys-on-secondary-fixed-variant: light-dark(#324b4b, #324b4b);
  --mat-sys-on-surface: light-dark(#191c1c, #e0e3e2);
  --mat-sys-on-surface-variant: light-dark(#3f4948, #dae5e4);
  --mat-sys-on-tertiary: light-dark(#ffffff, #003737);
  --mat-sys-on-tertiary-container: light-dark(#004f4f, #00fbfb);
  --mat-sys-on-tertiary-fixed: light-dark(#002020, #002020);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#004f4f, #004f4f);
  --mat-sys-outline: light-dark(#6f7979, #889392);
  --mat-sys-outline-variant: light-dark(#bec9c8, #3f4948);
  --mat-sys-primary: light-dark(#006a6a, #00dddd);
  --mat-sys-primary-container: light-dark(#00fbfb, #004f4f);
  --mat-sys-primary-fixed: light-dark(#00fbfb, #00fbfb);
  --mat-sys-primary-fixed-dim: light-dark(#00dddd, #00dddd);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#4a6363, #b0cccb);
  --mat-sys-secondary-container: light-dark(#cce8e7, #324b4b);
  --mat-sys-secondary-fixed: light-dark(#cce8e7, #cce8e7);
  --mat-sys-secondary-fixed-dim: light-dark(#b0cccb, #b0cccb);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#f7faf9, #101414);
  --mat-sys-surface-bright: light-dark(#f7faf9, #363a39);
  --mat-sys-surface-container: light-dark(#ebefed, #1c2020);
  --mat-sys-surface-container-high: light-dark(#e6e9e7, #272b2a);
  --mat-sys-surface-container-highest: light-dark(#e0e3e2, #313635);
  --mat-sys-surface-container-low: light-dark(#f1f4f3, #191c1c);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f0e);
  --mat-sys-surface-dim: light-dark(#d7dbd9, #101414);
  --mat-sys-surface-tint: light-dark(#006a6a, #00dddd);
  --mat-sys-surface-variant: light-dark(#dae5e4, #3f4948);
  --mat-sys-tertiary: light-dark(#006a6a, #00dddd);
  --mat-sys-tertiary-container: light-dark(#00fbfb, #004f4f);
  --mat-sys-tertiary-fixed: light-dark(#00fbfb, #00fbfb);
  --mat-sys-tertiary-fixed-dim: light-dark(#00dddd, #00dddd);
  --mat-sys-neutral-variant20: #293232;
  --mat-sys-neutral10: #191c1c;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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;
}
body.magenta-palette {
  --mat-sys-background: light-dark(#fff7f9, #161215);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f8eef2, #342f32);
  --mat-sys-inverse-primary: light-dark(#ffabf3, #a900a9);
  --mat-sys-inverse-surface: light-dark(#342f32, #e9e0e4);
  --mat-sys-on-background: light-dark(#1e1a1d, #e9e0e4);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #5b005b);
  --mat-sys-on-primary-container: light-dark(#810081, #ffd7f5);
  --mat-sys-on-primary-fixed: light-dark(#380038, #380038);
  --mat-sys-on-primary-fixed-variant: light-dark(#810081, #810081);
  --mat-sys-on-secondary: light-dark(#ffffff, #3d2b3a);
  --mat-sys-on-secondary-container: light-dark(#554151, #f7daef);
  --mat-sys-on-secondary-fixed: light-dark(#271624, #271624);
  --mat-sys-on-secondary-fixed-variant: light-dark(#554151, #554151);
  --mat-sys-on-surface: light-dark(#1e1a1d, #e9e0e4);
  --mat-sys-on-surface-variant: light-dark(#4e444b, #eedee7);
  --mat-sys-on-tertiary: light-dark(#ffffff, #5b005b);
  --mat-sys-on-tertiary-container: light-dark(#810081, #ffd7f5);
  --mat-sys-on-tertiary-fixed: light-dark(#380038, #380038);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#810081, #810081);
  --mat-sys-outline: light-dark(#80747c, #9a8d95);
  --mat-sys-outline-variant: light-dark(#d1c2cb, #4e444b);
  --mat-sys-primary: light-dark(#a900a9, #ffabf3);
  --mat-sys-primary-container: light-dark(#ffd7f5, #810081);
  --mat-sys-primary-fixed: light-dark(#ffd7f5, #ffd7f5);
  --mat-sys-primary-fixed-dim: light-dark(#ffabf3, #ffabf3);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#6e5869, #dabfd2);
  --mat-sys-secondary-container: light-dark(#f7daef, #554151);
  --mat-sys-secondary-fixed: light-dark(#f7daef, #f7daef);
  --mat-sys-secondary-fixed-dim: light-dark(#dabfd2, #dabfd2);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fff7f9, #161215);
  --mat-sys-surface-bright: light-dark(#fff7f9, #3d383b);
  --mat-sys-surface-container: light-dark(#f5ebf0, #231e22);
  --mat-sys-surface-container-high: light-dark(#efe6ea, #2d292c);
  --mat-sys-surface-container-highest: light-dark(#e9e0e4, #383337);
  --mat-sys-surface-container-low: light-dark(#fbf1f5, #1e1a1d);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #110d10);
  --mat-sys-surface-dim: light-dark(#e1d7dc, #161215);
  --mat-sys-surface-tint: light-dark(#a900a9, #ffabf3);
  --mat-sys-surface-variant: light-dark(#eedee7, #4e444b);
  --mat-sys-tertiary: light-dark(#a900a9, #ffabf3);
  --mat-sys-tertiary-container: light-dark(#ffd7f5, #810081);
  --mat-sys-tertiary-fixed: light-dark(#ffd7f5, #ffd7f5);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffabf3, #ffabf3);
  --mat-sys-neutral-variant20: #372e34;
  --mat-sys-neutral10: #1e1a1d;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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;
}
body.orange-palette {
  --mat-sys-background: light-dark(#fff8f5, #181210);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#fbeee8, #362f2b);
  --mat-sys-inverse-primary: light-dark(#ffb787, #964900);
  --mat-sys-inverse-surface: light-dark(#362f2b, #ece0da);
  --mat-sys-on-background: light-dark(#201a17, #ece0da);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #502400);
  --mat-sys-on-primary-container: light-dark(#723600, #ffdcc7);
  --mat-sys-on-primary-fixed: light-dark(#311300, #311300);
  --mat-sys-on-primary-fixed-variant: light-dark(#723600, #723600);
  --mat-sys-on-secondary: light-dark(#ffffff, #422b1b);
  --mat-sys-on-secondary-container: light-dark(#5b4130, #ffdcc7);
  --mat-sys-on-secondary-fixed: light-dark(#2b1708, #2b1708);
  --mat-sys-on-secondary-fixed-variant: light-dark(#5b4130, #5b4130);
  --mat-sys-on-surface: light-dark(#201a17, #ece0da);
  --mat-sys-on-surface-variant: light-dark(#52443c, #f4ded3);
  --mat-sys-on-tertiary: light-dark(#ffffff, #502400);
  --mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);
  --mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);
  --mat-sys-outline: light-dark(#84746a, #9f8d83);
  --mat-sys-outline-variant: light-dark(#d7c3b8, #52443c);
  --mat-sys-primary: light-dark(#964900, #ffb787);
  --mat-sys-primary-container: light-dark(#ffdcc7, #723600);
  --mat-sys-primary-fixed: light-dark(#ffdcc7, #ffdcc7);
  --mat-sys-primary-fixed-dim: light-dark(#ffb787, #ffb787);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#755846, #e5bfa8);
  --mat-sys-secondary-container: light-dark(#ffdcc7, #5b4130);
  --mat-sys-secondary-fixed: light-dark(#ffdcc7, #ffdcc7);
  --mat-sys-secondary-fixed-dim: light-dark(#e5bfa8, #e5bfa8);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fff8f5, #181210);
  --mat-sys-surface-bright: light-dark(#fff8f5, #3f3834);
  --mat-sys-surface-container: light-dark(#f8ebe6, #241e1b);
  --mat-sys-surface-container-high: light-dark(#f2e6e1, #2f2926);
  --mat-sys-surface-container-highest: light-dark(#ece0da, #3a3330);
  --mat-sys-surface-container-low: light-dark(#fef1ec, #201a17);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0b);
  --mat-sys-surface-dim: light-dark(#e3d8d3, #181210);
  --mat-sys-surface-tint: light-dark(#964900, #ffb787);
  --mat-sys-surface-variant: light-dark(#f4ded3, #52443c);
  --mat-sys-tertiary: light-dark(#964900, #ffb787);
  --mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);
  --mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);
  --mat-sys-neutral-variant20: #3a2e26;
  --mat-sys-neutral10: #201a17;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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;
}
body.chartreuse-palette {
  --mat-sys-background: light-dark(#fafaf2, #121410);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f1f1ea, #2f312c);
  --mat-sys-inverse-primary: light-dark(#70e000, #326b00);
  --mat-sys-inverse-surface: light-dark(#2f312c, #e3e3dc);
  --mat-sys-on-background: light-dark(#1a1c18, #e3e3dc);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #173800);
  --mat-sys-on-primary-container: light-dark(#245100, #82ff10);
  --mat-sys-on-primary-fixed: light-dark(#0b2000, #0b2000);
  --mat-sys-on-primary-fixed-variant: light-dark(#245100, #245100);
  --mat-sys-on-secondary: light-dark(#ffffff, #293420);
  --mat-sys-on-secondary-container: light-dark(#3f4a35, #dae7ca);
  --mat-sys-on-secondary-fixed: light-dark(#141e0c, #141e0c);
  --mat-sys-on-secondary-fixed-variant: light-dark(#3f4a35, #3f4a35);
  --mat-sys-on-surface: light-dark(#1a1c18, #e3e3dc);
  --mat-sys-on-surface-variant: light-dark(#44483e, #e0e4d6);
  --mat-sys-on-tertiary: light-dark(#ffffff, #173800);
  --mat-sys-on-tertiary-container: light-dark(#245100, #82ff10);
  --mat-sys-on-tertiary-fixed: light-dark(#0b2000, #0b2000);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#245100, #245100);
  --mat-sys-outline: light-dark(#74796d, #8e9286);
  --mat-sys-outline-variant: light-dark(#c4c8bb, #44483e);
  --mat-sys-primary: light-dark(#326b00, #70e000);
  --mat-sys-primary-container: light-dark(#82ff10, #245100);
  --mat-sys-primary-fixed: light-dark(#82ff10, #82ff10);
  --mat-sys-primary-fixed-dim: light-dark(#70e000, #70e000);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#56624b, #becbaf);
  --mat-sys-secondary-container: light-dark(#dae7ca, #3f4a35);
  --mat-sys-secondary-fixed: light-dark(#dae7ca, #dae7ca);
  --mat-sys-secondary-fixed-dim: light-dark(#becbaf, #becbaf);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fafaf2, #121410);
  --mat-sys-surface-bright: light-dark(#fafaf2, #383a35);
  --mat-sys-surface-container: light-dark(#eeeee7, #1e201c);
  --mat-sys-surface-container-high: light-dark(#e8e9e1, #282b26);
  --mat-sys-surface-container-highest: light-dark(#e3e3dc, #333531);
  --mat-sys-surface-container-low: light-dark(#f3f4ed, #1a1c18);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0b);
  --mat-sys-surface-dim: light-dark(#dadbd3, #121410);
  --mat-sys-surface-tint: light-dark(#326b00, #70e000);
  --mat-sys-surface-variant: light-dark(#e0e4d6, #44483e);
  --mat-sys-tertiary: light-dark(#326b00, #70e000);
  --mat-sys-tertiary-container: light-dark(#82ff10, #245100);
  --mat-sys-tertiary-fixed: light-dark(#82ff10, #82ff10);
  --mat-sys-tertiary-fixed-dim: light-dark(#70e000, #70e000);
  --mat-sys-neutral-variant20: #2d3228;
  --mat-sys-neutral10: #1a1c18;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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;
}
body.spring-green-palette {
  --mat-sys-background: light-dark(#f9faf4, #111411);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f0f1ec, #2e312e);
  --mat-sys-inverse-primary: light-dark(#00e472, #006d33);
  --mat-sys-inverse-surface: light-dark(#2e312e, #e2e3de);
  --mat-sys-on-background: light-dark(#191c19, #e2e3de);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #003917);
  --mat-sys-on-primary-container: light-dark(#005225, #63ff94);
  --mat-sys-on-primary-fixed: light-dark(#00210b, #00210b);
  --mat-sys-on-primary-fixed-variant: light-dark(#005225, #005225);
  --mat-sys-on-secondary: light-dark(#ffffff, #233425);
  --mat-sys-on-secondary-container: light-dark(#394b3b, #d3e8d2);
  --mat-sys-on-secondary-fixed: light-dark(#0e1f12, #0e1f12);
  --mat-sys-on-secondary-fixed-variant: light-dark(#394b3b, #394b3b);
  --mat-sys-on-surface: light-dark(#191c19, #e2e3de);
  --mat-sys-on-surface-variant: light-dark(#414941, #dde5da);
  --mat-sys-on-tertiary: light-dark(#ffffff, #003917);
  --mat-sys-on-tertiary-container: light-dark(#005225, #63ff94);
  --mat-sys-on-tertiary-fixed: light-dark(#00210b, #00210b);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#005225, #005225);
  --mat-sys-outline: light-dark(#717970, #8b9389);
  --mat-sys-outline-variant: light-dark(#c1c9be, #414941);
  --mat-sys-primary: light-dark(#006d33, #00e472);
  --mat-sys-primary-container: light-dark(#63ff94, #005225);
  --mat-sys-primary-fixed: light-dark(#63ff94, #63ff94);
  --mat-sys-primary-fixed-dim: light-dark(#00e472, #00e472);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#506352, #b7ccb7);
  --mat-sys-secondary-container: light-dark(#d3e8d2, #394b3b);
  --mat-sys-secondary-fixed: light-dark(#d3e8d2, #d3e8d2);
  --mat-sys-secondary-fixed-dim: light-dark(#b7ccb7, #b7ccb7);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#f9faf4, #111411);
  --mat-sys-surface-bright: light-dark(#f9faf4, #373a36);
  --mat-sys-surface-container: light-dark(#edefe8, #1d201d);
  --mat-sys-surface-container-high: light-dark(#e7e9e3, #282b27);
  --mat-sys-surface-container-highest: light-dark(#e2e3de, #323632);
  --mat-sys-surface-container-low: light-dark(#f2f4ee, #191c19);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0c);
  --mat-sys-surface-dim: light-dark(#d9dbd5, #111411);
  --mat-sys-surface-tint: light-dark(#006d33, #00e472);
  --mat-sys-surface-variant: light-dark(#dde5da, #414941);
  --mat-sys-tertiary: light-dark(#006d33, #00e472);
  --mat-sys-tertiary-container: light-dark(#63ff94, #005225);
  --mat-sys-tertiary-fixed: light-dark(#63ff94, #63ff94);
  --mat-sys-tertiary-fixed-dim: light-dark(#00e472, #00e472);
  --mat-sys-neutral-variant20: #2b322b;
  --mat-sys-neutral10: #191c19;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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;
}
body.azure-palette {
  --mat-sys-background: light-dark(#faf9fd, #121316);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);
  --mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);
  --mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);
  --mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #002f65);
  --mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);
  --mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);
  --mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);
  --mat-sys-on-secondary: light-dark(#ffffff, #283041);
  --mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);
  --mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);
  --mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);
  --mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);
  --mat-sys-on-tertiary: light-dark(#ffffff, #002f65);
  --mat-sys-on-tertiary-container: light-dark(#00458f, #d7e3ff);
  --mat-sys-on-tertiary-fixed: light-dark(#001b3f, #001b3f);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#00458f, #00458f);
  --mat-sys-outline: light-dark(#74777f, #8e9099);
  --mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);
  --mat-sys-primary: light-dark(#005cbb, #abc7ff);
  --mat-sys-primary-container: light-dark(#d7e3ff, #00458f);
  --mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);
  --mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#565e71, #bec6dc);
  --mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);
  --mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);
  --mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#faf9fd, #121316);
  --mat-sys-surface-bright: light-dark(#faf9fd, #38393c);
  --mat-sys-surface-container: light-dark(#efedf0, #1f2022);
  --mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);
  --mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);
  --mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);
  --mat-sys-surface-dim: light-dark(#dbd9dd, #121316);
  --mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);
  --mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);
  --mat-sys-tertiary: light-dark(#005cbb, #abc7ff);
  --mat-sys-tertiary-container: light-dark(#d7e3ff, #00458f);
  --mat-sys-tertiary-fixed: light-dark(#d7e3ff, #d7e3ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#abc7ff, #abc7ff);
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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;
}
body.violet-palette {
  --mat-sys-background: light-dark(#fef8fc, #151316);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);
  --mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);
  --mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);
  --mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #42008a);
  --mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);
  --mat-sys-on-primary-fixed: light-dark(#270057, #270057);
  --mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);
  --mat-sys-on-secondary: light-dark(#ffffff, #352d40);
  --mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);
  --mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);
  --mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);
  --mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e6);
  --mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);
  --mat-sys-on-tertiary: light-dark(#ffffff, #42008a);
  --mat-sys-on-tertiary-container: light-dark(#5f00c0, #ecdcff);
  --mat-sys-on-tertiary-fixed: light-dark(#270057, #270057);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#5f00c0, #5f00c0);
  --mat-sys-outline: light-dark(#7b757f, #958e99);
  --mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);
  --mat-sys-primary: light-dark(#7d00fa, #d5baff);
  --mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);
  --mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);
  --mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#645b70, #cec2db);
  --mat-sys-secondary-container: light-dark(#eadef7, #4b4357);
  --mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);
  --mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fef8fc, #151316);
  --mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);
  --mat-sys-surface-container: light-dark(#f2ecf1, #211f22);
  --mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);
  --mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);
  --mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);
  --mat-sys-surface-dim: light-dark(#ded8dd, #151316);
  --mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);
  --mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);
  --mat-sys-tertiary: light-dark(#7d00fa, #d5baff);
  --mat-sys-tertiary-container: light-dark(#ecdcff, #5f00c0);
  --mat-sys-tertiary-fixed: light-dark(#ecdcff, #ecdcff);
  --mat-sys-tertiary-fixed-dim: light-dark(#d5baff, #d5baff);
  --mat-sys-neutral-variant20: #332f37;
  --mat-sys-neutral10: #1d1b1e;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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;
}
body.rose-palette {
  --mat-sys-background: light-dark(#fff8f8, #171213);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#faeeef, #352f30);
  --mat-sys-inverse-primary: light-dark(#ffb1c5, #ba005c);
  --mat-sys-inverse-surface: light-dark(#352f30, #ece0e1);
  --mat-sys-on-background: light-dark(#201a1b, #ece0e1);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #65002f);
  --mat-sys-on-primary-container: light-dark(#8f0045, #ffd9e1);
  --mat-sys-on-primary-fixed: light-dark(#3f001b, #3f001b);
  --mat-sys-on-primary-fixed-variant: light-dark(#8f0045, #8f0045);
  --mat-sys-on-secondary: light-dark(#ffffff, #422930);
  --mat-sys-on-secondary-container: light-dark(#5b3f46, #ffd9e1);
  --mat-sys-on-secondary-fixed: light-dark(#2b151b, #2b151b);
  --mat-sys-on-secondary-fixed-variant: light-dark(#5b3f46, #5b3f46);
  --mat-sys-on-surface: light-dark(#201a1b, #ece0e1);
  --mat-sys-on-surface-variant: light-dark(#514346, #f3dde1);
  --mat-sys-on-tertiary: light-dark(#ffffff, #65002f);
  --mat-sys-on-tertiary-container: light-dark(#8f0045, #ffd9e1);
  --mat-sys-on-tertiary-fixed: light-dark(#3f001b, #3f001b);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#8f0045, #8f0045);
  --mat-sys-outline: light-dark(#847376, #9e8c90);
  --mat-sys-outline-variant: light-dark(#d6c2c5, #514346);
  --mat-sys-primary: light-dark(#ba005c, #ffb1c5);
  --mat-sys-primary-container: light-dark(#ffd9e1, #8f0045);
  --mat-sys-primary-fixed: light-dark(#ffd9e1, #ffd9e1);
  --mat-sys-primary-fixed-dim: light-dark(#ffb1c5, #ffb1c5);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#74565d, #e3bdc5);
  --mat-sys-secondary-container: light-dark(#ffd9e1, #5b3f46);
  --mat-sys-secondary-fixed: light-dark(#ffd9e1, #ffd9e1);
  --mat-sys-secondary-fixed-dim: light-dark(#e3bdc5, #e3bdc5);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fff8f8, #171213);
  --mat-sys-surface-bright: light-dark(#fff8f8, #3e3738);
  --mat-sys-surface-container: light-dark(#f7ebec, #241e1f);
  --mat-sys-surface-container-high: light-dark(#f1e5e6, #2f2829);
  --mat-sys-surface-container-highest: light-dark(#ece0e1, #3a3334);
  --mat-sys-surface-container-low: light-dark(#fdf1f2, #201a1b);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0e);
  --mat-sys-surface-dim: light-dark(#e3d7d8, #171213);
  --mat-sys-surface-tint: light-dark(#ba005c, #ffb1c5);
  --mat-sys-surface-variant: light-dark(#f3dde1, #514346);
  --mat-sys-tertiary: light-dark(#ba005c, #ffb1c5);
  --mat-sys-tertiary-container: light-dark(#ffd9e1, #8f0045);
  --mat-sys-tertiary-fixed: light-dark(#ffd9e1, #ffd9e1);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffb1c5, #ffb1c5);
  --mat-sys-neutral-variant20: #3a2d30;
  --mat-sys-neutral10: #201a1b;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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;
}

.flex-spacer {
  flex-grow: 1;
}

/*# sourceMappingURL=styles.css.map*/