@angular/material 20.1.0-next.2 → 20.1.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (213) hide show
  1. package/autocomplete/_autocomplete-theme.scss +4 -4
  2. package/autocomplete/_m2-autocomplete.scss +10 -22
  3. package/badge/_badge-theme.scss +4 -4
  4. package/badge/_m2-badge.scss +49 -63
  5. package/bottom-sheet/_bottom-sheet-theme.scss +4 -4
  6. package/bottom-sheet/_m2-bottom-sheet.scss +16 -30
  7. package/button/_button-theme.scss +4 -4
  8. package/button/_fab-theme.scss +4 -4
  9. package/button/_icon-button-theme.scss +10 -8
  10. package/button/_m2-button.scss +135 -154
  11. package/button/_m2-fab.scss +60 -69
  12. package/button/_m2-icon-button.scss +30 -50
  13. package/button/_m3-button.scss +1 -2
  14. package/button/_m3-fab.scss +1 -2
  15. package/button/_m3-icon-button.scss +1 -2
  16. package/button-toggle/_button-toggle-theme.scss +4 -4
  17. package/button-toggle/_m2-button-toggle.scss +58 -75
  18. package/button-toggle/_m3-button-toggle.scss +1 -2
  19. package/card/_card-theme.scss +4 -4
  20. package/card/_m2-card.scss +30 -43
  21. package/checkbox/_checkbox-theme.scss +10 -8
  22. package/checkbox/_m2-checkbox.scss +30 -41
  23. package/checkbox/_m3-checkbox.scss +1 -2
  24. package/chips/_chips-theme.scss +10 -7
  25. package/chips/_m2-chip.scss +40 -54
  26. package/chips/_m3-chip.scss +1 -2
  27. package/core/_core-theme.scss +4 -4
  28. package/core/_m2-app.scss +11 -23
  29. package/core/m2/_theming.scss +8 -4
  30. package/core/option/_m2-optgroup.scss +13 -25
  31. package/core/option/_m2-option.scss +16 -23
  32. package/core/option/_optgroup-theme.scss +4 -4
  33. package/core/option/_option-theme.scss +6 -6
  34. package/core/ripple/_m2-ripple.scss +8 -20
  35. package/core/ripple/_ripple-theme.scss +4 -4
  36. package/core/selection/pseudo-checkbox/_m2-pseudo-checkbox.scss +14 -21
  37. package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +8 -8
  38. package/core/theming/_definition.scss +3 -1
  39. package/core/tokens/_m2-utils.scss +14 -6
  40. package/core/tokens/m3/_theme.scss +1 -1
  41. package/datepicker/_datepicker-theme.scss +6 -6
  42. package/datepicker/_m2-datepicker.scss +26 -33
  43. package/dialog/_dialog-theme.scss +4 -4
  44. package/dialog/_m2-dialog.scss +34 -46
  45. package/divider/_divider-theme.scss +4 -4
  46. package/divider/_m2-divider.scss +10 -21
  47. package/expansion/_expansion-theme.scss +4 -4
  48. package/expansion/_m2-expansion.scss +51 -67
  49. package/expansion/_m3-expansion.scss +1 -2
  50. package/fesm2022/animation-DfMFjxHu.mjs.map +1 -1
  51. package/fesm2022/autocomplete/testing.mjs.map +1 -1
  52. package/fesm2022/autocomplete.mjs.map +1 -1
  53. package/fesm2022/badge/testing.mjs.map +1 -1
  54. package/fesm2022/badge.mjs.map +1 -1
  55. package/fesm2022/bottom-sheet/testing.mjs.map +1 -1
  56. package/fesm2022/bottom-sheet.mjs.map +1 -1
  57. package/fesm2022/button/testing.mjs.map +1 -1
  58. package/fesm2022/button-toggle/testing.mjs.map +1 -1
  59. package/fesm2022/button-toggle.mjs.map +1 -1
  60. package/fesm2022/button.mjs.map +1 -1
  61. package/fesm2022/card/testing.mjs.map +1 -1
  62. package/fesm2022/card.mjs.map +1 -1
  63. package/fesm2022/checkbox/testing.mjs.map +1 -1
  64. package/fesm2022/checkbox.mjs.map +1 -1
  65. package/fesm2022/chips/testing.mjs.map +1 -1
  66. package/fesm2022/chips.mjs.map +1 -1
  67. package/fesm2022/common-module-cKSwHniA.mjs.map +1 -1
  68. package/fesm2022/core/testing.mjs.map +1 -1
  69. package/fesm2022/core.mjs +1 -1
  70. package/fesm2022/core.mjs.map +1 -1
  71. package/fesm2022/date-formats-K6TQue-Y.mjs.map +1 -1
  72. package/fesm2022/date-range-input-harness-DEyfkeOs.mjs.map +1 -1
  73. package/fesm2022/datepicker/testing.mjs.map +1 -1
  74. package/fesm2022/datepicker.mjs.map +1 -1
  75. package/fesm2022/dialog/testing.mjs.map +1 -1
  76. package/fesm2022/dialog.mjs.map +1 -1
  77. package/fesm2022/divider/testing.mjs.map +1 -1
  78. package/fesm2022/divider.mjs.map +1 -1
  79. package/fesm2022/error-options-DCNQlTOA.mjs.map +1 -1
  80. package/fesm2022/error-state-Dtb1IHM-.mjs.map +1 -1
  81. package/fesm2022/expansion/testing.mjs.map +1 -1
  82. package/fesm2022/expansion.mjs.map +1 -1
  83. package/fesm2022/form-field/testing/control.mjs.map +1 -1
  84. package/fesm2022/form-field/testing.mjs.map +1 -1
  85. package/fesm2022/form-field-CFbrnFED.mjs.map +1 -1
  86. package/fesm2022/form-field.mjs.map +1 -1
  87. package/fesm2022/grid-list/testing.mjs.map +1 -1
  88. package/fesm2022/grid-list.mjs.map +1 -1
  89. package/fesm2022/icon/testing.mjs.map +1 -1
  90. package/fesm2022/icon-button-DxiIc1ex.mjs.map +1 -1
  91. package/fesm2022/icon-registry-CwOTJ7YM.mjs.map +1 -1
  92. package/fesm2022/icon.mjs.map +1 -1
  93. package/fesm2022/index-BFRo2fUq.mjs.map +1 -1
  94. package/fesm2022/index-DwiL-HGk.mjs.map +1 -1
  95. package/fesm2022/input/testing.mjs.map +1 -1
  96. package/fesm2022/input-harness-C5Msdc4-.mjs.map +1 -1
  97. package/fesm2022/input-value-accessor-D1GvPuqO.mjs.map +1 -1
  98. package/fesm2022/input.mjs.map +1 -1
  99. package/fesm2022/internal-form-field-D5iFxU6d.mjs.map +1 -1
  100. package/fesm2022/line-Bz5f9Cyx.mjs.map +1 -1
  101. package/fesm2022/list/testing.mjs.map +1 -1
  102. package/fesm2022/list.mjs.map +1 -1
  103. package/fesm2022/material.mjs.map +1 -1
  104. package/fesm2022/menu/testing.mjs.map +1 -1
  105. package/fesm2022/menu.mjs.map +1 -1
  106. package/fesm2022/module-B0CLRw5e.mjs.map +1 -1
  107. package/fesm2022/module-B62K-792.mjs.map +1 -1
  108. package/fesm2022/module-CWxMD37a.mjs.map +1 -1
  109. package/fesm2022/module-Ce6F7TNm.mjs.map +1 -1
  110. package/fesm2022/option-BzhYL_xC.mjs.map +1 -1
  111. package/fesm2022/option-harness-BFcc-M_4.mjs.map +1 -1
  112. package/fesm2022/paginator/testing.mjs.map +1 -1
  113. package/fesm2022/paginator.mjs.map +1 -1
  114. package/fesm2022/progress-bar/testing.mjs.map +1 -1
  115. package/fesm2022/progress-bar.mjs.map +1 -1
  116. package/fesm2022/progress-spinner/testing.mjs.map +1 -1
  117. package/fesm2022/progress-spinner.mjs.map +1 -1
  118. package/fesm2022/pseudo-checkbox-DDmgx3P4.mjs.map +1 -1
  119. package/fesm2022/pseudo-checkbox-module-4F8Up4PL.mjs.map +1 -1
  120. package/fesm2022/public-api-BoO5eSq-.mjs.map +1 -1
  121. package/fesm2022/radio/testing.mjs.map +1 -1
  122. package/fesm2022/radio.mjs.map +1 -1
  123. package/fesm2022/ripple-BYgV4oZC.mjs.map +1 -1
  124. package/fesm2022/ripple-loader-BnMiRtmT.mjs.map +1 -1
  125. package/fesm2022/select/testing.mjs.map +1 -1
  126. package/fesm2022/select.mjs.map +1 -1
  127. package/fesm2022/sidenav/testing.mjs.map +1 -1
  128. package/fesm2022/sidenav.mjs +2 -4
  129. package/fesm2022/sidenav.mjs.map +1 -1
  130. package/fesm2022/slide-toggle/testing.mjs.map +1 -1
  131. package/fesm2022/slide-toggle.mjs.map +1 -1
  132. package/fesm2022/slider/testing.mjs.map +1 -1
  133. package/fesm2022/slider.mjs.map +1 -1
  134. package/fesm2022/snack-bar/testing.mjs.map +1 -1
  135. package/fesm2022/snack-bar.mjs.map +1 -1
  136. package/fesm2022/sort/testing.mjs.map +1 -1
  137. package/fesm2022/sort.mjs.map +1 -1
  138. package/fesm2022/stepper/testing.mjs.map +1 -1
  139. package/fesm2022/stepper.mjs.map +1 -1
  140. package/fesm2022/structural-styles-CObeNzjn.mjs.map +1 -1
  141. package/fesm2022/table/testing.mjs.map +1 -1
  142. package/fesm2022/table.mjs.map +1 -1
  143. package/fesm2022/tabs/testing.mjs.map +1 -1
  144. package/fesm2022/tabs.mjs.map +1 -1
  145. package/fesm2022/timepicker/testing.mjs.map +1 -1
  146. package/fesm2022/timepicker.mjs.map +1 -1
  147. package/fesm2022/toolbar/testing.mjs.map +1 -1
  148. package/fesm2022/toolbar.mjs.map +1 -1
  149. package/fesm2022/tooltip/testing.mjs.map +1 -1
  150. package/fesm2022/tooltip.mjs.map +1 -1
  151. package/fesm2022/tree/testing.mjs.map +1 -1
  152. package/fesm2022/tree.mjs.map +1 -1
  153. package/form-field/_form-field-theme.scss +4 -4
  154. package/form-field/_m2-form-field.scss +125 -138
  155. package/form-field/_m3-form-field.scss +1 -2
  156. package/grid-list/_grid-list-theme.scss +4 -4
  157. package/grid-list/_m2-grid-list.scss +14 -25
  158. package/icon/_icon-theme.scss +4 -4
  159. package/icon/_m2-icon.scss +7 -21
  160. package/list/_list-theme.scss +14 -12
  161. package/list/_m2-list.scss +84 -98
  162. package/list/_m3-list.scss +1 -2
  163. package/menu/_m2-menu.scss +33 -46
  164. package/menu/_menu-theme.scss +4 -4
  165. package/package.json +2 -2
  166. package/paginator/_m2-paginator.scss +38 -57
  167. package/paginator/_m3-paginator.scss +1 -2
  168. package/paginator/_paginator-theme.scss +4 -4
  169. package/prebuilt-themes/deeppurple-amber.css +1 -1
  170. package/prebuilt-themes/indigo-pink.css +1 -1
  171. package/prebuilt-themes/pink-bluegrey.css +1 -1
  172. package/prebuilt-themes/purple-green.css +1 -1
  173. package/progress-bar/_m2-progress-bar.scss +11 -24
  174. package/progress-bar/_progress-bar-theme.scss +6 -6
  175. package/progress-spinner/_m2-progress-spinner.scss +9 -20
  176. package/progress-spinner/_progress-spinner-theme.scss +6 -6
  177. package/radio/_m2-radio.scss +30 -41
  178. package/radio/_m3-radio.scss +1 -2
  179. package/radio/_radio-theme.scss +6 -6
  180. package/schematics/ng-add/index.js +1 -1
  181. package/schematics/ng-generate/theme-color/schema.json +1 -1
  182. package/select/_m2-select.scss +23 -31
  183. package/select/_m3-select.scss +1 -2
  184. package/select/_select-theme.scss +6 -6
  185. package/sidenav/_m2-sidenav.scss +26 -36
  186. package/sidenav/_sidenav-theme.scss +4 -4
  187. package/slide-toggle/_m2-slide-toggle.scss +94 -113
  188. package/slide-toggle/_slide-toggle-theme.scss +6 -6
  189. package/slider/_m2-slider.scss +34 -52
  190. package/slider/_slider-theme.scss +4 -4
  191. package/snack-bar/_m2-snack-bar.scss +16 -36
  192. package/snack-bar/_snack-bar-theme.scss +4 -4
  193. package/sort/_m2-sort.scss +7 -18
  194. package/sort/_sort-theme.scss +4 -4
  195. package/stepper/_m2-stepper.scss +39 -54
  196. package/stepper/_m3-stepper.scss +1 -2
  197. package/stepper/_stepper-theme.scss +4 -4
  198. package/table/_m2-table.scss +54 -65
  199. package/table/_m3-table.scss +1 -2
  200. package/table/_table-theme.scss +4 -4
  201. package/tabs/_m2-tabs.scss +31 -47
  202. package/tabs/_m3-tabs.scss +1 -2
  203. package/tabs/_tabs-theme.scss +9 -9
  204. package/timepicker/_m2-timepicker.scss +10 -22
  205. package/timepicker/_timepicker-theme.scss +4 -4
  206. package/toolbar/_m2-toolbar.scss +26 -45
  207. package/toolbar/_m3-toolbar.scss +1 -2
  208. package/toolbar/_toolbar-theme.scss +4 -4
  209. package/tooltip/_m2-tooltip.scss +16 -33
  210. package/tooltip/_tooltip-theme.scss +4 -4
  211. package/tree/_m2-tree.scss +21 -39
  212. package/tree/_m3-tree.scss +1 -2
  213. package/tree/_tree-theme.scss +4 -4
