html{height:100%;--mat-sys-background: light-dark(#fbf9f8, #131314);--mat-sys-error: light-dark(#c00016, #ffb4ac);--mat-sys-error-container: light-dark(#ffdad6, #93000e);--mat-sys-inverse-on-surface: light-dark(#f2f0f0, #303030);--mat-sys-inverse-primary: light-dark(#a6c8ff, #355f97);--mat-sys-inverse-surface: light-dark(#303030, #e4e2e2);--mat-sys-on-background: light-dark(#1b1c1c, #e4e2e2);--mat-sys-on-error: light-dark(#ffffff, #690007);--mat-sys-on-error-container: light-dark(#93000e, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #00315f);--mat-sys-on-primary-container: light-dark(#18477e, #d5e3ff);--mat-sys-on-primary-fixed: light-dark(#001c3b, #001c3b);--mat-sys-on-primary-fixed-variant: light-dark(#18477e, #18477e);--mat-sys-on-secondary: light-dark(#ffffff, #253500);--mat-sys-on-secondary-container: light-dark(#384e00, #c8f171);--mat-sys-on-secondary-fixed: light-dark(#141f00, #141f00);--mat-sys-on-secondary-fixed-variant: light-dark(#384e00, #384e00);--mat-sys-on-surface: light-dark(#1b1c1c, #e4e2e2);--mat-sys-on-surface-variant: light-dark(#384956, #d3e5f5);--mat-sys-on-tertiary: light-dark(#ffffff, #003826);--mat-sys-on-tertiary-container: light-dark(#005138, #79fac4);--mat-sys-on-tertiary-fixed: light-dark(#002114, #002114);--mat-sys-on-tertiary-fixed-variant: light-dark(#005138, #005138);--mat-sys-outline: light-dark(#687988, #8193a2);--mat-sys-outline-variant: light-dark(#b7c9d9, #384956);--mat-sys-primary: light-dark(#355f97, #a6c8ff);--mat-sys-primary-container: light-dark(#d5e3ff, #18477e);--mat-sys-primary-fixed: light-dark(#d5e3ff, #d5e3ff);--mat-sys-primary-fixed-dim: light-dark(#a6c8ff, #a6c8ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4b6700, #acd458);--mat-sys-secondary-container: light-dark(#c8f171, #384e00);--mat-sys-secondary-fixed: light-dark(#c8f171, #c8f171);--mat-sys-secondary-fixed-dim: light-dark(#acd458, #acd458);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fbf9f8, #131314);--mat-sys-surface-bright: light-dark(#fbf9f8, #393939);--mat-sys-surface-container: light-dark(#efeded, #1f2020);--mat-sys-surface-container-high: light-dark(#eae8e7, #2a2a2a);--mat-sys-surface-container-highest: light-dark(#e4e2e2, #343535);--mat-sys-surface-container-low: light-dark(#f5f3f3, #1b1c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e0e);--mat-sys-surface-dim: light-dark(#dbd9d9, #131314);--mat-sys-surface-tint: light-dark(#355f97, #a6c8ff);--mat-sys-surface-variant: light-dark(#d3e5f5, #384956);--mat-sys-tertiary: light-dark(#006c4c, #5adda9);--mat-sys-tertiary-container: light-dark(#79fac4, #005138);--mat-sys-tertiary-fixed: light-dark(#79fac4, #79fac4);--mat-sys-tertiary-fixed-dim: light-dark(#5adda9, #5adda9);--mat-sys-neutral-variant20: #21323f;--mat-sys-neutral10: #1b1c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 300 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: .031rem;--mat-sys-body-large-weight: 300;--mat-sys-body-medium: 300 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 300;--mat-sys-body-small: 300 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 300;--mat-sys-display-large: 300 3.562rem / 4rem Lora;--mat-sys-display-large-font: Lora;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 300;--mat-sys-display-medium: 300 2.812rem / 3.25rem Lora;--mat-sys-display-medium-font: Lora;--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: 300;--mat-sys-display-small: 300 2.25rem / 2.75rem Lora;--mat-sys-display-small-font: Lora;--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: 300;--mat-sys-headline-large: 300 2rem / 2.5rem Lora;--mat-sys-headline-large-font: Lora;--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: 300;--mat-sys-headline-medium: 300 1.75rem / 2.25rem Lora;--mat-sys-headline-medium-font: Lora;--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: 300;--mat-sys-headline-small: 300 1.5rem / 2rem Lora;--mat-sys-headline-small-font: Lora;--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: 300;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 900;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 900;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 300 1.375rem / 1.75rem Lora;--mat-sys-title-large-font: Lora;--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: 300;--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: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .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: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}@media(prefers-contrast:more){html{--mat-sys-primary: light-dark(#00244a, #eaf0ff);--mat-sys-on-primary: light-dark(#ffffff, #000000);--mat-sys-primary-container: light-dark(#003a70, #9fc4ff);--mat-sys-on-primary-container: light-dark(#fdfbff, #000b1e);--mat-sys-inverse-primary: light-dark(#a6c8ff, #1a487f);--mat-sys-primary-fixed: light-dark(#1b4a80, #d5e3ff);--mat-sys-primary-fixed-dim: light-dark(#003363, #a6c8ff);--mat-sys-on-primary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-primary-fixed-variant: light-dark(#ffffff, #001128);--mat-sys-secondary: light-dark(#223100, #d5ff7d);--mat-sys-on-secondary: light-dark(#ffffff, #000000);--mat-sys-secondary-container: light-dark(#3a5000, #a9d054);--mat-sys-on-secondary-container: light-dark(#ffffff, #070d00);--mat-sys-secondary-fixed: light-dark(#3a5000, #c8f171);--mat-sys-secondary-fixed-dim: light-dark(#273800, #acd458);--mat-sys-on-secondary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-secondary-fixed-variant: light-dark(#ffffff, #0c1400);--mat-sys-tertiary: light-dark(#002b1c, #b9ffdc);--mat-sys-on-tertiary: light-dark(#ffffff, #000000);--mat-sys-tertiary-container: light-dark(#00432e, #56d9a5);--mat-sys-on-tertiary-container: light-dark(#f4fff6, #000e07);--mat-sys-tertiary-fixed: light-dark(#00543a, #79fac4);--mat-sys-tertiary-fixed-dim: light-dark(#003b28, #5adda9);--mat-sys-on-tertiary-fixed: light-dark(#ffffff, #000000);--mat-sys-on-tertiary-fixed-variant: light-dark(#ffffff, #00150c);--mat-sys-background: light-dark(#fbf9f8, #131314);--mat-sys-on-background: light-dark(#1b1c1c, #e4e2e2);--mat-sys-surface: light-dark(#fbf9f8, #131314);--mat-sys-surface-dim: light-dark(#bab8b8, #131314);--mat-sys-surface-bright: light-dark(#fbf9f8, #505050);--mat-sys-surface-container-low: light-dark(#f2f0f0, #1f2020);--mat-sys-surface-container-lowest: light-dark(#ffffff, #000000);--mat-sys-surface-container: light-dark(#e4e2e2, #303030);--mat-sys-surface-container-high: light-dark(#d6d4d4, #3b3b3b);--mat-sys-surface-container-highest: light-dark(#c8c6c6, #474747);--mat-sys-on-surface: light-dark(#000000, #ffffff);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-surface-tint: light-dark(#355f97, #a6c8ff);--mat-sys-inverse-surface: light-dark(#303030, #e4e2e2);--mat-sys-inverse-on-surface: light-dark(#ffffff, #000000);--mat-sys-outline: light-dark(#1d2e3a, #e4f2ff);--mat-sys-outline-variant: light-dark(#3a4b58, #b3c5d5);--mat-sys-error: light-dark(#600006, #ffece9);--mat-sys-on-error: light-dark(#ffffff, #000000);--mat-sys-error-container: light-dark(#98000f, #ffaea6);--mat-sys-on-error-container: light-dark(#ffffff, #220001);--mat-sys-surface-variant: light-dark(#d3e5f5, #384956);--mat-sys-on-surface-variant: light-dark(#000000, #ffffff)}}html .primary-theme{--mat-sys-background: light-dark(#fbf9f8, #131314);--mat-sys-error: light-dark(#c00016, #ffb4ac);--mat-sys-error-container: light-dark(#ffdad6, #93000e);--mat-sys-inverse-on-surface: light-dark(#f2f0f0, #303030);--mat-sys-inverse-primary: light-dark(#a6c8ff, #355f97);--mat-sys-inverse-surface: light-dark(#303030, #e4e2e2);--mat-sys-on-background: light-dark(#1b1c1c, #e4e2e2);--mat-sys-on-error: light-dark(#ffffff, #690007);--mat-sys-on-error-container: light-dark(#93000e, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #00315f);--mat-sys-on-primary-container: light-dark(#18477e, #d5e3ff);--mat-sys-on-primary-fixed: light-dark(#001c3b, #001c3b);--mat-sys-on-primary-fixed-variant: light-dark(#18477e, #18477e);--mat-sys-on-secondary: light-dark(#ffffff, #253500);--mat-sys-on-secondary-container: light-dark(#384e00, #c8f171);--mat-sys-on-secondary-fixed: light-dark(#141f00, #141f00);--mat-sys-on-secondary-fixed-variant: light-dark(#384e00, #384e00);--mat-sys-on-surface: light-dark(#1b1c1c, #e4e2e2);--mat-sys-on-surface-variant: light-dark(#384956, #d3e5f5);--mat-sys-on-tertiary: light-dark(#ffffff, #21323f);--mat-sys-on-tertiary-container: light-dark(#384956, #d3e5f5);--mat-sys-on-tertiary-fixed: light-dark(#0b1d29, #0b1d29);--mat-sys-on-tertiary-fixed-variant: light-dark(#384956, #384956);--mat-sys-outline: light-dark(#687988, #8193a2);--mat-sys-outline-variant: light-dark(#b7c9d9, #384956);--mat-sys-primary: light-dark(#355f97, #a6c8ff);--mat-sys-primary-container: light-dark(#d5e3ff, #18477e);--mat-sys-primary-fixed: light-dark(#d5e3ff, #d5e3ff);--mat-sys-primary-fixed-dim: light-dark(#a6c8ff, #a6c8ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4b6700, #acd458);--mat-sys-secondary-container: light-dark(#c8f171, #384e00);--mat-sys-secondary-fixed: light-dark(#c8f171, #c8f171);--mat-sys-secondary-fixed-dim: light-dark(#acd458, #acd458);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fbf9f8, #131314);--mat-sys-surface-bright: light-dark(#fbf9f8, #393939);--mat-sys-surface-container: light-dark(#efeded, #1f2020);--mat-sys-surface-container-high: light-dark(#eae8e7, #2a2a2a);--mat-sys-surface-container-highest: light-dark(#e4e2e2, #343535);--mat-sys-surface-container-low: light-dark(#f5f3f3, #1b1c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e0e);--mat-sys-surface-dim: light-dark(#dbd9d9, #131314);--mat-sys-surface-tint: light-dark(#355f97, #a6c8ff);--mat-sys-surface-variant: light-dark(#d3e5f5, #384956);--mat-sys-tertiary: light-dark(#4f606e, #b7c9d9);--mat-sys-tertiary-container: light-dark(#d3e5f5, #384956);--mat-sys-tertiary-fixed: light-dark(#d3e5f5, #d3e5f5);--mat-sys-tertiary-fixed-dim: light-dark(#b7c9d9, #b7c9d9);--mat-sys-neutral-variant20: #21323f;--mat-sys-neutral10: #1b1c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(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: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html .secondary-theme{--mat-sys-background: light-dark(#fbf9f8, #131314);--mat-sys-error: light-dark(#c00016, #ffb4ac);--mat-sys-error-container: light-dark(#ffdad6, #93000e);--mat-sys-inverse-on-surface: light-dark(#f2f0f0, #303030);--mat-sys-inverse-primary: light-dark(#acd458, #4b6700);--mat-sys-inverse-surface: light-dark(#303030, #e4e2e2);--mat-sys-on-background: light-dark(#1b1c1c, #e4e2e2);--mat-sys-on-error: light-dark(#ffffff, #690007);--mat-sys-on-error-container: light-dark(#93000e, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #253500);--mat-sys-on-primary-container: light-dark(#384e00, #c8f171);--mat-sys-on-primary-fixed: light-dark(#141f00, #141f00);--mat-sys-on-primary-fixed-variant: light-dark(#384e00, #384e00);--mat-sys-on-secondary: light-dark(#ffffff, #253500);--mat-sys-on-secondary-container: light-dark(#384e00, #c8f171);--mat-sys-on-secondary-fixed: light-dark(#141f00, #141f00);--mat-sys-on-secondary-fixed-variant: light-dark(#384e00, #384e00);--mat-sys-on-surface: light-dark(#1b1c1c, #e4e2e2);--mat-sys-on-surface-variant: light-dark(#384956, #d3e5f5);--mat-sys-on-tertiary: light-dark(#ffffff, #003826);--mat-sys-on-tertiary-container: light-dark(#005138, #79fac4);--mat-sys-on-tertiary-fixed: light-dark(#002114, #002114);--mat-sys-on-tertiary-fixed-variant: light-dark(#005138, #005138);--mat-sys-outline: light-dark(#687988, #8193a2);--mat-sys-outline-variant: light-dark(#b7c9d9, #384956);--mat-sys-primary: light-dark(#4b6700, #acd458);--mat-sys-primary-container: light-dark(#c8f171, #384e00);--mat-sys-primary-fixed: light-dark(#c8f171, #c8f171);--mat-sys-primary-fixed-dim: light-dark(#acd458, #acd458);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4b6700, #acd458);--mat-sys-secondary-container: light-dark(#c8f171, #384e00);--mat-sys-secondary-fixed: light-dark(#c8f171, #c8f171);--mat-sys-secondary-fixed-dim: light-dark(#acd458, #acd458);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fbf9f8, #131314);--mat-sys-surface-bright: light-dark(#fbf9f8, #393939);--mat-sys-surface-container: light-dark(#efeded, #1f2020);--mat-sys-surface-container-high: light-dark(#eae8e7, #2a2a2a);--mat-sys-surface-container-highest: light-dark(#e4e2e2, #343535);--mat-sys-surface-container-low: light-dark(#f5f3f3, #1b1c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e0e);--mat-sys-surface-dim: light-dark(#dbd9d9, #131314);--mat-sys-surface-tint: light-dark(#4b6700, #acd458);--mat-sys-surface-variant: light-dark(#d3e5f5, #384956);--mat-sys-tertiary: light-dark(#006c4c, #5adda9);--mat-sys-tertiary-container: light-dark(#79fac4, #005138);--mat-sys-tertiary-fixed: light-dark(#79fac4, #79fac4);--mat-sys-tertiary-fixed-dim: light-dark(#5adda9, #5adda9);--mat-sys-neutral-variant20: #21323f;--mat-sys-neutral10: #1b1c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(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: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html .tertiary-theme{--mat-sys-background: light-dark(#fbf9f8, #131314);--mat-sys-error: light-dark(#c00016, #ffb4ac);--mat-sys-error-container: light-dark(#ffdad6, #93000e);--mat-sys-inverse-on-surface: light-dark(#f2f0f0, #303030);--mat-sys-inverse-primary: light-dark(#5adda9, #006c4c);--mat-sys-inverse-surface: light-dark(#303030, #e4e2e2);--mat-sys-on-background: light-dark(#1b1c1c, #e4e2e2);--mat-sys-on-error: light-dark(#ffffff, #690007);--mat-sys-on-error-container: light-dark(#93000e, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003826);--mat-sys-on-primary-container: light-dark(#005138, #79fac4);--mat-sys-on-primary-fixed: light-dark(#002114, #002114);--mat-sys-on-primary-fixed-variant: light-dark(#005138, #005138);--mat-sys-on-secondary: light-dark(#ffffff, #253500);--mat-sys-on-secondary-container: light-dark(#384e00, #c8f171);--mat-sys-on-secondary-fixed: light-dark(#141f00, #141f00);--mat-sys-on-secondary-fixed-variant: light-dark(#384e00, #384e00);--mat-sys-on-surface: light-dark(#1b1c1c, #e4e2e2);--mat-sys-on-surface-variant: light-dark(#384956, #d3e5f5);--mat-sys-on-tertiary: light-dark(#ffffff, #00315f);--mat-sys-on-tertiary-container: light-dark(#18477e, #d5e3ff);--mat-sys-on-tertiary-fixed: light-dark(#001c3b, #001c3b);--mat-sys-on-tertiary-fixed-variant: light-dark(#18477e, #18477e);--mat-sys-outline: light-dark(#687988, #8193a2);--mat-sys-outline-variant: light-dark(#b7c9d9, #384956);--mat-sys-primary: light-dark(#006c4c, #5adda9);--mat-sys-primary-container: light-dark(#79fac4, #005138);--mat-sys-primary-fixed: light-dark(#79fac4, #79fac4);--mat-sys-primary-fixed-dim: light-dark(#5adda9, #5adda9);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4b6700, #acd458);--mat-sys-secondary-container: light-dark(#c8f171, #384e00);--mat-sys-secondary-fixed: light-dark(#c8f171, #c8f171);--mat-sys-secondary-fixed-dim: light-dark(#acd458, #acd458);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fbf9f8, #131314);--mat-sys-surface-bright: light-dark(#fbf9f8, #393939);--mat-sys-surface-container: light-dark(#efeded, #1f2020);--mat-sys-surface-container-high: light-dark(#eae8e7, #2a2a2a);--mat-sys-surface-container-highest: light-dark(#e4e2e2, #343535);--mat-sys-surface-container-low: light-dark(#f5f3f3, #1b1c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e0e);--mat-sys-surface-dim: light-dark(#dbd9d9, #131314);--mat-sys-surface-tint: light-dark(#006c4c, #5adda9);--mat-sys-surface-variant: light-dark(#d3e5f5, #384956);--mat-sys-tertiary: light-dark(#355f97, #a6c8ff);--mat-sys-tertiary-container: light-dark(#d5e3ff, #18477e);--mat-sys-tertiary-fixed: light-dark(#d5e3ff, #d5e3ff);--mat-sys-tertiary-fixed-dim: light-dark(#a6c8ff, #a6c8ff);--mat-sys-neutral-variant20: #21323f;--mat-sys-neutral10: #1b1c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(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: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html .neutral-theme{--mat-sys-background: light-dark(#fbf9f8, #131314);--mat-sys-error: light-dark(#c00016, #ffb4ac);--mat-sys-error-container: light-dark(#ffdad6, #93000e);--mat-sys-inverse-on-surface: light-dark(#f2f0f0, #303030);--mat-sys-inverse-primary: light-dark(#c8c6c6, #5e5e5e);--mat-sys-inverse-surface: light-dark(#303030, #e4e2e2);--mat-sys-on-background: light-dark(#1b1c1c, #e4e2e2);--mat-sys-on-error: light-dark(#ffffff, #690007);--mat-sys-on-error-container: light-dark(#93000e, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #303030);--mat-sys-on-primary-container: light-dark(#474747, #e4e2e2);--mat-sys-on-primary-fixed: light-dark(#1b1c1c, #1b1c1c);--mat-sys-on-primary-fixed-variant: light-dark(#474747, #474747);--mat-sys-on-secondary: light-dark(#ffffff, #253500);--mat-sys-on-secondary-container: light-dark(#384e00, #c8f171);--mat-sys-on-secondary-fixed: light-dark(#141f00, #141f00);--mat-sys-on-secondary-fixed-variant: light-dark(#384e00, #384e00);--mat-sys-on-surface: light-dark(#1b1c1c, #e4e2e2);--mat-sys-on-surface-variant: light-dark(#384956, #d3e5f5);--mat-sys-on-tertiary: light-dark(#ffffff, #21323f);--mat-sys-on-tertiary-container: light-dark(#384956, #d3e5f5);--mat-sys-on-tertiary-fixed: light-dark(#0b1d29, #0b1d29);--mat-sys-on-tertiary-fixed-variant: light-dark(#384956, #384956);--mat-sys-outline: light-dark(#687988, #8193a2);--mat-sys-outline-variant: light-dark(#b7c9d9, #384956);--mat-sys-primary: light-dark(#5e5e5e, #c8c6c6);--mat-sys-primary-container: light-dark(#e4e2e2, #474747);--mat-sys-primary-fixed: light-dark(#e4e2e2, #e4e2e2);--mat-sys-primary-fixed-dim: light-dark(#c8c6c6, #c8c6c6);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4b6700, #acd458);--mat-sys-secondary-container: light-dark(#c8f171, #384e00);--mat-sys-secondary-fixed: light-dark(#c8f171, #c8f171);--mat-sys-secondary-fixed-dim: light-dark(#acd458, #acd458);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fbf9f8, #131314);--mat-sys-surface-bright: light-dark(#fbf9f8, #393939);--mat-sys-surface-container: light-dark(#efeded, #1f2020);--mat-sys-surface-container-high: light-dark(#eae8e7, #2a2a2a);--mat-sys-surface-container-highest: light-dark(#e4e2e2, #343535);--mat-sys-surface-container-low: light-dark(#f5f3f3, #1b1c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e0e);--mat-sys-surface-dim: light-dark(#dbd9d9, #131314);--mat-sys-surface-tint: light-dark(#5e5e5e, #c8c6c6);--mat-sys-surface-variant: light-dark(#d3e5f5, #384956);--mat-sys-tertiary: light-dark(#4f606e, #b7c9d9);--mat-sys-tertiary-container: light-dark(#d3e5f5, #384956);--mat-sys-tertiary-fixed: light-dark(#d3e5f5, #d3e5f5);--mat-sys-tertiary-fixed-dim: light-dark(#b7c9d9, #b7c9d9);--mat-sys-neutral-variant20: #21323f;--mat-sys-neutral10: #1b1c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(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: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html .neutral-variant-theme{--mat-sys-background: light-dark(#fbf9f8, #131314);--mat-sys-error: light-dark(#c00016, #ffb4ac);--mat-sys-error-container: light-dark(#ffdad6, #93000e);--mat-sys-inverse-on-surface: light-dark(#f2f0f0, #303030);--mat-sys-inverse-primary: light-dark(#b7c9d9, #4f606e);--mat-sys-inverse-surface: light-dark(#303030, #e4e2e2);--mat-sys-on-background: light-dark(#1b1c1c, #e4e2e2);--mat-sys-on-error: light-dark(#ffffff, #690007);--mat-sys-on-error-container: light-dark(#93000e, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #21323f);--mat-sys-on-primary-container: light-dark(#384956, #d3e5f5);--mat-sys-on-primary-fixed: light-dark(#0b1d29, #0b1d29);--mat-sys-on-primary-fixed-variant: light-dark(#384956, #384956);--mat-sys-on-secondary: light-dark(#ffffff, #253500);--mat-sys-on-secondary-container: light-dark(#384e00, #c8f171);--mat-sys-on-secondary-fixed: light-dark(#141f00, #141f00);--mat-sys-on-secondary-fixed-variant: light-dark(#384e00, #384e00);--mat-sys-on-surface: light-dark(#1b1c1c, #e4e2e2);--mat-sys-on-surface-variant: light-dark(#384956, #d3e5f5);--mat-sys-on-tertiary: light-dark(#ffffff, #303030);--mat-sys-on-tertiary-container: light-dark(#474747, #e4e2e2);--mat-sys-on-tertiary-fixed: light-dark(#1b1c1c, #1b1c1c);--mat-sys-on-tertiary-fixed-variant: light-dark(#474747, #474747);--mat-sys-outline: light-dark(#687988, #8193a2);--mat-sys-outline-variant: light-dark(#b7c9d9, #384956);--mat-sys-primary: light-dark(#4f606e, #b7c9d9);--mat-sys-primary-container: light-dark(#d3e5f5, #384956);--mat-sys-primary-fixed: light-dark(#d3e5f5, #d3e5f5);--mat-sys-primary-fixed-dim: light-dark(#b7c9d9, #b7c9d9);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4b6700, #acd458);--mat-sys-secondary-container: light-dark(#c8f171, #384e00);--mat-sys-secondary-fixed: light-dark(#c8f171, #c8f171);--mat-sys-secondary-fixed-dim: light-dark(#acd458, #acd458);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fbf9f8, #131314);--mat-sys-surface-bright: light-dark(#fbf9f8, #393939);--mat-sys-surface-container: light-dark(#efeded, #1f2020);--mat-sys-surface-container-high: light-dark(#eae8e7, #2a2a2a);--mat-sys-surface-container-highest: light-dark(#e4e2e2, #343535);--mat-sys-surface-container-low: light-dark(#f5f3f3, #1b1c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0e0e0e);--mat-sys-surface-dim: light-dark(#dbd9d9, #131314);--mat-sys-surface-tint: light-dark(#4f606e, #b7c9d9);--mat-sys-surface-variant: light-dark(#d3e5f5, #384956);--mat-sys-tertiary: light-dark(#5e5e5e, #c8c6c6);--mat-sys-tertiary-container: light-dark(#e4e2e2, #474747);--mat-sys-tertiary-fixed: light-dark(#e4e2e2, #e4e2e2);--mat-sys-tertiary-fixed-dim: light-dark(#c8c6c6, #c8c6c6);--mat-sys-neutral-variant20: #21323f;--mat-sys-neutral10: #1b1c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(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: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html .error-theme{--mat-sys-background: light-dark(#fff8f7, #1f0f0d);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#ffedea, #402b29);--mat-sys-inverse-primary: light-dark(#ffb4ac, #c00016);--mat-sys-inverse-surface: light-dark(#402b29, #fddbd7);--mat-sys-on-background: light-dark(#291715, #fddbd7);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #690007);--mat-sys-on-primary-container: light-dark(#93000e, #ffdad6);--mat-sys-on-primary-fixed: light-dark(#410003, #410003);--mat-sys-on-primary-fixed-variant: light-dark(#93000e, #93000e);--mat-sys-on-secondary: light-dark(#ffffff, #690007);--mat-sys-on-secondary-container: light-dark(#8a1b1a, #ffdad6);--mat-sys-on-secondary-fixed: light-dark(#410003, #410003);--mat-sys-on-secondary-fixed-variant: light-dark(#8a1b1a, #8a1b1a);--mat-sys-on-surface: light-dark(#291715, #fddbd7);--mat-sys-on-surface-variant: light-dark(#5d3f3c, #ffdad6);--mat-sys-on-tertiary: light-dark(#ffffff, #492900);--mat-sys-on-tertiary-container: light-dark(#683d00, #ffdcbc);--mat-sys-on-tertiary-fixed: light-dark(#2c1700, #2c1700);--mat-sys-on-tertiary-fixed-variant: light-dark(#683d00, #683d00);--mat-sys-outline: light-dark(#926f6b, #ad8884);--mat-sys-outline-variant: light-dark(#e7bdb8, #5d3f3c);--mat-sys-primary: light-dark(#c00016, #ffb4ac);--mat-sys-primary-container: light-dark(#ffdad6, #93000e);--mat-sys-primary-fixed: light-dark(#ffdad6, #ffdad6);--mat-sys-primary-fixed-dim: light-dark(#ffb4ac, #ffb4ac);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#ab332e, #ffb4ac);--mat-sys-secondary-container: light-dark(#ffdad6, #8a1b1a);--mat-sys-secondary-fixed: light-dark(#ffdad6, #ffdad6);--mat-sys-secondary-fixed-dim: light-dark(#ffb4ac, #ffb4ac);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f7, #1f0f0d);--mat-sys-surface-bright: light-dark(#fff8f7, #493432);--mat-sys-surface-container: light-dark(#ffe9e6, #2d1b19);--mat-sys-surface-container-high: light-dark(#ffe2de, #392523);--mat-sys-surface-container-highest: light-dark(#fddbd7, #45302d);--mat-sys-surface-container-low: light-dark(#fff0ef, #291715);--mat-sys-surface-container-lowest: light-dark(#ffffff, #1a0a08);--mat-sys-surface-dim: light-dark(#f4d2cf, #1f0f0d);--mat-sys-surface-tint: light-dark(#c00016, #ffb4ac);--mat-sys-surface-variant: light-dark(#ffdad6, #5d3f3c);--mat-sys-tertiary: light-dark(#895100, #ffb86c);--mat-sys-tertiary-container: light-dark(#ffdcbc, #683d00);--mat-sys-tertiary-fixed: light-dark(#ffdcbc, #ffdcbc);--mat-sys-tertiary-fixed-dim: light-dark(#ffb86c, #ffb86c);--mat-sys-neutral-variant20: #442927;--mat-sys-neutral10: #291715;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(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: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html .warning-theme{--mat-sys-background: light-dark(#fff8f2, #181309);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbefde, #363024);--mat-sys-inverse-primary: light-dark(#fcbc00, #7a5900);--mat-sys-inverse-surface: light-dark(#363024, #ede1d0);--mat-sys-on-background: light-dark(#201b11, #ede1d0);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #402d00);--mat-sys-on-primary-container: light-dark(#5c4300, #ffdea1);--mat-sys-on-primary-fixed: light-dark(#261900, #261900);--mat-sys-on-primary-fixed-variant: light-dark(#5c4300, #5c4300);--mat-sys-on-secondary: light-dark(#ffffff, #402d00);--mat-sys-on-secondary-container: light-dark(#5b4307, #ffdea1);--mat-sys-on-secondary-fixed: light-dark(#261900, #261900);--mat-sys-on-secondary-fixed-variant: light-dark(#5b4307, #5b4307);--mat-sys-on-surface: light-dark(#201b11, #ede1d0);--mat-sys-on-surface-variant: light-dark(#504532, #f1e0c6);--mat-sys-on-tertiary: light-dark(#ffffff, #2c3400);--mat-sys-on-tertiary-container: light-dark(#404c00, #d5ee5a);--mat-sys-on-tertiary-fixed: light-dark(#181e00, #181e00);--mat-sys-on-tertiary-fixed-variant: light-dark(#404c00, #404c00);--mat-sys-outline: light-dark(#827560, #9d8f78);--mat-sys-outline-variant: light-dark(#d4c5ab, #504532);--mat-sys-primary: light-dark(#7a5900, #fcbc00);--mat-sys-primary-container: light-dark(#ffdea1, #5c4300);--mat-sys-primary-fixed: light-dark(#ffdea1, #ffdea1);--mat-sys-primary-fixed-dim: light-dark(#fcbc00, #fcbc00);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#755a1f, #e5c27c);--mat-sys-secondary-container: light-dark(#ffdea1, #5b4307);--mat-sys-secondary-fixed: light-dark(#ffdea1, #ffdea1);--mat-sys-secondary-fixed-dim: light-dark(#e5c27c, #e5c27c);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f2, #181309);--mat-sys-surface-bright: light-dark(#fff8f2, #3f382d);--mat-sys-surface-container: light-dark(#f8ecdb, #241f14);--mat-sys-surface-container-high: light-dark(#f3e7d6, #2f291e);--mat-sys-surface-container-highest: light-dark(#ede1d0, #3a3428);--mat-sys-surface-container-low: light-dark(#fef2e1, #201b11);--mat-sys-surface-container-lowest: light-dark(#ffffff, #120e05);--mat-sys-surface-dim: light-dark(#e4d8c8, #181309);--mat-sys-surface-tint: light-dark(#7a5900, #fcbc00);--mat-sys-surface-variant: light-dark(#f1e0c6, #504532);--mat-sys-tertiary: light-dark(#566500, #bad240);--mat-sys-tertiary-container: light-dark(#d5ee5a, #404c00);--mat-sys-tertiary-fixed: light-dark(#d5ee5a, #d5ee5a);--mat-sys-tertiary-fixed-dim: light-dark(#bad240, #bad240);--mat-sys-neutral-variant20: #382f1d;--mat-sys-neutral10: #201b11;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(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: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html .success-theme{--mat-sys-background: light-dark(#f9fbed, #11140d);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f0f2e4, #2e3229);--mat-sys-inverse-primary: light-dark(#a4d660, #426900);--mat-sys-inverse-surface: light-dark(#2e3229, #e2e4d6);--mat-sys-on-background: light-dark(#1a1d15, #e2e4d6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #203600);--mat-sys-on-primary-container: light-dark(#314f00, #bff378);--mat-sys-on-primary-fixed: light-dark(#112000, #112000);--mat-sys-on-primary-fixed-variant: light-dark(#314f00, #314f00);--mat-sys-on-secondary: light-dark(#ffffff, #24350d);--mat-sys-on-secondary-container: light-dark(#3a4c21, #d4ebb1);--mat-sys-on-secondary-fixed: light-dark(#112000, #112000);--mat-sys-on-secondary-fixed-variant: light-dark(#3a4c21, #3a4c21);--mat-sys-on-surface: light-dark(#1a1d15, #e2e4d6);--mat-sys-on-surface-variant: light-dark(#434939, #dfe5d0);--mat-sys-on-tertiary: light-dark(#ffffff, #003825);--mat-sys-on-tertiary-container: light-dark(#005237, #6dfcbe);--mat-sys-on-tertiary-fixed: light-dark(#002114, #002114);--mat-sys-on-tertiary-fixed-variant: light-dark(#005237, #005237);--mat-sys-outline: light-dark(#737968, #8d9380);--mat-sys-outline-variant: light-dark(#c3c9b4, #434939);--mat-sys-primary: light-dark(#426900, #a4d660);--mat-sys-primary-container: light-dark(#bff378, #314f00);--mat-sys-primary-fixed: light-dark(#bff378, #bff378);--mat-sys-primary-fixed-dim: light-dark(#a4d660, #a4d660);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#516537, #b8ce96);--mat-sys-secondary-container: light-dark(#d4ebb1, #3a4c21);--mat-sys-secondary-fixed: light-dark(#d4ebb1, #d4ebb1);--mat-sys-secondary-fixed-dim: light-dark(#b8ce96, #b8ce96);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9fbed, #11140d);--mat-sys-surface-bright: light-dark(#f9fbed, #373a31);--mat-sys-surface-container: light-dark(#edefe1, #1e2118);--mat-sys-surface-container-high: light-dark(#e7e9dc, #282b22);--mat-sys-surface-container-highest: light-dark(#e2e4d6, #33362d);--mat-sys-surface-container-low: light-dark(#f3f5e7, #1a1d15);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f08);--mat-sys-surface-dim: light-dark(#d9dbce, #11140d);--mat-sys-surface-tint: light-dark(#426900, #a4d660);--mat-sys-surface-variant: light-dark(#dfe5d0, #434939);--mat-sys-tertiary: light-dark(#006c4a, #4cdea3);--mat-sys-tertiary-container: light-dark(#6dfcbe, #005237);--mat-sys-tertiary-fixed: light-dark(#6dfcbe, #6dfcbe);--mat-sys-tertiary-fixed-dim: light-dark(#4cdea3, #4cdea3);--mat-sys-neutral-variant20: #2d3224;--mat-sys-neutral10: #1a1d15;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(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: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light dark;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}body.dark-theme{color-scheme:dark}body.light-theme{color-scheme:light}@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: "Roboto", sans-serif;--font-mono: "Inconsolata", monospace;--spacing: .25rem;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.m-4{margin:calc(var(--spacing) * 4)}.contents{display:contents}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center-safe{align-items:safe center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-4{gap:calc(var(--spacing) * 4)}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}