.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))}html{color-scheme:light;--mat-sys-background: light-dark(#f7faf9, #101414);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1f1, #2d3131);--mat-sys-inverse-primary: light-dark(#4cd9e2, #00696e);--mat-sys-inverse-surface: light-dark(#2d3131, #e0e3e3);--mat-sys-on-background: light-dark(#191c1c, #e0e3e3);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #00373a);--mat-sys-on-primary-container: light-dark(#004f53, #6ff6ff);--mat-sys-on-primary-fixed: light-dark(#002022, #002022);--mat-sys-on-primary-fixed-variant: light-dark(#004f53, #004f53);--mat-sys-on-secondary: light-dark(#ffffff, #1b3436);--mat-sys-on-secondary-container: light-dark(#324b4d, #cce8e9);--mat-sys-on-secondary-fixed: light-dark(#051f21, #051f21);--mat-sys-on-secondary-fixed-variant: light-dark(#324b4d, #324b4d);--mat-sys-on-surface: light-dark(#191c1c, #e0e3e3);--mat-sys-on-surface-variant: light-dark(#3f4849, #dae4e5);--mat-sys-on-tertiary: light-dark(#ffffff, #20314c);--mat-sys-on-tertiary-container: light-dark(#374764, #d6e3ff);--mat-sys-on-tertiary-fixed: light-dark(#091b36, #091b36);--mat-sys-on-tertiary-fixed-variant: light-dark(#374764, #374764);--mat-sys-outline: light-dark(#6f7979, #899393);--mat-sys-outline-variant: light-dark(#bec8c9, #3f4849);--mat-sys-primary: light-dark(#00696e, #4cd9e2);--mat-sys-primary-container: light-dark(#6ff6ff, #004f53);--mat-sys-primary-fixed: light-dark(#6ff6ff, #6ff6ff);--mat-sys-primary-fixed-dim: light-dark(#4cd9e2, #4cd9e2);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4a6365, #b1cccd);--mat-sys-secondary-container: light-dark(#cce8e9, #324b4d);--mat-sys-secondary-fixed: light-dark(#cce8e9, #cce8e9);--mat-sys-secondary-fixed-dim: light-dark(#b1cccd, #b1cccd);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f7faf9, #101414);--mat-sys-surface-bright: light-dark(#f7faf9, #363a3a);--mat-sys-surface-container: light-dark(#eceeee, #1d2020);--mat-sys-surface-container-high: light-dark(#e6e9e8, #272b2b);--mat-sys-surface-container-highest: light-dark(#e0e3e3, #323536);--mat-sys-surface-container-low: light-dark(#f2f4f4, #191c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f0f);--mat-sys-surface-dim: light-dark(#d8dada, #101414);--mat-sys-surface-tint: light-dark(#00696e, #4cd9e2);--mat-sys-surface-variant: light-dark(#dae4e5, #3f4849);--mat-sys-tertiary: light-dark(#4e5f7d, #b6c7ea);--mat-sys-tertiary-container: light-dark(#d6e3ff, #374764);--mat-sys-tertiary-fixed: light-dark(#d6e3ff, #d6e3ff);--mat-sys-tertiary-fixed-dim: light-dark(#b6c7ea, #b6c7ea);--mat-sys-neutral-variant20: #293233;--mat-sys-neutral10: #191c1c;--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 Bai Jamjuree;--mat-sys-body-large-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-body-medium-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-body-small-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-display-large-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-display-medium-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-display-small-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-headline-large-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-headline-medium-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-headline-small-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-label-large-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-label-medium-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-label-small-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-title-large-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-title-medium-font: Bai Jamjuree;--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 Bai Jamjuree;--mat-sys-title-small-font: Bai Jamjuree;--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;--mat-table-row-item-outline-color: var(--mat-sys-outline-variant)}[class^=primary]{--mat-sys-background: light-dark(#f7faf9, #101414);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1f1, #2d3131);--mat-sys-inverse-primary: light-dark(#4cd9e2, #00696e);--mat-sys-inverse-surface: light-dark(#2d3131, #e0e3e3);--mat-sys-on-background: light-dark(#191c1c, #e0e3e3);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #00373a);--mat-sys-on-primary-container: light-dark(#004f53, #6ff6ff);--mat-sys-on-primary-fixed: light-dark(#002022, #002022);--mat-sys-on-primary-fixed-variant: light-dark(#004f53, #004f53);--mat-sys-on-secondary: light-dark(#ffffff, #1b3436);--mat-sys-on-secondary-container: light-dark(#324b4d, #cce8e9);--mat-sys-on-secondary-fixed: light-dark(#051f21, #051f21);--mat-sys-on-secondary-fixed-variant: light-dark(#324b4d, #324b4d);--mat-sys-on-surface: light-dark(#191c1c, #e0e3e3);--mat-sys-on-surface-variant: light-dark(#3f4849, #dae4e5);--mat-sys-on-tertiary: light-dark(#ffffff, #00373a);--mat-sys-on-tertiary-container: light-dark(#004f53, #6ff6ff);--mat-sys-on-tertiary-fixed: light-dark(#002022, #002022);--mat-sys-on-tertiary-fixed-variant: light-dark(#004f53, #004f53);--mat-sys-outline: light-dark(#6f7979, #899393);--mat-sys-outline-variant: light-dark(#bec8c9, #3f4849);--mat-sys-primary: light-dark(#00696e, #4cd9e2);--mat-sys-primary-container: light-dark(#6ff6ff, #004f53);--mat-sys-primary-fixed: light-dark(#6ff6ff, #6ff6ff);--mat-sys-primary-fixed-dim: light-dark(#4cd9e2, #4cd9e2);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4a6365, #b1cccd);--mat-sys-secondary-container: light-dark(#cce8e9, #324b4d);--mat-sys-secondary-fixed: light-dark(#cce8e9, #cce8e9);--mat-sys-secondary-fixed-dim: light-dark(#b1cccd, #b1cccd);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f7faf9, #101414);--mat-sys-surface-bright: light-dark(#f7faf9, #363a3a);--mat-sys-surface-container: light-dark(#eceeee, #1d2020);--mat-sys-surface-container-high: light-dark(#e6e9e8, #272b2b);--mat-sys-surface-container-highest: light-dark(#e0e3e3, #323536);--mat-sys-surface-container-low: light-dark(#f2f4f4, #191c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f0f);--mat-sys-surface-dim: light-dark(#d8dada, #101414);--mat-sys-surface-tint: light-dark(#00696e, #4cd9e2);--mat-sys-surface-variant: light-dark(#dae4e5, #3f4849);--mat-sys-tertiary: light-dark(#00696e, #4cd9e2);--mat-sys-tertiary-container: light-dark(#6ff6ff, #004f53);--mat-sys-tertiary-fixed: light-dark(#6ff6ff, #6ff6ff);--mat-sys-tertiary-fixed-dim: light-dark(#4cd9e2, #4cd9e2);--mat-sys-neutral-variant20: #293233;--mat-sys-neutral10: #191c1c;--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}[class^=secondary]{--mat-sys-background: light-dark(#f7faf9, #101414);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1f1, #2d3131);--mat-sys-inverse-primary: light-dark(#b1cccd, #4a6365);--mat-sys-inverse-surface: light-dark(#2d3131, #e0e3e3);--mat-sys-on-background: light-dark(#191c1c, #e0e3e3);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #1b3436);--mat-sys-on-primary-container: light-dark(#324b4d, #cce8e9);--mat-sys-on-primary-fixed: light-dark(#051f21, #051f21);--mat-sys-on-primary-fixed-variant: light-dark(#324b4d, #324b4d);--mat-sys-on-secondary: light-dark(#ffffff, #1b3436);--mat-sys-on-secondary-container: light-dark(#324b4d, #cce8e9);--mat-sys-on-secondary-fixed: light-dark(#051f21, #051f21);--mat-sys-on-secondary-fixed-variant: light-dark(#324b4d, #324b4d);--mat-sys-on-surface: light-dark(#191c1c, #e0e3e3);--mat-sys-on-surface-variant: light-dark(#3f4849, #dae4e5);--mat-sys-on-tertiary: light-dark(#ffffff, #1b3436);--mat-sys-on-tertiary-container: light-dark(#324b4d, #cce8e9);--mat-sys-on-tertiary-fixed: light-dark(#051f21, #051f21);--mat-sys-on-tertiary-fixed-variant: light-dark(#324b4d, #324b4d);--mat-sys-outline: light-dark(#6f7979, #899393);--mat-sys-outline-variant: light-dark(#bec8c9, #3f4849);--mat-sys-primary: light-dark(#4a6365, #b1cccd);--mat-sys-primary-container: light-dark(#cce8e9, #324b4d);--mat-sys-primary-fixed: light-dark(#cce8e9, #cce8e9);--mat-sys-primary-fixed-dim: light-dark(#b1cccd, #b1cccd);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4a6365, #b1cccd);--mat-sys-secondary-container: light-dark(#cce8e9, #324b4d);--mat-sys-secondary-fixed: light-dark(#cce8e9, #cce8e9);--mat-sys-secondary-fixed-dim: light-dark(#b1cccd, #b1cccd);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f7faf9, #101414);--mat-sys-surface-bright: light-dark(#f7faf9, #363a3a);--mat-sys-surface-container: light-dark(#eceeee, #1d2020);--mat-sys-surface-container-high: light-dark(#e6e9e8, #272b2b);--mat-sys-surface-container-highest: light-dark(#e0e3e3, #323536);--mat-sys-surface-container-low: light-dark(#f2f4f4, #191c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f0f);--mat-sys-surface-dim: light-dark(#d8dada, #101414);--mat-sys-surface-tint: light-dark(#4a6365, #b1cccd);--mat-sys-surface-variant: light-dark(#dae4e5, #3f4849);--mat-sys-tertiary: light-dark(#4a6365, #b1cccd);--mat-sys-tertiary-container: light-dark(#cce8e9, #324b4d);--mat-sys-tertiary-fixed: light-dark(#cce8e9, #cce8e9);--mat-sys-tertiary-fixed-dim: light-dark(#b1cccd, #b1cccd);--mat-sys-neutral-variant20: #293233;--mat-sys-neutral10: #191c1c;--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}[class^=tertiary]{--mat-sys-background: light-dark(#f7faf9, #101414);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1f1, #2d3131);--mat-sys-inverse-primary: light-dark(#b6c7ea, #4e5f7d);--mat-sys-inverse-surface: light-dark(#2d3131, #e0e3e3);--mat-sys-on-background: light-dark(#191c1c, #e0e3e3);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #20314c);--mat-sys-on-primary-container: light-dark(#374764, #d6e3ff);--mat-sys-on-primary-fixed: light-dark(#091b36, #091b36);--mat-sys-on-primary-fixed-variant: light-dark(#374764, #374764);--mat-sys-on-secondary: light-dark(#ffffff, #1b3436);--mat-sys-on-secondary-container: light-dark(#324b4d, #cce8e9);--mat-sys-on-secondary-fixed: light-dark(#051f21, #051f21);--mat-sys-on-secondary-fixed-variant: light-dark(#324b4d, #324b4d);--mat-sys-on-surface: light-dark(#191c1c, #e0e3e3);--mat-sys-on-surface-variant: light-dark(#3f4849, #dae4e5);--mat-sys-on-tertiary: light-dark(#ffffff, #20314c);--mat-sys-on-tertiary-container: light-dark(#374764, #d6e3ff);--mat-sys-on-tertiary-fixed: light-dark(#091b36, #091b36);--mat-sys-on-tertiary-fixed-variant: light-dark(#374764, #374764);--mat-sys-outline: light-dark(#6f7979, #899393);--mat-sys-outline-variant: light-dark(#bec8c9, #3f4849);--mat-sys-primary: light-dark(#4e5f7d, #b6c7ea);--mat-sys-primary-container: light-dark(#d6e3ff, #374764);--mat-sys-primary-fixed: light-dark(#d6e3ff, #d6e3ff);--mat-sys-primary-fixed-dim: light-dark(#b6c7ea, #b6c7ea);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4a6365, #b1cccd);--mat-sys-secondary-container: light-dark(#cce8e9, #324b4d);--mat-sys-secondary-fixed: light-dark(#cce8e9, #cce8e9);--mat-sys-secondary-fixed-dim: light-dark(#b1cccd, #b1cccd);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f7faf9, #101414);--mat-sys-surface-bright: light-dark(#f7faf9, #363a3a);--mat-sys-surface-container: light-dark(#eceeee, #1d2020);--mat-sys-surface-container-high: light-dark(#e6e9e8, #272b2b);--mat-sys-surface-container-highest: light-dark(#e0e3e3, #323536);--mat-sys-surface-container-low: light-dark(#f2f4f4, #191c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f0f);--mat-sys-surface-dim: light-dark(#d8dada, #101414);--mat-sys-surface-tint: light-dark(#4e5f7d, #b6c7ea);--mat-sys-surface-variant: light-dark(#dae4e5, #3f4849);--mat-sys-tertiary: light-dark(#4e5f7d, #b6c7ea);--mat-sys-tertiary-container: light-dark(#d6e3ff, #374764);--mat-sys-tertiary-fixed: light-dark(#d6e3ff, #d6e3ff);--mat-sys-tertiary-fixed-dim: light-dark(#b6c7ea, #b6c7ea);--mat-sys-neutral-variant20: #293233;--mat-sys-neutral10: #191c1c;--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}[class^=info]{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #002f65);--mat-sys-on-tertiary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-tertiary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-tertiary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#005cbb, #abc7ff);--mat-sys-tertiary-container: light-dark(#d7e3ff, #00458f);--mat-sys-tertiary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-tertiary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .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}[class^=success]{--mat-sys-background: light-dark(#f9faf4, #111411);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f0f1ec, #2e312e);--mat-sys-inverse-primary: light-dark(#00e472, #006d33);--mat-sys-inverse-surface: light-dark(#2e312e, #e2e3de);--mat-sys-on-background: light-dark(#191c19, #e2e3de);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003917);--mat-sys-on-primary-container: light-dark(#005225, #63ff94);--mat-sys-on-primary-fixed: light-dark(#00210b, #00210b);--mat-sys-on-primary-fixed-variant: light-dark(#005225, #005225);--mat-sys-on-secondary: light-dark(#ffffff, #233425);--mat-sys-on-secondary-container: light-dark(#394b3b, #d3e8d2);--mat-sys-on-secondary-fixed: light-dark(#0e1f12, #0e1f12);--mat-sys-on-secondary-fixed-variant: light-dark(#394b3b, #394b3b);--mat-sys-on-surface: light-dark(#191c19, #e2e3de);--mat-sys-on-surface-variant: light-dark(#414941, #dde5da);--mat-sys-on-tertiary: light-dark(#ffffff, #003917);--mat-sys-on-tertiary-container: light-dark(#005225, #63ff94);--mat-sys-on-tertiary-fixed: light-dark(#00210b, #00210b);--mat-sys-on-tertiary-fixed-variant: light-dark(#005225, #005225);--mat-sys-outline: light-dark(#717970, #8b9389);--mat-sys-outline-variant: light-dark(#c1c9be, #414941);--mat-sys-primary: light-dark(#006d33, #00e472);--mat-sys-primary-container: light-dark(#63ff94, #005225);--mat-sys-primary-fixed: light-dark(#63ff94, #63ff94);--mat-sys-primary-fixed-dim: light-dark(#00e472, #00e472);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#506352, #b7ccb7);--mat-sys-secondary-container: light-dark(#d3e8d2, #394b3b);--mat-sys-secondary-fixed: light-dark(#d3e8d2, #d3e8d2);--mat-sys-secondary-fixed-dim: light-dark(#b7ccb7, #b7ccb7);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9faf4, #111411);--mat-sys-surface-bright: light-dark(#f9faf4, #373a36);--mat-sys-surface-container: light-dark(#edefe8, #1d201d);--mat-sys-surface-container-high: light-dark(#e7e9e3, #282b27);--mat-sys-surface-container-highest: light-dark(#e2e3de, #323632);--mat-sys-surface-container-low: light-dark(#f2f4ee, #191c19);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0c);--mat-sys-surface-dim: light-dark(#d9dbd5, #111411);--mat-sys-surface-tint: light-dark(#006d33, #00e472);--mat-sys-surface-variant: light-dark(#dde5da, #414941);--mat-sys-tertiary: light-dark(#006d33, #00e472);--mat-sys-tertiary-container: light-dark(#63ff94, #005225);--mat-sys-tertiary-fixed: light-dark(#63ff94, #63ff94);--mat-sys-tertiary-fixed-dim: light-dark(#00e472, #00e472);--mat-sys-neutral-variant20: #2b322b;--mat-sys-neutral10: #191c19;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .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}[class^=warning],[class^=wait]{--mat-sys-background: light-dark(#fff8f5, #181210);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeee8, #362f2b);--mat-sys-inverse-primary: light-dark(#ffb787, #964900);--mat-sys-inverse-surface: light-dark(#362f2b, #ece0da);--mat-sys-on-background: light-dark(#201a17, #ece0da);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #502400);--mat-sys-on-primary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-primary-fixed: light-dark(#311300, #311300);--mat-sys-on-primary-fixed-variant: light-dark(#723600, #723600);--mat-sys-on-secondary: light-dark(#ffffff, #422b1b);--mat-sys-on-secondary-container: light-dark(#5b4130, #ffdcc7);--mat-sys-on-secondary-fixed: light-dark(#2b1708, #2b1708);--mat-sys-on-secondary-fixed-variant: light-dark(#5b4130, #5b4130);--mat-sys-on-surface: light-dark(#201a17, #ece0da);--mat-sys-on-surface-variant: light-dark(#52443c, #f4ded3);--mat-sys-on-tertiary: light-dark(#ffffff, #502400);--mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);--mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);--mat-sys-outline: light-dark(#84746a, #9f8d83);--mat-sys-outline-variant: light-dark(#d7c3b8, #52443c);--mat-sys-primary: light-dark(#964900, #ffb787);--mat-sys-primary-container: light-dark(#ffdcc7, #723600);--mat-sys-primary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-primary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#755846, #e5bfa8);--mat-sys-secondary-container: light-dark(#ffdcc7, #5b4130);--mat-sys-secondary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-secondary-fixed-dim: light-dark(#e5bfa8, #e5bfa8);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f5, #181210);--mat-sys-surface-bright: light-dark(#fff8f5, #3f3834);--mat-sys-surface-container: light-dark(#f8ebe6, #241e1b);--mat-sys-surface-container-high: light-dark(#f2e6e1, #2f2926);--mat-sys-surface-container-highest: light-dark(#ece0da, #3a3330);--mat-sys-surface-container-low: light-dark(#fef1ec, #201a17);--mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0b);--mat-sys-surface-dim: light-dark(#e3d8d3, #181210);--mat-sys-surface-tint: light-dark(#964900, #ffb787);--mat-sys-surface-variant: light-dark(#f4ded3, #52443c);--mat-sys-tertiary: light-dark(#964900, #ffb787);--mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);--mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-neutral-variant20: #3a2e26;--mat-sys-neutral10: #201a17;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .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}[class^=danger],[class^=error]{--mat-sys-background: light-dark(#fff8f6, #181211);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeeec, #362f2e);--mat-sys-inverse-primary: light-dark(#ffb4a8, #c00100);--mat-sys-inverse-surface: light-dark(#362f2e, #ede0dd);--mat-sys-on-background: light-dark(#201a19, #ede0dd);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #690100);--mat-sys-on-primary-container: light-dark(#930100, #ffdad4);--mat-sys-on-primary-fixed: light-dark(#410000, #410000);--mat-sys-on-primary-fixed-variant: light-dark(#930100, #930100);--mat-sys-on-secondary: light-dark(#ffffff, #442925);--mat-sys-on-secondary-container: light-dark(#5d3f3b, #ffdad4);--mat-sys-on-secondary-fixed: light-dark(#2c1512, #2c1512);--mat-sys-on-secondary-fixed-variant: light-dark(#5d3f3b, #5d3f3b);--mat-sys-on-surface: light-dark(#201a19, #ede0dd);--mat-sys-on-surface-variant: light-dark(#534341, #f5ddda);--mat-sys-on-tertiary: light-dark(#ffffff, #690100);--mat-sys-on-tertiary-container: light-dark(#930100, #ffdad4);--mat-sys-on-tertiary-fixed: light-dark(#410000, #410000);--mat-sys-on-tertiary-fixed-variant: light-dark(#930100, #930100);--mat-sys-outline: light-dark(#857370, #a08c89);--mat-sys-outline-variant: light-dark(#d8c2be, #534341);--mat-sys-primary: light-dark(#c00100, #ffb4a8);--mat-sys-primary-container: light-dark(#ffdad4, #930100);--mat-sys-primary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-primary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#775651, #e7bdb6);--mat-sys-secondary-container: light-dark(#ffdad4, #5d3f3b);--mat-sys-secondary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-secondary-fixed-dim: light-dark(#e7bdb6, #e7bdb6);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f6, #181211);--mat-sys-surface-bright: light-dark(#fff8f6, #3f3737);--mat-sys-surface-container: light-dark(#f9ebe9, #251e1d);--mat-sys-surface-container-high: light-dark(#f3e5e4, #302828);--mat-sys-surface-container-highest: light-dark(#ede0dd, #3b3332);--mat-sys-surface-container-low: light-dark(#fef1ef, #201a19);--mat-sys-surface-container-lowest: light-dark(#ffffff, #130d0c);--mat-sys-surface-dim: light-dark(#e4d7d6, #181211);--mat-sys-surface-tint: light-dark(#c00100, #ffb4a8);--mat-sys-surface-variant: light-dark(#f5ddda, #534341);--mat-sys-tertiary: light-dark(#c00100, #ffb4a8);--mat-sys-tertiary-container: light-dark(#ffdad4, #930100);--mat-sys-tertiary-fixed: light-dark(#ffdad4, #ffdad4);--mat-sys-tertiary-fixed-dim: light-dark(#ffb4a8, #ffb4a8);--mat-sys-neutral-variant20: #3b2d2b;--mat-sys-neutral10: #201a19;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .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{--mat-expansion-header-focus-state-layer-color: transparent}html{--mat-form-field-container-text-line-height: 1.5}html{--mat-divider-color: var(--mat-sys-outline-variant)}html,body{height:100%}body{margin:0;min-height:100dvh;font-family:Bai Jamjuree}.dense{--mat-checkbox-touch-target-display: none;--mat-checkbox-state-layer-size: 28px;--mat-chip-container-height: 24px;--mat-expansion-header-collapsed-state-height: 36px;--mat-expansion-header-expanded-state-height: 48px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: none;--mat-button-filled-touch-target-display: none;--mat-button-filled-container-height: 28px;--mat-button-outlined-container-height: 28px;--mat-button-outlined-touch-target-display: none;--mat-button-protected-touch-target-display: none;--mat-button-protected-container-height: 28px;--mat-button-text-touch-target-display: none;--mat-button-text-container-height: 28px;--mat-button-tonal-container-height: 28px;--mat-button-tonal-touch-target-display: none;--mat-form-field-container-height: 40px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 8px;--mat-form-field-filled-with-label-container-padding-top: 8px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-icon-button-touch-target-display: none;--mat-icon-button-state-layer-size: 24px;--mat-list-list-item-leading-icon-start-space: 4px;--mat-list-list-item-leading-icon-end-space: 4px;--mat-list-list-item-one-line-container-height: 32px;--mat-list-list-item-two-line-container-height: 48px;--mat-list-list-item-three-line-container-height: 72px;--mat-paginator-container-size: 40px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: none;--mat-radio-touch-target-display: none;--mat-radio-state-layer-size: 28px;--mat-tab-container-height: 32px;--mat-select-arrow-transform: none;--mat-button-toggle-height: 24px;--mat-stepper-header-height: 42px;--mat-table-header-container-height: 40px;--mat-table-footer-container-height: 36px;--mat-table-row-item-container-height: 36px;--mat-toolbar-standard-height: 52px;--mat-toolbar-mobile-height: 44px;--mat-tree-node-min-height: 28px;--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}a{cursor:pointer;color:var(--mat-sys-primary)}.content-container{padding:1rem}.flex-spacer{flex:1 1 auto}.text-center{text-align:center}.nowrap{white-space:nowrap}.mat-mdc-card{overflow:hidden}.main-content-transition{view-transition-name:main-container-transition}.cdk-overlay-container .mat-mdc-menu-content,.cdk-overlay-container div.mat-mdc-select-panel{padding:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}body.dark-mode{color-scheme:dark}