package/prebuilt-themes/purple-green.css CHANGED
@@ -1 +1 @@
1
- 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))}.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-app-background-color: #303030;--mat-app-text-color: white;--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-ripple-color: color-mix(in srgb, white 12%, transparent)}html{--mat-option-selected-state-label-text-color: #7b1fa2;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent)}.mat-accent{--mat-option-selected-state-label-text-color: #69f0ae;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent)}.mat-warn{--mat-option-selected-state-label-text-color: #f44336;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent)}html{--mat-optgroup-label-text-color: white}html{--mat-pseudo-checkbox-full-selected-icon-color: #69f0ae;--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;--mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;--mat-pseudo-checkbox-minimal-selected-checkmark-color: #69f0ae;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868}.mat-primary{--mat-pseudo-checkbox-full-selected-icon-color: #7b1fa2;--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;--mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;--mat-pseudo-checkbox-minimal-selected-checkmark-color: #7b1fa2;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868}.mat-accent{--mat-pseudo-checkbox-full-selected-icon-color: #69f0ae;--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;--mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;--mat-pseudo-checkbox-minimal-selected-checkmark-color: #69f0ae;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868}.mat-warn{--mat-pseudo-checkbox-full-selected-icon-color: #f44336;--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: #686868;--mat-pseudo-checkbox-full-disabled-selected-icon-color: #686868;--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: #686868}html{--mat-option-label-text-font: Roboto, sans-serif;--mat-option-label-text-line-height: 24px;--mat-option-label-text-size: 16px;--mat-option-label-text-tracking: 0.03125em;--mat-option-label-text-weight: 400}html{--mat-optgroup-label-text-font: Roboto, sans-serif;--mat-optgroup-label-text-line-height: 24px;--mat-optgroup-label-text-size: 16px;--mat-optgroup-label-text-tracking: 0.03125em;--mat-optgroup-label-text-weight: 400}html{--mat-card-elevated-container-shape: 4px;--mat-card-outlined-container-shape: 4px;--mat-card-filled-container-shape: 4px;--mat-card-outlined-outline-width: 1px}html{--mat-card-elevated-container-color: #424242;--mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-card-outlined-container-color: #424242;--mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-outlined-outline-color: rgba(255, 255, 255, 0.12);--mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);--mat-card-filled-container-color: #424242;--mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}html{--mat-card-title-text-font: Roboto, sans-serif;--mat-card-title-text-line-height: 32px;--mat-card-title-text-size: 20px;--mat-card-title-text-tracking: 0.0125em;--mat-card-title-text-weight: 500;--mat-card-subtitle-text-font: Roboto, sans-serif;--mat-card-subtitle-text-line-height: 22px;--mat-card-subtitle-text-size: 14px;--mat-card-subtitle-text-tracking: 0.0071428571em;--mat-card-subtitle-text-weight: 500}html{--mat-progress-bar-active-indicator-height: 4px;--mat-progress-bar-track-height: 4px;--mat-progress-bar-track-shape: 0}.mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: #7b1fa2;--mat-progress-bar-track-color: rgba(123, 31, 162, 0.25)}.mat-mdc-progress-bar.mat-accent{--mat-progress-bar-active-indicator-color: #69f0ae;--mat-progress-bar-track-color: rgba(105, 240, 174, 0.25)}.mat-mdc-progress-bar.mat-warn{--mat-progress-bar-active-indicator-color: #f44336;--mat-progress-bar-track-color: rgba(244, 67, 54, 0.25)}html{--mat-tooltip-container-shape: 4px;--mat-tooltip-supporting-text-line-height: 16px}html{--mat-tooltip-container-color: white;--mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87)}html{--mat-tooltip-supporting-text-font: Roboto, sans-serif;--mat-tooltip-supporting-text-size: 12px;--mat-tooltip-supporting-text-weight: 400;--mat-tooltip-supporting-text-tracking: 0.0333333333em}html{--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}html{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #7b1fa2 87%, transparent);--mat-form-field-filled-caret-color: #7b1fa2;--mat-form-field-filled-focus-active-indicator-color: #7b1fa2;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #7b1fa2 87%, transparent);--mat-form-field-outlined-caret-color: #7b1fa2;--mat-form-field-outlined-focus-outline-color: #7b1fa2;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #7b1fa2 87%, transparent);--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-state-layer-color: white;--mat-form-field-error-text-color: #f44336;--mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);--mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);--mat-form-field-leading-icon-color: unset;--mat-form-field-disabled-leading-icon-color: unset;--mat-form-field-trailing-icon-color: unset;--mat-form-field-disabled-trailing-icon-color: unset;--mat-form-field-error-focus-trailing-icon-color: unset;--mat-form-field-error-hover-trailing-icon-color: unset;--mat-form-field-error-trailing-icon-color: unset;--mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.7);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-hover-state-layer-opacity: 0.04;--mat-form-field-focus-state-layer-opacity: 0.12;--mat-form-field-filled-container-color: #4a4a4a;--mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);--mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7);--mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-filled-input-text-color: white;--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7);--mat-form-field-filled-error-hover-label-text-color: #f44336;--mat-form-field-filled-error-focus-label-text-color: #f44336;--mat-form-field-filled-error-label-text-color: #f44336;--mat-form-field-filled-error-caret-color: #f44336;--mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);--mat-form-field-filled-hover-active-indicator-color: white;--mat-form-field-filled-error-active-indicator-color: #f44336;--mat-form-field-filled-error-focus-active-indicator-color: #f44336;--mat-form-field-filled-error-hover-active-indicator-color: #f44336;--mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7);--mat-form-field-outlined-hover-label-text-color: white;--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-outlined-input-text-color: white;--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7);--mat-form-field-outlined-error-caret-color: #f44336;--mat-form-field-outlined-error-focus-label-text-color: #f44336;--mat-form-field-outlined-error-label-text-color: #f44336;--mat-form-field-outlined-error-hover-label-text-color: #f44336;--mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);--mat-form-field-outlined-hover-outline-color: white;--mat-form-field-outlined-error-focus-outline-color: #f44336;--mat-form-field-outlined-error-hover-outline-color: #f44336;--mat-form-field-outlined-error-outline-color: #f44336}.mat-mdc-form-field.mat-accent{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #69f0ae 87%, transparent);--mat-form-field-filled-caret-color: #69f0ae;--mat-form-field-filled-focus-active-indicator-color: #69f0ae;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #69f0ae 87%, transparent);--mat-form-field-outlined-caret-color: #69f0ae;--mat-form-field-outlined-focus-outline-color: #69f0ae;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #69f0ae 87%, transparent)}.mat-mdc-form-field.mat-warn{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-filled-caret-color: #f44336;--mat-form-field-filled-focus-active-indicator-color: #f44336;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-outlined-caret-color: #f44336;--mat-form-field-outlined-focus-outline-color: #f44336;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent)}html{--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}html{--mat-form-field-container-text-font: Roboto, sans-serif;--mat-form-field-container-text-line-height: 24px;--mat-form-field-container-text-size: 16px;--mat-form-field-container-text-tracking: 0.03125em;--mat-form-field-container-text-weight: 400;--mat-form-field-outlined-label-text-populated-size: 16px;--mat-form-field-subscript-text-font: Roboto, sans-serif;--mat-form-field-subscript-text-line-height: 20px;--mat-form-field-subscript-text-size: 12px;--mat-form-field-subscript-text-tracking: 0.0333333333em;--mat-form-field-subscript-text-weight: 400;--mat-form-field-filled-label-text-font: Roboto, sans-serif;--mat-form-field-filled-label-text-size: 16px;--mat-form-field-filled-label-text-tracking: 0.03125em;--mat-form-field-filled-label-text-weight: 400;--mat-form-field-outlined-label-text-font: Roboto, sans-serif;--mat-form-field-outlined-label-text-size: 16px;--mat-form-field-outlined-label-text-tracking: 0.03125em;--mat-form-field-outlined-label-text-weight: 400}html{--mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: white;--mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);--mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);--mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mat-select-focused-arrow-color: #7b1fa2;--mat-select-invalid-arrow-color: #f44336}.mat-mdc-form-field.mat-accent{--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: white;--mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);--mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);--mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mat-select-focused-arrow-color: #69f0ae;--mat-select-invalid-arrow-color: #f44336}.mat-mdc-form-field.mat-warn{--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: white;--mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);--mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);--mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mat-select-focused-arrow-color: #f44336;--mat-select-invalid-arrow-color: #f44336}html{--mat-select-arrow-transform: translateY(-8px)}html{--mat-select-trigger-text-font: Roboto, sans-serif;--mat-select-trigger-text-line-height: 24px;--mat-select-trigger-text-size: 16px;--mat-select-trigger-text-tracking: 0.03125em;--mat-select-trigger-text-weight: 400}html{--mat-autocomplete-container-shape: 4px;--mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-autocomplete-background-color: #424242}html{--mat-dialog-container-shape: 4px;--mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mat-dialog-container-max-width: 80vw;--mat-dialog-container-small-max-width: 80vw;--mat-dialog-container-min-width: 0;--mat-dialog-actions-alignment: start;--mat-dialog-actions-padding: 8px;--mat-dialog-content-padding: 20px 24px;--mat-dialog-with-actions-content-padding: 20px 24px;--mat-dialog-headline-padding: 0 24px 9px}html{--mat-dialog-container-color: #424242;--mat-dialog-subhead-color: white;--mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7)}html{--mat-dialog-subhead-font: Roboto, sans-serif;--mat-dialog-subhead-line-height: 32px;--mat-dialog-subhead-size: 20px;--mat-dialog-subhead-weight: 500;--mat-dialog-subhead-tracking: 0.0125em;--mat-dialog-supporting-text-font: Roboto, sans-serif;--mat-dialog-supporting-text-line-height: 24px;--mat-dialog-supporting-text-size: 16px;--mat-dialog-supporting-text-weight: 400;--mat-dialog-supporting-text-tracking: 0.03125em}.mat-mdc-standard-chip{--mat-chip-container-shape-radius: 16px;--mat-chip-disabled-container-opacity: 0.4;--mat-chip-disabled-outline-color: transparent;--mat-chip-flat-selected-outline-width: 0;--mat-chip-focus-outline-color: transparent;--mat-chip-hover-state-layer-opacity: 0.04;--mat-chip-outline-color: transparent;--mat-chip-outline-width: 0;--mat-chip-selected-hover-state-layer-opacity: 0.04;--mat-chip-selected-trailing-action-state-layer-color: transparent;--mat-chip-trailing-action-focus-opacity: 1;--mat-chip-trailing-action-focus-state-layer-opacity: 0;--mat-chip-trailing-action-hover-state-layer-opacity: 0;--mat-chip-trailing-action-opacity: 0.54;--mat-chip-trailing-action-state-layer-color: transparent;--mat-chip-with-avatar-avatar-shape-radius: 14px;--mat-chip-with-avatar-avatar-size: 28px;--mat-chip-with-avatar-disabled-avatar-opacity: 1;--mat-chip-with-icon-disabled-icon-opacity: 1;--mat-chip-with-icon-icon-size: 18px;--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1}.mat-mdc-standard-chip{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent);--mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent);--mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent);--mat-chip-focus-state-layer-color: white;--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: white;--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: 0.12;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: 0.04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #7b1fa2;--mat-chip-elevated-disabled-container-color: #7b1fa2;--mat-chip-elevated-selected-container-color: #7b1fa2;--mat-chip-flat-disabled-selected-container-color: #7b1fa2;--mat-chip-focus-state-layer-color: white;--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: white;--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: 0.12;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: 0.04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);--mat-chip-elevated-container-color: #69f0ae;--mat-chip-elevated-disabled-container-color: #69f0ae;--mat-chip-elevated-selected-container-color: #69f0ae;--mat-chip-flat-disabled-selected-container-color: #69f0ae;--mat-chip-focus-state-layer-color: white;--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: white;--mat-chip-label-text-color: rgba(0, 0, 0, 0.87);--mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-selected-focus-state-layer-color: 0.12;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: 0.04;--mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);--mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87)}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #f44336;--mat-chip-elevated-disabled-container-color: #f44336;--mat-chip-elevated-selected-container-color: #f44336;--mat-chip-flat-disabled-selected-container-color: #f44336;--mat-chip-focus-state-layer-color: white;--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: white;--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: 0.12;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: 0.04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-chip.mat-mdc-standard-chip{--mat-chip-container-height: 32px}.mat-mdc-standard-chip{--mat-chip-label-text-font: Roboto, sans-serif;--mat-chip-label-text-line-height: 20px;--mat-chip-label-text-size: 14px;--mat-chip-label-text-tracking: 0.0178571429em;--mat-chip-label-text-weight: 400}html{--mat-slide-toggle-disabled-handle-opacity: 0.38;--mat-slide-toggle-disabled-selected-handle-opacity: 0.38;--mat-slide-toggle-disabled-selected-icon-opacity: 0.38;--mat-slide-toggle-disabled-track-opacity: 0.12;--mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;--mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;--mat-slide-toggle-disabled-unselected-track-outline-color: transparent;--mat-slide-toggle-disabled-unselected-track-outline-width: 1px;--mat-slide-toggle-handle-height: 20px;--mat-slide-toggle-handle-shape: 10px;--mat-slide-toggle-handle-width: 20px;--mat-slide-toggle-hidden-track-opacity: 1;--mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-slide-toggle-pressed-handle-size: 20px;--mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;--mat-slide-toggle-selected-handle-horizontal-margin: 0;--mat-slide-toggle-selected-handle-size: 20px;--mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;--mat-slide-toggle-selected-icon-size: 18px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;--mat-slide-toggle-selected-track-outline-color: transparent;--mat-slide-toggle-selected-track-outline-width: 1px;--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-track-height: 14px;--mat-slide-toggle-track-outline-color: transparent;--mat-slide-toggle-track-outline-width: 1px;--mat-slide-toggle-track-shape: 7px;--mat-slide-toggle-track-width: 36px;--mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;--mat-slide-toggle-unselected-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-handle-size: 20px;--mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;--mat-slide-toggle-unselected-icon-size: 18px;--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-visible-track-opacity: 1;--mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-slide-toggle-with-icon-handle-size: 20px}html{--mat-slide-toggle-selected-icon-color: white;--mat-slide-toggle-disabled-selected-icon-color: white;--mat-slide-toggle-selected-focus-state-layer-color: #7b1fa2;--mat-slide-toggle-selected-handle-color: #7b1fa2;--mat-slide-toggle-selected-hover-state-layer-color: #7b1fa2;--mat-slide-toggle-selected-pressed-state-layer-color: #7b1fa2;--mat-slide-toggle-selected-focus-handle-color: #7b1fa2;--mat-slide-toggle-selected-hover-handle-color: #7b1fa2;--mat-slide-toggle-selected-pressed-handle-color: #7b1fa2;--mat-slide-toggle-selected-focus-track-color: #8e24aa;--mat-slide-toggle-selected-hover-track-color: #8e24aa;--mat-slide-toggle-selected-pressed-track-color: #8e24aa;--mat-slide-toggle-selected-track-color: #8e24aa;--mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-slide-toggle-disabled-selected-handle-color: white;--mat-slide-toggle-disabled-selected-track-color: white;--mat-slide-toggle-disabled-unselected-handle-color: white;--mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;--mat-slide-toggle-disabled-unselected-track-color: white;--mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slide-toggle-handle-surface-color: #424242;--mat-slide-toggle-label-text-color: white;--mat-slide-toggle-unselected-hover-handle-color: white;--mat-slide-toggle-unselected-focus-handle-color: white;--mat-slide-toggle-unselected-focus-state-layer-color: white;--mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12);--mat-slide-toggle-unselected-icon-color: #4a4a4a;--mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7);--mat-slide-toggle-unselected-hover-state-layer-color: white;--mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12);--mat-slide-toggle-unselected-pressed-handle-color: white;--mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12);--mat-slide-toggle-unselected-pressed-state-layer-color: white;--mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12)}.mat-mdc-slide-toggle.mat-accent{--mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);--mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);--mat-slide-toggle-selected-focus-state-layer-color: #69f0ae;--mat-slide-toggle-selected-handle-color: #69f0ae;--mat-slide-toggle-selected-hover-state-layer-color: #69f0ae;--mat-slide-toggle-selected-pressed-state-layer-color: #69f0ae;--mat-slide-toggle-selected-focus-handle-color: #69f0ae;--mat-slide-toggle-selected-hover-handle-color: #69f0ae;--mat-slide-toggle-selected-pressed-handle-color: #69f0ae;--mat-slide-toggle-selected-focus-track-color: #43a047;--mat-slide-toggle-selected-hover-track-color: #43a047;--mat-slide-toggle-selected-pressed-track-color: #43a047;--mat-slide-toggle-selected-track-color: #43a047}.mat-mdc-slide-toggle.mat-warn{--mat-slide-toggle-selected-icon-color: white;--mat-slide-toggle-disabled-selected-icon-color: white;--mat-slide-toggle-selected-focus-state-layer-color: #f44336;--mat-slide-toggle-selected-handle-color: #f44336;--mat-slide-toggle-selected-hover-state-layer-color: #f44336;--mat-slide-toggle-selected-pressed-state-layer-color: #f44336;--mat-slide-toggle-selected-focus-handle-color: #f44336;--mat-slide-toggle-selected-hover-handle-color: #f44336;--mat-slide-toggle-selected-pressed-handle-color: #f44336;--mat-slide-toggle-selected-focus-track-color: #e53935;--mat-slide-toggle-selected-hover-track-color: #e53935;--mat-slide-toggle-selected-pressed-track-color: #e53935;--mat-slide-toggle-selected-track-color: #e53935}html{--mat-slide-toggle-state-layer-size: 40px}html{--mat-slide-toggle-label-text-font: Roboto, sans-serif;--mat-slide-toggle-label-text-line-height: 20px;--mat-slide-toggle-label-text-size: 14px;--mat-slide-toggle-label-text-tracking: 0.0178571429em;--mat-slide-toggle-label-text-weight: 400}html .mat-mdc-slide-toggle{--mat-slide-toggle-label-text-font: Roboto, sans-serif;--mat-slide-toggle-label-text-line-height: 20px;--mat-slide-toggle-label-text-size: 14px;--mat-slide-toggle-label-text-tracking: 0.0178571429em;--mat-slide-toggle-label-text-weight: 400}html{--mat-radio-disabled-selected-icon-opacity: 0.38;--mat-radio-disabled-unselected-icon-opacity: 0.38;--mat-radio-state-layer-size: 40px}.mat-mdc-radio-button.mat-primary{--mat-radio-checked-ripple-color: #7b1fa2;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #7b1fa2;--mat-radio-selected-hover-icon-color: #7b1fa2;--mat-radio-selected-icon-color: #7b1fa2;--mat-radio-selected-pressed-icon-color: #7b1fa2;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-radio-unselected-pressed-icon-color: white}.mat-mdc-radio-button.mat-accent{--mat-radio-checked-ripple-color: #69f0ae;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #69f0ae;--mat-radio-selected-hover-icon-color: #69f0ae;--mat-radio-selected-icon-color: #69f0ae;--mat-radio-selected-pressed-icon-color: #69f0ae;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-radio-unselected-pressed-icon-color: white}.mat-mdc-radio-button.mat-warn{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-radio-unselected-pressed-icon-color: white}html{--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-display: block}html{--mat-radio-label-text-font: Roboto, sans-serif;--mat-radio-label-text-line-height: 20px;--mat-radio-label-text-size: 14px;--mat-radio-label-text-tracking: 0.0178571429em;--mat-radio-label-text-weight: 400}html{--mat-slider-active-track-height: 6px;--mat-slider-active-track-shape: 9999px;--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slider-handle-height: 20px;--mat-slider-handle-shape: 50%;--mat-slider-handle-width: 20px;--mat-slider-inactive-track-height: 4px;--mat-slider-inactive-track-shape: 9999px;--mat-slider-value-indicator-border-radius: 4px;--mat-slider-value-indicator-caret-display: block;--mat-slider-value-indicator-container-transform: translateX(-50%);--mat-slider-value-indicator-height: 32px;--mat-slider-value-indicator-padding: 0 12px;--mat-slider-value-indicator-text-transform: none;--mat-slider-value-indicator-width: auto;--mat-slider-with-overlap-handle-outline-width: 1px;--mat-slider-with-tick-marks-active-container-opacity: 0.6;--mat-slider-with-tick-marks-container-shape: 50%;--mat-slider-with-tick-marks-container-size: 2px;--mat-slider-with-tick-marks-inactive-container-opacity: 0.6}html{--mat-slider-active-track-color: #7b1fa2;--mat-slider-focus-handle-color: #7b1fa2;--mat-slider-handle-color: #7b1fa2;--mat-slider-hover-handle-color: #7b1fa2;--mat-slider-focus-state-layer-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #7b1fa2 4%, transparent);--mat-slider-inactive-track-color: #7b1fa2;--mat-slider-ripple-color: #7b1fa2;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #7b1fa2;--mat-slider-disabled-active-track-color: white;--mat-slider-disabled-handle-color: white;--mat-slider-disabled-inactive-track-color: white;--mat-slider-label-container-color: white;--mat-slider-label-label-text-color: rgba(0, 0, 0, 0.87);--mat-slider-value-indicator-opacity: 1;--mat-slider-with-overlap-handle-outline-color: white;--mat-slider-with-tick-marks-disabled-container-color: white}.mat-accent{--mat-slider-active-track-color: #69f0ae;--mat-slider-focus-handle-color: #69f0ae;--mat-slider-handle-color: #69f0ae;--mat-slider-hover-handle-color: #69f0ae;--mat-slider-focus-state-layer-color: color-mix(in srgb, #69f0ae 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #69f0ae 4%, transparent);--mat-slider-inactive-track-color: #69f0ae;--mat-slider-ripple-color: #69f0ae;--mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);--mat-slider-with-tick-marks-inactive-container-color: #69f0ae}.mat-warn{--mat-slider-active-track-color: #f44336;--mat-slider-focus-handle-color: #f44336;--mat-slider-handle-color: #f44336;--mat-slider-hover-handle-color: #f44336;--mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);--mat-slider-inactive-track-color: #f44336;--mat-slider-ripple-color: #f44336;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #f44336}html{--mat-slider-label-label-text-font: Roboto, sans-serif;--mat-slider-label-label-text-size: 14px;--mat-slider-label-label-text-line-height: 22px;--mat-slider-label-label-text-tracking: 0.0071428571em;--mat-slider-label-label-text-weight: 500}html{--mat-menu-container-shape: 4px;--mat-menu-divider-bottom-spacing: 0;--mat-menu-divider-top-spacing: 0;--mat-menu-item-spacing: 16px;--mat-menu-item-icon-size: 24px;--mat-menu-item-leading-spacing: 16px;--mat-menu-item-trailing-spacing: 16px;--mat-menu-item-with-icon-leading-spacing: 16px;--mat-menu-item-with-icon-trailing-spacing: 16px;--mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-menu-item-label-text-color: white;--mat-menu-item-icon-color: white;--mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-menu-container-color: #424242;--mat-menu-divider-color: rgba(255, 255, 255, 0.12)}html{--mat-menu-item-label-text-font: Roboto, sans-serif;--mat-menu-item-label-text-size: 16px;--mat-menu-item-label-text-tracking: 0.03125em;--mat-menu-item-label-text-line-height: 24px;--mat-menu-item-label-text-weight: 400}html{--mat-list-active-indicator-color: transparent;--mat-list-active-indicator-shape: 4px;--mat-list-list-item-container-shape: 0;--mat-list-list-item-leading-avatar-shape: 50%;--mat-list-list-item-container-color: transparent;--mat-list-list-item-selected-container-color: transparent;--mat-list-list-item-leading-avatar-color: transparent;--mat-list-list-item-leading-icon-size: 24px;--mat-list-list-item-leading-avatar-size: 40px;--mat-list-list-item-trailing-icon-size: 24px;--mat-list-list-item-disabled-state-layer-color: transparent;--mat-list-list-item-disabled-state-layer-opacity: 0;--mat-list-list-item-disabled-label-text-opacity: 0.38;--mat-list-list-item-disabled-leading-icon-opacity: 0.38;--mat-list-list-item-disabled-trailing-icon-opacity: 0.38}html{--mat-list-list-item-label-text-color: white;--mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-disabled-label-text-color: white;--mat-list-list-item-disabled-leading-icon-color: white;--mat-list-list-item-disabled-trailing-icon-color: white;--mat-list-list-item-hover-label-text-color: white;--mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-hover-state-layer-color: white;--mat-list-list-item-hover-state-layer-opacity: 0.04;--mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-focus-label-text-color: white;--mat-list-list-item-focus-state-layer-color: white;--mat-list-list-item-focus-state-layer-opacity: 0.12}.mdc-list-item__start,.mdc-list-item__end{--mat-radio-checked-ripple-color: #7b1fa2;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #7b1fa2;--mat-radio-selected-hover-icon-color: #7b1fa2;--mat-radio-selected-icon-color: #7b1fa2;--mat-radio-selected-pressed-icon-color: #7b1fa2;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-radio-unselected-pressed-icon-color: white}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mat-radio-checked-ripple-color: #69f0ae;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #69f0ae;--mat-radio-selected-hover-icon-color: #69f0ae;--mat-radio-selected-icon-color: #69f0ae;--mat-radio-selected-pressed-icon-color: #69f0ae;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-radio-unselected-pressed-icon-color: white}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-radio-unselected-pressed-icon-color: white}.mat-mdc-list-option{--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-label-text-color: white;--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #7b1fa2;--mat-checkbox-selected-hover-icon-color: #7b1fa2;--mat-checkbox-selected-icon-color: #7b1fa2;--mat-checkbox-selected-pressed-icon-color: #7b1fa2;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-checkbox-selected-focus-state-layer-color: #7b1fa2;--mat-checkbox-selected-hover-state-layer-color: #7b1fa2;--mat-checkbox-selected-pressed-state-layer-color: #7b1fa2;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.mat-mdc-list-option.mat-accent{--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-label-text-color: white;--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);--mat-checkbox-selected-focus-icon-color: #69f0ae;--mat-checkbox-selected-hover-icon-color: #69f0ae;--mat-checkbox-selected-icon-color: #69f0ae;--mat-checkbox-selected-pressed-icon-color: #69f0ae;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-checkbox-selected-focus-state-layer-color: #69f0ae;--mat-checkbox-selected-hover-state-layer-color: #69f0ae;--mat-checkbox-selected-pressed-state-layer-color: #69f0ae;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.mat-mdc-list-option.mat-warn{--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-label-text-color: white;--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start{color:#7b1fa2}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 32px;--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}.mdc-list-item__start,.mdc-list-item__end{--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-display: block}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mat-list-list-item-label-text-font: Roboto, sans-serif;--mat-list-list-item-label-text-line-height: 24px;--mat-list-list-item-label-text-size: 16px;--mat-list-list-item-label-text-tracking: 0.03125em;--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: 20px;--mat-list-list-item-supporting-text-size: 14px;--mat-list-list-item-supporting-text-tracking: 0.0178571429em;--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: 20px;--mat-list-list-item-trailing-supporting-text-size: 12px;--mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;--mat-list-list-item-trailing-supporting-text-weight: 400}.mdc-list-group__subheader{font:400 16px / 28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color: white;--mat-paginator-container-background-color: #424242;--mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.7);--mat-paginator-disabled-icon-color: color-mix(in srgb, white 38%, transparent)}html{--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}html{--mat-paginator-container-text-font: Roboto, sans-serif;--mat-paginator-container-text-line-height: 20px;--mat-paginator-container-text-size: 12px;--mat-paginator-container-text-tracking: 0.0333333333em;--mat-paginator-container-text-weight: 400;--mat-paginator-select-trigger-text-size: 12px}html{--mat-tab-container-height: 48px;--mat-tab-divider-color: transparent;--mat-tab-divider-height: 0;--mat-tab-active-indicator-height: 2px;--mat-tab-active-indicator-shape: 0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);--mat-tab-pagination-icon-color: white;--mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-active-label-text-color: #7b1fa2;--mat-tab-active-ripple-color: #7b1fa2;--mat-tab-inactive-ripple-color: #7b1fa2;--mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-active-focus-label-text-color: #7b1fa2;--mat-tab-active-hover-label-text-color: #7b1fa2;--mat-tab-active-focus-indicator-color: #7b1fa2;--mat-tab-active-hover-indicator-color: #7b1fa2;--mat-tab-active-indicator-color: #7b1fa2}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);--mat-tab-pagination-icon-color: white;--mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-active-label-text-color: #69f0ae;--mat-tab-active-ripple-color: #69f0ae;--mat-tab-inactive-ripple-color: #69f0ae;--mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-active-focus-label-text-color: #69f0ae;--mat-tab-active-hover-label-text-color: #69f0ae;--mat-tab-active-focus-indicator-color: #69f0ae;--mat-tab-active-hover-indicator-color: #69f0ae;--mat-tab-active-indicator-color: #69f0ae}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);--mat-tab-pagination-icon-color: white;--mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-active-label-text-color: #f44336;--mat-tab-active-ripple-color: #f44336;--mat-tab-inactive-ripple-color: #f44336;--mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-active-focus-label-text-color: #f44336;--mat-tab-active-hover-label-text-color: #f44336;--mat-tab-active-focus-indicator-color: #f44336;--mat-tab-active-hover-indicator-color: #f44336;--mat-tab-active-indicator-color: #f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-background-color: #7b1fa2;--mat-tab-foreground-color: white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-background-color: #69f0ae;--mat-tab-foreground-color: rgba(0, 0, 0, 0.87)}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-background-color: #f44336;--mat-tab-foreground-color: white}.mat-mdc-tab-header{--mat-tab-container-height: 48px}.mat-mdc-tab-header{--mat-tab-label-text-font: Roboto, sans-serif;--mat-tab-label-text-size: 14px;--mat-tab-label-text-tracking: 0.0892857143em;--mat-tab-label-text-line-height: 36px;--mat-tab-label-text-weight: 500}html{--mat-checkbox-disabled-selected-checkmark-color: #424242;--mat-checkbox-selected-focus-state-layer-opacity: 0.12;--mat-checkbox-selected-hover-state-layer-opacity: 0.04;--mat-checkbox-selected-pressed-state-layer-opacity: 0.12;--mat-checkbox-unselected-focus-state-layer-opacity: 0.12;--mat-checkbox-unselected-hover-state-layer-opacity: 0.04;--mat-checkbox-unselected-pressed-state-layer-opacity: 0.12}html{--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-label-text-color: white;--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);--mat-checkbox-selected-focus-icon-color: #69f0ae;--mat-checkbox-selected-hover-icon-color: #69f0ae;--mat-checkbox-selected-icon-color: #69f0ae;--mat-checkbox-selected-pressed-icon-color: #69f0ae;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-checkbox-selected-focus-state-layer-color: #69f0ae;--mat-checkbox-selected-hover-state-layer-color: #69f0ae;--mat-checkbox-selected-pressed-state-layer-color: #69f0ae;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.mat-mdc-checkbox.mat-primary{--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #7b1fa2;--mat-checkbox-selected-hover-icon-color: #7b1fa2;--mat-checkbox-selected-icon-color: #7b1fa2;--mat-checkbox-selected-pressed-icon-color: #7b1fa2;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-checkbox-selected-focus-state-layer-color: #7b1fa2;--mat-checkbox-selected-hover-state-layer-color: #7b1fa2;--mat-checkbox-selected-pressed-state-layer-color: #7b1fa2;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.mat-mdc-checkbox.mat-warn{--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}html{--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 40px}html{--mat-checkbox-label-text-font: Roboto, sans-serif;--mat-checkbox-label-text-line-height: 20px;--mat-checkbox-label-text-size: 14px;--mat-checkbox-label-text-tracking: 0.0178571429em;--mat-checkbox-label-text-weight: 400}html{--mat-button-filled-container-shape: 4px;--mat-button-filled-horizontal-padding: 16px;--mat-button-filled-icon-offset: -4px;--mat-button-filled-icon-spacing: 8px;--mat-button-outlined-container-shape: 4px;--mat-button-outlined-horizontal-padding: 15px;--mat-button-outlined-icon-offset: -4px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-keep-touch-target: false;--mat-button-outlined-outline-width: 1px;--mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-container-shape: 4px;--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-horizontal-padding: 16px;--mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-icon-offset: -4px;--mat-button-protected-icon-spacing: 8px;--mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-button-text-container-shape: 4px;--mat-button-text-horizontal-padding: 8px;--mat-button-text-icon-offset: 0;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 8px;--mat-button-tonal-container-shape: 4px;--mat-button-tonal-horizontal-padding: 16px;--mat-button-tonal-icon-offset: -4px;--mat-button-tonal-icon-spacing: 8px}html{--mat-button-filled-container-color: #424242;--mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-button-filled-focus-state-layer-opacity: 0.12;--mat-button-filled-hover-state-layer-opacity: 0.04;--mat-button-filled-label-text-color: white;--mat-button-filled-pressed-state-layer-opacity: 0.12;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);--mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-button-outlined-focus-state-layer-opacity: 0.12;--mat-button-outlined-hover-state-layer-opacity: 0.04;--mat-button-outlined-label-text-color: white;--mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);--mat-button-outlined-pressed-state-layer-opacity: 0.12;--mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-outlined-state-layer-color: white;--mat-button-protected-container-color: #424242;--mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-button-protected-focus-state-layer-opacity: 0.12;--mat-button-protected-hover-state-layer-opacity: 0.04;--mat-button-protected-label-text-color: white;--mat-button-protected-pressed-state-layer-opacity: 0.12;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-button-text-focus-state-layer-opacity: 0.12;--mat-button-text-hover-state-layer-opacity: 0.04;--mat-button-text-label-text-color: white;--mat-button-text-pressed-state-layer-opacity: 0.12;--mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-text-state-layer-color: white;--mat-button-tonal-container-color: #424242;--mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-button-tonal-focus-state-layer-opacity: 0.12;--mat-button-tonal-hover-state-layer-opacity: 0.04;--mat-button-tonal-label-text-color: white;--mat-button-tonal-pressed-state-layer-opacity: 0.12;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}.mat-mdc-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-primary,.mat-mdc-outlined-button.mat-primary,.mat-tonal-button.mat-primary{--mat-button-filled-container-color: #7b1fa2;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #7b1fa2;--mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);--mat-button-outlined-ripple-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mat-button-outlined-state-layer-color: #7b1fa2;--mat-button-protected-container-color: #7b1fa2;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #7b1fa2;--mat-button-text-ripple-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mat-button-text-state-layer-color: #7b1fa2;--mat-button-tonal-container-color: #7b1fa2;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}.mat-mdc-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-accent,.mat-mdc-outlined-button.mat-accent,.mat-tonal-button.mat-accent{--mat-button-filled-container-color: #69f0ae;--mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);--mat-button-outlined-label-text-color: #69f0ae;--mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);--mat-button-outlined-ripple-color: color-mix(in srgb, #69f0ae 12%, transparent);--mat-button-outlined-state-layer-color: #69f0ae;--mat-button-protected-container-color: #69f0ae;--mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);--mat-button-text-label-text-color: #69f0ae;--mat-button-text-ripple-color: color-mix(in srgb, #69f0ae 12%, transparent);--mat-button-text-state-layer-color: #69f0ae;--mat-button-tonal-container-color: #69f0ae;--mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87)}.mat-mdc-button.mat-warn,.mat-mdc-unelevated-button.mat-warn,.mat-mdc-raised-button.mat-warn,.mat-mdc-outlined-button.mat-warn,.mat-tonal-button.mat-warn{--mat-button-filled-container-color: #f44336;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #f44336;--mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);--mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-outlined-state-layer-color: #f44336;--mat-button-protected-container-color: #f44336;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #f44336;--mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-text-state-layer-color: #f44336;--mat-button-tonal-container-color: #f44336;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}html{--mat-button-filled-container-height: 36px;--mat-button-filled-touch-target-display: block;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-protected-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block}html{--mat-button-filled-label-text-font: Roboto, sans-serif;--mat-button-filled-label-text-size: 14px;--mat-button-filled-label-text-tracking: 0.0892857143em;--mat-button-filled-label-text-transform: none;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Roboto, sans-serif;--mat-button-outlined-label-text-size: 14px;--mat-button-outlined-label-text-tracking: 0.0892857143em;--mat-button-outlined-label-text-transform: none;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Roboto, sans-serif;--mat-button-protected-label-text-size: 14px;--mat-button-protected-label-text-tracking: 0.0892857143em;--mat-button-protected-label-text-transform: none;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Roboto, sans-serif;--mat-button-text-label-text-size: 14px;--mat-button-text-label-text-tracking: 0.0892857143em;--mat-button-text-label-text-transform: none;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Roboto, sans-serif;--mat-button-tonal-label-text-size: 14px;--mat-button-tonal-label-text-tracking: 0.0892857143em;--mat-button-tonal-label-text-transform: none;--mat-button-tonal-label-text-weight: 500}html{--mat-icon-button-icon-size: 24px;--mat-icon-button-container-shape: 50%}html{--mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent);--mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-icon-button-focus-state-layer-opacity: 0.12;--mat-icon-button-hover-state-layer-opacity: 0.04;--mat-icon-button-icon-color: inherit;--mat-icon-button-pressed-state-layer-opacity: 0.12;--mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-icon-button-state-layer-color: white}.mat-mdc-icon-button.mat-primary{--mat-icon-button-icon-color: #7b1fa2;--mat-icon-button-state-layer-color: #7b1fa2;--mat-icon-button-ripple-color: color-mix(in srgb, #7b1fa2 12%, transparent)}.mat-mdc-icon-button.mat-accent{--mat-icon-button-icon-color: #69f0ae;--mat-icon-button-state-layer-color: #69f0ae;--mat-icon-button-ripple-color: color-mix(in srgb, #69f0ae 12%, transparent)}.mat-mdc-icon-button.mat-warn{--mat-icon-button-icon-color: #f44336;--mat-icon-button-state-layer-color: #f44336;--mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent)}html{--mat-icon-button-touch-target-display: block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;--mat-icon-button-state-layer-size: 48px;width:var(--mat-icon-button-state-layer-size);height:var(--mat-icon-button-state-layer-size);padding:12px}html{--mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-fab-container-shape: 50%;--mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-fab-extended-container-height: 48px;--mat-fab-extended-container-shape: 24px;--mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-fab-small-container-shape: 50%;--mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mat-fab-container-color: #424242;--mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);--mat-fab-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-fab-focus-state-layer-opacity: 0.12;--mat-fab-foreground-color: white;--mat-fab-hover-state-layer-opacity: 0.04;--mat-fab-pressed-state-layer-opacity: 0.12;--mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-container-color: #424242;--mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);--mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-fab-small-focus-state-layer-opacity: 0.12;--mat-fab-small-foreground-color: white;--mat-fab-small-hover-state-layer-opacity: 0.04;--mat-fab-small-pressed-state-layer-opacity: 0.12;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mat-fab-container-color: #7b1fa2;--mat-fab-foreground-color: white;--mat-fab-ripple-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mat-fab-small-container-color: #7b1fa2;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mat-fab-container-color: #69f0ae;--mat-fab-foreground-color: rgba(0, 0, 0, 0.87);--mat-fab-ripple-color: color-mix(in srgb, #69f0ae 12%, transparent);--mat-fab-small-container-color: #69f0ae;--mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);--mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);--mat-fab-state-layer-color: rgba(0, 0, 0, 0.87)}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-fab-container-color: #f44336;--mat-fab-foreground-color: white;--mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-fab-small-container-color: #f44336;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}html{--mat-fab-small-touch-target-display: block;--mat-fab-touch-target-display: block}html{--mat-fab-extended-label-text-font: Roboto, sans-serif;--mat-fab-extended-label-text-size: 14px;--mat-fab-extended-label-text-tracking: 0.0892857143em;--mat-fab-extended-label-text-weight: 500}html{--mat-snack-bar-container-shape: 4px}html{--mat-snack-bar-container-color: white;--mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87);--mat-snack-bar-button-color: #9c27b0}html{--mat-snack-bar-supporting-text-font: Roboto, sans-serif;--mat-snack-bar-supporting-text-line-height: 20px;--mat-snack-bar-supporting-text-size: 14px;--mat-snack-bar-supporting-text-weight: 400}html{--mat-table-row-item-outline-width: 1px}html{--mat-table-background-color: #424242;--mat-table-header-headline-color: white;--mat-table-row-item-label-text-color: white;--mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12)}html{--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px}html{--mat-table-header-headline-font: Roboto, sans-serif;--mat-table-header-headline-line-height: 22px;--mat-table-header-headline-size: 14px;--mat-table-header-headline-weight: 500;--mat-table-header-headline-tracking: 0.0071428571em;--mat-table-row-item-label-text-font: Roboto, sans-serif;--mat-table-row-item-label-text-line-height: 20px;--mat-table-row-item-label-text-size: 14px;--mat-table-row-item-label-text-weight: 400;--mat-table-row-item-label-text-tracking: 0.0178571429em;--mat-table-footer-supporting-text-font: Roboto, sans-serif;--mat-table-footer-supporting-text-line-height: 20px;--mat-table-footer-supporting-text-size: 14px;--mat-table-footer-supporting-text-weight: 400;--mat-table-footer-supporting-text-tracking: 0.0178571429em}html{--mat-progress-spinner-active-indicator-width: 4px;--mat-progress-spinner-size: 48px}html{--mat-progress-spinner-active-indicator-color: #7b1fa2}.mat-accent{--mat-progress-spinner-active-indicator-color: #69f0ae}.mat-warn{--mat-progress-spinner-active-indicator-color: #f44336}html{--mat-badge-container-shape: 50%;--mat-badge-container-size: unset;--mat-badge-small-size-container-size: unset;--mat-badge-large-size-container-size: unset;--mat-badge-legacy-container-size: 22px;--mat-badge-legacy-small-size-container-size: 16px;--mat-badge-legacy-large-size-container-size: 28px;--mat-badge-container-offset: -11px 0;--mat-badge-small-size-container-offset: -8px 0;--mat-badge-large-size-container-offset: -14px 0;--mat-badge-container-overlap-offset: -11px;--mat-badge-small-size-container-overlap-offset: -8px;--mat-badge-large-size-container-overlap-offset: -14px;--mat-badge-container-padding: 0;--mat-badge-small-size-container-padding: 0;--mat-badge-large-size-container-padding: 0}html{--mat-badge-background-color: #7b1fa2;--mat-badge-text-color: white;--mat-badge-disabled-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-badge-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.mat-badge-accent{--mat-badge-background-color: #69f0ae;--mat-badge-text-color: rgba(0, 0, 0, 0.87)}.mat-badge-warn{--mat-badge-background-color: #f44336;--mat-badge-text-color: white}html{--mat-badge-text-font: Roboto, sans-serif;--mat-badge-line-height: 22px;--mat-badge-text-size: 12px;--mat-badge-text-weight: 600;--mat-badge-small-size-text-size: 9px;--mat-badge-small-size-line-height: 16px;--mat-badge-large-size-text-size: 24px;--mat-badge-large-size-line-height: 28px}html{--mat-bottom-sheet-container-shape: 4px}html{--mat-bottom-sheet-container-text-color: white;--mat-bottom-sheet-container-background-color: #424242}html{--mat-bottom-sheet-container-text-font: Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height: 20px;--mat-bottom-sheet-container-text-size: 14px;--mat-bottom-sheet-container-text-tracking: 0.0178571429em;--mat-bottom-sheet-container-text-weight: 400}html{--mat-button-toggle-focus-state-layer-opacity: 0.12;--mat-button-toggle-hover-state-layer-opacity: 0.04;--mat-button-toggle-legacy-focus-state-layer-opacity: 1;--mat-button-toggle-legacy-height: 36px;--mat-button-toggle-legacy-shape: 2px;--mat-button-toggle-shape: 4px}html{--mat-button-toggle-background-color: #424242;--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-toggle-disabled-state-background-color: #424242;--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12);--mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-legacy-disabled-state-background-color: #424242;--mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-legacy-selected-state-text-color: white;--mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-legacy-text-color: white;--mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-selected-state-text-color: white;--mat-button-toggle-state-layer-color: white;--mat-button-toggle-text-color: white}html{--mat-button-toggle-height: 48px}html{--mat-button-toggle-label-text-font: Roboto, sans-serif;--mat-button-toggle-label-text-line-height: 24px;--mat-button-toggle-label-text-size: 16px;--mat-button-toggle-label-text-tracking: 0.03125em;--mat-button-toggle-label-text-weight: 400;--mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;--mat-button-toggle-legacy-label-text-line-height: 24px;--mat-button-toggle-legacy-label-text-size: 16px;--mat-button-toggle-legacy-label-text-tracking: 0.03125em;--mat-button-toggle-legacy-label-text-weight: 400}html{--mat-datepicker-calendar-container-shape: 4px;--mat-datepicker-calendar-container-touch-shape: 4px;--mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #7b1fa2 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #7b1fa2;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #7b1fa2 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #7b1fa2 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #7b1fa2;--mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-period-button-text-color: white;--mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);--mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-text-color: white;--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);--mat-datepicker-range-input-separator-color: white;--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-container-background-color: #424242;--mat-datepicker-calendar-container-text-color: white}.mat-datepicker-content.mat-accent,.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-selected-state-background-color: #69f0ae;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #69f0ae 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #69f0ae 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #69f0ae 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #69f0ae;--mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-period-button-text-color: white;--mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);--mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-text-color: white;--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);--mat-datepicker-range-input-separator-color: white;--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-container-background-color: #424242;--mat-datepicker-calendar-container-text-color: white}.mat-datepicker-content.mat-warn,.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #f44336;--mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-period-button-text-color: white;--mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);--mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-text-color: white;--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);--mat-datepicker-range-input-separator-color: white;--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-container-background-color: #424242;--mat-datepicker-calendar-container-text-color: white}.mat-calendar-controls{--mat-icon-button-touch-target-display: none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;--mat-icon-button-state-layer-size: 40px;width:var(--mat-icon-button-state-layer-size);height:var(--mat-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font: Roboto, sans-serif;--mat-datepicker-calendar-text-size: 13px;--mat-datepicker-calendar-body-label-text-size: 14px;--mat-datepicker-calendar-body-label-text-weight: 500;--mat-datepicker-calendar-period-button-text-size: 14px;--mat-datepicker-calendar-period-button-text-weight: 500;--mat-datepicker-calendar-header-text-size: 11px;--mat-datepicker-calendar-header-text-weight: 400}html{--mat-divider-width: 1px}html{--mat-divider-color: rgba(255, 255, 255, 0.12)}html{--mat-expansion-container-shape: 4px;--mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-expansion-legacy-header-indicator-display: inline-block;--mat-expansion-header-indicator-display: none}html{--mat-expansion-container-background-color: #424242;--mat-expansion-container-text-color: white;--mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-expansion-header-text-color: white;--mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);--mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7)}html{--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px}html{--mat-expansion-header-text-font: Roboto, sans-serif;--mat-expansion-header-text-size: 14px;--mat-expansion-header-text-weight: 500;--mat-expansion-header-text-line-height: inherit;--mat-expansion-header-text-tracking: inherit;--mat-expansion-container-text-font: Roboto, sans-serif;--mat-expansion-container-text-line-height: 20px;--mat-expansion-container-text-size: 14px;--mat-expansion-container-text-tracking: 0.0178571429em;--mat-expansion-container-text-weight: 400}html{--mat-grid-list-tile-header-primary-text-size: 14px;--mat-grid-list-tile-header-secondary-text-size: 12px;--mat-grid-list-tile-footer-primary-text-size: 14px;--mat-grid-list-tile-footer-secondary-text-size: 12px}html{--mat-icon-color: inherit}.mat-icon.mat-primary{--mat-icon-color: #7b1fa2}.mat-icon.mat-accent{--mat-icon-color: #69f0ae}.mat-icon.mat-warn{--mat-icon-color: #f44336}html{--mat-sidenav-container-shape: 0;--mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-sidenav-container-width: auto}html{--mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);--mat-sidenav-container-background-color: #424242;--mat-sidenav-container-text-color: white;--mat-sidenav-content-background-color: #303030;--mat-sidenav-content-text-color: white;--mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6)}html{--mat-stepper-header-focus-state-layer-shape: 0;--mat-stepper-header-hover-state-layer-shape: 0}html{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #7b1fa2;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #7b1fa2;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #7b1fa2;--mat-stepper-header-edit-state-icon-foreground-color: white;--mat-stepper-container-color: #424242;--mat-stepper-line-color: rgba(255, 255, 255, 0.12);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);--mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);--mat-stepper-header-selected-state-label-text-color: white;--mat-stepper-header-error-state-label-text-color: #f44336;--mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--mat-stepper-header-error-state-icon-background-color: transparent}.mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);--mat-stepper-header-selected-state-icon-background-color: #69f0ae;--mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);--mat-stepper-header-done-state-icon-background-color: #69f0ae;--mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);--mat-stepper-header-edit-state-icon-background-color: #69f0ae;--mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87)}.mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white}html{--mat-stepper-header-height: 72px}html{--mat-stepper-container-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-size: 14px;--mat-stepper-header-label-text-weight: 400;--mat-stepper-header-error-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-weight: 400}html{--mat-sort-arrow-color: white}html{--mat-toolbar-container-background-color: #424242;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color: #7b1fa2;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color: #69f0ae;--mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}html{--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px}html{--mat-toolbar-title-text-font: Roboto, sans-serif;--mat-toolbar-title-text-line-height: 32px;--mat-toolbar-title-text-size: 20px;--mat-toolbar-title-text-tracking: 0.0125em;--mat-toolbar-title-text-weight: 500}html{--mat-tree-container-background-color: #424242;--mat-tree-node-text-color: white}html{--mat-tree-node-min-height: 48px}html{--mat-tree-node-text-font: Roboto, sans-serif;--mat-tree-node-text-size: 14px;--mat-tree-node-text-weight: 400}html{--mat-timepicker-container-shape: 4px;--mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-timepicker-container-background-color: #424242}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
1
+ 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))}.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-app-background-color: #303030;--mat-app-text-color: white;--mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-ripple-color: color-mix(in srgb, white 12%, transparent)}html{--mat-option-selected-state-label-text-color: #7b1fa2;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent)}.mat-accent{--mat-option-selected-state-label-text-color: #69f0ae;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent)}.mat-warn{--mat-option-selected-state-label-text-color: #f44336;--mat-option-label-text-color: white;--mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent)}html{--mat-optgroup-label-text-color: white}html{--mat-pseudo-checkbox-full-selected-icon-color: #69f0ae;--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #69f0ae;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent)}.mat-primary{--mat-pseudo-checkbox-full-selected-icon-color: #7b1fa2;--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #7b1fa2;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent)}.mat-accent{--mat-pseudo-checkbox-full-selected-icon-color: #69f0ae;--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #69f0ae;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent)}.mat-warn{--mat-pseudo-checkbox-full-selected-icon-color: #f44336;--mat-pseudo-checkbox-full-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;--mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;--mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent)}html{--mat-option-label-text-font: Roboto, sans-serif;--mat-option-label-text-line-height: 24px;--mat-option-label-text-size: 16px;--mat-option-label-text-tracking: 0.03125em;--mat-option-label-text-weight: 400}html{--mat-optgroup-label-text-font: Roboto, sans-serif;--mat-optgroup-label-text-line-height: 24px;--mat-optgroup-label-text-size: 16px;--mat-optgroup-label-text-tracking: 0.03125em;--mat-optgroup-label-text-weight: 400}html{--mat-card-elevated-container-shape: 4px;--mat-card-outlined-container-shape: 4px;--mat-card-filled-container-shape: 4px;--mat-card-outlined-outline-width: 1px}html{--mat-card-elevated-container-color: #424242;--mat-card-elevated-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-card-outlined-container-color: #424242;--mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-outlined-outline-color: rgba(255, 255, 255, 0.12);--mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);--mat-card-filled-container-color: #424242;--mat-card-filled-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}html{--mat-card-title-text-font: Roboto, sans-serif;--mat-card-title-text-line-height: 32px;--mat-card-title-text-size: 20px;--mat-card-title-text-tracking: 0.0125em;--mat-card-title-text-weight: 500;--mat-card-subtitle-text-font: Roboto, sans-serif;--mat-card-subtitle-text-line-height: 22px;--mat-card-subtitle-text-size: 14px;--mat-card-subtitle-text-tracking: 0.0071428571em;--mat-card-subtitle-text-weight: 500}html{--mat-progress-bar-active-indicator-height: 4px;--mat-progress-bar-track-height: 4px;--mat-progress-bar-track-shape: 0}.mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: #7b1fa2;--mat-progress-bar-track-color: rgba(123, 31, 162, 0.25)}.mat-mdc-progress-bar.mat-accent{--mat-progress-bar-active-indicator-color: #69f0ae;--mat-progress-bar-track-color: rgba(105, 240, 174, 0.25)}.mat-mdc-progress-bar.mat-warn{--mat-progress-bar-active-indicator-color: #f44336;--mat-progress-bar-track-color: rgba(244, 67, 54, 0.25)}html{--mat-tooltip-container-shape: 4px;--mat-tooltip-supporting-text-line-height: 16px}html{--mat-tooltip-container-color: white;--mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87)}html{--mat-tooltip-supporting-text-font: Roboto, sans-serif;--mat-tooltip-supporting-text-size: 12px;--mat-tooltip-supporting-text-weight: 400;--mat-tooltip-supporting-text-tracking: 0.0333333333em}html{--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}html{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #7b1fa2 87%, transparent);--mat-form-field-filled-caret-color: #7b1fa2;--mat-form-field-filled-focus-active-indicator-color: #7b1fa2;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #7b1fa2 87%, transparent);--mat-form-field-outlined-caret-color: #7b1fa2;--mat-form-field-outlined-focus-outline-color: #7b1fa2;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #7b1fa2 87%, transparent);--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-state-layer-color: white;--mat-form-field-error-text-color: #f44336;--mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);--mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);--mat-form-field-leading-icon-color: unset;--mat-form-field-disabled-leading-icon-color: unset;--mat-form-field-trailing-icon-color: unset;--mat-form-field-disabled-trailing-icon-color: unset;--mat-form-field-error-focus-trailing-icon-color: unset;--mat-form-field-error-hover-trailing-icon-color: unset;--mat-form-field-error-trailing-icon-color: unset;--mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.7);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-hover-state-layer-opacity: 0.04;--mat-form-field-focus-state-layer-opacity: 0.12;--mat-form-field-filled-container-color: #4a4a4a;--mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);--mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7);--mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-filled-input-text-color: white;--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7);--mat-form-field-filled-error-hover-label-text-color: #f44336;--mat-form-field-filled-error-focus-label-text-color: #f44336;--mat-form-field-filled-error-label-text-color: #f44336;--mat-form-field-filled-error-caret-color: #f44336;--mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7);--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);--mat-form-field-filled-hover-active-indicator-color: white;--mat-form-field-filled-error-active-indicator-color: #f44336;--mat-form-field-filled-error-focus-active-indicator-color: #f44336;--mat-form-field-filled-error-hover-active-indicator-color: #f44336;--mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7);--mat-form-field-outlined-hover-label-text-color: white;--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-outlined-input-text-color: white;--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);--mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7);--mat-form-field-outlined-error-caret-color: #f44336;--mat-form-field-outlined-error-focus-label-text-color: #f44336;--mat-form-field-outlined-error-label-text-color: #f44336;--mat-form-field-outlined-error-hover-label-text-color: #f44336;--mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);--mat-form-field-outlined-hover-outline-color: white;--mat-form-field-outlined-error-focus-outline-color: #f44336;--mat-form-field-outlined-error-hover-outline-color: #f44336;--mat-form-field-outlined-error-outline-color: #f44336}.mat-mdc-form-field.mat-accent{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #69f0ae 87%, transparent);--mat-form-field-filled-caret-color: #69f0ae;--mat-form-field-filled-focus-active-indicator-color: #69f0ae;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #69f0ae 87%, transparent);--mat-form-field-outlined-caret-color: #69f0ae;--mat-form-field-outlined-focus-outline-color: #69f0ae;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #69f0ae 87%, transparent)}.mat-mdc-form-field.mat-warn{--mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-filled-caret-color: #f44336;--mat-form-field-filled-focus-active-indicator-color: #f44336;--mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);--mat-form-field-outlined-caret-color: #f44336;--mat-form-field-outlined-focus-outline-color: #f44336;--mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent)}html{--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}html{--mat-form-field-container-text-font: Roboto, sans-serif;--mat-form-field-container-text-line-height: 24px;--mat-form-field-container-text-size: 16px;--mat-form-field-container-text-tracking: 0.03125em;--mat-form-field-container-text-weight: 400;--mat-form-field-outlined-label-text-populated-size: 16px;--mat-form-field-subscript-text-font: Roboto, sans-serif;--mat-form-field-subscript-text-line-height: 20px;--mat-form-field-subscript-text-size: 12px;--mat-form-field-subscript-text-tracking: 0.0333333333em;--mat-form-field-subscript-text-weight: 400;--mat-form-field-filled-label-text-font: Roboto, sans-serif;--mat-form-field-filled-label-text-size: 16px;--mat-form-field-filled-label-text-tracking: 0.03125em;--mat-form-field-filled-label-text-weight: 400;--mat-form-field-outlined-label-text-font: Roboto, sans-serif;--mat-form-field-outlined-label-text-size: 16px;--mat-form-field-outlined-label-text-tracking: 0.03125em;--mat-form-field-outlined-label-text-weight: 400}html{--mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: white;--mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);--mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);--mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mat-select-focused-arrow-color: #7b1fa2;--mat-select-invalid-arrow-color: #f44336}.mat-mdc-form-field.mat-accent{--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: white;--mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);--mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);--mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mat-select-focused-arrow-color: #69f0ae;--mat-select-invalid-arrow-color: #f44336}.mat-mdc-form-field.mat-warn{--mat-select-panel-background-color: #424242;--mat-select-enabled-trigger-text-color: white;--mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);--mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);--mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mat-select-focused-arrow-color: #f44336;--mat-select-invalid-arrow-color: #f44336}html{--mat-select-arrow-transform: translateY(-8px)}html{--mat-select-trigger-text-font: Roboto, sans-serif;--mat-select-trigger-text-line-height: 24px;--mat-select-trigger-text-size: 16px;--mat-select-trigger-text-tracking: 0.03125em;--mat-select-trigger-text-weight: 400}html{--mat-autocomplete-container-shape: 4px;--mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-autocomplete-background-color: #424242}html{--mat-dialog-container-shape: 4px;--mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mat-dialog-container-max-width: 80vw;--mat-dialog-container-small-max-width: 80vw;--mat-dialog-container-min-width: 0;--mat-dialog-actions-alignment: start;--mat-dialog-actions-padding: 8px;--mat-dialog-content-padding: 20px 24px;--mat-dialog-with-actions-content-padding: 20px 24px;--mat-dialog-headline-padding: 0 24px 9px}html{--mat-dialog-container-color: #424242;--mat-dialog-subhead-color: white;--mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7)}html{--mat-dialog-subhead-font: Roboto, sans-serif;--mat-dialog-subhead-line-height: 32px;--mat-dialog-subhead-size: 20px;--mat-dialog-subhead-weight: 500;--mat-dialog-subhead-tracking: 0.0125em;--mat-dialog-supporting-text-font: Roboto, sans-serif;--mat-dialog-supporting-text-line-height: 24px;--mat-dialog-supporting-text-size: 16px;--mat-dialog-supporting-text-weight: 400;--mat-dialog-supporting-text-tracking: 0.03125em}.mat-mdc-standard-chip{--mat-chip-container-shape-radius: 16px;--mat-chip-disabled-container-opacity: 0.4;--mat-chip-disabled-outline-color: transparent;--mat-chip-flat-selected-outline-width: 0;--mat-chip-focus-outline-color: transparent;--mat-chip-hover-state-layer-opacity: 0.04;--mat-chip-outline-color: transparent;--mat-chip-outline-width: 0;--mat-chip-selected-hover-state-layer-opacity: 0.04;--mat-chip-selected-trailing-action-state-layer-color: transparent;--mat-chip-trailing-action-focus-opacity: 1;--mat-chip-trailing-action-focus-state-layer-opacity: 0;--mat-chip-trailing-action-hover-state-layer-opacity: 0;--mat-chip-trailing-action-opacity: 0.54;--mat-chip-trailing-action-state-layer-color: transparent;--mat-chip-with-avatar-avatar-shape-radius: 14px;--mat-chip-with-avatar-avatar-size: 28px;--mat-chip-with-avatar-disabled-avatar-opacity: 1;--mat-chip-with-icon-disabled-icon-opacity: 1;--mat-chip-with-icon-icon-size: 18px;--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1}.mat-mdc-standard-chip{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent);--mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent);--mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent);--mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent);--mat-chip-focus-state-layer-color: white;--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: white;--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: 0.12;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: 0.04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #7b1fa2;--mat-chip-elevated-disabled-container-color: #7b1fa2;--mat-chip-elevated-selected-container-color: #7b1fa2;--mat-chip-flat-disabled-selected-container-color: #7b1fa2;--mat-chip-focus-state-layer-color: white;--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: white;--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: 0.12;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: 0.04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);--mat-chip-elevated-container-color: #69f0ae;--mat-chip-elevated-disabled-container-color: #69f0ae;--mat-chip-elevated-selected-container-color: #69f0ae;--mat-chip-flat-disabled-selected-container-color: #69f0ae;--mat-chip-focus-state-layer-color: white;--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: white;--mat-chip-label-text-color: rgba(0, 0, 0, 0.87);--mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-selected-focus-state-layer-color: 0.12;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: 0.04;--mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);--mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);--mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87)}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mat-chip-disabled-label-text-color: white;--mat-chip-elevated-container-color: #f44336;--mat-chip-elevated-disabled-container-color: #f44336;--mat-chip-elevated-selected-container-color: #f44336;--mat-chip-flat-disabled-selected-container-color: #f44336;--mat-chip-focus-state-layer-color: white;--mat-chip-focus-state-layer-opacity: 0.12;--mat-chip-hover-state-layer-color: white;--mat-chip-label-text-color: white;--mat-chip-selected-disabled-trailing-icon-color: white;--mat-chip-selected-focus-state-layer-color: 0.12;--mat-chip-selected-focus-state-layer-opacity: 0.12;--mat-chip-selected-hover-state-layer-color: 0.04;--mat-chip-selected-label-text-color: white;--mat-chip-selected-trailing-icon-color: white;--mat-chip-with-icon-disabled-icon-color: white;--mat-chip-with-icon-icon-color: white;--mat-chip-with-icon-selected-icon-color: white;--mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;--mat-chip-with-trailing-icon-trailing-icon-color: white}.mat-mdc-chip.mat-mdc-standard-chip{--mat-chip-container-height: 32px}.mat-mdc-standard-chip{--mat-chip-label-text-font: Roboto, sans-serif;--mat-chip-label-text-line-height: 20px;--mat-chip-label-text-size: 14px;--mat-chip-label-text-tracking: 0.0178571429em;--mat-chip-label-text-weight: 400}html{--mat-slide-toggle-disabled-handle-opacity: 0.38;--mat-slide-toggle-disabled-selected-handle-opacity: 0.38;--mat-slide-toggle-disabled-selected-icon-opacity: 0.38;--mat-slide-toggle-disabled-track-opacity: 0.12;--mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;--mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;--mat-slide-toggle-disabled-unselected-track-outline-color: transparent;--mat-slide-toggle-disabled-unselected-track-outline-width: 1px;--mat-slide-toggle-handle-height: 20px;--mat-slide-toggle-handle-shape: 10px;--mat-slide-toggle-handle-width: 20px;--mat-slide-toggle-hidden-track-opacity: 1;--mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-slide-toggle-pressed-handle-size: 20px;--mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;--mat-slide-toggle-selected-handle-horizontal-margin: 0;--mat-slide-toggle-selected-handle-size: 20px;--mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;--mat-slide-toggle-selected-icon-size: 18px;--mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;--mat-slide-toggle-selected-track-outline-color: transparent;--mat-slide-toggle-selected-track-outline-width: 1px;--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-track-height: 14px;--mat-slide-toggle-track-outline-color: transparent;--mat-slide-toggle-track-outline-width: 1px;--mat-slide-toggle-track-shape: 7px;--mat-slide-toggle-track-width: 36px;--mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;--mat-slide-toggle-unselected-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-handle-size: 20px;--mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;--mat-slide-toggle-unselected-icon-size: 18px;--mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;--mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;--mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;--mat-slide-toggle-visible-track-opacity: 1;--mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-slide-toggle-with-icon-handle-size: 20px}html{--mat-slide-toggle-selected-icon-color: white;--mat-slide-toggle-disabled-selected-icon-color: white;--mat-slide-toggle-selected-focus-state-layer-color: #7b1fa2;--mat-slide-toggle-selected-handle-color: #7b1fa2;--mat-slide-toggle-selected-hover-state-layer-color: #7b1fa2;--mat-slide-toggle-selected-pressed-state-layer-color: #7b1fa2;--mat-slide-toggle-selected-focus-handle-color: #7b1fa2;--mat-slide-toggle-selected-hover-handle-color: #7b1fa2;--mat-slide-toggle-selected-pressed-handle-color: #7b1fa2;--mat-slide-toggle-selected-focus-track-color: #8e24aa;--mat-slide-toggle-selected-hover-track-color: #8e24aa;--mat-slide-toggle-selected-pressed-track-color: #8e24aa;--mat-slide-toggle-selected-track-color: #8e24aa;--mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-slide-toggle-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-slide-toggle-disabled-selected-handle-color: white;--mat-slide-toggle-disabled-selected-track-color: white;--mat-slide-toggle-disabled-unselected-handle-color: white;--mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;--mat-slide-toggle-disabled-unselected-track-color: white;--mat-slide-toggle-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slide-toggle-handle-surface-color: #424242;--mat-slide-toggle-label-text-color: white;--mat-slide-toggle-unselected-hover-handle-color: white;--mat-slide-toggle-unselected-focus-handle-color: white;--mat-slide-toggle-unselected-focus-state-layer-color: white;--mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12);--mat-slide-toggle-unselected-icon-color: #4a4a4a;--mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7);--mat-slide-toggle-unselected-hover-state-layer-color: white;--mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12);--mat-slide-toggle-unselected-pressed-handle-color: white;--mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12);--mat-slide-toggle-unselected-pressed-state-layer-color: white;--mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12)}.mat-mdc-slide-toggle.mat-accent{--mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);--mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);--mat-slide-toggle-selected-focus-state-layer-color: #69f0ae;--mat-slide-toggle-selected-handle-color: #69f0ae;--mat-slide-toggle-selected-hover-state-layer-color: #69f0ae;--mat-slide-toggle-selected-pressed-state-layer-color: #69f0ae;--mat-slide-toggle-selected-focus-handle-color: #69f0ae;--mat-slide-toggle-selected-hover-handle-color: #69f0ae;--mat-slide-toggle-selected-pressed-handle-color: #69f0ae;--mat-slide-toggle-selected-focus-track-color: #43a047;--mat-slide-toggle-selected-hover-track-color: #43a047;--mat-slide-toggle-selected-pressed-track-color: #43a047;--mat-slide-toggle-selected-track-color: #43a047}.mat-mdc-slide-toggle.mat-warn{--mat-slide-toggle-selected-icon-color: white;--mat-slide-toggle-disabled-selected-icon-color: white;--mat-slide-toggle-selected-focus-state-layer-color: #f44336;--mat-slide-toggle-selected-handle-color: #f44336;--mat-slide-toggle-selected-hover-state-layer-color: #f44336;--mat-slide-toggle-selected-pressed-state-layer-color: #f44336;--mat-slide-toggle-selected-focus-handle-color: #f44336;--mat-slide-toggle-selected-hover-handle-color: #f44336;--mat-slide-toggle-selected-pressed-handle-color: #f44336;--mat-slide-toggle-selected-focus-track-color: #e53935;--mat-slide-toggle-selected-hover-track-color: #e53935;--mat-slide-toggle-selected-pressed-track-color: #e53935;--mat-slide-toggle-selected-track-color: #e53935}html{--mat-slide-toggle-state-layer-size: 40px}html{--mat-slide-toggle-label-text-font: Roboto, sans-serif;--mat-slide-toggle-label-text-line-height: 20px;--mat-slide-toggle-label-text-size: 14px;--mat-slide-toggle-label-text-tracking: 0.0178571429em;--mat-slide-toggle-label-text-weight: 400}html .mat-mdc-slide-toggle{--mat-slide-toggle-label-text-font: Roboto, sans-serif;--mat-slide-toggle-label-text-line-height: 20px;--mat-slide-toggle-label-text-size: 14px;--mat-slide-toggle-label-text-tracking: 0.0178571429em;--mat-slide-toggle-label-text-weight: 400}html{--mat-radio-disabled-selected-icon-opacity: 0.38;--mat-radio-disabled-unselected-icon-opacity: 0.38;--mat-radio-state-layer-size: 40px}.mat-mdc-radio-button.mat-primary{--mat-radio-checked-ripple-color: #7b1fa2;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #7b1fa2;--mat-radio-selected-hover-icon-color: #7b1fa2;--mat-radio-selected-icon-color: #7b1fa2;--mat-radio-selected-pressed-icon-color: #7b1fa2;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-radio-unselected-pressed-icon-color: white}.mat-mdc-radio-button.mat-accent{--mat-radio-checked-ripple-color: #69f0ae;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #69f0ae;--mat-radio-selected-hover-icon-color: #69f0ae;--mat-radio-selected-icon-color: #69f0ae;--mat-radio-selected-pressed-icon-color: #69f0ae;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-radio-unselected-pressed-icon-color: white}.mat-mdc-radio-button.mat-warn{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-radio-unselected-pressed-icon-color: white}html{--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-display: block}html{--mat-radio-label-text-font: Roboto, sans-serif;--mat-radio-label-text-line-height: 20px;--mat-radio-label-text-size: 14px;--mat-radio-label-text-tracking: 0.0178571429em;--mat-radio-label-text-weight: 400}html{--mat-slider-active-track-height: 6px;--mat-slider-active-track-shape: 9999px;--mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slider-handle-height: 20px;--mat-slider-handle-shape: 50%;--mat-slider-handle-width: 20px;--mat-slider-inactive-track-height: 4px;--mat-slider-inactive-track-shape: 9999px;--mat-slider-value-indicator-border-radius: 4px;--mat-slider-value-indicator-caret-display: block;--mat-slider-value-indicator-container-transform: translateX(-50%);--mat-slider-value-indicator-height: 32px;--mat-slider-value-indicator-padding: 0 12px;--mat-slider-value-indicator-text-transform: none;--mat-slider-value-indicator-width: auto;--mat-slider-with-overlap-handle-outline-width: 1px;--mat-slider-with-tick-marks-active-container-opacity: 0.6;--mat-slider-with-tick-marks-container-shape: 50%;--mat-slider-with-tick-marks-container-size: 2px;--mat-slider-with-tick-marks-inactive-container-opacity: 0.6}html{--mat-slider-active-track-color: #7b1fa2;--mat-slider-focus-handle-color: #7b1fa2;--mat-slider-handle-color: #7b1fa2;--mat-slider-hover-handle-color: #7b1fa2;--mat-slider-focus-state-layer-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #7b1fa2 4%, transparent);--mat-slider-inactive-track-color: #7b1fa2;--mat-slider-ripple-color: #7b1fa2;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #7b1fa2;--mat-slider-disabled-active-track-color: white;--mat-slider-disabled-handle-color: white;--mat-slider-disabled-inactive-track-color: white;--mat-slider-label-container-color: white;--mat-slider-label-label-text-color: rgba(0, 0, 0, 0.87);--mat-slider-value-indicator-opacity: 1;--mat-slider-with-overlap-handle-outline-color: white;--mat-slider-with-tick-marks-disabled-container-color: white}.mat-accent{--mat-slider-active-track-color: #69f0ae;--mat-slider-focus-handle-color: #69f0ae;--mat-slider-handle-color: #69f0ae;--mat-slider-hover-handle-color: #69f0ae;--mat-slider-focus-state-layer-color: color-mix(in srgb, #69f0ae 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #69f0ae 4%, transparent);--mat-slider-inactive-track-color: #69f0ae;--mat-slider-ripple-color: #69f0ae;--mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);--mat-slider-with-tick-marks-inactive-container-color: #69f0ae}.mat-warn{--mat-slider-active-track-color: #f44336;--mat-slider-focus-handle-color: #f44336;--mat-slider-handle-color: #f44336;--mat-slider-hover-handle-color: #f44336;--mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);--mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);--mat-slider-inactive-track-color: #f44336;--mat-slider-ripple-color: #f44336;--mat-slider-with-tick-marks-active-container-color: white;--mat-slider-with-tick-marks-inactive-container-color: #f44336}html{--mat-slider-label-label-text-font: Roboto, sans-serif;--mat-slider-label-label-text-size: 14px;--mat-slider-label-label-text-line-height: 22px;--mat-slider-label-label-text-tracking: 0.0071428571em;--mat-slider-label-label-text-weight: 500}html{--mat-menu-container-shape: 4px;--mat-menu-divider-bottom-spacing: 0;--mat-menu-divider-top-spacing: 0;--mat-menu-item-spacing: 16px;--mat-menu-item-icon-size: 24px;--mat-menu-item-leading-spacing: 16px;--mat-menu-item-trailing-spacing: 16px;--mat-menu-item-with-icon-leading-spacing: 16px;--mat-menu-item-with-icon-trailing-spacing: 16px;--mat-menu-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-menu-item-label-text-color: white;--mat-menu-item-icon-color: white;--mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-menu-container-color: #424242;--mat-menu-divider-color: rgba(255, 255, 255, 0.12)}html{--mat-menu-item-label-text-font: Roboto, sans-serif;--mat-menu-item-label-text-size: 16px;--mat-menu-item-label-text-tracking: 0.03125em;--mat-menu-item-label-text-line-height: 24px;--mat-menu-item-label-text-weight: 400}html{--mat-list-active-indicator-color: transparent;--mat-list-active-indicator-shape: 4px;--mat-list-list-item-container-shape: 0;--mat-list-list-item-leading-avatar-shape: 50%;--mat-list-list-item-container-color: transparent;--mat-list-list-item-selected-container-color: transparent;--mat-list-list-item-leading-avatar-color: transparent;--mat-list-list-item-leading-icon-size: 24px;--mat-list-list-item-leading-avatar-size: 40px;--mat-list-list-item-trailing-icon-size: 24px;--mat-list-list-item-disabled-state-layer-color: transparent;--mat-list-list-item-disabled-state-layer-opacity: 0;--mat-list-list-item-disabled-label-text-opacity: 0.38;--mat-list-list-item-disabled-leading-icon-opacity: 0.38;--mat-list-list-item-disabled-trailing-icon-opacity: 0.38}html{--mat-list-list-item-label-text-color: white;--mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-disabled-label-text-color: white;--mat-list-list-item-disabled-leading-icon-color: white;--mat-list-list-item-disabled-trailing-icon-color: white;--mat-list-list-item-hover-label-text-color: white;--mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-hover-state-layer-color: white;--mat-list-list-item-hover-state-layer-opacity: 0.04;--mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.7);--mat-list-list-item-focus-label-text-color: white;--mat-list-list-item-focus-state-layer-color: white;--mat-list-list-item-focus-state-layer-opacity: 0.12}.mdc-list-item__start,.mdc-list-item__end{--mat-radio-checked-ripple-color: #7b1fa2;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #7b1fa2;--mat-radio-selected-hover-icon-color: #7b1fa2;--mat-radio-selected-icon-color: #7b1fa2;--mat-radio-selected-pressed-icon-color: #7b1fa2;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-radio-unselected-pressed-icon-color: white}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mat-radio-checked-ripple-color: #69f0ae;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #69f0ae;--mat-radio-selected-hover-icon-color: #69f0ae;--mat-radio-selected-icon-color: #69f0ae;--mat-radio-selected-pressed-icon-color: #69f0ae;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-radio-unselected-pressed-icon-color: white}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mat-radio-checked-ripple-color: #f44336;--mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-radio-disabled-selected-icon-color: white;--mat-radio-disabled-unselected-icon-color: white;--mat-radio-label-text-color: white;--mat-radio-ripple-color: white;--mat-radio-selected-focus-icon-color: #f44336;--mat-radio-selected-hover-icon-color: #f44336;--mat-radio-selected-icon-color: #f44336;--mat-radio-selected-pressed-icon-color: #f44336;--mat-radio-unselected-focus-icon-color: white;--mat-radio-unselected-hover-icon-color: white;--mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-radio-unselected-pressed-icon-color: white}.mat-mdc-list-option{--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-label-text-color: white;--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #7b1fa2;--mat-checkbox-selected-hover-icon-color: #7b1fa2;--mat-checkbox-selected-icon-color: #7b1fa2;--mat-checkbox-selected-pressed-icon-color: #7b1fa2;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-checkbox-selected-focus-state-layer-color: #7b1fa2;--mat-checkbox-selected-hover-state-layer-color: #7b1fa2;--mat-checkbox-selected-pressed-state-layer-color: #7b1fa2;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.mat-mdc-list-option.mat-accent{--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-label-text-color: white;--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);--mat-checkbox-selected-focus-icon-color: #69f0ae;--mat-checkbox-selected-hover-icon-color: #69f0ae;--mat-checkbox-selected-icon-color: #69f0ae;--mat-checkbox-selected-pressed-icon-color: #69f0ae;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-checkbox-selected-focus-state-layer-color: #69f0ae;--mat-checkbox-selected-hover-state-layer-color: #69f0ae;--mat-checkbox-selected-pressed-state-layer-color: #69f0ae;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.mat-mdc-list-option.mat-warn{--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-label-text-color: white;--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start{color:#7b1fa2}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mat-list-list-item-leading-icon-start-space: 16px;--mat-list-list-item-leading-icon-end-space: 32px;--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}.mdc-list-item__start,.mdc-list-item__end{--mat-radio-state-layer-size: 40px;--mat-radio-touch-target-display: block}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mat-list-list-item-label-text-font: Roboto, sans-serif;--mat-list-list-item-label-text-line-height: 24px;--mat-list-list-item-label-text-size: 16px;--mat-list-list-item-label-text-tracking: 0.03125em;--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: 20px;--mat-list-list-item-supporting-text-size: 14px;--mat-list-list-item-supporting-text-tracking: 0.0178571429em;--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: 20px;--mat-list-list-item-trailing-supporting-text-size: 12px;--mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;--mat-list-list-item-trailing-supporting-text-weight: 400}.mdc-list-group__subheader{font:400 16px / 28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color: white;--mat-paginator-container-background-color: #424242;--mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.7);--mat-paginator-disabled-icon-color: color-mix(in srgb, white 38%, transparent)}html{--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}html{--mat-paginator-container-text-font: Roboto, sans-serif;--mat-paginator-container-text-line-height: 20px;--mat-paginator-container-text-size: 12px;--mat-paginator-container-text-tracking: 0.0333333333em;--mat-paginator-container-text-weight: 400;--mat-paginator-select-trigger-text-size: 12px}html{--mat-tab-container-height: 48px;--mat-tab-divider-color: transparent;--mat-tab-divider-height: 0;--mat-tab-active-indicator-height: 2px;--mat-tab-active-indicator-shape: 0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);--mat-tab-pagination-icon-color: white;--mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-active-label-text-color: #7b1fa2;--mat-tab-active-ripple-color: #7b1fa2;--mat-tab-inactive-ripple-color: #7b1fa2;--mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-active-focus-label-text-color: #7b1fa2;--mat-tab-active-hover-label-text-color: #7b1fa2;--mat-tab-active-focus-indicator-color: #7b1fa2;--mat-tab-active-hover-indicator-color: #7b1fa2;--mat-tab-active-indicator-color: #7b1fa2}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);--mat-tab-pagination-icon-color: white;--mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-active-label-text-color: #69f0ae;--mat-tab-active-ripple-color: #69f0ae;--mat-tab-inactive-ripple-color: #69f0ae;--mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-active-focus-label-text-color: #69f0ae;--mat-tab-active-hover-label-text-color: #69f0ae;--mat-tab-active-focus-indicator-color: #69f0ae;--mat-tab-active-hover-indicator-color: #69f0ae;--mat-tab-active-indicator-color: #69f0ae}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);--mat-tab-pagination-icon-color: white;--mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-active-label-text-color: #f44336;--mat-tab-active-ripple-color: #f44336;--mat-tab-inactive-ripple-color: #f44336;--mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);--mat-tab-active-focus-label-text-color: #f44336;--mat-tab-active-hover-label-text-color: #f44336;--mat-tab-active-focus-indicator-color: #f44336;--mat-tab-active-hover-indicator-color: #f44336;--mat-tab-active-indicator-color: #f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-background-color: #7b1fa2;--mat-tab-foreground-color: white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-background-color: #69f0ae;--mat-tab-foreground-color: rgba(0, 0, 0, 0.87)}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-background-color: #f44336;--mat-tab-foreground-color: white}.mat-mdc-tab-header{--mat-tab-container-height: 48px}.mat-mdc-tab-header{--mat-tab-label-text-font: Roboto, sans-serif;--mat-tab-label-text-size: 14px;--mat-tab-label-text-tracking: 0.0892857143em;--mat-tab-label-text-line-height: 36px;--mat-tab-label-text-weight: 500}html{--mat-checkbox-disabled-selected-checkmark-color: #424242;--mat-checkbox-selected-focus-state-layer-opacity: 0.12;--mat-checkbox-selected-hover-state-layer-opacity: 0.04;--mat-checkbox-selected-pressed-state-layer-opacity: 0.12;--mat-checkbox-unselected-focus-state-layer-opacity: 0.12;--mat-checkbox-unselected-hover-state-layer-opacity: 0.04;--mat-checkbox-unselected-pressed-state-layer-opacity: 0.12}html{--mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-label-text-color: white;--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);--mat-checkbox-selected-focus-icon-color: #69f0ae;--mat-checkbox-selected-hover-icon-color: #69f0ae;--mat-checkbox-selected-icon-color: #69f0ae;--mat-checkbox-selected-pressed-icon-color: #69f0ae;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-checkbox-selected-focus-state-layer-color: #69f0ae;--mat-checkbox-selected-hover-state-layer-color: #69f0ae;--mat-checkbox-selected-pressed-state-layer-color: #69f0ae;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.mat-mdc-checkbox.mat-primary{--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #7b1fa2;--mat-checkbox-selected-hover-icon-color: #7b1fa2;--mat-checkbox-selected-icon-color: #7b1fa2;--mat-checkbox-selected-pressed-icon-color: #7b1fa2;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-checkbox-selected-focus-state-layer-color: #7b1fa2;--mat-checkbox-selected-hover-state-layer-color: #7b1fa2;--mat-checkbox-selected-pressed-state-layer-color: #7b1fa2;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}.mat-mdc-checkbox.mat-warn{--mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);--mat-checkbox-selected-checkmark-color: white;--mat-checkbox-selected-focus-icon-color: #f44336;--mat-checkbox-selected-hover-icon-color: #f44336;--mat-checkbox-selected-icon-color: #f44336;--mat-checkbox-selected-pressed-icon-color: #f44336;--mat-checkbox-unselected-focus-icon-color: white;--mat-checkbox-unselected-hover-icon-color: white;--mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);--mat-checkbox-selected-focus-state-layer-color: #f44336;--mat-checkbox-selected-hover-state-layer-color: #f44336;--mat-checkbox-selected-pressed-state-layer-color: #f44336;--mat-checkbox-unselected-focus-state-layer-color: white;--mat-checkbox-unselected-hover-state-layer-color: white;--mat-checkbox-unselected-pressed-state-layer-color: white}html{--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 40px}html{--mat-checkbox-label-text-font: Roboto, sans-serif;--mat-checkbox-label-text-line-height: 20px;--mat-checkbox-label-text-size: 14px;--mat-checkbox-label-text-tracking: 0.0178571429em;--mat-checkbox-label-text-weight: 400}html{--mat-button-filled-container-shape: 4px;--mat-button-filled-horizontal-padding: 16px;--mat-button-filled-icon-offset: -4px;--mat-button-filled-icon-spacing: 8px;--mat-button-outlined-container-shape: 4px;--mat-button-outlined-horizontal-padding: 15px;--mat-button-outlined-icon-offset: -4px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-keep-touch-target: false;--mat-button-outlined-outline-width: 1px;--mat-button-protected-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-container-shape: 4px;--mat-button-protected-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-horizontal-padding: 16px;--mat-button-protected-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-button-protected-icon-offset: -4px;--mat-button-protected-icon-spacing: 8px;--mat-button-protected-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-button-text-container-shape: 4px;--mat-button-text-horizontal-padding: 8px;--mat-button-text-icon-offset: 0;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 8px;--mat-button-tonal-container-shape: 4px;--mat-button-tonal-horizontal-padding: 16px;--mat-button-tonal-icon-offset: -4px;--mat-button-tonal-icon-spacing: 8px}html{--mat-button-filled-container-color: #424242;--mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-button-filled-focus-state-layer-opacity: 0.12;--mat-button-filled-hover-state-layer-opacity: 0.04;--mat-button-filled-label-text-color: white;--mat-button-filled-pressed-state-layer-opacity: 0.12;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);--mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-button-outlined-focus-state-layer-opacity: 0.12;--mat-button-outlined-hover-state-layer-opacity: 0.04;--mat-button-outlined-label-text-color: white;--mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);--mat-button-outlined-pressed-state-layer-opacity: 0.12;--mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-outlined-state-layer-color: white;--mat-button-protected-container-color: #424242;--mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-button-protected-focus-state-layer-opacity: 0.12;--mat-button-protected-hover-state-layer-opacity: 0.04;--mat-button-protected-label-text-color: white;--mat-button-protected-pressed-state-layer-opacity: 0.12;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-button-text-focus-state-layer-opacity: 0.12;--mat-button-text-hover-state-layer-opacity: 0.04;--mat-button-text-label-text-color: white;--mat-button-text-pressed-state-layer-opacity: 0.12;--mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-text-state-layer-color: white;--mat-button-tonal-container-color: #424242;--mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-button-tonal-focus-state-layer-opacity: 0.12;--mat-button-tonal-hover-state-layer-opacity: 0.04;--mat-button-tonal-label-text-color: white;--mat-button-tonal-pressed-state-layer-opacity: 0.12;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}.mat-mdc-button.mat-primary,.mat-mdc-unelevated-button.mat-primary,.mat-mdc-raised-button.mat-primary,.mat-mdc-outlined-button.mat-primary,.mat-tonal-button.mat-primary{--mat-button-filled-container-color: #7b1fa2;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #7b1fa2;--mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);--mat-button-outlined-ripple-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mat-button-outlined-state-layer-color: #7b1fa2;--mat-button-protected-container-color: #7b1fa2;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #7b1fa2;--mat-button-text-ripple-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mat-button-text-state-layer-color: #7b1fa2;--mat-button-tonal-container-color: #7b1fa2;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}.mat-mdc-button.mat-accent,.mat-mdc-unelevated-button.mat-accent,.mat-mdc-raised-button.mat-accent,.mat-mdc-outlined-button.mat-accent,.mat-tonal-button.mat-accent{--mat-button-filled-container-color: #69f0ae;--mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);--mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);--mat-button-outlined-label-text-color: #69f0ae;--mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);--mat-button-outlined-ripple-color: color-mix(in srgb, #69f0ae 12%, transparent);--mat-button-outlined-state-layer-color: #69f0ae;--mat-button-protected-container-color: #69f0ae;--mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);--mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);--mat-button-text-label-text-color: #69f0ae;--mat-button-text-ripple-color: color-mix(in srgb, #69f0ae 12%, transparent);--mat-button-text-state-layer-color: #69f0ae;--mat-button-tonal-container-color: #69f0ae;--mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);--mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87)}.mat-mdc-button.mat-warn,.mat-mdc-unelevated-button.mat-warn,.mat-mdc-raised-button.mat-warn,.mat-mdc-outlined-button.mat-warn,.mat-tonal-button.mat-warn{--mat-button-filled-container-color: #f44336;--mat-button-filled-label-text-color: white;--mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-filled-state-layer-color: white;--mat-button-outlined-label-text-color: #f44336;--mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);--mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-outlined-state-layer-color: #f44336;--mat-button-protected-container-color: #f44336;--mat-button-protected-label-text-color: white;--mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-protected-state-layer-color: white;--mat-button-text-label-text-color: #f44336;--mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-button-text-state-layer-color: #f44336;--mat-button-tonal-container-color: #f44336;--mat-button-tonal-label-text-color: white;--mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-button-tonal-state-layer-color: white}html{--mat-button-filled-container-height: 36px;--mat-button-filled-touch-target-display: block;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-protected-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block}html{--mat-button-filled-label-text-font: Roboto, sans-serif;--mat-button-filled-label-text-size: 14px;--mat-button-filled-label-text-tracking: 0.0892857143em;--mat-button-filled-label-text-transform: none;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Roboto, sans-serif;--mat-button-outlined-label-text-size: 14px;--mat-button-outlined-label-text-tracking: 0.0892857143em;--mat-button-outlined-label-text-transform: none;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Roboto, sans-serif;--mat-button-protected-label-text-size: 14px;--mat-button-protected-label-text-tracking: 0.0892857143em;--mat-button-protected-label-text-transform: none;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Roboto, sans-serif;--mat-button-text-label-text-size: 14px;--mat-button-text-label-text-tracking: 0.0892857143em;--mat-button-text-label-text-transform: none;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Roboto, sans-serif;--mat-button-tonal-label-text-size: 14px;--mat-button-tonal-label-text-tracking: 0.0892857143em;--mat-button-tonal-label-text-transform: none;--mat-button-tonal-label-text-weight: 500}html{--mat-icon-button-icon-size: 24px;--mat-icon-button-container-shape: 50%}html{--mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent);--mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-icon-button-focus-state-layer-opacity: 0.12;--mat-icon-button-hover-state-layer-opacity: 0.04;--mat-icon-button-icon-color: inherit;--mat-icon-button-pressed-state-layer-opacity: 0.12;--mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-icon-button-state-layer-color: white}.mat-mdc-icon-button.mat-primary{--mat-icon-button-icon-color: #7b1fa2;--mat-icon-button-state-layer-color: #7b1fa2;--mat-icon-button-ripple-color: color-mix(in srgb, #7b1fa2 12%, transparent)}.mat-mdc-icon-button.mat-accent{--mat-icon-button-icon-color: #69f0ae;--mat-icon-button-state-layer-color: #69f0ae;--mat-icon-button-ripple-color: color-mix(in srgb, #69f0ae 12%, transparent)}.mat-mdc-icon-button.mat-warn{--mat-icon-button-icon-color: #f44336;--mat-icon-button-state-layer-color: #f44336;--mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent)}html{--mat-icon-button-touch-target-display: block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;--mat-icon-button-state-layer-size: 48px;width:var(--mat-icon-button-state-layer-size);height:var(--mat-icon-button-state-layer-size);padding:12px}html{--mat-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-fab-container-shape: 50%;--mat-fab-extended-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-fab-extended-container-height: 48px;--mat-fab-extended-container-shape: 24px;--mat-fab-extended-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-extended-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-extended-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-fab-small-container-shape: 50%;--mat-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mat-fab-container-color: #424242;--mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);--mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);--mat-fab-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-fab-focus-state-layer-opacity: 0.12;--mat-fab-foreground-color: white;--mat-fab-hover-state-layer-opacity: 0.04;--mat-fab-pressed-state-layer-opacity: 0.12;--mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-container-color: #424242;--mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);--mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, 0.7);--mat-fab-small-focus-state-layer-opacity: 0.12;--mat-fab-small-foreground-color: white;--mat-fab-small-hover-state-layer-opacity: 0.04;--mat-fab-small-pressed-state-layer-opacity: 0.12;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mat-fab-container-color: #7b1fa2;--mat-fab-foreground-color: white;--mat-fab-ripple-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mat-fab-small-container-color: #7b1fa2;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mat-fab-container-color: #69f0ae;--mat-fab-foreground-color: rgba(0, 0, 0, 0.87);--mat-fab-ripple-color: color-mix(in srgb, #69f0ae 12%, transparent);--mat-fab-small-container-color: #69f0ae;--mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);--mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);--mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);--mat-fab-state-layer-color: rgba(0, 0, 0, 0.87)}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-fab-container-color: #f44336;--mat-fab-foreground-color: white;--mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);--mat-fab-small-container-color: #f44336;--mat-fab-small-foreground-color: white;--mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);--mat-fab-small-state-layer-color: white;--mat-fab-state-layer-color: white}html{--mat-fab-small-touch-target-display: block;--mat-fab-touch-target-display: block}html{--mat-fab-extended-label-text-font: Roboto, sans-serif;--mat-fab-extended-label-text-size: 14px;--mat-fab-extended-label-text-tracking: 0.0892857143em;--mat-fab-extended-label-text-weight: 500}html{--mat-snack-bar-container-shape: 4px}html{--mat-snack-bar-container-color: white;--mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87);--mat-snack-bar-button-color: #8e24aa}html{--mat-snack-bar-supporting-text-font: Roboto, sans-serif;--mat-snack-bar-supporting-text-line-height: 20px;--mat-snack-bar-supporting-text-size: 14px;--mat-snack-bar-supporting-text-weight: 400}html{--mat-table-row-item-outline-width: 1px}html{--mat-table-background-color: #424242;--mat-table-header-headline-color: white;--mat-table-row-item-label-text-color: white;--mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12)}html{--mat-table-header-container-height: 56px;--mat-table-footer-container-height: 52px;--mat-table-row-item-container-height: 52px}html{--mat-table-header-headline-font: Roboto, sans-serif;--mat-table-header-headline-line-height: 22px;--mat-table-header-headline-size: 14px;--mat-table-header-headline-weight: 500;--mat-table-header-headline-tracking: 0.0071428571em;--mat-table-row-item-label-text-font: Roboto, sans-serif;--mat-table-row-item-label-text-line-height: 20px;--mat-table-row-item-label-text-size: 14px;--mat-table-row-item-label-text-weight: 400;--mat-table-row-item-label-text-tracking: 0.0178571429em;--mat-table-footer-supporting-text-font: Roboto, sans-serif;--mat-table-footer-supporting-text-line-height: 20px;--mat-table-footer-supporting-text-size: 14px;--mat-table-footer-supporting-text-weight: 400;--mat-table-footer-supporting-text-tracking: 0.0178571429em}html{--mat-progress-spinner-active-indicator-width: 4px;--mat-progress-spinner-size: 48px}html{--mat-progress-spinner-active-indicator-color: #7b1fa2}.mat-accent{--mat-progress-spinner-active-indicator-color: #69f0ae}.mat-warn{--mat-progress-spinner-active-indicator-color: #f44336}html{--mat-badge-container-shape: 50%;--mat-badge-container-size: unset;--mat-badge-small-size-container-size: unset;--mat-badge-large-size-container-size: unset;--mat-badge-legacy-container-size: 22px;--mat-badge-legacy-small-size-container-size: 16px;--mat-badge-legacy-large-size-container-size: 28px;--mat-badge-container-offset: -11px 0;--mat-badge-small-size-container-offset: -8px 0;--mat-badge-large-size-container-offset: -14px 0;--mat-badge-container-overlap-offset: -11px;--mat-badge-small-size-container-overlap-offset: -8px;--mat-badge-large-size-container-overlap-offset: -14px;--mat-badge-container-padding: 0;--mat-badge-small-size-container-padding: 0;--mat-badge-large-size-container-padding: 0}html{--mat-badge-background-color: #7b1fa2;--mat-badge-text-color: white;--mat-badge-disabled-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-badge-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.mat-badge-accent{--mat-badge-background-color: #69f0ae;--mat-badge-text-color: rgba(0, 0, 0, 0.87)}.mat-badge-warn{--mat-badge-background-color: #f44336;--mat-badge-text-color: white}html{--mat-badge-text-font: Roboto, sans-serif;--mat-badge-line-height: 22px;--mat-badge-text-size: 12px;--mat-badge-text-weight: 600;--mat-badge-small-size-text-size: 9px;--mat-badge-small-size-line-height: 16px;--mat-badge-large-size-text-size: 24px;--mat-badge-large-size-line-height: 28px}html{--mat-bottom-sheet-container-shape: 4px}html{--mat-bottom-sheet-container-text-color: white;--mat-bottom-sheet-container-background-color: #424242}html{--mat-bottom-sheet-container-text-font: Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height: 20px;--mat-bottom-sheet-container-text-size: 14px;--mat-bottom-sheet-container-text-tracking: 0.0178571429em;--mat-bottom-sheet-container-text-weight: 400}html{--mat-button-toggle-focus-state-layer-opacity: 0.12;--mat-button-toggle-hover-state-layer-opacity: 0.04;--mat-button-toggle-legacy-focus-state-layer-opacity: 1;--mat-button-toggle-legacy-height: 36px;--mat-button-toggle-legacy-shape: 2px;--mat-button-toggle-shape: 4px}html{--mat-button-toggle-background-color: #424242;--mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-toggle-disabled-state-background-color: #424242;--mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12);--mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-legacy-disabled-state-background-color: #424242;--mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-legacy-selected-state-text-color: white;--mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-legacy-text-color: white;--mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);--mat-button-toggle-selected-state-text-color: white;--mat-button-toggle-state-layer-color: white;--mat-button-toggle-text-color: white}html{--mat-button-toggle-height: 48px}html{--mat-button-toggle-label-text-font: Roboto, sans-serif;--mat-button-toggle-label-text-line-height: 24px;--mat-button-toggle-label-text-size: 16px;--mat-button-toggle-label-text-tracking: 0.03125em;--mat-button-toggle-label-text-weight: 400;--mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;--mat-button-toggle-legacy-label-text-line-height: 24px;--mat-button-toggle-legacy-label-text-size: 16px;--mat-button-toggle-legacy-label-text-tracking: 0.03125em;--mat-button-toggle-legacy-label-text-weight: 400}html{--mat-datepicker-calendar-container-shape: 4px;--mat-datepicker-calendar-container-touch-shape: 4px;--mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #7b1fa2 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #7b1fa2;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #7b1fa2 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #7b1fa2 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #7b1fa2;--mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-period-button-text-color: white;--mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);--mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-text-color: white;--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);--mat-datepicker-range-input-separator-color: white;--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-container-background-color: #424242;--mat-datepicker-calendar-container-text-color: white}.mat-datepicker-content.mat-accent,.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-selected-state-background-color: #69f0ae;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #69f0ae 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #69f0ae 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #69f0ae 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #69f0ae;--mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-period-button-text-color: white;--mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);--mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-text-color: white;--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);--mat-datepicker-range-input-separator-color: white;--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-container-background-color: #424242;--mat-datepicker-calendar-container-text-color: white}.mat-datepicker-content.mat-warn,.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);--mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-calendar-date-selected-state-text-color: white;--mat-datepicker-calendar-date-selected-state-background-color: #f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mat-datepicker-calendar-date-today-selected-state-outline-color: white;--mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);--mat-datepicker-toggle-active-state-icon-color: #f44336;--mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-period-button-text-color: white;--mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);--mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);--mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-text-color: white;--mat-datepicker-calendar-date-outline-color: transparent;--mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);--mat-datepicker-range-input-separator-color: white;--mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-datepicker-calendar-container-background-color: #424242;--mat-datepicker-calendar-container-text-color: white}.mat-calendar-controls{--mat-icon-button-touch-target-display: none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;--mat-icon-button-state-layer-size: 40px;width:var(--mat-icon-button-state-layer-size);height:var(--mat-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font: Roboto, sans-serif;--mat-datepicker-calendar-text-size: 13px;--mat-datepicker-calendar-body-label-text-size: 14px;--mat-datepicker-calendar-body-label-text-weight: 500;--mat-datepicker-calendar-period-button-text-size: 14px;--mat-datepicker-calendar-period-button-text-weight: 500;--mat-datepicker-calendar-header-text-size: 11px;--mat-datepicker-calendar-header-text-weight: 400}html{--mat-divider-width: 1px}html{--mat-divider-color: rgba(255, 255, 255, 0.12)}html{--mat-expansion-container-shape: 4px;--mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-expansion-legacy-header-indicator-display: inline-block;--mat-expansion-header-indicator-display: none}html{--mat-expansion-container-background-color: #424242;--mat-expansion-container-text-color: white;--mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);--mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mat-expansion-header-text-color: white;--mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);--mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7)}html{--mat-expansion-header-collapsed-state-height: 48px;--mat-expansion-header-expanded-state-height: 64px}html{--mat-expansion-header-text-font: Roboto, sans-serif;--mat-expansion-header-text-size: 14px;--mat-expansion-header-text-weight: 500;--mat-expansion-header-text-line-height: inherit;--mat-expansion-header-text-tracking: inherit;--mat-expansion-container-text-font: Roboto, sans-serif;--mat-expansion-container-text-line-height: 20px;--mat-expansion-container-text-size: 14px;--mat-expansion-container-text-tracking: 0.0178571429em;--mat-expansion-container-text-weight: 400}html{--mat-grid-list-tile-header-primary-text-size: 14px;--mat-grid-list-tile-header-secondary-text-size: 12px;--mat-grid-list-tile-footer-primary-text-size: 14px;--mat-grid-list-tile-footer-secondary-text-size: 12px}html{--mat-icon-color: inherit}.mat-icon.mat-primary{--mat-icon-color: #7b1fa2}.mat-icon.mat-accent{--mat-icon-color: #69f0ae}.mat-icon.mat-warn{--mat-icon-color: #f44336}html{--mat-sidenav-container-shape: 0;--mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-sidenav-container-width: auto}html{--mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);--mat-sidenav-container-background-color: #424242;--mat-sidenav-container-text-color: white;--mat-sidenav-content-background-color: #303030;--mat-sidenav-content-text-color: white;--mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6)}html{--mat-stepper-header-focus-state-layer-shape: 0;--mat-stepper-header-hover-state-layer-shape: 0}html{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #7b1fa2;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #7b1fa2;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #7b1fa2;--mat-stepper-header-edit-state-icon-foreground-color: white;--mat-stepper-container-color: #424242;--mat-stepper-line-color: rgba(255, 255, 255, 0.12);--mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);--mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);--mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);--mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);--mat-stepper-header-selected-state-label-text-color: white;--mat-stepper-header-error-state-label-text-color: #f44336;--mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);--mat-stepper-header-error-state-icon-foreground-color: #f44336;--mat-stepper-header-error-state-icon-background-color: transparent}.mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);--mat-stepper-header-selected-state-icon-background-color: #69f0ae;--mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);--mat-stepper-header-done-state-icon-background-color: #69f0ae;--mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);--mat-stepper-header-edit-state-icon-background-color: #69f0ae;--mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87)}.mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color: white;--mat-stepper-header-selected-state-icon-background-color: #f44336;--mat-stepper-header-selected-state-icon-foreground-color: white;--mat-stepper-header-done-state-icon-background-color: #f44336;--mat-stepper-header-done-state-icon-foreground-color: white;--mat-stepper-header-edit-state-icon-background-color: #f44336;--mat-stepper-header-edit-state-icon-foreground-color: white}html{--mat-stepper-header-height: 72px}html{--mat-stepper-container-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-font: Roboto, sans-serif;--mat-stepper-header-label-text-size: 14px;--mat-stepper-header-label-text-weight: 400;--mat-stepper-header-error-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-size: 16px;--mat-stepper-header-selected-state-label-text-weight: 400}html{--mat-sort-arrow-color: white}html{--mat-toolbar-container-background-color: #424242;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color: #7b1fa2;--mat-toolbar-container-text-color: white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color: #69f0ae;--mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color: #f44336;--mat-toolbar-container-text-color: white}html{--mat-toolbar-standard-height: 64px;--mat-toolbar-mobile-height: 56px}html{--mat-toolbar-title-text-font: Roboto, sans-serif;--mat-toolbar-title-text-line-height: 32px;--mat-toolbar-title-text-size: 20px;--mat-toolbar-title-text-tracking: 0.0125em;--mat-toolbar-title-text-weight: 500}html{--mat-tree-container-background-color: #424242;--mat-tree-node-text-color: white}html{--mat-tree-node-min-height: 48px}html{--mat-tree-node-text-font: Roboto, sans-serif;--mat-tree-node-text-size: 14px;--mat-tree-node-text-weight: 400}html{--mat-timepicker-container-shape: 4px;--mat-timepicker-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-timepicker-container-background-color: #424242}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
package/progress-bar/_m2-progress-bar.scss CHANGED
@@ -4,26 +4,23 @@
4
4
  @use '../core/tokens/m2-utils';
