.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow)}html{--mat-sys-on-surface: initial}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-sys-background, transparent));color:var(--mat-app-text-color, var(--mat-sys-on-background, inherit))}.my-red-theme{color-scheme:light;--mat-sys-background: light-dark(#fff8f7, #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(#ffb3ad, #a93633);--mat-sys-inverse-surface: light-dark(#362f2e, #eddfde);--mat-sys-on-background: light-dark(#211a1a, #eddfde);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #67020b);--mat-sys-on-primary-container: light-dark(#881e1f, #ffdad7);--mat-sys-on-primary-fixed: light-dark(#410004, #410004);--mat-sys-on-primary-fixed-variant: light-dark(#881e1f, #881e1f);--mat-sys-on-secondary: light-dark(#ffffff, #492725);--mat-sys-on-secondary-container: light-dark(#623d3a, #ffdad7);--mat-sys-on-secondary-fixed: light-dark(#301311, #301311);--mat-sys-on-secondary-fixed-variant: light-dark(#623d3a, #623d3a);--mat-sys-on-surface: light-dark(#211a1a, #eddfde);--mat-sys-on-surface-variant: light-dark(#58413f, #fcdbd8);--mat-sys-on-tertiary: light-dark(#ffffff, #412d00);--mat-sys-on-tertiary-container: light-dark(#5c4206, #ffdea5);--mat-sys-on-tertiary-fixed: light-dark(#271900, #271900);--mat-sys-on-tertiary-fixed-variant: light-dark(#5c4206, #5c4206);--mat-sys-outline: light-dark(#8b716f, #a68a88);--mat-sys-outline-variant: light-dark(#dfbfbc, #58413f);--mat-sys-primary: light-dark(#a93633, #ffb3ad);--mat-sys-primary-container: light-dark(#ffdad7, #881e1f);--mat-sys-primary-fixed: light-dark(#ffdad7, #ffdad7);--mat-sys-primary-fixed-dim: light-dark(#ffb3ad, #ffb3ad);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#7d5451, #eebab5);--mat-sys-secondary-container: light-dark(#ffdad7, #623d3a);--mat-sys-secondary-fixed: light-dark(#ffdad7, #ffdad7);--mat-sys-secondary-fixed-dim: light-dark(#eebab5, #eebab5);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f7, #181211);--mat-sys-surface-bright: light-dark(#fff8f7, #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(#eddfde, #3b3332);--mat-sys-surface-container-low: light-dark(#fef1ef, #211a1a);--mat-sys-surface-container-lowest: light-dark(#ffffff, #130d0c);--mat-sys-surface-dim: light-dark(#e4d7d6, #181211);--mat-sys-surface-tint: light-dark(#a93633, #ffb3ad);--mat-sys-surface-variant: light-dark(#fcdbd8, #58413f);--mat-sys-tertiary: light-dark(#775a1e, #e8c17b);--mat-sys-tertiary-container: light-dark(#ffdea5, #5c4206);--mat-sys-tertiary-fixed: light-dark(#ffdea5, #ffdea5);--mat-sys-tertiary-fixed-dim: light-dark(#e8c17b, #e8c17b);--mat-sys-neutral-variant20: #3f2b2a;--mat-sys-neutral10: #211a1a;--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: 400 1rem / 1.5rem Titillium Web;--mat-sys-body-large-font: Titillium Web;--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: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Titillium Web;--mat-sys-body-medium-font: Titillium Web;--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: 400;--mat-sys-body-small: 400 .75rem / 1rem Titillium Web;--mat-sys-body-small-font: Titillium Web;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Titillium Web;--mat-sys-display-large-font: Titillium Web;--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: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Titillium Web;--mat-sys-display-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-display-small-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-large-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-small-font: Titillium Web;--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 .875rem / 1.25rem Titillium Web;--mat-sys-label-large-font: Titillium Web;--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: 700;--mat-sys-label-medium: 500 .75rem / 1rem Titillium Web;--mat-sys-label-medium-font: Titillium Web;--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: 700;--mat-sys-label-small: 500 .688rem / 1rem Titillium Web;--mat-sys-label-small-font: Titillium Web;--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: 400 1.375rem / 1.75rem Titillium Web;--mat-sys-title-large-font: Titillium Web;--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 Titillium Web;--mat-sys-title-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-title-small-font: Titillium Web;--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}.my-blue-theme{color-scheme:light;--mat-sys-background: light-dark(#f9f9fa, #121415);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f1f1, #2f3132);--mat-sys-inverse-primary: light-dark(#8fcff1, #1b6584);--mat-sys-inverse-surface: light-dark(#2f3132, #e2e2e3);--mat-sys-on-background: light-dark(#1a1c1d, #e2e2e3);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003548);--mat-sys-on-primary-container: light-dark(#004d67, #c1e8ff);--mat-sys-on-primary-fixed: light-dark(#001e2b, #001e2b);--mat-sys-on-primary-fixed-variant: light-dark(#004d67, #004d67);--mat-sys-on-secondary: light-dark(#ffffff, #253239);--mat-sys-on-secondary-container: light-dark(#3b4950, #d6e5ed);--mat-sys-on-secondary-fixed: light-dark(#101d24, #101d24);--mat-sys-on-secondary-fixed-variant: light-dark(#3b4950, #3b4950);--mat-sys-on-surface: light-dark(#1a1c1d, #e2e2e3);--mat-sys-on-surface-variant: light-dark(#40484d, #dce4ea);--mat-sys-on-tertiary: light-dark(#ffffff, #312e44);--mat-sys-on-tertiary-container: light-dark(#47445c, #e5dffc);--mat-sys-on-tertiary-fixed: light-dark(#1c192e, #1c192e);--mat-sys-on-tertiary-fixed-variant: light-dark(#47445c, #47445c);--mat-sys-outline: light-dark(#70787e, #8a9298);--mat-sys-outline-variant: light-dark(#c0c8ce, #40484d);--mat-sys-primary: light-dark(#1b6584, #8fcff1);--mat-sys-primary-container: light-dark(#c1e8ff, #004d67);--mat-sys-primary-fixed: light-dark(#c1e8ff, #c1e8ff);--mat-sys-primary-fixed-dim: light-dark(#8fcff1, #8fcff1);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#536068, #bac9d1);--mat-sys-secondary-container: light-dark(#d6e5ed, #3b4950);--mat-sys-secondary-fixed: light-dark(#d6e5ed, #d6e5ed);--mat-sys-secondary-fixed-dim: light-dark(#bac9d1, #bac9d1);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9f9fa, #121415);--mat-sys-surface-bright: light-dark(#f9f9fa, #38393a);--mat-sys-surface-container: light-dark(#eeeeef, #1e2021);--mat-sys-surface-container-high: light-dark(#e8e8e9, #282a2b);--mat-sys-surface-container-highest: light-dark(#e2e2e3, #333536);--mat-sys-surface-container-low: light-dark(#f3f3f4, #1a1c1d);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0e0f);--mat-sys-surface-dim: light-dark(#dadadb, #121415);--mat-sys-surface-tint: light-dark(#1b6584, #8fcff1);--mat-sys-surface-variant: light-dark(#dce4ea, #40484d);--mat-sys-tertiary: light-dark(#5f5b74, #c9c3e0);--mat-sys-tertiary-container: light-dark(#e5dffc, #47445c);--mat-sys-tertiary-fixed: light-dark(#e5dffc, #e5dffc);--mat-sys-tertiary-fixed-dim: light-dark(#c9c3e0, #c9c3e0);--mat-sys-neutral-variant20: #2a3136;--mat-sys-neutral10: #1a1c1d;--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: 400 1rem / 1.5rem Titillium Web;--mat-sys-body-large-font: Titillium Web;--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: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Titillium Web;--mat-sys-body-medium-font: Titillium Web;--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: 400;--mat-sys-body-small: 400 .75rem / 1rem Titillium Web;--mat-sys-body-small-font: Titillium Web;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Titillium Web;--mat-sys-display-large-font: Titillium Web;--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: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Titillium Web;--mat-sys-display-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-display-small-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-large-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-small-font: Titillium Web;--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 .875rem / 1.25rem Titillium Web;--mat-sys-label-large-font: Titillium Web;--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: 700;--mat-sys-label-medium: 500 .75rem / 1rem Titillium Web;--mat-sys-label-medium-font: Titillium Web;--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: 700;--mat-sys-label-small: 500 .688rem / 1rem Titillium Web;--mat-sys-label-small-font: Titillium Web;--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: 400 1.375rem / 1.75rem Titillium Web;--mat-sys-title-large-font: Titillium Web;--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 Titillium Web;--mat-sys-title-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-title-small-font: Titillium Web;--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}.my-purple-theme{color-scheme:light;--mat-sys-background: light-dark(#fdf7ff, #141218);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff7, #322f35);--mat-sys-inverse-primary: light-dark(#cfbcff, #6750a4);--mat-sys-inverse-surface: light-dark(#322f35, #e6e0e9);--mat-sys-on-background: light-dark(#1d1b20, #e6e0e9);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #381e72);--mat-sys-on-primary-container: light-dark(#4f378a, #e9ddff);--mat-sys-on-primary-fixed: light-dark(#22005d, #22005d);--mat-sys-on-primary-fixed-variant: light-dark(#4f378a, #4f378a);--mat-sys-on-secondary: light-dark(#ffffff, #332d41);--mat-sys-on-secondary-container: light-dark(#4a4358, #e8def9);--mat-sys-on-secondary-fixed: light-dark(#1e192b, #1e192b);--mat-sys-on-secondary-fixed-variant: light-dark(#4a4358, #4a4358);--mat-sys-on-surface: light-dark(#1d1b20, #e6e0e9);--mat-sys-on-surface-variant: light-dark(#494551, #e7e0ee);--mat-sys-on-tertiary: light-dark(#ffffff, #492532);--mat-sys-on-tertiary-container: light-dark(#633b48, #ffd9e3);--mat-sys-on-tertiary-fixed: light-dark(#31111d, #31111d);--mat-sys-on-tertiary-fixed-variant: light-dark(#633b48, #633b48);--mat-sys-outline: light-dark(#7a7582, #948e9c);--mat-sys-outline-variant: light-dark(#cbc4d2, #494551);--mat-sys-primary: light-dark(#6750a4, #cfbcff);--mat-sys-primary-container: light-dark(#e9ddff, #4f378a);--mat-sys-primary-fixed: light-dark(#e9ddff, #e9ddff);--mat-sys-primary-fixed-dim: light-dark(#cfbcff, #cfbcff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#625b71, #ccc2dc);--mat-sys-secondary-container: light-dark(#e8def9, #4a4358);--mat-sys-secondary-fixed: light-dark(#e8def9, #e8def9);--mat-sys-secondary-fixed-dim: light-dark(#ccc2dc, #ccc2dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fdf7ff, #141218);--mat-sys-surface-bright: light-dark(#fdf7ff, #3b383e);--mat-sys-surface-container: light-dark(#f2ecf4, #211f24);--mat-sys-surface-container-high: light-dark(#ece6ee, #2b292f);--mat-sys-surface-container-highest: light-dark(#e6e0e9, #36343a);--mat-sys-surface-container-low: light-dark(#f8f2fa, #1d1b20);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d13);--mat-sys-surface-dim: light-dark(#ded8e0, #141218);--mat-sys-surface-tint: light-dark(#6750a4, #cfbcff);--mat-sys-surface-variant: light-dark(#e7e0ee, #494551);--mat-sys-tertiary: light-dark(#7d5260, #eeb8c8);--mat-sys-tertiary-container: light-dark(#ffd9e3, #633b48);--mat-sys-tertiary-fixed: light-dark(#ffd9e3, #ffd9e3);--mat-sys-tertiary-fixed-dim: light-dark(#eeb8c8, #eeb8c8);--mat-sys-neutral-variant20: #322f3a;--mat-sys-neutral10: #1d1b20;--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: 400 1rem / 1.5rem Titillium Web;--mat-sys-body-large-font: Titillium Web;--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: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Titillium Web;--mat-sys-body-medium-font: Titillium Web;--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: 400;--mat-sys-body-small: 400 .75rem / 1rem Titillium Web;--mat-sys-body-small-font: Titillium Web;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Titillium Web;--mat-sys-display-large-font: Titillium Web;--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: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Titillium Web;--mat-sys-display-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-display-small-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-large-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-small-font: Titillium Web;--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 .875rem / 1.25rem Titillium Web;--mat-sys-label-large-font: Titillium Web;--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: 700;--mat-sys-label-medium: 500 .75rem / 1rem Titillium Web;--mat-sys-label-medium-font: Titillium Web;--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: 700;--mat-sys-label-small: 500 .688rem / 1rem Titillium Web;--mat-sys-label-small-font: Titillium Web;--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: 400 1.375rem / 1.75rem Titillium Web;--mat-sys-title-large-font: Titillium Web;--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 Titillium Web;--mat-sys-title-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-title-small-font: Titillium Web;--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}.my-brown-theme{color-scheme:light;--mat-sys-background: light-dark(#fff8f5, #17120f);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#faefe7, #352f2b);--mat-sys-inverse-primary: light-dark(#ffb86e, #8a5100);--mat-sys-inverse-surface: light-dark(#352f2b, #ece0d9);--mat-sys-on-background: light-dark(#201b17, #ece0d9);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #492900);--mat-sys-on-primary-container: light-dark(#693c00, #ffdcbd);--mat-sys-on-primary-fixed: light-dark(#2c1600, #2c1600);--mat-sys-on-primary-fixed-variant: light-dark(#693c00, #693c00);--mat-sys-on-secondary: light-dark(#ffffff, #432b13);--mat-sys-on-secondary-container: light-dark(#5c4127, #ffdcbe);--mat-sys-on-secondary-fixed: light-dark(#2b1702, #2b1702);--mat-sys-on-secondary-fixed-variant: light-dark(#5c4127, #5c4127);--mat-sys-on-surface: light-dark(#201b17, #ece0d9);--mat-sys-on-surface-variant: light-dark(#544434, #f7dec9);--mat-sys-on-tertiary: light-dark(#ffffff, #293507);--mat-sys-on-tertiary-container: light-dark(#3f4c1c, #d9eaaa);--mat-sys-on-tertiary-fixed: light-dark(#161f00, #161f00);--mat-sys-on-tertiary-fixed-variant: light-dark(#3f4c1c, #3f4c1c);--mat-sys-outline: light-dark(#877462, #a28d7b);--mat-sys-outline-variant: light-dark(#dac2ae, #544434);--mat-sys-primary: light-dark(#8a5100, #ffb86e);--mat-sys-primary-container: light-dark(#ffdcbd, #693c00);--mat-sys-primary-fixed: light-dark(#ffdcbd, #ffdcbd);--mat-sys-primary-fixed-dim: light-dark(#ffb86e, #ffb86e);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#76593c, #e6bf9c);--mat-sys-secondary-container: light-dark(#ffdcbe, #5c4127);--mat-sys-secondary-fixed: light-dark(#ffdcbe, #ffdcbe);--mat-sys-secondary-fixed-dim: light-dark(#e6bf9c, #e6bf9c);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f5, #17120f);--mat-sys-surface-bright: light-dark(#fff8f5, #3e3833);--mat-sys-surface-container: light-dark(#f7ece5, #241f1a);--mat-sys-surface-container-high: light-dark(#f1e6df, #2f2924);--mat-sys-surface-container-highest: light-dark(#ece0d9, #3a342f);--mat-sys-surface-container-low: light-dark(#fdf1ea, #201b17);--mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0a);--mat-sys-surface-dim: light-dark(#e3d8d1, #17120f);--mat-sys-surface-tint: light-dark(#8a5100, #ffb86e);--mat-sys-surface-variant: light-dark(#f7dec9, #544434);--mat-sys-tertiary: light-dark(#566431, #bdcd90);--mat-sys-tertiary-container: light-dark(#d9eaaa, #3f4c1c);--mat-sys-tertiary-fixed: light-dark(#d9eaaa, #d9eaaa);--mat-sys-tertiary-fixed-dim: light-dark(#bdcd90, #bdcd90);--mat-sys-neutral-variant20: #3c2e20;--mat-sys-neutral10: #201b17;--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: 400 1rem / 1.5rem Titillium Web;--mat-sys-body-large-font: Titillium Web;--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: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Titillium Web;--mat-sys-body-medium-font: Titillium Web;--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: 400;--mat-sys-body-small: 400 .75rem / 1rem Titillium Web;--mat-sys-body-small-font: Titillium Web;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Titillium Web;--mat-sys-display-large-font: Titillium Web;--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: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Titillium Web;--mat-sys-display-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-display-small-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-large-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-small-font: Titillium Web;--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 .875rem / 1.25rem Titillium Web;--mat-sys-label-large-font: Titillium Web;--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: 700;--mat-sys-label-medium: 500 .75rem / 1rem Titillium Web;--mat-sys-label-medium-font: Titillium Web;--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: 700;--mat-sys-label-small: 500 .688rem / 1rem Titillium Web;--mat-sys-label-small-font: Titillium Web;--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: 400 1.375rem / 1.75rem Titillium Web;--mat-sys-title-large-font: Titillium Web;--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 Titillium Web;--mat-sys-title-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-title-small-font: Titillium Web;--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}.my-green-theme{color-scheme:light;--mat-sys-background: light-dark(#faf9f7, #121413);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f1f1ee, #2f312f);--mat-sys-inverse-primary: light-dark(#91d4b7, #266a52);--mat-sys-inverse-surface: light-dark(#2f312f, #e2e3e0);--mat-sys-on-background: light-dark(#1a1c1b, #e2e3e0);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003828);--mat-sys-on-primary-container: light-dark(#00513b, #acf1d3);--mat-sys-on-primary-fixed: light-dark(#002116, #002116);--mat-sys-on-primary-fixed-variant: light-dark(#00513b, #00513b);--mat-sys-on-secondary: light-dark(#ffffff, #26332d);--mat-sys-on-secondary-container: light-dark(#3c4a43, #d7e6dd);--mat-sys-on-secondary-fixed: light-dark(#111e19, #111e19);--mat-sys-on-secondary-fixed-variant: light-dark(#3c4a43, #3c4a43);--mat-sys-on-surface: light-dark(#1a1c1b, #e2e3e0);--mat-sys-on-surface-variant: light-dark(#3f4944, #dbe5de);--mat-sys-on-tertiary: light-dark(#ffffff, #1e333d);--mat-sys-on-tertiary-container: light-dark(#344a54, #cfe6f3);--mat-sys-on-tertiary-fixed: light-dark(#071e28, #071e28);--mat-sys-on-tertiary-fixed-variant: light-dark(#344a54, #344a54);--mat-sys-outline: light-dark(#707974, #89938d);--mat-sys-outline-variant: light-dark(#bfc9c2, #3f4944);--mat-sys-primary: light-dark(#266a52, #91d4b7);--mat-sys-primary-container: light-dark(#acf1d3, #00513b);--mat-sys-primary-fixed: light-dark(#acf1d3, #acf1d3);--mat-sys-primary-fixed-dim: light-dark(#91d4b7, #91d4b7);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#53625a, #bbcac1);--mat-sys-secondary-container: light-dark(#d7e6dd, #3c4a43);--mat-sys-secondary-fixed: light-dark(#d7e6dd, #d7e6dd);--mat-sys-secondary-fixed-dim: light-dark(#bbcac1, #bbcac1);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9f7, #121413);--mat-sys-surface-bright: light-dark(#faf9f7, #383a38);--mat-sys-surface-container: light-dark(#eeeeeb, #1e201f);--mat-sys-surface-container-high: light-dark(#e8e8e6, #282a29);--mat-sys-surface-container-highest: light-dark(#e2e3e0, #333534);--mat-sys-surface-container-low: light-dark(#f4f4f1, #1a1c1b);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0f0e);--mat-sys-surface-dim: light-dark(#dadad8, #121413);--mat-sys-surface-tint: light-dark(#266a52, #91d4b7);--mat-sys-surface-variant: light-dark(#dbe5de, #3f4944);--mat-sys-tertiary: light-dark(#4c616c, #b3cad7);--mat-sys-tertiary-container: light-dark(#cfe6f3, #344a54);--mat-sys-tertiary-fixed: light-dark(#cfe6f3, #cfe6f3);--mat-sys-tertiary-fixed-dim: light-dark(#b3cad7, #b3cad7);--mat-sys-neutral-variant20: #29322e;--mat-sys-neutral10: #1a1c1b;--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: 400 1rem / 1.5rem Titillium Web;--mat-sys-body-large-font: Titillium Web;--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: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Titillium Web;--mat-sys-body-medium-font: Titillium Web;--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: 400;--mat-sys-body-small: 400 .75rem / 1rem Titillium Web;--mat-sys-body-small-font: Titillium Web;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Titillium Web;--mat-sys-display-large-font: Titillium Web;--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: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Titillium Web;--mat-sys-display-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-display-small-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-large-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-headline-small-font: Titillium Web;--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 .875rem / 1.25rem Titillium Web;--mat-sys-label-large-font: Titillium Web;--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: 700;--mat-sys-label-medium: 500 .75rem / 1rem Titillium Web;--mat-sys-label-medium-font: Titillium Web;--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: 700;--mat-sys-label-small: 500 .688rem / 1rem Titillium Web;--mat-sys-label-small-font: Titillium Web;--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: 400 1.375rem / 1.75rem Titillium Web;--mat-sys-title-large-font: Titillium Web;--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 Titillium Web;--mat-sys-title-medium-font: Titillium Web;--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 Titillium Web;--mat-sys-title-small-font: Titillium Web;--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}body mat-card{--mat-card-elevated-container-color: var(--mat-sys-surface-container);--mat-card-outlined-container-color: var(--mat-sys-surface-container)}body.dark-mode{color-scheme:dark}body.dark-mode mat-card{--mat-card-elevated-container-color: var(--mat-sys-surface-bright);--mat-card-outlined-container-color: var(--mat-sys-surface-bright)}body.dark-mode mat-expansion-panel{--mat-expansion-container-background-color: var(--mat-sys-surface-container-high)}mat-button-toggle{--mat-button-toggle-height: 24px}mat-toolbar{--mat-toolbar-container-background-color: var(--mat-sys-primary-container);--mat-toolbar-container-text-color: var(--mat-sys-on-primary-container);--mat-icon-color: var(--mat-sys-on-primary-container);--mat-button-outlined-outline-color: var(--mat-sys-on-primary-container)}mat-dialog-container{--mat-dialog-container-color: var(--mat-sys-surface-bright)}mat-divider{--mat-divider-color: var(--mat-sys-outline-variant)}mat-chip-option.primary{--mat-chip-disabled-outline-color: red;--mat-chip-elevated-selected-container-color: var(--mat-sys-primary);--mat-chip-with-icon-icon-color: var(--mat-sys-on-primary);--mat-chip-with-icon-selected-icon-color: var(--mat-sys-on-primary);--mat-chip-selected-label-text-color: var(--mat-sys-on-primary);--mat-chip-selected-trailing-icon-color: var(--mat-sys-on-primary)}mat-chip-option.secondary{--mat-chip-disabled-outline-color: red;--mat-chip-elevated-selected-container-color: var(--mat-sys-secondary);--mat-chip-with-icon-icon-color: var(--mat-sys-on-secondary);--mat-chip-with-icon-selected-icon-color: var(--mat-sys-on-secondary);--mat-chip-selected-label-text-color: var(--mat-sys-on-secondary);--mat-chip-selected-trailing-icon-color: var(--mat-sys-on-secondary)}mat-paginator{--mat-paginator-container-background-color: var(--mat-sys-surface-bright)}.mat-badge.empty-badge{--mat-badge-background-color: var(--mat-sys-tertiary-container);--mat-badge-text-color: var(--mat-sys-on-tertiary-container)}.mat-mdc-menu-panel{--mat-menu-container-color: var(--mat-sys-primary-container)}.mat-mdc-header-row{background:var(--mat-sys-secondary-container)!important;color:var(--mat-sys-on-secondary-container)!important;font-weight:700!important;font-size:16px!important}.striped-rows:nth-child(2n){background:var(--mat-sys-secondary-container);color:var(--mat-sys-on-secondary-container)}.secondary-btn{--mat-button-filled-container-color: var(--mat-sys-secondary)}.error-btn{--mat-button-filled-container-color: var(--mat-sys-error)}.warn-icon{--mat-icon-color: var(--mat-sys-error)}.disabled-icon{--mat-icon-color: var(--mat-sys-on-surface-container-low)}.elevation{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.unlock-icon{--mat-icon-color: green}.lock-icon{--mat-icon-color: var(--mat-sys-error)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,picture{margin:0}body{line-height:1.5;min-height:100dvh;font-family:Titillium Web,sans-serif}img,picture{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#7776768f}table{border-collapse:separate}mat-form-field,table{width:100%}mat-error{text-align:end}mat-hint{font-size:12px}mat-paginator{padding:4px 8px}.content-grid{--padding-inline: 0rem;--content-max-width: 900px;--breakout-max-width: 1400px;--breakout-size: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - var(--padding-inline) * 2,var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.content-grid>:not(.breakout,.full-width),.full-width>:not(.breakout,.full-width){grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width{grid-column:full-width;display:grid;grid-template-columns:inherit}img.full-width{width:100%;max-height:45vh;object-fit:cover}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w90{width:90%}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mr-8{margin-right:8px}.mr-16{margin-right:16px}.mr-24{margin-right:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.ml-8{margin-left:8px}.ml-16{margin-left:16px}.ml-24{margin-left:24px}.pt-8{padding-top:8px}.pt-16{padding-top:16px}.pr-8{padding-right:8px}.pr-16{padding-right:16px}.pb-8{padding-bottom:8px}.pb-16{padding-bottom:16px}.pb-24{padding-bottom:24px}.tab-content{padding:16px 4px}.empty-table-data{text-align:center;color:red}.mobile-fab-button{position:fixed!important;z-index:2;bottom:2rem;right:2rem;margin:auto}.card-container,.flex-group{display:flex;gap:8px}.card-container{flex-direction:column}.table-container,.elevation{position:relative}.table-container{overflow:auto;box-sizing:border-box;background-color:var(--mat-sys-surface);border-style:solid;border-radius:var(--mat-sys-corner-medium);border-width:var(--mat-card-outlined-outline-width, 1px);border-color:var(--mat-sys-outline-variant)}.table-content{overflow-y:auto}.block-btn{width:100%;margin-bottom:8px}.space-between-flex,.center-flex{display:flex;box-sizing:border-box;align-items:center}.center-flex{justify-content:center}.mat-expansion-panel-header-description,.space-between-flex{justify-content:space-between}.separator{flex:1 1 auto}.loading-shade,.loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}.loading-shade{background:#00000026}.grid-container,.expansion-grid-container,.inner-grid-container{display:grid;gap:8px}.grid-container{grid-template-columns:.5fr 1fr}.mat-expansion-panel{line-height:2}.formatted-text{white-space:pre-wrap;font-family:inherit}.mat-mdc-header-row,.mat-column-num,.mat-column-id{font-weight:700!important}a,.mat-column-patient a{color:inherit}a:hover,.mat-column-patient a:hover{color:#237bc8}@media (hover: hover){.mat-mdc-row:hover .mat-mdc-cell:not(.exclude-hover){cursor:pointer;background:color-mix(in srgb,currentColor 10%,transparent)}}