html{--mat-sys-on-surface: initial}html,body{height:100%;background-color:var(--mat-sys-surface-container-lowest);color:var(--mat-sys-on-surface)}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}html,.light_green{--mat-sys-primary: rgb(64 104 54);--mat-sys-surface-tint: rgb(64 104 54);--mat-sys-on-primary: rgb(255 255 255);--mat-sys-primary-container: rgb(193 239 175);--mat-sys-on-primary-container: rgb(41 80 32);--mat-sys-secondary: rgb(84 99 77);--mat-sys-on-secondary: rgb(255 255 255);--mat-sys-secondary-container: rgb(215 232 205);--mat-sys-on-secondary-container: rgb(60 75 55);--mat-sys-tertiary: rgb(56 101 104);--mat-sys-on-tertiary: rgb(255 255 255);--mat-sys-tertiary-container: rgb(188 235 238);--mat-sys-on-tertiary-container: rgb(30 77 80);--mat-sys-error: rgb(186 26 26);--mat-sys-on-error: rgb(255 255 255);--mat-sys-error-container: rgb(255 218 214);--mat-sys-on-error-container: rgb(147 0 10);--mat-sys-background: rgb(248 251 241);--mat-sys-on-background: rgb(25 29 23);--mat-sys-surface: rgb(248 251 241);--mat-sys-on-surface: rgb(25 29 23);--mat-sys-surface-variant: rgb(223 228 215);--mat-sys-on-surface-variant: rgb(67 72 63);--mat-sys-outline: rgb(115 121 110);--mat-sys-outline-variant: rgb(195 200 188);--mat-sys-shadow: rgb(0 0 0);--mat-sys-scrim: rgb(0 0 0);--mat-sys-inverse-surface: rgb(46 50 43);--mat-sys-inverse-on-surface: rgb(239 242 232);--mat-sys-inverse-primary: rgb(165 211 149);--mat-sys-primary-fixed: rgb(193 239 175);--mat-sys-on-primary-fixed: rgb(1 34 0);--mat-sys-primary-fixed-dim: rgb(165 211 149);--mat-sys-on-primary-fixed-variant: rgb(41 80 32);--mat-sys-secondary-fixed: rgb(215 232 205);--mat-sys-on-secondary-fixed: rgb(18 31 14);--mat-sys-secondary-fixed-dim: rgb(187 203 177);--mat-sys-on-secondary-fixed-variant: rgb(60 75 55);--mat-sys-tertiary-fixed: rgb(188 235 238);--mat-sys-on-tertiary-fixed: rgb(0 32 33);--mat-sys-tertiary-fixed-dim: rgb(160 207 210);--mat-sys-on-tertiary-fixed-variant: rgb(30 77 80);--mat-sys-surface-dim: rgb(216 219 210);--mat-sys-surface-bright: rgb(248 251 241);--mat-sys-surface-container-lowest: rgb(255 255 255);--mat-sys-surface-container-low: rgb(242 245 235);--mat-sys-surface-container: rgb(236 239 229);--mat-sys-surface-container-high: rgb(230 233 224);--mat-sys-surface-container-highest: rgb(225 228 218)}.dark_green{--mat-sys-primary: rgb(165 211 149);--mat-sys-surface-tint: rgb(165 211 149);--mat-sys-on-primary: rgb(17 56 11);--mat-sys-primary-container: rgb(41 80 32);--mat-sys-on-primary-container: rgb(193 239 175);--mat-sys-secondary: rgb(187 203 177);--mat-sys-on-secondary: rgb(38 52 34);--mat-sys-secondary-container: rgb(60 75 55);--mat-sys-on-secondary-container: rgb(215 232 205);--mat-sys-tertiary: rgb(160 207 210);--mat-sys-on-tertiary: rgb(0 55 57);--mat-sys-tertiary-container: rgb(30 77 80);--mat-sys-on-tertiary-container: rgb(188 235 238);--mat-sys-error: rgb(255 180 171);--mat-sys-on-error: rgb(105 0 5);--mat-sys-error-container: rgb(147 0 10);--mat-sys-on-error-container: rgb(255 218 214);--mat-sys-background: rgb(17 20 15);--mat-sys-on-background: rgb(225 228 218);--mat-sys-surface: rgb(17 20 15);--mat-sys-on-surface: rgb(225 228 218);--mat-sys-surface-variant: rgb(67 72 63);--mat-sys-on-surface-variant: rgb(195 200 188);--mat-sys-outline: rgb(141 147 135);--mat-sys-outline-variant: rgb(67 72 63);--mat-sys-shadow: rgb(0 0 0);--mat-sys-scrim: rgb(0 0 0);--mat-sys-inverse-surface: rgb(225 228 218);--mat-sys-inverse-on-surface: rgb(46 50 43);--mat-sys-inverse-primary: rgb(64 104 54);--mat-sys-primary-fixed: rgb(193 239 175);--mat-sys-on-primary-fixed: rgb(1 34 0);--mat-sys-primary-fixed-dim: rgb(165 211 149);--mat-sys-on-primary-fixed-variant: rgb(41 80 32);--mat-sys-secondary-fixed: rgb(215 232 205);--mat-sys-on-secondary-fixed: rgb(18 31 14);--mat-sys-secondary-fixed-dim: rgb(187 203 177);--mat-sys-on-secondary-fixed-variant: rgb(60 75 55);--mat-sys-tertiary-fixed: rgb(188 235 238);--mat-sys-on-tertiary-fixed: rgb(0 32 33);--mat-sys-tertiary-fixed-dim: rgb(160 207 210);--mat-sys-on-tertiary-fixed-variant: rgb(30 77 80);--mat-sys-surface-dim: rgb(17 20 15);--mat-sys-surface-bright: rgb(54 58 52);--mat-sys-surface-container-lowest: rgb(12 15 10);--mat-sys-surface-container-low: rgb(25 29 23);--mat-sys-surface-container: rgb(29 33 27);--mat-sys-surface-container-high: rgb(39 43 37);--mat-sys-surface-container-highest: rgb(50 54 47)}.dark_red{--mat-sys-primary: rgb(255 180 170);--mat-sys-surface-tint: rgb(255 180 170);--mat-sys-on-primary: rgb(86 30 24);--mat-sys-primary-container: rgb(115 52 44);--mat-sys-on-primary-container: rgb(255 218 213);--mat-sys-secondary: rgb(231 189 183);--mat-sys-on-secondary: rgb(68 41 38);--mat-sys-secondary-container: rgb(93 63 59);--mat-sys-on-secondary-container: rgb(255 218 213);--mat-sys-tertiary: rgb(223 195 140);--mat-sys-on-tertiary: rgb(62 46 4);--mat-sys-tertiary-container: rgb(87 68 25);--mat-sys-on-tertiary-container: rgb(252 223 166);--mat-sys-error: rgb(255 180 171);--mat-sys-on-error: rgb(105 0 5);--mat-sys-error-container: rgb(147 0 10);--mat-sys-on-error-container: rgb(255 218 214);--mat-sys-background: rgb(26 17 16);--mat-sys-on-background: rgb(241 222 220);--mat-sys-surface: rgb(26 17 16);--mat-sys-on-surface: rgb(241 222 220);--mat-sys-surface-variant: rgb(83 67 65);--mat-sys-on-surface-variant: rgb(216 194 190);--mat-sys-outline: rgb(160 140 137);--mat-sys-outline-variant: rgb(83 67 65);--mat-sys-shadow: rgb(0 0 0);--mat-sys-scrim: rgb(0 0 0);--mat-sys-inverse-surface: rgb(241 222 220);--mat-sys-inverse-on-surface: rgb(57 46 44);--mat-sys-inverse-primary: rgb(144 74 66);--mat-sys-primary-fixed: rgb(255 218 213);--mat-sys-on-primary-fixed: rgb(59 9 6);--mat-sys-primary-fixed-dim: rgb(255 180 170);--mat-sys-on-primary-fixed-variant: rgb(115 52 44);--mat-sys-secondary-fixed: rgb(255 218 213);--mat-sys-on-secondary-fixed: rgb(44 21 18);--mat-sys-secondary-fixed-dim: rgb(231 189 183);--mat-sys-on-secondary-fixed-variant: rgb(93 63 59);--mat-sys-tertiary-fixed: rgb(252 223 166);--mat-sys-on-tertiary-fixed: rgb(38 26 0);--mat-sys-tertiary-fixed-dim: rgb(223 195 140);--mat-sys-on-tertiary-fixed-variant: rgb(87 68 25);--mat-sys-surface-dim: rgb(26 17 16);--mat-sys-surface-bright: rgb(66 55 53);--mat-sys-surface-container-lowest: rgb(20 12 11);--mat-sys-surface-container-low: rgb(35 25 24);--mat-sys-surface-container: rgb(39 29 28);--mat-sys-surface-container-high: rgb(50 40 38);--mat-sys-surface-container-highest: rgb(61 50 49)}.light_red{--mat-sys-primary: rgb(144 74 66);--mat-sys-surface-tint: rgb(144 74 66);--mat-sys-on-primary: rgb(255 255 255);--mat-sys-primary-container: rgb(255 218 213);--mat-sys-on-primary-container: rgb(115 52 44);--mat-sys-secondary: rgb(119 86 82);--mat-sys-on-secondary: rgb(255 255 255);--mat-sys-secondary-container: rgb(255 218 213);--mat-sys-on-secondary-container: rgb(93 63 59);--mat-sys-tertiary: rgb(112 92 46);--mat-sys-on-tertiary: rgb(255 255 255);--mat-sys-tertiary-container: rgb(252 223 166);--mat-sys-on-tertiary-container: rgb(87 68 25);--mat-sys-error: rgb(186 26 26);--mat-sys-on-error: rgb(255 255 255);--mat-sys-error-container: rgb(255 218 214);--mat-sys-on-error-container: rgb(147 0 10);--mat-sys-background: rgb(255 248 247);--mat-sys-on-background: rgb(35 25 24);--mat-sys-surface: rgb(255 248 247);--mat-sys-on-surface: rgb(35 25 24);--mat-sys-surface-variant: rgb(245 221 218);--mat-sys-on-surface-variant: rgb(83 67 65);--mat-sys-outline: rgb(133 115 112);--mat-sys-outline-variant: rgb(216 194 190);--mat-sys-shadow: rgb(0 0 0);--mat-sys-scrim: rgb(0 0 0);--mat-sys-inverse-surface: rgb(57 46 44);--mat-sys-inverse-on-surface: rgb(255 237 234);--mat-sys-inverse-primary: rgb(255 180 170);--mat-sys-primary-fixed: rgb(255 218 213);--mat-sys-on-primary-fixed: rgb(59 9 6);--mat-sys-primary-fixed-dim: rgb(255 180 170);--mat-sys-on-primary-fixed-variant: rgb(115 52 44);--mat-sys-secondary-fixed: rgb(255 218 213);--mat-sys-on-secondary-fixed: rgb(44 21 18);--mat-sys-secondary-fixed-dim: rgb(231 189 183);--mat-sys-on-secondary-fixed-variant: rgb(93 63 59);--mat-sys-tertiary-fixed: rgb(252 223 166);--mat-sys-on-tertiary-fixed: rgb(38 26 0);--mat-sys-tertiary-fixed-dim: rgb(223 195 140);--mat-sys-on-tertiary-fixed-variant: rgb(87 68 25);--mat-sys-surface-dim: rgb(232 214 211);--mat-sys-surface-bright: rgb(255 248 247);--mat-sys-surface-container-lowest: rgb(255 255 255);--mat-sys-surface-container-low: rgb(255 240 238);--mat-sys-surface-container: rgb(252 234 231);--mat-sys-surface-container-high: rgb(247 228 225);--mat-sys-surface-container-highest: rgb(241 222 220)}.light_blue{--mat-sys-primary: rgb(55 97 142);--mat-sys-surface-tint: rgb(55 97 142);--mat-sys-on-primary: rgb(255 255 255);--mat-sys-primary-container: rgb(210 228 255);--mat-sys-on-primary-container: rgb(27 73 117);--mat-sys-secondary: rgb(83 95 112);--mat-sys-on-secondary: rgb(255 255 255);--mat-sys-secondary-container: rgb(215 227 248);--mat-sys-on-secondary-container: rgb(60 72 88);--mat-sys-tertiary: rgb(107 87 120);--mat-sys-on-tertiary: rgb(255 255 255);--mat-sys-tertiary-container: rgb(243 218 255);--mat-sys-on-tertiary-container: rgb(83 63 95);--mat-sys-error: rgb(186 26 26);--mat-sys-on-error: rgb(255 255 255);--mat-sys-error-container: rgb(255 218 214);--mat-sys-on-error-container: rgb(147 0 10);--mat-sys-background: rgb(248 249 255);--mat-sys-on-background: rgb(25 28 32);--mat-sys-surface: rgb(248 249 255);--mat-sys-on-surface: rgb(25 28 32);--mat-sys-surface-variant: rgb(223 226 235);--mat-sys-on-surface-variant: rgb(67 71 78);--mat-sys-outline: rgb(115 119 127);--mat-sys-outline-variant: rgb(195 198 207);--mat-sys-shadow: rgb(0 0 0);--mat-sys-scrim: rgb(0 0 0);--mat-sys-inverse-surface: rgb(46 49 53);--mat-sys-inverse-on-surface: rgb(239 240 247);--mat-sys-inverse-primary: rgb(161 202 253);--mat-sys-primary-fixed: rgb(210 228 255);--mat-sys-on-primary-fixed: rgb(0 29 55);--mat-sys-primary-fixed-dim: rgb(161 202 253);--mat-sys-on-primary-fixed-variant: rgb(27 73 117);--mat-sys-secondary-fixed: rgb(215 227 248);--mat-sys-on-secondary-fixed: rgb(16 28 43);--mat-sys-secondary-fixed-dim: rgb(187 199 219);--mat-sys-on-secondary-fixed-variant: rgb(60 72 88);--mat-sys-tertiary-fixed: rgb(243 218 255);--mat-sys-on-tertiary-fixed: rgb(37 20 49);--mat-sys-tertiary-fixed-dim: rgb(215 190 228);--mat-sys-on-tertiary-fixed-variant: rgb(83 63 95);--mat-sys-surface-dim: rgb(216 218 224);--mat-sys-surface-bright: rgb(248 249 255);--mat-sys-surface-container-lowest: rgb(255 255 255);--mat-sys-surface-container-low: rgb(242 243 250);--mat-sys-surface-container: rgb(236 238 244);--mat-sys-surface-container-high: rgb(230 232 238);--mat-sys-surface-container-highest: rgb(225 226 232)}.dark_blue{--mat-sys-primary: rgb(161 202 253);--mat-sys-surface-tint: rgb(161 202 253);--mat-sys-on-primary: rgb(0 50 89);--mat-sys-primary-container: rgb(27 73 117);--mat-sys-on-primary-container: rgb(210 228 255);--mat-sys-secondary: rgb(187 199 219);--mat-sys-on-secondary: rgb(37 49 64);--mat-sys-secondary-container: rgb(60 72 88);--mat-sys-on-secondary-container: rgb(215 227 248);--mat-sys-tertiary: rgb(215 190 228);--mat-sys-on-tertiary: rgb(59 41 71);--mat-sys-tertiary-container: rgb(83 63 95);--mat-sys-on-tertiary-container: rgb(243 218 255);--mat-sys-error: rgb(255 180 171);--mat-sys-on-error: rgb(105 0 5);--mat-sys-error-container: rgb(147 0 10);--mat-sys-on-error-container: rgb(255 218 214);--mat-sys-background: rgb(17 20 24);--mat-sys-on-background: rgb(225 226 232);--mat-sys-surface: rgb(17 20 24);--mat-sys-on-surface: rgb(225 226 232);--mat-sys-surface-variant: rgb(67 71 78);--mat-sys-on-surface-variant: rgb(195 198 207);--mat-sys-outline: rgb(141 145 153);--mat-sys-outline-variant: rgb(67 71 78);--mat-sys-shadow: rgb(0 0 0);--mat-sys-scrim: rgb(0 0 0);--mat-sys-inverse-surface: rgb(225 226 232);--mat-sys-inverse-on-surface: rgb(46 49 53);--mat-sys-inverse-primary: rgb(55 97 142);--mat-sys-primary-fixed: rgb(210 228 255);--mat-sys-on-primary-fixed: rgb(0 29 55);--mat-sys-primary-fixed-dim: rgb(161 202 253);--mat-sys-on-primary-fixed-variant: rgb(27 73 117);--mat-sys-secondary-fixed: rgb(215 227 248);--mat-sys-on-secondary-fixed: rgb(16 28 43);--mat-sys-secondary-fixed-dim: rgb(187 199 219);--mat-sys-on-secondary-fixed-variant: rgb(60 72 88);--mat-sys-tertiary-fixed: rgb(243 218 255);--mat-sys-on-tertiary-fixed: rgb(37 20 49);--mat-sys-tertiary-fixed-dim: rgb(215 190 228);--mat-sys-on-tertiary-fixed-variant: rgb(83 63 95);--mat-sys-surface-dim: rgb(17 20 24);--mat-sys-surface-bright: rgb(54 57 62);--mat-sys-surface-container-lowest: rgb(11 14 19);--mat-sys-surface-container-low: rgb(25 28 32);--mat-sys-surface-container: rgb(29 32 36);--mat-sys-surface-container-high: rgb(39 42 47);--mat-sys-surface-container-highest: rgb(50 53 58)}html{--mat-table-row-item-outline-width: 1px;--mat-table-background-color: var(--sys-surface);--mat-table-header-headline-color: var(--sys-on-surface);--mat-table-row-item-label-text-color: var(--sys-on-surface);--mat-table-row-item-outline-color: var(--sys-outline);--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px;--mat-table-header-headline-font: Roboto, sans-serif;--mat-table-header-headline-line-height: 1.25rem;--mat-table-header-headline-size: .875rem;--mat-table-header-headline-tracking: .006rem;--mat-table-header-headline-weight: 500;--mat-table-row-item-label-text-font: Roboto, sans-serif;--mat-table-row-item-label-text-line-height: 1.25rem;--mat-table-row-item-label-text-size: .875rem;--mat-table-row-item-label-text-tracking: .016rem;--mat-table-row-item-label-text-weight: 400;--mat-table-footer-supporting-text-font: Roboto, sans-serif;--mat-table-footer-supporting-text-line-height: 1.25rem;--mat-table-footer-supporting-text-size: .875rem;--mat-table-footer-supporting-text-tracking: .016rem;--mat-table-footer-supporting-text-weight: 400;--mat-tooltip-container-color: var(--sys-inverse-surface);--mat-tooltip-container-shape: 4px;--mat-tooltip-supporting-text-color: var(--sys-inverse-on-surface);--mat-tooltip-supporting-text-font: Roboto, sans-serif;--mat-tooltip-supporting-text-line-height: 1rem;--mat-tooltip-supporting-text-size: .75rem;--mat-tooltip-supporting-text-tracking: .025rem;--mat-tooltip-supporting-text-weight: 400;--mat-toolbar-container-background-color: var(--sys-surface);--mat-toolbar-container-text-color: var(--sys-on-surface);--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px;--mat-toolbar-title-text-font: Roboto, sans-serif;--mat-toolbar-title-text-line-height: 1.75rem;--mat-toolbar-title-text-size: 1.375rem;--mat-toolbar-title-text-tracking: 0;--mat-toolbar-title-text-weight: 400;--mat-snack-bar-container-shape: 4px;--mat-snack-bar-button-color: var(--sys-inverse-primary);--mat-snack-bar-container-color: var(--sys-inverse-surface);--mat-snack-bar-supporting-text-color: var(--sys-inverse-on-surface);--mat-snack-bar-supporting-text-font: Roboto, sans-serif;--mat-snack-bar-supporting-text-line-height: 1.25rem;--mat-snack-bar-supporting-text-size: .875rem;--mat-snack-bar-supporting-text-weight: 400;--mat-button-filled-container-shape: 9999px;--mat-button-filled-horizontal-padding: 24px;--mat-button-filled-icon-offset: -8px;--mat-button-filled-icon-spacing: 8px;--mat-button-outlined-container-shape: 9999px;--mat-button-outlined-horizontal-padding: 24px;--mat-button-outlined-icon-offset: -8px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-outline-width: 1px;--mat-button-protected-container-shape: 9999px;--mat-button-protected-horizontal-padding: 24px;--mat-button-protected-icon-offset: -8px;--mat-button-protected-icon-spacing: 8px;--mat-button-text-container-shape: 9999px;--mat-button-text-horizontal-padding: 12px;--mat-button-text-icon-offset: -4px;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 16px;--mat-button-tonal-container-shape: 9999px;--mat-button-tonal-horizontal-padding: 24px;--mat-button-tonal-icon-offset: -8px;--mat-button-tonal-icon-spacing: 8px;--mat-button-filled-container-color: var(--sys-primary);--mat-button-filled-disabled-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-button-filled-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: var(--sys-on-primary);--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, var(--sys-on-primary) 12%, transparent);--mat-button-filled-state-layer-color: var(--sys-on-primary);--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-button-outlined-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: var(--sys-primary);--mat-button-outlined-outline-color: var(--sys-outline);--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, var(--sys-primary) 12%, transparent);--mat-button-outlined-state-layer-color: var(--sys-primary);--mat-button-protected-container-color: var(--sys-surface);--mat-button-protected-container-elevation-shadow: 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-button-protected-disabled-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 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-button-protected-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-button-protected-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-button-protected-focus-container-elevation-shadow: 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-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 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-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: var(--sys-primary);--mat-button-protected-pressed-container-elevation-shadow: 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-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, var(--sys-primary) 12%, transparent);--mat-button-protected-state-layer-color: var(--sys-primary);--mat-button-text-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-button-text-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: var(--sys-primary);--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, var(--sys-primary) 12%, transparent);--mat-button-text-state-layer-color: var(--sys-primary);--mat-button-tonal-container-color: var(--sys-secondary-container);--mat-button-tonal-disabled-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-button-tonal-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: var(--sys-on-secondary-container);--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, var(--sys-on-secondary-container) 12%, transparent);--mat-button-tonal-state-layer-color: var(--sys-on-secondary-container);--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 40px;--mat-button-outlined-container-height: 40px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 40px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 40px;--mat-button-tonal-container-height: 40px;--mat-button-tonal-touch-target-display: block;--mat-button-filled-label-text-font: Roboto, sans-serif;--mat-button-filled-label-text-size: .875rem;--mat-button-filled-label-text-tracking: .006rem;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Roboto, sans-serif;--mat-button-outlined-label-text-size: .875rem;--mat-button-outlined-label-text-tracking: .006rem;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Roboto, sans-serif;--mat-button-protected-label-text-size: .875rem;--mat-button-protected-label-text-tracking: .006rem;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Roboto, sans-serif;--mat-button-text-label-text-size: .875rem;--mat-button-text-label-text-tracking: .006rem;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Roboto, sans-serif;--mat-button-tonal-label-text-size: .875rem;--mat-button-tonal-label-text-tracking: .006rem;--mat-button-tonal-label-text-weight: 500;--mat-icon-button-icon-size: 24px;--mat-icon-button-container-shape: 9999px;--mat-icon-button-disabled-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-icon-button-disabled-state-layer-color: var(--sys-on-surface-variant);--mat-icon-button-focus-state-layer-opacity: .12;--mat-icon-button-hover-state-layer-opacity: .08;--mat-icon-button-icon-color: var(--sys-on-surface-variant);--mat-icon-button-pressed-state-layer-opacity: .12;--mat-icon-button-ripple-color: color-mix(in srgb, var(--sys-on-surface-variant) 12%, transparent);--mat-icon-button-state-layer-color: var(--sys-on-surface-variant);--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 40px;--mat-icon-color: inherit;--mat-sidenav-container-background-color: var(--sys-surface);--mat-sidenav-container-text-color: var(--sys-on-surface-variant);--mat-sidenav-content-background-color: var(--sys-background);--mat-sidenav-content-text-color: var(--sys-on-background);--mat-sidenav-scrim-color: color-mix(in srgb, #332f37 40%, transparent);--mat-sidenav-container-shape: 16px;--mat-sidenav-container-elevation-shadow: none;--mat-sidenav-container-width: 360px;--mat-sidenav-container-divider-color: transparent;--mat-expansion-container-shape: 12px;--mat-expansion-header-indicator-display: inline-block;--mat-expansion-legacy-header-indicator-display: none;--mat-expansion-actions-divider-color: var(--sys-outline);--mat-expansion-container-background-color: var(--sys-surface);--mat-expansion-container-text-color: var(--sys-on-surface);--mat-expansion-header-description-color: var(--sys-on-surface-variant);--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 8%, transparent);--mat-expansion-header-indicator-color: var(--sys-on-surface-variant);--mat-expansion-header-text-color: var(--sys-on-surface);--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px;--mat-expansion-container-text-font: Roboto, sans-serif;--mat-expansion-container-text-line-height: 1.5rem;--mat-expansion-container-text-size: 1rem;--mat-expansion-container-text-tracking: .031rem;--mat-expansion-container-text-weight: 400;--mat-expansion-header-text-font: Roboto, sans-serif;--mat-expansion-header-text-line-height: 1.5rem;--mat-expansion-header-text-size: 1rem;--mat-expansion-header-text-tracking: .009rem;--mat-expansion-header-text-weight: 500;--mat-chip-container-shape-radius: 8px;--mat-chip-disabled-container-opacity: 1;--mat-chip-elevated-container-color: transparent;--mat-chip-flat-selected-outline-width: 0;--mat-chip-outline-width: 1px;--mat-chip-trailing-action-focus-opacity: 1;--mat-chip-trailing-action-opacity: 1;--mat-chip-with-avatar-avatar-shape-radius: 24px;--mat-chip-with-avatar-avatar-size: 24px;--mat-chip-with-avatar-disabled-avatar-opacity: .38;--mat-chip-with-icon-disabled-icon-opacity: .38;--mat-chip-with-icon-icon-size: 18px;--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: .38;--mat-chip-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-chip-disabled-outline-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-chip-elevated-selected-container-color: var(--sys-secondary-container);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-chip-focus-outline-color: var(--sys-on-surface-variant);--mat-chip-focus-state-layer-color: var(--sys-on-surface-variant);--mat-chip-focus-state-layer-opacity: .12;--mat-chip-hover-state-layer-color: var(--sys-on-surface-variant);--mat-chip-hover-state-layer-opacity: .08;--mat-chip-label-text-color: var(--sys-on-surface-variant);--mat-chip-outline-color: var(--sys-outline);--mat-chip-selected-disabled-trailing-icon-color: var(--sys-on-surface);--mat-chip-selected-focus-state-layer-color: var(--sys-on-secondary-container);--mat-chip-selected-focus-state-layer-opacity: .12;--mat-chip-selected-hover-state-layer-color: var(--sys-on-secondary-container);--mat-chip-selected-hover-state-layer-opacity: .08;--mat-chip-selected-label-text-color: var(--sys-on-secondary-container);--mat-chip-selected-trailing-action-state-layer-color: var(--sys-on-secondary-container);--mat-chip-selected-trailing-icon-color: var(--sys-on-secondary-container);--mat-chip-trailing-action-focus-state-layer-opacity: .12;--mat-chip-trailing-action-hover-state-layer-opacity: .08;--mat-chip-trailing-action-state-layer-color: var(--sys-on-surface-variant);--mat-chip-with-icon-disabled-icon-color: var(--sys-on-surface);--mat-chip-with-icon-icon-color: var(--sys-on-surface-variant);--mat-chip-with-icon-selected-icon-color: var(--sys-on-secondary-container);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: var(--sys-on-surface);--mat-chip-with-trailing-icon-trailing-icon-color: var(--sys-on-surface-variant);--mat-chip-container-height: 32px;--mat-chip-label-text-font: Roboto, sans-serif;--mat-chip-label-text-line-height: 1.25rem;--mat-chip-label-text-size: .875rem;--mat-chip-label-text-tracking: .006rem;--mat-chip-label-text-weight: 500;--mat-tab-active-indicator-height: 2px;--mat-tab-active-indicator-shape: 0;--mat-tab-divider-height: 1px;--mat-tab-active-focus-indicator-color: var(--sys-primary);--mat-tab-active-focus-label-text-color: var(--sys-on-surface);--mat-tab-active-hover-indicator-color: var(--sys-primary);--mat-tab-active-hover-label-text-color: var(--sys-on-surface);--mat-tab-active-indicator-color: var(--sys-primary);--mat-tab-active-label-text-color: var(--sys-on-surface);--mat-tab-active-ripple-color: var(--sys-on-surface);--mat-tab-divider-color: var(--sys-surface-variant);--mat-tab-inactive-focus-label-text-color: var(--sys-on-surface);--mat-tab-inactive-hover-label-text-color: var(--sys-on-surface);--mat-tab-inactive-label-text-color: var(--sys-on-surface);--mat-tab-inactive-ripple-color: var(--sys-on-surface);--mat-tab-pagination-icon-color: var(--sys-on-surface);--mat-tab-disabled-ripple-color: var(--sys-on-surface-variant);--mat-tab-container-height: 48px;--mat-tab-label-text-font: Roboto, sans-serif;--mat-tab-label-text-line-height: 1.25rem;--mat-tab-label-text-size: .875rem;--mat-tab-label-text-tracking: .006rem;--mat-tab-label-text-weight: 500;--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 16px 24px;--mat-dialog-container-elevation-shadow: none;--mat-dialog-container-max-width: 560px;--mat-dialog-container-min-width: 280px;--mat-dialog-container-shape: 28px;--mat-dialog-container-small-max-width: calc(100vw - 32px) ;--mat-dialog-content-padding: 20px 24px;--mat-dialog-headline-padding: 6px 24px 13px;--mat-dialog-with-actions-content-padding: 20px 24px 0;--mat-dialog-container-color: var(--sys-surface);--mat-dialog-subhead-color: var(--sys-on-surface);--mat-dialog-supporting-text-color: var(--sys-on-surface-variant);--mat-dialog-subhead-font: Roboto, sans-serif;--mat-dialog-subhead-line-height: 2rem;--mat-dialog-subhead-size: 1.5rem;--mat-dialog-subhead-tracking: 0;--mat-dialog-subhead-weight: 400;--mat-dialog-supporting-text-font: Roboto, sans-serif;--mat-dialog-supporting-text-line-height: 1.25rem;--mat-dialog-supporting-text-size: .875rem;--mat-dialog-supporting-text-tracking: .016rem;--mat-dialog-supporting-text-weight: 400;--mat-list-active-indicator-color: var(--sys-secondary-container);--mat-list-active-indicator-shape: 9999px;--mat-list-list-item-container-color: transparent;--mat-list-list-item-container-shape: 0;--mat-list-list-item-disabled-label-text-color: var(--sys-on-surface);--mat-list-list-item-disabled-label-text-opacity: .3;--mat-list-list-item-disabled-leading-icon-color: var(--sys-on-surface);--mat-list-list-item-disabled-leading-icon-opacity: .38;--mat-list-list-item-disabled-state-layer-color: var(--sys-on-surface);--mat-list-list-item-disabled-state-layer-opacity: .12;--mat-list-list-item-disabled-trailing-icon-color: var(--sys-on-surface);--mat-list-list-item-disabled-trailing-icon-opacity: .38;--mat-list-list-item-focus-label-text-color: var(--sys-on-surface);--mat-list-list-item-focus-state-layer-color: var(--sys-on-surface);--mat-list-list-item-focus-state-layer-opacity: .12;--mat-list-list-item-hover-label-text-color: var(--sys-on-surface);--mat-list-list-item-hover-state-layer-color: var(--sys-on-surface);--mat-list-list-item-hover-state-layer-opacity: .08;--mat-list-list-item-label-text-color: var(--sys-on-surface);--mat-list-list-item-leading-avatar-color: var(--sys-primary-container);--mat-list-list-item-leading-avatar-shape: 9999px;--mat-list-list-item-leading-avatar-size: 40px;--mat-list-list-item-leading-icon-color: var(--sys-on-surface-variant);--mat-list-list-item-leading-icon-size: 24px;--mat-list-list-item-selected-trailing-icon-color: var(--sys-primary);--mat-list-list-item-supporting-text-color: var(--sys-on-surface-variant);--mat-list-list-item-trailing-icon-color: var(--sys-on-surface-variant);--mat-list-list-item-trailing-icon-size: 24px;--mat-list-list-item-trailing-supporting-text-color: var(--sys-on-surface-variant);--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 16px;--mat-list-list-item-one-line-container-height: 48px;--mat-list-list-item-two-line-container-height: 64px;--mat-list-list-item-three-line-container-height: 88px;--mat-list-list-item-label-text-font: Roboto, sans-serif;--mat-list-list-item-label-text-line-height: 1.5rem;--mat-list-list-item-label-text-size: 1rem;--mat-list-list-item-label-text-tracking: .031rem;--mat-list-list-item-label-text-weight: 400;--mat-list-list-item-supporting-text-font: Roboto, sans-serif;--mat-list-list-item-supporting-text-line-height: 1.25rem;--mat-list-list-item-supporting-text-size: .875rem;--mat-list-list-item-supporting-text-tracking: .016rem;--mat-list-list-item-supporting-text-weight: 400;--mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;--mat-list-list-item-trailing-supporting-text-line-height: 1rem;--mat-list-list-item-trailing-supporting-text-size: .688rem;--mat-list-list-item-trailing-supporting-text-tracking: .031rem;--mat-list-list-item-trailing-supporting-text-weight: 500;--mat-paginator-container-text-color: var(--sys-on-surface);--mat-paginator-container-background-color: var(--sys-surface);--mat-paginator-disabled-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-paginator-enabled-icon-color: var(--sys-on-surface-variant);--mat-paginator-container-size: 56px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-paginator-container-text-font: Roboto, sans-serif;--mat-paginator-container-text-line-height: 1rem;--mat-paginator-container-text-size: .75rem;--mat-paginator-container-text-tracking: .025rem;--mat-paginator-container-text-weight: 400;--mat-paginator-select-trigger-text-size: .75rem;--mat-radio-disabled-unselected-icon-opacity: .38;--mat-radio-disabled-selected-icon-opacity: .38;--mat-radio-checked-ripple-color: var(--sys-primary);--mat-radio-disabled-label-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-radio-disabled-selected-icon-color: var(--sys-on-surface);--mat-radio-disabled-unselected-icon-color: var(--sys-on-surface);--mat-radio-label-text-color: var(--sys-on-surface);--mat-radio-ripple-color: var(--sys-on-surface);--mat-radio-selected-focus-icon-color: var(--sys-primary);--mat-radio-selected-hover-icon-color: var(--sys-primary);--mat-radio-selected-icon-color: var(--sys-primary);--mat-radio-selected-pressed-icon-color: var(--sys-primary);--mat-radio-unselected-focus-icon-color: var(--sys-on-surface);--mat-radio-unselected-hover-icon-color: var(--sys-on-surface);--mat-radio-unselected-icon-color: var(--sys-on-surface-variant);--mat-radio-unselected-pressed-icon-color: var(--sys-on-surface);--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 40px;--mat-radio-label-text-font: Roboto, sans-serif;--mat-radio-label-text-line-height: 1.25rem;--mat-radio-label-text-size: .875rem;--mat-radio-label-text-tracking: .016rem;--mat-radio-label-text-weight: 400;--mat-progress-bar-active-indicator-height: 4px;--mat-progress-bar-track-height: 4px;--mat-progress-bar-track-shape: 0;--mat-progress-bar-active-indicator-color: var(--sys-primary);--mat-progress-bar-track-color: var(--sys-surface-variant);--mat-progress-spinner-size: 48px;--mat-progress-spinner-active-indicator-width: 4px;--mat-progress-spinner-active-indicator-color: var(--sys-primary);--mat-grid-list-tile-header-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;--mat-grid-list-tile-header-secondary-text-size: 400 .875rem / 1.25rem Roboto, sans-serif;--mat-grid-list-tile-footer-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;--mat-grid-list-tile-footer-secondary-text-size: 400 .875rem / 1.25rem Roboto, sans-serif;--mat-card-elevated-container-shape: 12px;--mat-card-filled-container-shape: 12px;--mat-card-outlined-container-shape: 12px;--mat-card-outlined-outline-width: 1px;--mat-card-elevated-container-color: var(--sys-surface-container-low);--mat-card-elevated-container-elevation: 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-card-filled-container-color: var(--sys-surface-container-highest);--mat-card-filled-container-elevation: 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-card-outlined-container-color: var(--sys-surface);--mat-card-outlined-container-elevation: 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-card-outlined-outline-color: var(--sys-outline-variant);--mat-card-subtitle-text-color: var(--sys-on-surface);--mat-card-subtitle-text-font: Roboto, sans-serif;--mat-card-subtitle-text-line-height: 1.5rem;--mat-card-subtitle-text-size: 1rem;--mat-card-subtitle-text-tracking: .009rem;--mat-card-subtitle-text-weight: 500;--mat-card-title-text-font: Roboto, sans-serif;--mat-card-title-text-line-height: 1.75rem;--mat-card-title-text-size: 1.375rem;--mat-card-title-text-tracking: 0;--mat-card-title-text-weight: 400;--mat-select-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-select-panel-background-color: var(--sys-surface-container);--mat-select-enabled-trigger-text-color: var(--sys-on-surface);--mat-select-disabled-trigger-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-select-placeholder-text-color: var(--sys-on-surface-variant);--mat-select-enabled-arrow-color: var(--sys-on-surface-variant);--mat-select-disabled-arrow-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-select-focused-arrow-color: var(--sys-primary);--mat-select-invalid-arrow-color: var(--sys-error);--mat-select-arrow-transform: translateY(-8px);--mat-select-trigger-text-font: Roboto, sans-serif;--mat-select-trigger-text-line-height: 1.5rem;--mat-select-trigger-text-size: 1rem;--mat-select-trigger-text-tracking: .031rem;--mat-select-trigger-text-weight: 400;--mat-form-field-filled-active-indicator-height: 1px;--mat-form-field-filled-focus-active-indicator-height: 2px;--mat-form-field-filled-container-shape: 4px;--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px;--mat-form-field-outlined-container-shape: 4px;--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-enabled-select-arrow-color: var(--sys-on-surface-variant);--mat-form-field-error-focus-trailing-icon-color: var(--sys-error);--mat-form-field-error-hover-trailing-icon-color: var(--sys-on-error-container);--mat-form-field-error-text-color: var(--sys-error);--mat-form-field-error-trailing-icon-color: var(--sys-error);--mat-form-field-filled-active-indicator-color: var(--sys-on-surface-variant);--mat-form-field-filled-caret-color: var(--sys-primary);--mat-form-field-filled-container-color: var(--sys-surface-variant);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-container-color: color-mix(in srgb, var(--sys-on-surface) 4%, transparent);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-filled-error-active-indicator-color: var(--sys-error);--mat-form-field-filled-error-caret-color: var(--sys-error);--mat-form-field-filled-error-focus-active-indicator-color: var(--sys-error);--mat-form-field-filled-error-focus-label-text-color: var(--sys-error);--mat-form-field-filled-error-hover-active-indicator-color: var(--sys-on-error-container);--mat-form-field-filled-error-hover-label-text-color: var(--sys-on-error-container);--mat-form-field-filled-error-label-text-color: var(--sys-error);--mat-form-field-filled-focus-active-indicator-color: var(--sys-primary);--mat-form-field-filled-focus-label-text-color: var(--sys-primary);--mat-form-field-filled-hover-active-indicator-color: var(--sys-on-surface);--mat-form-field-filled-hover-label-text-color: var(--sys-on-surface-variant);--mat-form-field-filled-input-text-color: var(--sys-on-surface);--mat-form-field-filled-input-text-placeholder-color: var(--sys-on-surface-variant);--mat-form-field-filled-label-text-color: var(--sys-on-surface-variant);--mat-form-field-focus-select-arrow-color: var(--sys-primary);--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-leading-icon-color: var(--sys-on-surface-variant);--mat-form-field-outlined-caret-color: var(--sys-primary);--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-form-field-outlined-error-caret-color: var(--sys-error);--mat-form-field-outlined-error-focus-label-text-color: var(--sys-error);--mat-form-field-outlined-error-focus-outline-color: var(--sys-error);--mat-form-field-outlined-error-hover-label-text-color: var(--sys-on-error-container);--mat-form-field-outlined-error-hover-outline-color: var(--sys-on-error-container);--mat-form-field-outlined-error-label-text-color: var(--sys-error);--mat-form-field-outlined-error-outline-color: var(--sys-error);--mat-form-field-outlined-focus-label-text-color: var(--sys-primary);--mat-form-field-outlined-focus-outline-color: var(--sys-primary);--mat-form-field-outlined-hover-label-text-color: var(--sys-on-surface);--mat-form-field-outlined-hover-outline-color: var(--sys-on-surface);--mat-form-field-outlined-input-text-color: var(--sys-on-surface);--mat-form-field-outlined-input-text-placeholder-color: var(--sys-on-surface-variant);--mat-form-field-outlined-label-text-color: var(--sys-on-surface-variant);--mat-form-field-outlined-outline-color: var(--sys-outline);--mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-form-field-select-option-text-color: #1d1b1e;--mat-form-field-state-layer-color: var(--sys-on-surface);--mat-form-field-trailing-icon-color: var(--sys-on-surface-variant);--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-form-field-container-text-font: Roboto, sans-serif;--mat-form-field-container-text-line-height: 1.5rem;--mat-form-field-container-text-size: 1rem;--mat-form-field-container-text-tracking: .031rem;--mat-form-field-container-text-weight: 400;--mat-form-field-subscript-text-font: Roboto, sans-serif;--mat-form-field-subscript-text-line-height: 1rem;--mat-form-field-subscript-text-size: .75rem;--mat-form-field-subscript-text-tracking: .025rem;--mat-form-field-subscript-text-weight: 400;--mat-form-field-outlined-label-text-font: Roboto, sans-serif;--mat-form-field-outlined-label-text-size: 1rem;--mat-form-field-outlined-label-text-tracking: .031rem;--mat-form-field-outlined-label-text-weight: 400;--mat-form-field-filled-label-text-font: Roboto, sans-serif;--mat-form-field-filled-label-text-size: 1rem;--mat-form-field-filled-label-text-tracking: .031rem;--mat-form-field-filled-label-text-weight: 400;--mat-button-toggle-focus-state-layer-opacity: .12;--mat-button-toggle-hover-state-layer-opacity: .08;--mat-button-toggle-shape: 28px;--mat-button-toggle-background-color: transparent;--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-button-toggle-disabled-state-background-color: transparent;--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-button-toggle-divider-color: var(--sys-outline);--mat-button-toggle-selected-state-background-color: var(--sys-secondary-container);--mat-button-toggle-selected-state-text-color: var(--sys-on-secondary-container);--mat-button-toggle-state-layer-color: var(--sys-on-surface);--mat-button-toggle-text-color: var(--sys-on-surface);--mat-button-toggle-height: 40px;--mat-button-toggle-label-text-font: Roboto, sans-serif;--mat-button-toggle-label-text-line-height: 1.25rem;--mat-button-toggle-label-text-size: .875rem;--mat-button-toggle-label-text-tracking: .006rem;--mat-button-toggle-label-text-weight: 500;--mat-menu-divider-bottom-spacing: 8px;--mat-menu-divider-top-spacing: 8px;--mat-menu-item-icon-size: 24px;--mat-menu-item-spacing: 12px;--mat-menu-item-leading-spacing: 12px;--mat-menu-item-trailing-spacing: 12px;--mat-menu-item-with-icon-leading-spacing: 12px;--mat-menu-item-with-icon-trailing-spacing: 12px;--mat-menu-container-shape: 4px;--mat-menu-divider-color: var(--sys-surface-variant);--mat-menu-item-label-text-color: var(--sys-on-surface);--mat-menu-item-icon-color: var(--sys-on-surface-variant);--mat-menu-item-hover-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 8%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, var(--sys-on-surface) 12%, transparent);--mat-menu-container-color: var(--sys-surface-container);--mat-menu-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-menu-item-label-text-font: Roboto, sans-serif;--mat-menu-item-label-text-line-height: 1.25rem;--mat-menu-item-label-text-size: .875rem;--mat-menu-item-label-text-tracking: .006rem;--mat-menu-item-label-text-weight: 500;--mat-divider-width: 1px;--mat-divider-color: var(--sys-outline);--mat-stepper-header-error-state-icon-background-color: transparent;--mat-stepper-header-focus-state-layer-shape: 12px;--mat-stepper-header-hover-state-layer-shape: 12px;--mat-stepper-container-color: var(--sys-surface);--mat-stepper-header-done-state-icon-background-color: var(--sys-primary);--mat-stepper-header-done-state-icon-foreground-color: var(--sys-on-primary);--mat-stepper-header-edit-state-icon-background-color: var(--sys-primary);--mat-stepper-header-edit-state-icon-foreground-color: var(--sys-on-primary);--mat-stepper-header-error-state-icon-foreground-color: var(--sys-error);--mat-stepper-header-error-state-label-text-color: var(--sys-error);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, var(--sys-inverse-surface) 12%, transparent);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, var(--sys-inverse-surface) 8%, transparent);--mat-stepper-header-icon-background-color: var(--sys-on-surface-variant);--mat-stepper-header-icon-foreground-color: var(--sys-surface);--mat-stepper-header-label-text-color: var(--sys-on-surface-variant);--mat-stepper-header-optional-label-text-color: var(--sys-on-surface-variant);--mat-stepper-header-selected-state-icon-background-color: var(--sys-primary);--mat-stepper-header-selected-state-icon-foreground-color: var(--sys-on-primary);--mat-stepper-header-selected-state-label-text-color: var(--sys-on-surface-variant);--mat-stepper-line-color: var(--sys-outline);--mat-stepper-container-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-size: .875rem;--mat-stepper-header-label-text-weight: 500;--mat-stepper-header-error-state-label-text-size: .875rem;--mat-stepper-header-selected-state-label-text-size: .875rem;--mat-stepper-header-selected-state-label-text-weight: 500;--mat-stepper-header-height: 72px;--mat-checkbox-selected-focus-state-layer-opacity: .12;--mat-checkbox-selected-hover-state-layer-opacity: .08;--mat-checkbox-selected-pressed-state-layer-opacity: .12;--mat-checkbox-unselected-focus-state-layer-opacity: .12;--mat-checkbox-unselected-hover-state-layer-opacity: .08;--mat-checkbox-unselected-pressed-state-layer-opacity: .12;--mat-checkbox-disabled-label-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-checkbox-disabled-selected-checkmark-color: var(--sys-surface);--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--sys-on-surface) 38%, transparent);--mat-checkbox-label-text-color: var(--sys-on-surface);--mat-checkbox-selected-checkmark-color: var(--sys-on-primary);--mat-checkbox-selected-focus-icon-color: var(--sys-primary);--mat-checkbox-selected-focus-state-layer-color: var(--sys-primary);--mat-checkbox-selected-hover-icon-color: var(--sys-primary);--mat-checkbox-selected-hover-state-layer-color: var(--sys-primary);--mat-checkbox-selected-icon-color: var(--sys-primary);--mat-checkbox-selected-pressed-icon-color: var(--sys-primary);--mat-checkbox-selected-pressed-state-layer-color: var(--sys-on-surface);--mat-checkbox-unselected-focus-icon-color: var(--sys-on-surface);--mat-checkbox-unselected-focus-state-layer-color: var(--sys-on-surface);--mat-checkbox-unselected-hover-icon-color: var(--sys-on-surface);--mat-checkbox-unselected-hover-state-layer-color: var(--sys-on-surface);--mat-checkbox-unselected-icon-color: var(--sys-on-surface-variant);--mat-checkbox-unselected-pressed-state-layer-color: var(--sys-primary);--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 40px;--mat-checkbox-label-text-font: Roboto, sans-serif;--mat-checkbox-label-text-line-height: 1.25rem;--mat-checkbox-label-text-size: .875rem;--mat-checkbox-label-text-tracking: .016rem;--mat-checkbox-label-text-weight: 400}.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 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))}.container{display:grid;grid-template-columns:180px 1fr;grid-template-rows:auto 1fr auto;grid-gap:0px;grid-template-areas:"header header" "menu content" "footer footer";height:100vh}app-site-menu,app-menu{font-size:14px;grid-area:menu;background-color:var(--mat-sys-surface-container-lowest)}app-site-header,app-header{color:#000;font-size:14px;grid-area:header;text-align:center;background-color:#e4f0ff}app-content,app-about-us,app-administrator,app-my-website,app-home{grid-area:content;background-color:var(--mat-sys-surface)}app-site-footer,app-footer{grid-area:footer;background-color:var(--mat-sys-on-surface-variant);color:var(--mat-sys-surface-dim);text-align:left;padding:2px 0}.container{grid-template-columns:1fr;grid-template-areas:"header" "menu" "content" "footer";grid-template-rows:auto minmax(36px,auto) 1fr minmax(25px,auto) auto}.site-container{display:grid;grid-template-columns:180px 1fr;grid-template-rows:auto 1fr auto;grid-gap:0px;grid-template-areas:"header header" "menu content" "footer footer";height:100vh}.site-container{grid-template-columns:1fr;grid-template-areas:"header" "menu" "content" "footer";grid-template-rows:auto minmax(36px,auto) 1fr minmax(25px,auto) auto}app-site-header{font-size:14px;grid-area:header;text-align:center;background-color:#e4f0ff;padding:0}#app{position:relative;width:100%}#wrap{margin:0 auto;width:95%}.left-aline{float:left}mat-toolbar{position:relative;z-index:5;justify-content:space-between;border-radius:12px;--mat-toolbar-container-background-color: var(--mat-sys-surface-container-highest)}mat-table{position:relative;z-index:5;border-radius:12px}.button-group{display:flex;gap:1px}:root{--ae-gap: 5px;--ae-text-area-border: 1px solid #ddd;--ae-text-area-border-radius: 0;--ae-focus-outline-color: #afaeae auto 1px;--ae-toolbar-padding: 1px;--ae-toolbar-bg-color: #f5f5f5;--ae-toolbar-border-radius: 1px solid #ddd;--ae-button-bg-color: white;--ae-button-border: 1px solid #afaeae;--ae-button-radius: 5px;--ae-button-hover-bg-color: #f1f1f1;--ae-button-active-bg-color: #fffbd3;--ae-button-active-hover-bg-color: #fffaad;--ae-button-disabled-bg-color: #f5f5f5;--ae-picker-label-color: white;--ae-picker-icon-bg-color: white;--ae-picker-option-bg-color: #fff;--ae-picker-option-active-bg-color: #fffbd3;--ae-picker-option-focused-bg-color: #fffaad;--ae-picker-option-hover-bg-color: #fbf7ba}