5
5
  @use '../core/tokens/m3-utils';
6
6
 
7
- // Tokens that can't be configured through Angular Material's current theming API,
8
- // but may be in a future version of the theming API.
9
- //
10
- // Tokens that are available in MDC, but not used in Angular Material should be mapped to `null`.
11
- // `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
12
- // our CSS.
13
- @function get-unthemable-tokens() {
14
- $height: 4px;
7
+ @function get-tokens($theme) {
8
+ $system: m2-utils.get-system($theme);
15
9
 
16
10
  @return (
17
- // The height of the progress bar. `active-indicator-height` applies to the
18
- // bar and `track-height` applies to the track.
19
- progress-bar-active-indicator-height: $height,
20
- progress-bar-track-height: $height,
21
- progress-bar-track-shape: 0,
11
+ base: (
12
+ progress-bar-active-indicator-height: 4px,
13
+ progress-bar-track-height: 4px,
14
+ progress-bar-track-shape: 0,
15
+ ),
16
+ color: private-get-color-palette-color-tokens($theme, primary),
17
+ typography: (),
18
+ density: (),
22
19
  );
23
20
  }
24
21
 
25
22
  // Tokens that can be configured through Angular Material's color theming API.
26
- @function get-color-tokens($theme, $color-variant) {
23
+ @function private-get-color-palette-color-tokens($theme, $color-variant) {
27
24
  $system: m2-utils.get-system($theme);
28
25
  $system: m3-utils.replace-colors-with-variant($system, primary, $color-variant);
29
26
 
@@ -36,13 +33,3 @@
36
33
  )
37
34
  );
38
35
  }
39
-
40
- // Tokens that can be configured through Angular Material's typography theming API.
41
- @function get-typography-tokens($theme) {
42
- @return ();
43
- }
44
-
45
- // Tokens that can be configured through Angular Material's density theming API.
46
- @function get-density-tokens($theme) {
47
- @return ();
48
- }
package/progress-bar/_progress-bar-theme.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  @use 'sass:map';
6
6
 
7
7
  @mixin base($theme) {
8
- $tokens: m2-progress-bar.get-unthemable-tokens();
8
+ $tokens: map.get(m2-progress-bar.get-tokens($theme), base);
9
9
  @if inspection.get-theme-version($theme) == 1 {
10
10
  $tokens: map.get(m3-progress-bar.get-tokens($theme), base);
11
11
  }
@@ -19,16 +19,16 @@
19
19
  map.get(m3-progress-bar.get-tokens($theme, $color-variant), color));
20
20
  } @else {
21
21
  .mat-mdc-progress-bar {
22
- $tokens: m2-progress-bar.get-color-tokens($theme, primary);
22
+ $tokens: m2-progress-bar.private-get-color-palette-color-tokens($theme, primary);
23
23
  @include token-utils.values($tokens);
24
24
 
25
25
  &.mat-accent {
26
- $tokens: m2-progress-bar.get-color-tokens($theme, secondary);
26
+ $tokens: m2-progress-bar.private-get-color-palette-color-tokens($theme, secondary);
27
27
  @include token-utils.values($tokens);
28
28
  }
29
29
 
30
30
  &.mat-warn {
31
- $tokens: m2-progress-bar.get-color-tokens($theme, error);
31
+ $tokens: m2-progress-bar.private-get-color-palette-color-tokens($theme, error);
32
32
  @include token-utils.values($tokens);
33
33
  }
34
34
  }
@@ -36,7 +36,7 @@
36
36
  }
37
37
 
38
38
  @mixin typography($theme) {
39
- $tokens: m2-progress-bar.get-typography-tokens($theme);
39
+ $tokens: map.get(m2-progress-bar.get-tokens($theme), typography);
40
40
  @if inspection.get-theme-version($theme) == 1 {
41
41
  $tokens: map.get(m3-progress-bar.get-tokens($theme), typography);
42
42
  }
@@ -45,7 +45,7 @@
45
45
  }
46
46
 
47
47
  @mixin density($theme) {
48
- $tokens: m2-progress-bar.get-density-tokens($theme);
48
+ $tokens: map.get(m2-progress-bar.get-tokens($theme), density);
49
49
  @if inspection.get-theme-version($theme) == 1 {
50
50
  $tokens: map.get(m3-progress-bar.get-tokens($theme), density);
51
51
  }
package/progress-spinner/_m2-progress-spinner.scss CHANGED
@@ -2,21 +2,20 @@
2
2
  @use '../core/tokens/m3-utils';
3
3
  @use 'sass:map';
4
4
 
5
- // Tokens that can't be configured through Angular Material's current theming API,
6
- // but may be in a future version of the theming API.
7
- //
8
- // Tokens that are available in MDC, but not used in Angular Material should be mapped to `null`.
9
- // `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
10
- // our CSS.
11
- @function get-unthemable-tokens() {
5
+ @function get-tokens($theme) {
12
6
  @return (
13
- progress-spinner-active-indicator-width: 4px,
14
- progress-spinner-size: 48px,
7
+ base: (
8
+ progress-spinner-active-indicator-width: 4px,
9
+ progress-spinner-size: 48px,
10
+ ),
11
+ color: private-get-color-palette-color-tokens($theme, primary),
12
+ typography: (),
13
+ density: (),
15
14
  );
16
15
  }
17
16
 
18
17
  // Tokens that can be configured through Angular Material's color theming API.
19
- @function get-color-tokens($theme, $color-variant) {
18
+ @function private-get-color-palette-color-tokens($theme, $color-variant) {
20
19
  $system: m2-utils.get-system($theme);
21
20
  $system: m3-utils.replace-colors-with-variant($system, primary, $color-variant);
22
21
 
@@ -24,13 +23,3 @@
24
23
  progress-spinner-active-indicator-color: map.get($system, primary)
25
24
  );
26
25
  }
27
-
28
- // Tokens that can be configured through Angular Material's typography theming API.
29
- @function get-typography-tokens($theme) {
30
- @return ();
31
- }
32
-
33
- // Tokens that can be configured through Angular Material's density theming API.
34
- @function get-density-tokens($theme) {
35
- @return ();
36
- }