@depup/angular__material 21.2.4-depup.0 → 21.2.5-depup.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 (180) hide show
  1. package/README.md +2 -2
  2. package/changes.json +1 -1
  3. package/fesm2022/_animation-chunk.mjs.map +1 -1
  4. package/fesm2022/_date-formats-chunk.mjs.map +1 -1
  5. package/fesm2022/_date-range-input-harness-chunk.mjs.map +1 -1
  6. package/fesm2022/_error-options-chunk.mjs +6 -6
  7. package/fesm2022/_error-options-chunk.mjs.map +1 -1
  8. package/fesm2022/_error-state-chunk.mjs.map +1 -1
  9. package/fesm2022/_form-field-chunk.mjs +33 -33
  10. package/fesm2022/_form-field-chunk.mjs.map +1 -1
  11. package/fesm2022/_icon-button-chunk.mjs +9 -9
  12. package/fesm2022/_icon-button-chunk.mjs.map +1 -1
  13. package/fesm2022/_icon-registry-chunk.mjs +4 -4
  14. package/fesm2022/_icon-registry-chunk.mjs.map +1 -1
  15. package/fesm2022/_input-harness-chunk.mjs.map +1 -1
  16. package/fesm2022/_internal-form-field-chunk.mjs +6 -6
  17. package/fesm2022/_internal-form-field-chunk.mjs.map +1 -1
  18. package/fesm2022/_line-chunk.mjs +7 -7
  19. package/fesm2022/_line-chunk.mjs.map +1 -1
  20. package/fesm2022/_option-chunk.mjs +11 -11
  21. package/fesm2022/_option-chunk.mjs.map +1 -1
  22. package/fesm2022/_option-harness-chunk.mjs.map +1 -1
  23. package/fesm2022/_option-module-chunk.mjs +4 -4
  24. package/fesm2022/_option-module-chunk.mjs.map +1 -1
  25. package/fesm2022/_pseudo-checkbox-chunk.mjs +6 -6
  26. package/fesm2022/_pseudo-checkbox-chunk.mjs.map +1 -1
  27. package/fesm2022/_pseudo-checkbox-module-chunk.mjs +4 -4
  28. package/fesm2022/_pseudo-checkbox-module-chunk.mjs.map +1 -1
  29. package/fesm2022/_public-api-chunk.mjs.map +1 -1
  30. package/fesm2022/_ripple-chunk.mjs +10 -10
  31. package/fesm2022/_ripple-chunk.mjs.map +1 -1
  32. package/fesm2022/_ripple-loader-chunk.mjs +3 -3
  33. package/fesm2022/_ripple-loader-chunk.mjs.map +1 -1
  34. package/fesm2022/_ripple-module-chunk.mjs +4 -4
  35. package/fesm2022/_ripple-module-chunk.mjs.map +1 -1
  36. package/fesm2022/_structural-styles-chunk.mjs +6 -6
  37. package/fesm2022/_structural-styles-chunk.mjs.map +1 -1
  38. package/fesm2022/_tooltip-chunk.mjs +18 -14
  39. package/fesm2022/_tooltip-chunk.mjs.map +1 -1
  40. package/fesm2022/autocomplete-testing.mjs.map +1 -1
  41. package/fesm2022/autocomplete.mjs +21 -21
  42. package/fesm2022/autocomplete.mjs.map +1 -1
  43. package/fesm2022/badge-testing.mjs.map +1 -1
  44. package/fesm2022/badge.mjs +13 -13
  45. package/fesm2022/badge.mjs.map +1 -1
  46. package/fesm2022/bottom-sheet-testing.mjs.map +1 -1
  47. package/fesm2022/bottom-sheet.mjs +17 -17
  48. package/fesm2022/bottom-sheet.mjs.map +1 -1
  49. package/fesm2022/button-testing.mjs.map +1 -1
  50. package/fesm2022/button-toggle-testing.mjs.map +1 -1
  51. package/fesm2022/button-toggle.mjs +14 -14
  52. package/fesm2022/button-toggle.mjs.map +1 -1
  53. package/fesm2022/button.mjs +20 -20
  54. package/fesm2022/button.mjs.map +1 -1
  55. package/fesm2022/card-testing.mjs.map +1 -1
  56. package/fesm2022/card.mjs +49 -49
  57. package/fesm2022/card.mjs.map +1 -1
  58. package/fesm2022/checkbox-testing.mjs.map +1 -1
  59. package/fesm2022/checkbox.mjs +10 -10
  60. package/fesm2022/checkbox.mjs.map +1 -1
  61. package/fesm2022/chips-testing.mjs.map +1 -1
  62. package/fesm2022/chips.mjs +63 -63
  63. package/fesm2022/chips.mjs.map +1 -1
  64. package/fesm2022/core-testing.mjs +1 -1
  65. package/fesm2022/core-testing.mjs.map +1 -1
  66. package/fesm2022/core.mjs +25 -25
  67. package/fesm2022/core.mjs.map +1 -1
  68. package/fesm2022/datepicker-testing.mjs.map +1 -1
  69. package/fesm2022/datepicker.mjs +97 -97
  70. package/fesm2022/datepicker.mjs.map +1 -1
  71. package/fesm2022/dialog-testing.mjs +3 -3
  72. package/fesm2022/dialog-testing.mjs.map +1 -1
  73. package/fesm2022/dialog.mjs +32 -32
  74. package/fesm2022/dialog.mjs.map +1 -1
  75. package/fesm2022/divider-testing.mjs.map +1 -1
  76. package/fesm2022/divider.mjs +10 -10
  77. package/fesm2022/divider.mjs.map +1 -1
  78. package/fesm2022/expansion-testing.mjs.map +1 -1
  79. package/fesm2022/expansion.mjs +34 -34
  80. package/fesm2022/expansion.mjs.map +1 -1
  81. package/fesm2022/form-field-testing-control.mjs.map +1 -1
  82. package/fesm2022/form-field-testing.mjs +1 -1
  83. package/fesm2022/form-field-testing.mjs.map +1 -1
  84. package/fesm2022/form-field.mjs +5 -5
  85. package/fesm2022/form-field.mjs.map +1 -1
  86. package/fesm2022/grid-list-testing.mjs.map +1 -1
  87. package/fesm2022/grid-list.mjs +29 -29
  88. package/fesm2022/grid-list.mjs.map +1 -1
  89. package/fesm2022/icon-testing.mjs +8 -8
  90. package/fesm2022/icon-testing.mjs.map +1 -1
  91. package/fesm2022/icon.mjs +11 -11
  92. package/fesm2022/icon.mjs.map +1 -1
  93. package/fesm2022/input-testing.mjs.map +1 -1
  94. package/fesm2022/input.mjs +8 -8
  95. package/fesm2022/input.mjs.map +1 -1
  96. package/fesm2022/list-testing.mjs.map +1 -1
  97. package/fesm2022/list.mjs +64 -64
  98. package/fesm2022/list.mjs.map +1 -1
  99. package/fesm2022/menu-testing.mjs.map +1 -1
  100. package/fesm2022/menu.mjs +27 -27
  101. package/fesm2022/menu.mjs.map +1 -1
  102. package/fesm2022/paginator-testing.mjs.map +1 -1
  103. package/fesm2022/paginator.mjs +17 -17
  104. package/fesm2022/paginator.mjs.map +1 -1
  105. package/fesm2022/progress-bar-testing.mjs.map +1 -1
  106. package/fesm2022/progress-bar.mjs +10 -10
  107. package/fesm2022/progress-bar.mjs.map +1 -1
  108. package/fesm2022/progress-spinner-testing.mjs.map +1 -1
  109. package/fesm2022/progress-spinner.mjs +10 -10
  110. package/fesm2022/progress-spinner.mjs.map +1 -1
  111. package/fesm2022/radio-testing.mjs.map +1 -1
  112. package/fesm2022/radio.mjs +14 -14
  113. package/fesm2022/radio.mjs.map +1 -1
  114. package/fesm2022/select-testing.mjs.map +1 -1
  115. package/fesm2022/select.mjs +26 -26
  116. package/fesm2022/select.mjs.map +1 -1
  117. package/fesm2022/sidenav-testing.mjs.map +1 -1
  118. package/fesm2022/sidenav.mjs +33 -36
  119. package/fesm2022/sidenav.mjs.map +1 -1
  120. package/fesm2022/slide-toggle-testing.mjs.map +1 -1
  121. package/fesm2022/slide-toggle.mjs +10 -10
  122. package/fesm2022/slide-toggle.mjs.map +1 -1
  123. package/fesm2022/slider-testing.mjs.map +1 -1
  124. package/fesm2022/slider.mjs +41 -41
  125. package/fesm2022/slider.mjs.map +1 -1
  126. package/fesm2022/snack-bar-testing.mjs.map +1 -1
  127. package/fesm2022/snack-bar.mjs +30 -30
  128. package/fesm2022/snack-bar.mjs.map +1 -1
  129. package/fesm2022/sort-testing.mjs.map +1 -1
  130. package/fesm2022/sort.mjs +18 -18
  131. package/fesm2022/sort.mjs.map +1 -1
  132. package/fesm2022/stepper-testing.mjs.map +1 -1
  133. package/fesm2022/stepper.mjs +42 -42
  134. package/fesm2022/stepper.mjs.map +1 -1
  135. package/fesm2022/table-testing.mjs.map +1 -1
  136. package/fesm2022/table.mjs +60 -60
  137. package/fesm2022/table.mjs.map +1 -1
  138. package/fesm2022/tabs-testing.mjs.map +1 -1
  139. package/fesm2022/tabs.mjs +59 -59
  140. package/fesm2022/tabs.mjs.map +1 -1
  141. package/fesm2022/timepicker-testing.mjs.map +1 -1
  142. package/fesm2022/timepicker.mjs +17 -17
  143. package/fesm2022/timepicker.mjs.map +1 -1
  144. package/fesm2022/toolbar-testing.mjs.map +1 -1
  145. package/fesm2022/toolbar.mjs +15 -15
  146. package/fesm2022/toolbar.mjs.map +1 -1
  147. package/fesm2022/tooltip-testing.mjs.map +1 -1
  148. package/fesm2022/tooltip.mjs +4 -4
  149. package/fesm2022/tooltip.mjs.map +1 -1
  150. package/fesm2022/tree-testing.mjs.map +1 -1
  151. package/fesm2022/tree.mjs +31 -31
  152. package/fesm2022/tree.mjs.map +1 -1
  153. package/package.json +4 -4
  154. package/prebuilt-themes/azure-blue.css +167 -1
  155. package/prebuilt-themes/cyan-orange.css +167 -1
  156. package/prebuilt-themes/deeppurple-amber.css +2301 -1
  157. package/prebuilt-themes/indigo-pink.css +2301 -1
  158. package/prebuilt-themes/magenta-violet.css +167 -1
  159. package/prebuilt-themes/pink-bluegrey.css +2301 -1
  160. package/prebuilt-themes/purple-green.css +2301 -1
  161. package/prebuilt-themes/rose-red.css +167 -1
  162. package/schematics/ng-add/index.js +1 -1
  163. package/types/_button-toggle-chunk.d.ts +1 -1
  164. package/types/_icon-registry-chunk.d.ts +1 -1
  165. package/types/_option-parent-chunk.d.ts +1 -1
  166. package/types/_ripple-chunk.d.ts +1 -1
  167. package/types/dialog.d.ts +1 -1
  168. package/types/grid-list.d.ts +1 -1
  169. package/types/paginator.d.ts +0 -1
  170. package/types/radio.d.ts +1 -1
  171. package/types/select.d.ts +2 -2
  172. package/types/sidenav-testing.d.ts +1 -1
  173. package/types/sidenav.d.ts +1 -1
  174. package/types/slider.d.ts +5 -9
  175. package/types/table.d.ts +2 -4
  176. package/types/tabs.d.ts +1 -1
  177. package/types/timepicker.d.ts +1 -1
  178. package/types/tooltip.d.ts +318 -7
  179. package/types/tree.d.ts +2 -2
  180. package/types/_tooltip-chunk.d.ts +0 -315
package/prebuilt-themes/purple-green.css CHANGED
@@ -1 +1,2301 @@
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;--mat-slide-toggle-touch-target-size: 48px}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;--mat-slide-toggle-touch-target-display: block}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-radio-touch-target-size: 48px}.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;--mat-slider-value-indicator-transform-origin: bottom}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-page-size-select-width: 84px;--mat-paginator-page-size-select-touch-target-height: 48px}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;--mat-checkbox-touch-target-size: 48px}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-filled-touch-target-size: 48px;--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-outlined-touch-target-size: 48px;--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-protected-touch-target-size: 48px;--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-text-touch-target-size: 48px;--mat-button-tonal-container-shape: 4px;--mat-button-tonal-horizontal-padding: 16px;--mat-button-tonal-icon-offset: -4px;--mat-button-tonal-icon-spacing: 8px;--mat-button-tonal-touch-target-size: 48px}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%;--mat-icon-button-touch-target-size: 48px}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-touch-target-size: 48px;--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-touch-target-size: 48px;--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}
1
+ html {
2
+ --mat-sys-on-surface: initial;
3
+ }
4
+
5
+ .mat-app-background {
6
+ background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
7
+ color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
8
+ }
9
+
10
+ .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
11
+ 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);
12
+ }
13
+
14
+ .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
15
+ 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);
16
+ }
17
+
18
+ .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
19
+ 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);
20
+ }
21
+
22
+ .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
23
+ 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);
24
+ }
25
+
26
+ .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
27
+ 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);
28
+ }
29
+
30
+ .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
31
+ 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);
32
+ }
33
+
34
+ .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
35
+ 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);
36
+ }
37
+
38
+ .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
39
+ 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);
40
+ }
41
+
42
+ .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
43
+ 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);
44
+ }
45
+
46
+ .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
47
+ 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);
48
+ }
49
+
50
+ .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
51
+ 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);
52
+ }
53
+
54
+ .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
55
+ 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);
56
+ }
57
+
58
+ .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
59
+ 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);
60
+ }
61
+
62
+ .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
63
+ 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);
64
+ }
65
+
66
+ .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
67
+ 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);
68
+ }
69
+
70
+ .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
71
+ 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);
72
+ }
73
+
74
+ .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
75
+ 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);
76
+ }
77
+
78
+ .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
79
+ 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);
80
+ }
81
+
82
+ .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
83
+ 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);
84
+ }
85
+
86
+ .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
87
+ 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);
88
+ }
89
+
90
+ .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
91
+ 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);
92
+ }
93
+
94
+ .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
95
+ 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);
96
+ }
97
+
98
+ .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
99
+ 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);
100
+ }
101
+
102
+ .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
103
+ 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);
104
+ }
105
+
106
+ .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
107
+ 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);
108
+ }
109
+
110
+ html {
111
+ --mat-app-background-color: #303030;
112
+ --mat-app-text-color: white;
113
+ --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);
114
+ --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);
115
+ --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);
116
+ --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);
117
+ --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);
118
+ --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);
119
+ --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);
120
+ --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);
121
+ --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);
122
+ --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);
123
+ --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);
124
+ --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);
125
+ --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);
126
+ --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);
127
+ --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);
128
+ --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);
129
+ --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);
130
+ --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);
131
+ --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);
132
+ --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);
133
+ --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);
134
+ --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);
135
+ --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);
136
+ --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);
137
+ --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);
138
+ }
139
+
140
+ html {
141
+ --mat-ripple-color: color-mix(in srgb, white 12%, transparent);
142
+ }
143
+
144
+ html {
145
+ --mat-option-selected-state-label-text-color: #7b1fa2;
146
+ --mat-option-label-text-color: white;
147
+ --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
148
+ --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
149
+ --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
150
+ }
151
+
152
+ .mat-accent {
153
+ --mat-option-selected-state-label-text-color: #69f0ae;
154
+ --mat-option-label-text-color: white;
155
+ --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
156
+ --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
157
+ --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
158
+ }
159
+
160
+ .mat-warn {
161
+ --mat-option-selected-state-label-text-color: #f44336;
162
+ --mat-option-label-text-color: white;
163
+ --mat-option-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
164
+ --mat-option-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
165
+ --mat-option-selected-state-layer-color: color-mix(in srgb, white 12%, transparent);
166
+ }
167
+
168
+ html {
169
+ --mat-optgroup-label-text-color: white;
170
+ }
171
+
172
+ html {
173
+ --mat-pseudo-checkbox-full-selected-icon-color: #69f0ae;
174
+ --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
175
+ --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
176
+ --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
177
+ --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
178
+ --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
179
+ --mat-pseudo-checkbox-minimal-selected-checkmark-color: #69f0ae;
180
+ --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
181
+ }
182
+
183
+ .mat-primary {
184
+ --mat-pseudo-checkbox-full-selected-icon-color: #7b1fa2;
185
+ --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
186
+ --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
187
+ --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
188
+ --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
189
+ --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
190
+ --mat-pseudo-checkbox-minimal-selected-checkmark-color: #7b1fa2;
191
+ --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
192
+ }
193
+
194
+ .mat-accent {
195
+ --mat-pseudo-checkbox-full-selected-icon-color: #69f0ae;
196
+ --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
197
+ --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
198
+ --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
199
+ --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
200
+ --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
201
+ --mat-pseudo-checkbox-minimal-selected-checkmark-color: #69f0ae;
202
+ --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
203
+ }
204
+
205
+ .mat-warn {
206
+ --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
207
+ --mat-pseudo-checkbox-full-selected-checkmark-color: #303030;
208
+ --mat-pseudo-checkbox-full-unselected-icon-color: rgba(255, 255, 255, 0.7);
209
+ --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #303030;
210
+ --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
211
+ --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
212
+ --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
213
+ --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, white 38%, transparent);
214
+ }
215
+
216
+ html {
217
+ --mat-option-label-text-font: Roboto, sans-serif;
218
+ --mat-option-label-text-line-height: 24px;
219
+ --mat-option-label-text-size: 16px;
220
+ --mat-option-label-text-tracking: 0.03125em;
221
+ --mat-option-label-text-weight: 400;
222
+ }
223
+
224
+ html {
225
+ --mat-optgroup-label-text-font: Roboto, sans-serif;
226
+ --mat-optgroup-label-text-line-height: 24px;
227
+ --mat-optgroup-label-text-size: 16px;
228
+ --mat-optgroup-label-text-tracking: 0.03125em;
229
+ --mat-optgroup-label-text-weight: 400;
230
+ }
231
+
232
+ html {
233
+ --mat-card-elevated-container-shape: 4px;
234
+ --mat-card-outlined-container-shape: 4px;
235
+ --mat-card-filled-container-shape: 4px;
236
+ --mat-card-outlined-outline-width: 1px;
237
+ }
238
+
239
+ html {
240
+ --mat-card-elevated-container-color: #424242;
241
+ --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);
242
+ --mat-card-outlined-container-color: #424242;
243
+ --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);
244
+ --mat-card-outlined-outline-color: rgba(255, 255, 255, 0.12);
245
+ --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
246
+ --mat-card-filled-container-color: #424242;
247
+ --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);
248
+ }
249
+
250
+ html {
251
+ --mat-card-title-text-font: Roboto, sans-serif;
252
+ --mat-card-title-text-line-height: 32px;
253
+ --mat-card-title-text-size: 20px;
254
+ --mat-card-title-text-tracking: 0.0125em;
255
+ --mat-card-title-text-weight: 500;
256
+ --mat-card-subtitle-text-font: Roboto, sans-serif;
257
+ --mat-card-subtitle-text-line-height: 22px;
258
+ --mat-card-subtitle-text-size: 14px;
259
+ --mat-card-subtitle-text-tracking: 0.0071428571em;
260
+ --mat-card-subtitle-text-weight: 500;
261
+ }
262
+
263
+ html {
264
+ --mat-progress-bar-active-indicator-height: 4px;
265
+ --mat-progress-bar-track-height: 4px;
266
+ --mat-progress-bar-track-shape: 0;
267
+ }
268
+
269
+ .mat-mdc-progress-bar {
270
+ --mat-progress-bar-active-indicator-color: #7b1fa2;
271
+ --mat-progress-bar-track-color: rgba(123, 31, 162, 0.25);
272
+ }
273
+ .mat-mdc-progress-bar.mat-accent {
274
+ --mat-progress-bar-active-indicator-color: #69f0ae;
275
+ --mat-progress-bar-track-color: rgba(105, 240, 174, 0.25);
276
+ }
277
+ .mat-mdc-progress-bar.mat-warn {
278
+ --mat-progress-bar-active-indicator-color: #f44336;
279
+ --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
280
+ }
281
+
282
+ html {
283
+ --mat-tooltip-container-shape: 4px;
284
+ --mat-tooltip-supporting-text-line-height: 16px;
285
+ }
286
+
287
+ html {
288
+ --mat-tooltip-container-color: white;
289
+ --mat-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87);
290
+ }
291
+
292
+ html {
293
+ --mat-tooltip-supporting-text-font: Roboto, sans-serif;
294
+ --mat-tooltip-supporting-text-size: 12px;
295
+ --mat-tooltip-supporting-text-weight: 400;
296
+ --mat-tooltip-supporting-text-tracking: 0.0333333333em;
297
+ }
298
+
299
+ html {
300
+ --mat-form-field-filled-active-indicator-height: 1px;
301
+ --mat-form-field-filled-focus-active-indicator-height: 2px;
302
+ --mat-form-field-filled-container-shape: 4px;
303
+ --mat-form-field-outlined-outline-width: 1px;
304
+ --mat-form-field-outlined-focus-outline-width: 2px;
305
+ --mat-form-field-outlined-container-shape: 4px;
306
+ }
307
+
308
+ html {
309
+ --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #7b1fa2 87%, transparent);
310
+ --mat-form-field-filled-caret-color: #7b1fa2;
311
+ --mat-form-field-filled-focus-active-indicator-color: #7b1fa2;
312
+ --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #7b1fa2 87%, transparent);
313
+ --mat-form-field-outlined-caret-color: #7b1fa2;
314
+ --mat-form-field-outlined-focus-outline-color: #7b1fa2;
315
+ --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #7b1fa2 87%, transparent);
316
+ --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, white 38%, transparent);
317
+ --mat-form-field-state-layer-color: white;
318
+ --mat-form-field-error-text-color: #f44336;
319
+ --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
320
+ --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
321
+ --mat-form-field-leading-icon-color: unset;
322
+ --mat-form-field-disabled-leading-icon-color: unset;
323
+ --mat-form-field-trailing-icon-color: unset;
324
+ --mat-form-field-disabled-trailing-icon-color: unset;
325
+ --mat-form-field-error-focus-trailing-icon-color: unset;
326
+ --mat-form-field-error-hover-trailing-icon-color: unset;
327
+ --mat-form-field-error-trailing-icon-color: unset;
328
+ --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.7);
329
+ --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, white 38%, transparent);
330
+ --mat-form-field-hover-state-layer-opacity: 0.04;
331
+ --mat-form-field-focus-state-layer-opacity: 0.12;
332
+ --mat-form-field-filled-container-color: #4a4a4a;
333
+ --mat-form-field-filled-disabled-container-color: color-mix(in srgb, white 4%, transparent);
334
+ --mat-form-field-filled-label-text-color: rgba(255, 255, 255, 0.7);
335
+ --mat-form-field-filled-hover-label-text-color: rgba(255, 255, 255, 0.7);
336
+ --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
337
+ --mat-form-field-filled-input-text-color: white;
338
+ --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
339
+ --mat-form-field-filled-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
340
+ --mat-form-field-filled-error-hover-label-text-color: #f44336;
341
+ --mat-form-field-filled-error-focus-label-text-color: #f44336;
342
+ --mat-form-field-filled-error-label-text-color: #f44336;
343
+ --mat-form-field-filled-error-caret-color: #f44336;
344
+ --mat-form-field-filled-active-indicator-color: rgba(255, 255, 255, 0.7);
345
+ --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, white 12%, transparent);
346
+ --mat-form-field-filled-hover-active-indicator-color: white;
347
+ --mat-form-field-filled-error-active-indicator-color: #f44336;
348
+ --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
349
+ --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
350
+ --mat-form-field-outlined-label-text-color: rgba(255, 255, 255, 0.7);
351
+ --mat-form-field-outlined-hover-label-text-color: white;
352
+ --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
353
+ --mat-form-field-outlined-input-text-color: white;
354
+ --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, white 38%, transparent);
355
+ --mat-form-field-outlined-input-text-placeholder-color: rgba(255, 255, 255, 0.7);
356
+ --mat-form-field-outlined-error-caret-color: #f44336;
357
+ --mat-form-field-outlined-error-focus-label-text-color: #f44336;
358
+ --mat-form-field-outlined-error-label-text-color: #f44336;
359
+ --mat-form-field-outlined-error-hover-label-text-color: #f44336;
360
+ --mat-form-field-outlined-outline-color: rgba(255, 255, 255, 0.38);
361
+ --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, white 12%, transparent);
362
+ --mat-form-field-outlined-hover-outline-color: white;
363
+ --mat-form-field-outlined-error-focus-outline-color: #f44336;
364
+ --mat-form-field-outlined-error-hover-outline-color: #f44336;
365
+ --mat-form-field-outlined-error-outline-color: #f44336;
366
+ }
367
+
368
+ .mat-mdc-form-field.mat-accent {
369
+ --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #69f0ae 87%, transparent);
370
+ --mat-form-field-filled-caret-color: #69f0ae;
371
+ --mat-form-field-filled-focus-active-indicator-color: #69f0ae;
372
+ --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #69f0ae 87%, transparent);
373
+ --mat-form-field-outlined-caret-color: #69f0ae;
374
+ --mat-form-field-outlined-focus-outline-color: #69f0ae;
375
+ --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #69f0ae 87%, transparent);
376
+ }
377
+
378
+ .mat-mdc-form-field.mat-warn {
379
+ --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
380
+ --mat-form-field-filled-caret-color: #f44336;
381
+ --mat-form-field-filled-focus-active-indicator-color: #f44336;
382
+ --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
383
+ --mat-form-field-outlined-caret-color: #f44336;
384
+ --mat-form-field-outlined-focus-outline-color: #f44336;
385
+ --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
386
+ }
387
+
388
+ html {
389
+ --mat-form-field-container-height: 56px;
390
+ --mat-form-field-filled-label-display: block;
391
+ --mat-form-field-container-vertical-padding: 16px;
392
+ --mat-form-field-filled-with-label-container-padding-top: 24px;
393
+ --mat-form-field-filled-with-label-container-padding-bottom: 8px;
394
+ }
395
+
396
+ html {
397
+ --mat-form-field-container-text-font: Roboto, sans-serif;
398
+ --mat-form-field-container-text-line-height: 24px;
399
+ --mat-form-field-container-text-size: 16px;
400
+ --mat-form-field-container-text-tracking: 0.03125em;
401
+ --mat-form-field-container-text-weight: 400;
402
+ --mat-form-field-outlined-label-text-populated-size: 16px;
403
+ --mat-form-field-subscript-text-font: Roboto, sans-serif;
404
+ --mat-form-field-subscript-text-line-height: 20px;
405
+ --mat-form-field-subscript-text-size: 12px;
406
+ --mat-form-field-subscript-text-tracking: 0.0333333333em;
407
+ --mat-form-field-subscript-text-weight: 400;
408
+ --mat-form-field-filled-label-text-font: Roboto, sans-serif;
409
+ --mat-form-field-filled-label-text-size: 16px;
410
+ --mat-form-field-filled-label-text-tracking: 0.03125em;
411
+ --mat-form-field-filled-label-text-weight: 400;
412
+ --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
413
+ --mat-form-field-outlined-label-text-size: 16px;
414
+ --mat-form-field-outlined-label-text-tracking: 0.03125em;
415
+ --mat-form-field-outlined-label-text-weight: 400;
416
+ }
417
+
418
+ html {
419
+ --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);
420
+ }
421
+
422
+ html {
423
+ --mat-select-panel-background-color: #424242;
424
+ --mat-select-enabled-trigger-text-color: white;
425
+ --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
426
+ --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
427
+ --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
428
+ --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
429
+ --mat-select-focused-arrow-color: #7b1fa2;
430
+ --mat-select-invalid-arrow-color: #f44336;
431
+ }
432
+
433
+ .mat-mdc-form-field.mat-accent {
434
+ --mat-select-panel-background-color: #424242;
435
+ --mat-select-enabled-trigger-text-color: white;
436
+ --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
437
+ --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
438
+ --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
439
+ --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
440
+ --mat-select-focused-arrow-color: #69f0ae;
441
+ --mat-select-invalid-arrow-color: #f44336;
442
+ }
443
+
444
+ .mat-mdc-form-field.mat-warn {
445
+ --mat-select-panel-background-color: #424242;
446
+ --mat-select-enabled-trigger-text-color: white;
447
+ --mat-select-disabled-trigger-text-color: color-mix(in srgb, white 38%, transparent);
448
+ --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.7);
449
+ --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);
450
+ --mat-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);
451
+ --mat-select-focused-arrow-color: #f44336;
452
+ --mat-select-invalid-arrow-color: #f44336;
453
+ }
454
+
455
+ html {
456
+ --mat-select-arrow-transform: translateY(-8px);
457
+ }
458
+
459
+ html {
460
+ --mat-select-trigger-text-font: Roboto, sans-serif;
461
+ --mat-select-trigger-text-line-height: 24px;
462
+ --mat-select-trigger-text-size: 16px;
463
+ --mat-select-trigger-text-tracking: 0.03125em;
464
+ --mat-select-trigger-text-weight: 400;
465
+ }
466
+
467
+ html {
468
+ --mat-autocomplete-container-shape: 4px;
469
+ --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);
470
+ }
471
+
472
+ html {
473
+ --mat-autocomplete-background-color: #424242;
474
+ }
475
+
476
+ html {
477
+ --mat-dialog-container-shape: 4px;
478
+ --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);
479
+ --mat-dialog-container-max-width: 80vw;
480
+ --mat-dialog-container-small-max-width: 80vw;
481
+ --mat-dialog-container-min-width: 0;
482
+ --mat-dialog-actions-alignment: start;
483
+ --mat-dialog-actions-padding: 8px;
484
+ --mat-dialog-content-padding: 20px 24px;
485
+ --mat-dialog-with-actions-content-padding: 20px 24px;
486
+ --mat-dialog-headline-padding: 0 24px 9px;
487
+ }
488
+
489
+ html {
490
+ --mat-dialog-container-color: #424242;
491
+ --mat-dialog-subhead-color: white;
492
+ --mat-dialog-supporting-text-color: rgba(255, 255, 255, 0.7);
493
+ }
494
+
495
+ html {
496
+ --mat-dialog-subhead-font: Roboto, sans-serif;
497
+ --mat-dialog-subhead-line-height: 32px;
498
+ --mat-dialog-subhead-size: 20px;
499
+ --mat-dialog-subhead-weight: 500;
500
+ --mat-dialog-subhead-tracking: 0.0125em;
501
+ --mat-dialog-supporting-text-font: Roboto, sans-serif;
502
+ --mat-dialog-supporting-text-line-height: 24px;
503
+ --mat-dialog-supporting-text-size: 16px;
504
+ --mat-dialog-supporting-text-weight: 400;
505
+ --mat-dialog-supporting-text-tracking: 0.03125em;
506
+ }
507
+
508
+ .mat-mdc-standard-chip {
509
+ --mat-chip-container-shape-radius: 16px;
510
+ --mat-chip-disabled-container-opacity: 0.4;
511
+ --mat-chip-disabled-outline-color: transparent;
512
+ --mat-chip-flat-selected-outline-width: 0;
513
+ --mat-chip-focus-outline-color: transparent;
514
+ --mat-chip-hover-state-layer-opacity: 0.04;
515
+ --mat-chip-outline-color: transparent;
516
+ --mat-chip-outline-width: 0;
517
+ --mat-chip-selected-hover-state-layer-opacity: 0.04;
518
+ --mat-chip-selected-trailing-action-state-layer-color: transparent;
519
+ --mat-chip-trailing-action-focus-opacity: 1;
520
+ --mat-chip-trailing-action-focus-state-layer-opacity: 0;
521
+ --mat-chip-trailing-action-hover-state-layer-opacity: 0;
522
+ --mat-chip-trailing-action-opacity: 0.54;
523
+ --mat-chip-trailing-action-state-layer-color: transparent;
524
+ --mat-chip-with-avatar-avatar-shape-radius: 14px;
525
+ --mat-chip-with-avatar-avatar-size: 28px;
526
+ --mat-chip-with-avatar-disabled-avatar-opacity: 1;
527
+ --mat-chip-with-icon-disabled-icon-opacity: 1;
528
+ --mat-chip-with-icon-icon-size: 18px;
529
+ --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
530
+ }
531
+
532
+ .mat-mdc-standard-chip {
533
+ --mat-chip-disabled-label-text-color: white;
534
+ --mat-chip-elevated-container-color: color-mix(in srgb, white 12%, transparent);
535
+ --mat-chip-elevated-disabled-container-color: color-mix(in srgb, white 12%, transparent);
536
+ --mat-chip-elevated-selected-container-color: color-mix(in srgb, white 12%, transparent);
537
+ --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, white 12%, transparent);
538
+ --mat-chip-focus-state-layer-color: white;
539
+ --mat-chip-focus-state-layer-opacity: 0.12;
540
+ --mat-chip-hover-state-layer-color: white;
541
+ --mat-chip-label-text-color: white;
542
+ --mat-chip-selected-disabled-trailing-icon-color: white;
543
+ --mat-chip-selected-focus-state-layer-color: 0.12;
544
+ --mat-chip-selected-focus-state-layer-opacity: 0.12;
545
+ --mat-chip-selected-hover-state-layer-color: 0.04;
546
+ --mat-chip-selected-label-text-color: white;
547
+ --mat-chip-selected-trailing-icon-color: white;
548
+ --mat-chip-with-icon-disabled-icon-color: white;
549
+ --mat-chip-with-icon-icon-color: white;
550
+ --mat-chip-with-icon-selected-icon-color: white;
551
+ --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
552
+ --mat-chip-with-trailing-icon-trailing-icon-color: white;
553
+ }
554
+ .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
555
+ --mat-chip-disabled-label-text-color: white;
556
+ --mat-chip-elevated-container-color: #7b1fa2;
557
+ --mat-chip-elevated-disabled-container-color: #7b1fa2;
558
+ --mat-chip-elevated-selected-container-color: #7b1fa2;
559
+ --mat-chip-flat-disabled-selected-container-color: #7b1fa2;
560
+ --mat-chip-focus-state-layer-color: white;
561
+ --mat-chip-focus-state-layer-opacity: 0.12;
562
+ --mat-chip-hover-state-layer-color: white;
563
+ --mat-chip-label-text-color: white;
564
+ --mat-chip-selected-disabled-trailing-icon-color: white;
565
+ --mat-chip-selected-focus-state-layer-color: 0.12;
566
+ --mat-chip-selected-focus-state-layer-opacity: 0.12;
567
+ --mat-chip-selected-hover-state-layer-color: 0.04;
568
+ --mat-chip-selected-label-text-color: white;
569
+ --mat-chip-selected-trailing-icon-color: white;
570
+ --mat-chip-with-icon-disabled-icon-color: white;
571
+ --mat-chip-with-icon-icon-color: white;
572
+ --mat-chip-with-icon-selected-icon-color: white;
573
+ --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
574
+ --mat-chip-with-trailing-icon-trailing-icon-color: white;
575
+ }
576
+ .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
577
+ --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
578
+ --mat-chip-elevated-container-color: #69f0ae;
579
+ --mat-chip-elevated-disabled-container-color: #69f0ae;
580
+ --mat-chip-elevated-selected-container-color: #69f0ae;
581
+ --mat-chip-flat-disabled-selected-container-color: #69f0ae;
582
+ --mat-chip-focus-state-layer-color: white;
583
+ --mat-chip-focus-state-layer-opacity: 0.12;
584
+ --mat-chip-hover-state-layer-color: white;
585
+ --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
586
+ --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
587
+ --mat-chip-selected-focus-state-layer-color: 0.12;
588
+ --mat-chip-selected-focus-state-layer-opacity: 0.12;
589
+ --mat-chip-selected-hover-state-layer-color: 0.04;
590
+ --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
591
+ --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
592
+ --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
593
+ --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
594
+ --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
595
+ --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
596
+ --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
597
+ }
598
+ .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
599
+ --mat-chip-disabled-label-text-color: white;
600
+ --mat-chip-elevated-container-color: #f44336;
601
+ --mat-chip-elevated-disabled-container-color: #f44336;
602
+ --mat-chip-elevated-selected-container-color: #f44336;
603
+ --mat-chip-flat-disabled-selected-container-color: #f44336;
604
+ --mat-chip-focus-state-layer-color: white;
605
+ --mat-chip-focus-state-layer-opacity: 0.12;
606
+ --mat-chip-hover-state-layer-color: white;
607
+ --mat-chip-label-text-color: white;
608
+ --mat-chip-selected-disabled-trailing-icon-color: white;
609
+ --mat-chip-selected-focus-state-layer-color: 0.12;
610
+ --mat-chip-selected-focus-state-layer-opacity: 0.12;
611
+ --mat-chip-selected-hover-state-layer-color: 0.04;
612
+ --mat-chip-selected-label-text-color: white;
613
+ --mat-chip-selected-trailing-icon-color: white;
614
+ --mat-chip-with-icon-disabled-icon-color: white;
615
+ --mat-chip-with-icon-icon-color: white;
616
+ --mat-chip-with-icon-selected-icon-color: white;
617
+ --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
618
+ --mat-chip-with-trailing-icon-trailing-icon-color: white;
619
+ }
620
+
621
+ .mat-mdc-chip.mat-mdc-standard-chip {
622
+ --mat-chip-container-height: 32px;
623
+ }
624
+
625
+ .mat-mdc-standard-chip {
626
+ --mat-chip-label-text-font: Roboto, sans-serif;
627
+ --mat-chip-label-text-line-height: 20px;
628
+ --mat-chip-label-text-size: 14px;
629
+ --mat-chip-label-text-tracking: 0.0178571429em;
630
+ --mat-chip-label-text-weight: 400;
631
+ }
632
+
633
+ html {
634
+ --mat-slide-toggle-disabled-handle-opacity: 0.38;
635
+ --mat-slide-toggle-disabled-selected-handle-opacity: 0.38;
636
+ --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
637
+ --mat-slide-toggle-disabled-track-opacity: 0.12;
638
+ --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
639
+ --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
640
+ --mat-slide-toggle-disabled-unselected-track-outline-color: transparent;
641
+ --mat-slide-toggle-disabled-unselected-track-outline-width: 1px;
642
+ --mat-slide-toggle-handle-height: 20px;
643
+ --mat-slide-toggle-handle-shape: 10px;
644
+ --mat-slide-toggle-handle-width: 20px;
645
+ --mat-slide-toggle-hidden-track-opacity: 1;
646
+ --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
647
+ --mat-slide-toggle-pressed-handle-size: 20px;
648
+ --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
649
+ --mat-slide-toggle-selected-handle-horizontal-margin: 0;
650
+ --mat-slide-toggle-selected-handle-size: 20px;
651
+ --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04;
652
+ --mat-slide-toggle-selected-icon-size: 18px;
653
+ --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0;
654
+ --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
655
+ --mat-slide-toggle-selected-track-outline-color: transparent;
656
+ --mat-slide-toggle-selected-track-outline-width: 1px;
657
+ --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0;
658
+ --mat-slide-toggle-track-height: 14px;
659
+ --mat-slide-toggle-track-outline-color: transparent;
660
+ --mat-slide-toggle-track-outline-width: 1px;
661
+ --mat-slide-toggle-track-shape: 7px;
662
+ --mat-slide-toggle-track-width: 36px;
663
+ --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
664
+ --mat-slide-toggle-unselected-handle-horizontal-margin: 0;
665
+ --mat-slide-toggle-unselected-handle-size: 20px;
666
+ --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12;
667
+ --mat-slide-toggle-unselected-icon-size: 18px;
668
+ --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0;
669
+ --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1;
670
+ --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0;
671
+ --mat-slide-toggle-visible-track-opacity: 1;
672
+ --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
673
+ --mat-slide-toggle-with-icon-handle-size: 20px;
674
+ --mat-slide-toggle-touch-target-size: 48px;
675
+ }
676
+
677
+ html {
678
+ --mat-slide-toggle-selected-icon-color: white;
679
+ --mat-slide-toggle-disabled-selected-icon-color: white;
680
+ --mat-slide-toggle-selected-focus-state-layer-color: #7b1fa2;
681
+ --mat-slide-toggle-selected-handle-color: #7b1fa2;
682
+ --mat-slide-toggle-selected-hover-state-layer-color: #7b1fa2;
683
+ --mat-slide-toggle-selected-pressed-state-layer-color: #7b1fa2;
684
+ --mat-slide-toggle-selected-focus-handle-color: #7b1fa2;
685
+ --mat-slide-toggle-selected-hover-handle-color: #7b1fa2;
686
+ --mat-slide-toggle-selected-pressed-handle-color: #7b1fa2;
687
+ --mat-slide-toggle-selected-focus-track-color: #8e24aa;
688
+ --mat-slide-toggle-selected-hover-track-color: #8e24aa;
689
+ --mat-slide-toggle-selected-pressed-track-color: #8e24aa;
690
+ --mat-slide-toggle-selected-track-color: #8e24aa;
691
+ --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
692
+ --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);
693
+ --mat-slide-toggle-disabled-selected-handle-color: white;
694
+ --mat-slide-toggle-disabled-selected-track-color: white;
695
+ --mat-slide-toggle-disabled-unselected-handle-color: white;
696
+ --mat-slide-toggle-disabled-unselected-icon-color: #4a4a4a;
697
+ --mat-slide-toggle-disabled-unselected-track-color: white;
698
+ --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);
699
+ --mat-slide-toggle-handle-surface-color: #424242;
700
+ --mat-slide-toggle-label-text-color: white;
701
+ --mat-slide-toggle-unselected-hover-handle-color: white;
702
+ --mat-slide-toggle-unselected-focus-handle-color: white;
703
+ --mat-slide-toggle-unselected-focus-state-layer-color: white;
704
+ --mat-slide-toggle-unselected-focus-track-color: rgba(255, 255, 255, 0.12);
705
+ --mat-slide-toggle-unselected-icon-color: #4a4a4a;
706
+ --mat-slide-toggle-unselected-handle-color: rgba(255, 255, 255, 0.7);
707
+ --mat-slide-toggle-unselected-hover-state-layer-color: white;
708
+ --mat-slide-toggle-unselected-hover-track-color: rgba(255, 255, 255, 0.12);
709
+ --mat-slide-toggle-unselected-pressed-handle-color: white;
710
+ --mat-slide-toggle-unselected-pressed-track-color: rgba(255, 255, 255, 0.12);
711
+ --mat-slide-toggle-unselected-pressed-state-layer-color: white;
712
+ --mat-slide-toggle-unselected-track-color: rgba(255, 255, 255, 0.12);
713
+ }
714
+
715
+ .mat-mdc-slide-toggle.mat-accent {
716
+ --mat-slide-toggle-selected-icon-color: rgba(0, 0, 0, 0.87);
717
+ --mat-slide-toggle-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
718
+ --mat-slide-toggle-selected-focus-state-layer-color: #69f0ae;
719
+ --mat-slide-toggle-selected-handle-color: #69f0ae;
720
+ --mat-slide-toggle-selected-hover-state-layer-color: #69f0ae;
721
+ --mat-slide-toggle-selected-pressed-state-layer-color: #69f0ae;
722
+ --mat-slide-toggle-selected-focus-handle-color: #69f0ae;
723
+ --mat-slide-toggle-selected-hover-handle-color: #69f0ae;
724
+ --mat-slide-toggle-selected-pressed-handle-color: #69f0ae;
725
+ --mat-slide-toggle-selected-focus-track-color: #43a047;
726
+ --mat-slide-toggle-selected-hover-track-color: #43a047;
727
+ --mat-slide-toggle-selected-pressed-track-color: #43a047;
728
+ --mat-slide-toggle-selected-track-color: #43a047;
729
+ }
730
+ .mat-mdc-slide-toggle.mat-warn {
731
+ --mat-slide-toggle-selected-icon-color: white;
732
+ --mat-slide-toggle-disabled-selected-icon-color: white;
733
+ --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
734
+ --mat-slide-toggle-selected-handle-color: #f44336;
735
+ --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
736
+ --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
737
+ --mat-slide-toggle-selected-focus-handle-color: #f44336;
738
+ --mat-slide-toggle-selected-hover-handle-color: #f44336;
739
+ --mat-slide-toggle-selected-pressed-handle-color: #f44336;
740
+ --mat-slide-toggle-selected-focus-track-color: #e53935;
741
+ --mat-slide-toggle-selected-hover-track-color: #e53935;
742
+ --mat-slide-toggle-selected-pressed-track-color: #e53935;
743
+ --mat-slide-toggle-selected-track-color: #e53935;
744
+ }
745
+
746
+ html {
747
+ --mat-slide-toggle-state-layer-size: 40px;
748
+ --mat-slide-toggle-touch-target-display: block;
749
+ }
750
+
751
+ html {
752
+ --mat-slide-toggle-label-text-font: Roboto, sans-serif;
753
+ --mat-slide-toggle-label-text-line-height: 20px;
754
+ --mat-slide-toggle-label-text-size: 14px;
755
+ --mat-slide-toggle-label-text-tracking: 0.0178571429em;
756
+ --mat-slide-toggle-label-text-weight: 400;
757
+ }
758
+ html .mat-mdc-slide-toggle {
759
+ --mat-slide-toggle-label-text-font: Roboto, sans-serif;
760
+ --mat-slide-toggle-label-text-line-height: 20px;
761
+ --mat-slide-toggle-label-text-size: 14px;
762
+ --mat-slide-toggle-label-text-tracking: 0.0178571429em;
763
+ --mat-slide-toggle-label-text-weight: 400;
764
+ }
765
+
766
+ html {
767
+ --mat-radio-disabled-selected-icon-opacity: 0.38;
768
+ --mat-radio-disabled-unselected-icon-opacity: 0.38;
769
+ --mat-radio-state-layer-size: 40px;
770
+ --mat-radio-touch-target-size: 48px;
771
+ }
772
+
773
+ .mat-mdc-radio-button.mat-primary {
774
+ --mat-radio-checked-ripple-color: #7b1fa2;
775
+ --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
776
+ --mat-radio-disabled-selected-icon-color: white;
777
+ --mat-radio-disabled-unselected-icon-color: white;
778
+ --mat-radio-label-text-color: white;
779
+ --mat-radio-ripple-color: white;
780
+ --mat-radio-selected-focus-icon-color: #7b1fa2;
781
+ --mat-radio-selected-hover-icon-color: #7b1fa2;
782
+ --mat-radio-selected-icon-color: #7b1fa2;
783
+ --mat-radio-selected-pressed-icon-color: #7b1fa2;
784
+ --mat-radio-unselected-focus-icon-color: white;
785
+ --mat-radio-unselected-hover-icon-color: white;
786
+ --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
787
+ --mat-radio-unselected-pressed-icon-color: white;
788
+ }
789
+ .mat-mdc-radio-button.mat-accent {
790
+ --mat-radio-checked-ripple-color: #69f0ae;
791
+ --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
792
+ --mat-radio-disabled-selected-icon-color: white;
793
+ --mat-radio-disabled-unselected-icon-color: white;
794
+ --mat-radio-label-text-color: white;
795
+ --mat-radio-ripple-color: white;
796
+ --mat-radio-selected-focus-icon-color: #69f0ae;
797
+ --mat-radio-selected-hover-icon-color: #69f0ae;
798
+ --mat-radio-selected-icon-color: #69f0ae;
799
+ --mat-radio-selected-pressed-icon-color: #69f0ae;
800
+ --mat-radio-unselected-focus-icon-color: white;
801
+ --mat-radio-unselected-hover-icon-color: white;
802
+ --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
803
+ --mat-radio-unselected-pressed-icon-color: white;
804
+ }
805
+ .mat-mdc-radio-button.mat-warn {
806
+ --mat-radio-checked-ripple-color: #f44336;
807
+ --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
808
+ --mat-radio-disabled-selected-icon-color: white;
809
+ --mat-radio-disabled-unselected-icon-color: white;
810
+ --mat-radio-label-text-color: white;
811
+ --mat-radio-ripple-color: white;
812
+ --mat-radio-selected-focus-icon-color: #f44336;
813
+ --mat-radio-selected-hover-icon-color: #f44336;
814
+ --mat-radio-selected-icon-color: #f44336;
815
+ --mat-radio-selected-pressed-icon-color: #f44336;
816
+ --mat-radio-unselected-focus-icon-color: white;
817
+ --mat-radio-unselected-hover-icon-color: white;
818
+ --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
819
+ --mat-radio-unselected-pressed-icon-color: white;
820
+ }
821
+
822
+ html {
823
+ --mat-radio-state-layer-size: 40px;
824
+ --mat-radio-touch-target-display: block;
825
+ }
826
+
827
+ html {
828
+ --mat-radio-label-text-font: Roboto, sans-serif;
829
+ --mat-radio-label-text-line-height: 20px;
830
+ --mat-radio-label-text-size: 14px;
831
+ --mat-radio-label-text-tracking: 0.0178571429em;
832
+ --mat-radio-label-text-weight: 400;
833
+ }
834
+
835
+ html {
836
+ --mat-slider-active-track-height: 6px;
837
+ --mat-slider-active-track-shape: 9999px;
838
+ --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);
839
+ --mat-slider-handle-height: 20px;
840
+ --mat-slider-handle-shape: 50%;
841
+ --mat-slider-handle-width: 20px;
842
+ --mat-slider-inactive-track-height: 4px;
843
+ --mat-slider-inactive-track-shape: 9999px;
844
+ --mat-slider-value-indicator-border-radius: 4px;
845
+ --mat-slider-value-indicator-caret-display: block;
846
+ --mat-slider-value-indicator-container-transform: translateX(-50%);
847
+ --mat-slider-value-indicator-height: 32px;
848
+ --mat-slider-value-indicator-padding: 0 12px;
849
+ --mat-slider-value-indicator-text-transform: none;
850
+ --mat-slider-value-indicator-width: auto;
851
+ --mat-slider-with-overlap-handle-outline-width: 1px;
852
+ --mat-slider-with-tick-marks-active-container-opacity: 0.6;
853
+ --mat-slider-with-tick-marks-container-shape: 50%;
854
+ --mat-slider-with-tick-marks-container-size: 2px;
855
+ --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
856
+ --mat-slider-value-indicator-transform-origin: bottom;
857
+ }
858
+
859
+ html {
860
+ --mat-slider-active-track-color: #7b1fa2;
861
+ --mat-slider-focus-handle-color: #7b1fa2;
862
+ --mat-slider-handle-color: #7b1fa2;
863
+ --mat-slider-hover-handle-color: #7b1fa2;
864
+ --mat-slider-focus-state-layer-color: color-mix(in srgb, #7b1fa2 12%, transparent);
865
+ --mat-slider-hover-state-layer-color: color-mix(in srgb, #7b1fa2 4%, transparent);
866
+ --mat-slider-inactive-track-color: #7b1fa2;
867
+ --mat-slider-ripple-color: #7b1fa2;
868
+ --mat-slider-with-tick-marks-active-container-color: white;
869
+ --mat-slider-with-tick-marks-inactive-container-color: #7b1fa2;
870
+ --mat-slider-disabled-active-track-color: white;
871
+ --mat-slider-disabled-handle-color: white;
872
+ --mat-slider-disabled-inactive-track-color: white;
873
+ --mat-slider-label-container-color: white;
874
+ --mat-slider-label-label-text-color: rgba(0, 0, 0, 0.87);
875
+ --mat-slider-value-indicator-opacity: 1;
876
+ --mat-slider-with-overlap-handle-outline-color: white;
877
+ --mat-slider-with-tick-marks-disabled-container-color: white;
878
+ }
879
+
880
+ .mat-accent {
881
+ --mat-slider-active-track-color: #69f0ae;
882
+ --mat-slider-focus-handle-color: #69f0ae;
883
+ --mat-slider-handle-color: #69f0ae;
884
+ --mat-slider-hover-handle-color: #69f0ae;
885
+ --mat-slider-focus-state-layer-color: color-mix(in srgb, #69f0ae 12%, transparent);
886
+ --mat-slider-hover-state-layer-color: color-mix(in srgb, #69f0ae 4%, transparent);
887
+ --mat-slider-inactive-track-color: #69f0ae;
888
+ --mat-slider-ripple-color: #69f0ae;
889
+ --mat-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
890
+ --mat-slider-with-tick-marks-inactive-container-color: #69f0ae;
891
+ }
892
+
893
+ .mat-warn {
894
+ --mat-slider-active-track-color: #f44336;
895
+ --mat-slider-focus-handle-color: #f44336;
896
+ --mat-slider-handle-color: #f44336;
897
+ --mat-slider-hover-handle-color: #f44336;
898
+ --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
899
+ --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
900
+ --mat-slider-inactive-track-color: #f44336;
901
+ --mat-slider-ripple-color: #f44336;
902
+ --mat-slider-with-tick-marks-active-container-color: white;
903
+ --mat-slider-with-tick-marks-inactive-container-color: #f44336;
904
+ }
905
+
906
+ html {
907
+ --mat-slider-label-label-text-font: Roboto, sans-serif;
908
+ --mat-slider-label-label-text-size: 14px;
909
+ --mat-slider-label-label-text-line-height: 22px;
910
+ --mat-slider-label-label-text-tracking: 0.0071428571em;
911
+ --mat-slider-label-label-text-weight: 500;
912
+ }
913
+
914
+ html {
915
+ --mat-menu-container-shape: 4px;
916
+ --mat-menu-divider-bottom-spacing: 0;
917
+ --mat-menu-divider-top-spacing: 0;
918
+ --mat-menu-item-spacing: 16px;
919
+ --mat-menu-item-icon-size: 24px;
920
+ --mat-menu-item-leading-spacing: 16px;
921
+ --mat-menu-item-trailing-spacing: 16px;
922
+ --mat-menu-item-with-icon-leading-spacing: 16px;
923
+ --mat-menu-item-with-icon-trailing-spacing: 16px;
924
+ --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);
925
+ }
926
+
927
+ html {
928
+ --mat-menu-item-label-text-color: white;
929
+ --mat-menu-item-icon-color: white;
930
+ --mat-menu-item-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
931
+ --mat-menu-item-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
932
+ --mat-menu-container-color: #424242;
933
+ --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
934
+ }
935
+
936
+ html {
937
+ --mat-menu-item-label-text-font: Roboto, sans-serif;
938
+ --mat-menu-item-label-text-size: 16px;
939
+ --mat-menu-item-label-text-tracking: 0.03125em;
940
+ --mat-menu-item-label-text-line-height: 24px;
941
+ --mat-menu-item-label-text-weight: 400;
942
+ }
943
+
944
+ html {
945
+ --mat-list-active-indicator-color: transparent;
946
+ --mat-list-active-indicator-shape: 4px;
947
+ --mat-list-list-item-container-shape: 0;
948
+ --mat-list-list-item-leading-avatar-shape: 50%;
949
+ --mat-list-list-item-container-color: transparent;
950
+ --mat-list-list-item-selected-container-color: transparent;
951
+ --mat-list-list-item-leading-avatar-color: transparent;
952
+ --mat-list-list-item-leading-icon-size: 24px;
953
+ --mat-list-list-item-leading-avatar-size: 40px;
954
+ --mat-list-list-item-trailing-icon-size: 24px;
955
+ --mat-list-list-item-disabled-state-layer-color: transparent;
956
+ --mat-list-list-item-disabled-state-layer-opacity: 0;
957
+ --mat-list-list-item-disabled-label-text-opacity: 0.38;
958
+ --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
959
+ --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
960
+ }
961
+
962
+ html {
963
+ --mat-list-list-item-label-text-color: white;
964
+ --mat-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
965
+ --mat-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.7);
966
+ --mat-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.7);
967
+ --mat-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.7);
968
+ --mat-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.7);
969
+ --mat-list-list-item-disabled-label-text-color: white;
970
+ --mat-list-list-item-disabled-leading-icon-color: white;
971
+ --mat-list-list-item-disabled-trailing-icon-color: white;
972
+ --mat-list-list-item-hover-label-text-color: white;
973
+ --mat-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.7);
974
+ --mat-list-list-item-hover-state-layer-color: white;
975
+ --mat-list-list-item-hover-state-layer-opacity: 0.04;
976
+ --mat-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.7);
977
+ --mat-list-list-item-focus-label-text-color: white;
978
+ --mat-list-list-item-focus-state-layer-color: white;
979
+ --mat-list-list-item-focus-state-layer-opacity: 0.12;
980
+ }
981
+
982
+ .mdc-list-item__start,
983
+ .mdc-list-item__end {
984
+ --mat-radio-checked-ripple-color: #7b1fa2;
985
+ --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
986
+ --mat-radio-disabled-selected-icon-color: white;
987
+ --mat-radio-disabled-unselected-icon-color: white;
988
+ --mat-radio-label-text-color: white;
989
+ --mat-radio-ripple-color: white;
990
+ --mat-radio-selected-focus-icon-color: #7b1fa2;
991
+ --mat-radio-selected-hover-icon-color: #7b1fa2;
992
+ --mat-radio-selected-icon-color: #7b1fa2;
993
+ --mat-radio-selected-pressed-icon-color: #7b1fa2;
994
+ --mat-radio-unselected-focus-icon-color: white;
995
+ --mat-radio-unselected-hover-icon-color: white;
996
+ --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
997
+ --mat-radio-unselected-pressed-icon-color: white;
998
+ }
999
+
1000
+ .mat-accent .mdc-list-item__start,
1001
+ .mat-accent .mdc-list-item__end {
1002
+ --mat-radio-checked-ripple-color: #69f0ae;
1003
+ --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
1004
+ --mat-radio-disabled-selected-icon-color: white;
1005
+ --mat-radio-disabled-unselected-icon-color: white;
1006
+ --mat-radio-label-text-color: white;
1007
+ --mat-radio-ripple-color: white;
1008
+ --mat-radio-selected-focus-icon-color: #69f0ae;
1009
+ --mat-radio-selected-hover-icon-color: #69f0ae;
1010
+ --mat-radio-selected-icon-color: #69f0ae;
1011
+ --mat-radio-selected-pressed-icon-color: #69f0ae;
1012
+ --mat-radio-unselected-focus-icon-color: white;
1013
+ --mat-radio-unselected-hover-icon-color: white;
1014
+ --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
1015
+ --mat-radio-unselected-pressed-icon-color: white;
1016
+ }
1017
+
1018
+ .mat-warn .mdc-list-item__start,
1019
+ .mat-warn .mdc-list-item__end {
1020
+ --mat-radio-checked-ripple-color: #f44336;
1021
+ --mat-radio-disabled-label-color: color-mix(in srgb, white 38%, transparent);
1022
+ --mat-radio-disabled-selected-icon-color: white;
1023
+ --mat-radio-disabled-unselected-icon-color: white;
1024
+ --mat-radio-label-text-color: white;
1025
+ --mat-radio-ripple-color: white;
1026
+ --mat-radio-selected-focus-icon-color: #f44336;
1027
+ --mat-radio-selected-hover-icon-color: #f44336;
1028
+ --mat-radio-selected-icon-color: #f44336;
1029
+ --mat-radio-selected-pressed-icon-color: #f44336;
1030
+ --mat-radio-unselected-focus-icon-color: white;
1031
+ --mat-radio-unselected-hover-icon-color: white;
1032
+ --mat-radio-unselected-icon-color: rgba(255, 255, 255, 0.7);
1033
+ --mat-radio-unselected-pressed-icon-color: white;
1034
+ }
1035
+
1036
+ .mat-mdc-list-option {
1037
+ --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
1038
+ --mat-checkbox-label-text-color: white;
1039
+ --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
1040
+ --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
1041
+ --mat-checkbox-selected-checkmark-color: white;
1042
+ --mat-checkbox-selected-focus-icon-color: #7b1fa2;
1043
+ --mat-checkbox-selected-hover-icon-color: #7b1fa2;
1044
+ --mat-checkbox-selected-icon-color: #7b1fa2;
1045
+ --mat-checkbox-selected-pressed-icon-color: #7b1fa2;
1046
+ --mat-checkbox-unselected-focus-icon-color: white;
1047
+ --mat-checkbox-unselected-hover-icon-color: white;
1048
+ --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
1049
+ --mat-checkbox-selected-focus-state-layer-color: #7b1fa2;
1050
+ --mat-checkbox-selected-hover-state-layer-color: #7b1fa2;
1051
+ --mat-checkbox-selected-pressed-state-layer-color: #7b1fa2;
1052
+ --mat-checkbox-unselected-focus-state-layer-color: white;
1053
+ --mat-checkbox-unselected-hover-state-layer-color: white;
1054
+ --mat-checkbox-unselected-pressed-state-layer-color: white;
1055
+ }
1056
+
1057
+ .mat-mdc-list-option.mat-accent {
1058
+ --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
1059
+ --mat-checkbox-label-text-color: white;
1060
+ --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
1061
+ --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
1062
+ --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
1063
+ --mat-checkbox-selected-focus-icon-color: #69f0ae;
1064
+ --mat-checkbox-selected-hover-icon-color: #69f0ae;
1065
+ --mat-checkbox-selected-icon-color: #69f0ae;
1066
+ --mat-checkbox-selected-pressed-icon-color: #69f0ae;
1067
+ --mat-checkbox-unselected-focus-icon-color: white;
1068
+ --mat-checkbox-unselected-hover-icon-color: white;
1069
+ --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
1070
+ --mat-checkbox-selected-focus-state-layer-color: #69f0ae;
1071
+ --mat-checkbox-selected-hover-state-layer-color: #69f0ae;
1072
+ --mat-checkbox-selected-pressed-state-layer-color: #69f0ae;
1073
+ --mat-checkbox-unselected-focus-state-layer-color: white;
1074
+ --mat-checkbox-unselected-hover-state-layer-color: white;
1075
+ --mat-checkbox-unselected-pressed-state-layer-color: white;
1076
+ }
1077
+
1078
+ .mat-mdc-list-option.mat-warn {
1079
+ --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
1080
+ --mat-checkbox-label-text-color: white;
1081
+ --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
1082
+ --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
1083
+ --mat-checkbox-selected-checkmark-color: white;
1084
+ --mat-checkbox-selected-focus-icon-color: #f44336;
1085
+ --mat-checkbox-selected-hover-icon-color: #f44336;
1086
+ --mat-checkbox-selected-icon-color: #f44336;
1087
+ --mat-checkbox-selected-pressed-icon-color: #f44336;
1088
+ --mat-checkbox-unselected-focus-icon-color: white;
1089
+ --mat-checkbox-unselected-hover-icon-color: white;
1090
+ --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
1091
+ --mat-checkbox-selected-focus-state-layer-color: #f44336;
1092
+ --mat-checkbox-selected-hover-state-layer-color: #f44336;
1093
+ --mat-checkbox-selected-pressed-state-layer-color: #f44336;
1094
+ --mat-checkbox-unselected-focus-state-layer-color: white;
1095
+ --mat-checkbox-unselected-hover-state-layer-color: white;
1096
+ --mat-checkbox-unselected-pressed-state-layer-color: white;
1097
+ }
1098
+
1099
+ .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
1100
+ .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
1101
+ .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
1102
+ .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
1103
+ color: #7b1fa2;
1104
+ }
1105
+
1106
+ .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
1107
+ .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
1108
+ .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
1109
+ opacity: 1;
1110
+ }
1111
+
1112
+ html {
1113
+ --mat-list-list-item-leading-icon-start-space: 16px;
1114
+ --mat-list-list-item-leading-icon-end-space: 32px;
1115
+ --mat-list-list-item-one-line-container-height: 48px;
1116
+ --mat-list-list-item-two-line-container-height: 64px;
1117
+ --mat-list-list-item-three-line-container-height: 88px;
1118
+ }
1119
+
1120
+ .mdc-list-item__start,
1121
+ .mdc-list-item__end {
1122
+ --mat-radio-state-layer-size: 40px;
1123
+ --mat-radio-touch-target-display: block;
1124
+ }
1125
+
1126
+ .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 {
1127
+ height: 56px;
1128
+ }
1129
+ .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 {
1130
+ height: 72px;
1131
+ }
1132
+
1133
+ html {
1134
+ --mat-list-list-item-label-text-font: Roboto, sans-serif;
1135
+ --mat-list-list-item-label-text-line-height: 24px;
1136
+ --mat-list-list-item-label-text-size: 16px;
1137
+ --mat-list-list-item-label-text-tracking: 0.03125em;
1138
+ --mat-list-list-item-label-text-weight: 400;
1139
+ --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
1140
+ --mat-list-list-item-supporting-text-line-height: 20px;
1141
+ --mat-list-list-item-supporting-text-size: 14px;
1142
+ --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
1143
+ --mat-list-list-item-supporting-text-weight: 400;
1144
+ --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
1145
+ --mat-list-list-item-trailing-supporting-text-line-height: 20px;
1146
+ --mat-list-list-item-trailing-supporting-text-size: 12px;
1147
+ --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
1148
+ --mat-list-list-item-trailing-supporting-text-weight: 400;
1149
+ }
1150
+
1151
+ .mdc-list-group__subheader {
1152
+ font: 400 16px / 28px Roboto, sans-serif;
1153
+ letter-spacing: 0.009375em;
1154
+ }
1155
+
1156
+ html {
1157
+ --mat-paginator-page-size-select-width: 84px;
1158
+ --mat-paginator-page-size-select-touch-target-height: 48px;
1159
+ }
1160
+
1161
+ html {
1162
+ --mat-paginator-container-text-color: white;
1163
+ --mat-paginator-container-background-color: #424242;
1164
+ --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.7);
1165
+ --mat-paginator-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
1166
+ }
1167
+
1168
+ html {
1169
+ --mat-paginator-container-size: 56px;
1170
+ --mat-paginator-form-field-container-height: 40px;
1171
+ --mat-paginator-form-field-container-vertical-padding: 8px;
1172
+ --mat-paginator-touch-target-display: block;
1173
+ }
1174
+
1175
+ html {
1176
+ --mat-paginator-container-text-font: Roboto, sans-serif;
1177
+ --mat-paginator-container-text-line-height: 20px;
1178
+ --mat-paginator-container-text-size: 12px;
1179
+ --mat-paginator-container-text-tracking: 0.0333333333em;
1180
+ --mat-paginator-container-text-weight: 400;
1181
+ --mat-paginator-select-trigger-text-size: 12px;
1182
+ }
1183
+
1184
+ html {
1185
+ --mat-tab-container-height: 48px;
1186
+ --mat-tab-divider-color: transparent;
1187
+ --mat-tab-divider-height: 0;
1188
+ --mat-tab-active-indicator-height: 2px;
1189
+ --mat-tab-active-indicator-shape: 0;
1190
+ }
1191
+
1192
+ .mat-mdc-tab-group,
1193
+ .mat-mdc-tab-nav-bar {
1194
+ --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
1195
+ --mat-tab-pagination-icon-color: white;
1196
+ --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
1197
+ --mat-tab-active-label-text-color: #7b1fa2;
1198
+ --mat-tab-active-ripple-color: #7b1fa2;
1199
+ --mat-tab-inactive-ripple-color: #7b1fa2;
1200
+ --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
1201
+ --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
1202
+ --mat-tab-active-focus-label-text-color: #7b1fa2;
1203
+ --mat-tab-active-hover-label-text-color: #7b1fa2;
1204
+ --mat-tab-active-focus-indicator-color: #7b1fa2;
1205
+ --mat-tab-active-hover-indicator-color: #7b1fa2;
1206
+ --mat-tab-active-indicator-color: #7b1fa2;
1207
+ }
1208
+ .mat-mdc-tab-group.mat-accent,
1209
+ .mat-mdc-tab-nav-bar.mat-accent {
1210
+ --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
1211
+ --mat-tab-pagination-icon-color: white;
1212
+ --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
1213
+ --mat-tab-active-label-text-color: #69f0ae;
1214
+ --mat-tab-active-ripple-color: #69f0ae;
1215
+ --mat-tab-inactive-ripple-color: #69f0ae;
1216
+ --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
1217
+ --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
1218
+ --mat-tab-active-focus-label-text-color: #69f0ae;
1219
+ --mat-tab-active-hover-label-text-color: #69f0ae;
1220
+ --mat-tab-active-focus-indicator-color: #69f0ae;
1221
+ --mat-tab-active-hover-indicator-color: #69f0ae;
1222
+ --mat-tab-active-indicator-color: #69f0ae;
1223
+ }
1224
+ .mat-mdc-tab-group.mat-warn,
1225
+ .mat-mdc-tab-nav-bar.mat-warn {
1226
+ --mat-tab-disabled-ripple-color: rgba(255, 255, 255, 0.7);
1227
+ --mat-tab-pagination-icon-color: white;
1228
+ --mat-tab-inactive-label-text-color: rgba(255, 255, 255, 0.7);
1229
+ --mat-tab-active-label-text-color: #f44336;
1230
+ --mat-tab-active-ripple-color: #f44336;
1231
+ --mat-tab-inactive-ripple-color: #f44336;
1232
+ --mat-tab-inactive-focus-label-text-color: rgba(255, 255, 255, 0.7);
1233
+ --mat-tab-inactive-hover-label-text-color: rgba(255, 255, 255, 0.7);
1234
+ --mat-tab-active-focus-label-text-color: #f44336;
1235
+ --mat-tab-active-hover-label-text-color: #f44336;
1236
+ --mat-tab-active-focus-indicator-color: #f44336;
1237
+ --mat-tab-active-hover-indicator-color: #f44336;
1238
+ --mat-tab-active-indicator-color: #f44336;
1239
+ }
1240
+ .mat-mdc-tab-group.mat-background-primary,
1241
+ .mat-mdc-tab-nav-bar.mat-background-primary {
1242
+ --mat-tab-background-color: #7b1fa2;
1243
+ --mat-tab-foreground-color: white;
1244
+ }
1245
+ .mat-mdc-tab-group.mat-background-accent,
1246
+ .mat-mdc-tab-nav-bar.mat-background-accent {
1247
+ --mat-tab-background-color: #69f0ae;
1248
+ --mat-tab-foreground-color: rgba(0, 0, 0, 0.87);
1249
+ }
1250
+ .mat-mdc-tab-group.mat-background-warn,
1251
+ .mat-mdc-tab-nav-bar.mat-background-warn {
1252
+ --mat-tab-background-color: #f44336;
1253
+ --mat-tab-foreground-color: white;
1254
+ }
1255
+
1256
+ .mat-mdc-tab-header {
1257
+ --mat-tab-container-height: 48px;
1258
+ }
1259
+
1260
+ .mat-mdc-tab-header {
1261
+ --mat-tab-label-text-font: Roboto, sans-serif;
1262
+ --mat-tab-label-text-size: 14px;
1263
+ --mat-tab-label-text-tracking: 0.0892857143em;
1264
+ --mat-tab-label-text-line-height: 36px;
1265
+ --mat-tab-label-text-weight: 500;
1266
+ }
1267
+
1268
+ html {
1269
+ --mat-checkbox-disabled-selected-checkmark-color: #424242;
1270
+ --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
1271
+ --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
1272
+ --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
1273
+ --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
1274
+ --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
1275
+ --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
1276
+ --mat-checkbox-touch-target-size: 48px;
1277
+ }
1278
+
1279
+ html {
1280
+ --mat-checkbox-disabled-label-color: color-mix(in srgb, white 38%, transparent);
1281
+ --mat-checkbox-label-text-color: white;
1282
+ --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
1283
+ --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
1284
+ --mat-checkbox-selected-checkmark-color: rgba(0, 0, 0, 0.87);
1285
+ --mat-checkbox-selected-focus-icon-color: #69f0ae;
1286
+ --mat-checkbox-selected-hover-icon-color: #69f0ae;
1287
+ --mat-checkbox-selected-icon-color: #69f0ae;
1288
+ --mat-checkbox-selected-pressed-icon-color: #69f0ae;
1289
+ --mat-checkbox-unselected-focus-icon-color: white;
1290
+ --mat-checkbox-unselected-hover-icon-color: white;
1291
+ --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
1292
+ --mat-checkbox-selected-focus-state-layer-color: #69f0ae;
1293
+ --mat-checkbox-selected-hover-state-layer-color: #69f0ae;
1294
+ --mat-checkbox-selected-pressed-state-layer-color: #69f0ae;
1295
+ --mat-checkbox-unselected-focus-state-layer-color: white;
1296
+ --mat-checkbox-unselected-hover-state-layer-color: white;
1297
+ --mat-checkbox-unselected-pressed-state-layer-color: white;
1298
+ }
1299
+
1300
+ .mat-mdc-checkbox.mat-primary {
1301
+ --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
1302
+ --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
1303
+ --mat-checkbox-selected-checkmark-color: white;
1304
+ --mat-checkbox-selected-focus-icon-color: #7b1fa2;
1305
+ --mat-checkbox-selected-hover-icon-color: #7b1fa2;
1306
+ --mat-checkbox-selected-icon-color: #7b1fa2;
1307
+ --mat-checkbox-selected-pressed-icon-color: #7b1fa2;
1308
+ --mat-checkbox-unselected-focus-icon-color: white;
1309
+ --mat-checkbox-unselected-hover-icon-color: white;
1310
+ --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
1311
+ --mat-checkbox-selected-focus-state-layer-color: #7b1fa2;
1312
+ --mat-checkbox-selected-hover-state-layer-color: #7b1fa2;
1313
+ --mat-checkbox-selected-pressed-state-layer-color: #7b1fa2;
1314
+ --mat-checkbox-unselected-focus-state-layer-color: white;
1315
+ --mat-checkbox-unselected-hover-state-layer-color: white;
1316
+ --mat-checkbox-unselected-pressed-state-layer-color: white;
1317
+ }
1318
+ .mat-mdc-checkbox.mat-warn {
1319
+ --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, white 38%, transparent);
1320
+ --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, white 38%, transparent);
1321
+ --mat-checkbox-selected-checkmark-color: white;
1322
+ --mat-checkbox-selected-focus-icon-color: #f44336;
1323
+ --mat-checkbox-selected-hover-icon-color: #f44336;
1324
+ --mat-checkbox-selected-icon-color: #f44336;
1325
+ --mat-checkbox-selected-pressed-icon-color: #f44336;
1326
+ --mat-checkbox-unselected-focus-icon-color: white;
1327
+ --mat-checkbox-unselected-hover-icon-color: white;
1328
+ --mat-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
1329
+ --mat-checkbox-selected-focus-state-layer-color: #f44336;
1330
+ --mat-checkbox-selected-hover-state-layer-color: #f44336;
1331
+ --mat-checkbox-selected-pressed-state-layer-color: #f44336;
1332
+ --mat-checkbox-unselected-focus-state-layer-color: white;
1333
+ --mat-checkbox-unselected-hover-state-layer-color: white;
1334
+ --mat-checkbox-unselected-pressed-state-layer-color: white;
1335
+ }
1336
+
1337
+ html {
1338
+ --mat-checkbox-touch-target-display: block;
1339
+ --mat-checkbox-state-layer-size: 40px;
1340
+ }
1341
+
1342
+ html {
1343
+ --mat-checkbox-label-text-font: Roboto, sans-serif;
1344
+ --mat-checkbox-label-text-line-height: 20px;
1345
+ --mat-checkbox-label-text-size: 14px;
1346
+ --mat-checkbox-label-text-tracking: 0.0178571429em;
1347
+ --mat-checkbox-label-text-weight: 400;
1348
+ }
1349
+
1350
+ html {
1351
+ --mat-button-filled-container-shape: 4px;
1352
+ --mat-button-filled-horizontal-padding: 16px;
1353
+ --mat-button-filled-icon-offset: -4px;
1354
+ --mat-button-filled-icon-spacing: 8px;
1355
+ --mat-button-filled-touch-target-size: 48px;
1356
+ --mat-button-outlined-container-shape: 4px;
1357
+ --mat-button-outlined-horizontal-padding: 15px;
1358
+ --mat-button-outlined-icon-offset: -4px;
1359
+ --mat-button-outlined-icon-spacing: 8px;
1360
+ --mat-button-outlined-keep-touch-target: false;
1361
+ --mat-button-outlined-outline-width: 1px;
1362
+ --mat-button-outlined-touch-target-size: 48px;
1363
+ --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);
1364
+ --mat-button-protected-container-shape: 4px;
1365
+ --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);
1366
+ --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);
1367
+ --mat-button-protected-horizontal-padding: 16px;
1368
+ --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);
1369
+ --mat-button-protected-icon-offset: -4px;
1370
+ --mat-button-protected-icon-spacing: 8px;
1371
+ --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);
1372
+ --mat-button-protected-touch-target-size: 48px;
1373
+ --mat-button-text-container-shape: 4px;
1374
+ --mat-button-text-horizontal-padding: 8px;
1375
+ --mat-button-text-icon-offset: 0;
1376
+ --mat-button-text-icon-spacing: 8px;
1377
+ --mat-button-text-with-icon-horizontal-padding: 8px;
1378
+ --mat-button-text-touch-target-size: 48px;
1379
+ --mat-button-tonal-container-shape: 4px;
1380
+ --mat-button-tonal-horizontal-padding: 16px;
1381
+ --mat-button-tonal-icon-offset: -4px;
1382
+ --mat-button-tonal-icon-spacing: 8px;
1383
+ --mat-button-tonal-touch-target-size: 48px;
1384
+ }
1385
+
1386
+ html {
1387
+ --mat-button-filled-container-color: #424242;
1388
+ --mat-button-filled-disabled-container-color: color-mix(in srgb, white 12%, transparent);
1389
+ --mat-button-filled-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
1390
+ --mat-button-filled-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
1391
+ --mat-button-filled-focus-state-layer-opacity: 0.12;
1392
+ --mat-button-filled-hover-state-layer-opacity: 0.04;
1393
+ --mat-button-filled-label-text-color: white;
1394
+ --mat-button-filled-pressed-state-layer-opacity: 0.12;
1395
+ --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
1396
+ --mat-button-filled-state-layer-color: white;
1397
+ --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
1398
+ --mat-button-outlined-disabled-outline-color: rgba(255, 255, 255, 0.12);
1399
+ --mat-button-outlined-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
1400
+ --mat-button-outlined-focus-state-layer-opacity: 0.12;
1401
+ --mat-button-outlined-hover-state-layer-opacity: 0.04;
1402
+ --mat-button-outlined-label-text-color: white;
1403
+ --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
1404
+ --mat-button-outlined-pressed-state-layer-opacity: 0.12;
1405
+ --mat-button-outlined-ripple-color: color-mix(in srgb, white 12%, transparent);
1406
+ --mat-button-outlined-state-layer-color: white;
1407
+ --mat-button-protected-container-color: #424242;
1408
+ --mat-button-protected-disabled-container-color: color-mix(in srgb, white 12%, transparent);
1409
+ --mat-button-protected-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
1410
+ --mat-button-protected-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
1411
+ --mat-button-protected-focus-state-layer-opacity: 0.12;
1412
+ --mat-button-protected-hover-state-layer-opacity: 0.04;
1413
+ --mat-button-protected-label-text-color: white;
1414
+ --mat-button-protected-pressed-state-layer-opacity: 0.12;
1415
+ --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
1416
+ --mat-button-protected-state-layer-color: white;
1417
+ --mat-button-text-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
1418
+ --mat-button-text-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
1419
+ --mat-button-text-focus-state-layer-opacity: 0.12;
1420
+ --mat-button-text-hover-state-layer-opacity: 0.04;
1421
+ --mat-button-text-label-text-color: white;
1422
+ --mat-button-text-pressed-state-layer-opacity: 0.12;
1423
+ --mat-button-text-ripple-color: color-mix(in srgb, white 12%, transparent);
1424
+ --mat-button-text-state-layer-color: white;
1425
+ --mat-button-tonal-container-color: #424242;
1426
+ --mat-button-tonal-disabled-container-color: color-mix(in srgb, white 12%, transparent);
1427
+ --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, white 38%, transparent);
1428
+ --mat-button-tonal-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
1429
+ --mat-button-tonal-focus-state-layer-opacity: 0.12;
1430
+ --mat-button-tonal-hover-state-layer-opacity: 0.04;
1431
+ --mat-button-tonal-label-text-color: white;
1432
+ --mat-button-tonal-pressed-state-layer-opacity: 0.12;
1433
+ --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
1434
+ --mat-button-tonal-state-layer-color: white;
1435
+ }
1436
+
1437
+ .mat-mdc-button.mat-primary,
1438
+ .mat-mdc-unelevated-button.mat-primary,
1439
+ .mat-mdc-raised-button.mat-primary,
1440
+ .mat-mdc-outlined-button.mat-primary,
1441
+ .mat-tonal-button.mat-primary {
1442
+ --mat-button-filled-container-color: #7b1fa2;
1443
+ --mat-button-filled-label-text-color: white;
1444
+ --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
1445
+ --mat-button-filled-state-layer-color: white;
1446
+ --mat-button-outlined-label-text-color: #7b1fa2;
1447
+ --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
1448
+ --mat-button-outlined-ripple-color: color-mix(in srgb, #7b1fa2 12%, transparent);
1449
+ --mat-button-outlined-state-layer-color: #7b1fa2;
1450
+ --mat-button-protected-container-color: #7b1fa2;
1451
+ --mat-button-protected-label-text-color: white;
1452
+ --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
1453
+ --mat-button-protected-state-layer-color: white;
1454
+ --mat-button-text-label-text-color: #7b1fa2;
1455
+ --mat-button-text-ripple-color: color-mix(in srgb, #7b1fa2 12%, transparent);
1456
+ --mat-button-text-state-layer-color: #7b1fa2;
1457
+ --mat-button-tonal-container-color: #7b1fa2;
1458
+ --mat-button-tonal-label-text-color: white;
1459
+ --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
1460
+ --mat-button-tonal-state-layer-color: white;
1461
+ }
1462
+ .mat-mdc-button.mat-accent,
1463
+ .mat-mdc-unelevated-button.mat-accent,
1464
+ .mat-mdc-raised-button.mat-accent,
1465
+ .mat-mdc-outlined-button.mat-accent,
1466
+ .mat-tonal-button.mat-accent {
1467
+ --mat-button-filled-container-color: #69f0ae;
1468
+ --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
1469
+ --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
1470
+ --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
1471
+ --mat-button-outlined-label-text-color: #69f0ae;
1472
+ --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
1473
+ --mat-button-outlined-ripple-color: color-mix(in srgb, #69f0ae 12%, transparent);
1474
+ --mat-button-outlined-state-layer-color: #69f0ae;
1475
+ --mat-button-protected-container-color: #69f0ae;
1476
+ --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
1477
+ --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
1478
+ --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
1479
+ --mat-button-text-label-text-color: #69f0ae;
1480
+ --mat-button-text-ripple-color: color-mix(in srgb, #69f0ae 12%, transparent);
1481
+ --mat-button-text-state-layer-color: #69f0ae;
1482
+ --mat-button-tonal-container-color: #69f0ae;
1483
+ --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
1484
+ --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
1485
+ --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
1486
+ }
1487
+ .mat-mdc-button.mat-warn,
1488
+ .mat-mdc-unelevated-button.mat-warn,
1489
+ .mat-mdc-raised-button.mat-warn,
1490
+ .mat-mdc-outlined-button.mat-warn,
1491
+ .mat-tonal-button.mat-warn {
1492
+ --mat-button-filled-container-color: #f44336;
1493
+ --mat-button-filled-label-text-color: white;
1494
+ --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
1495
+ --mat-button-filled-state-layer-color: white;
1496
+ --mat-button-outlined-label-text-color: #f44336;
1497
+ --mat-button-outlined-outline-color: rgba(255, 255, 255, 0.12);
1498
+ --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
1499
+ --mat-button-outlined-state-layer-color: #f44336;
1500
+ --mat-button-protected-container-color: #f44336;
1501
+ --mat-button-protected-label-text-color: white;
1502
+ --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
1503
+ --mat-button-protected-state-layer-color: white;
1504
+ --mat-button-text-label-text-color: #f44336;
1505
+ --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
1506
+ --mat-button-text-state-layer-color: #f44336;
1507
+ --mat-button-tonal-container-color: #f44336;
1508
+ --mat-button-tonal-label-text-color: white;
1509
+ --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
1510
+ --mat-button-tonal-state-layer-color: white;
1511
+ }
1512
+
1513
+ html {
1514
+ --mat-button-filled-container-height: 36px;
1515
+ --mat-button-filled-touch-target-display: block;
1516
+ --mat-button-outlined-container-height: 36px;
1517
+ --mat-button-outlined-touch-target-display: block;
1518
+ --mat-button-protected-container-height: 36px;
1519
+ --mat-button-protected-touch-target-display: block;
1520
+ --mat-button-text-container-height: 36px;
1521
+ --mat-button-text-touch-target-display: block;
1522
+ --mat-button-tonal-container-height: 36px;
1523
+ --mat-button-tonal-touch-target-display: block;
1524
+ }
1525
+
1526
+ html {
1527
+ --mat-button-filled-label-text-font: Roboto, sans-serif;
1528
+ --mat-button-filled-label-text-size: 14px;
1529
+ --mat-button-filled-label-text-tracking: 0.0892857143em;
1530
+ --mat-button-filled-label-text-transform: none;
1531
+ --mat-button-filled-label-text-weight: 500;
1532
+ --mat-button-outlined-label-text-font: Roboto, sans-serif;
1533
+ --mat-button-outlined-label-text-size: 14px;
1534
+ --mat-button-outlined-label-text-tracking: 0.0892857143em;
1535
+ --mat-button-outlined-label-text-transform: none;
1536
+ --mat-button-outlined-label-text-weight: 500;
1537
+ --mat-button-protected-label-text-font: Roboto, sans-serif;
1538
+ --mat-button-protected-label-text-size: 14px;
1539
+ --mat-button-protected-label-text-tracking: 0.0892857143em;
1540
+ --mat-button-protected-label-text-transform: none;
1541
+ --mat-button-protected-label-text-weight: 500;
1542
+ --mat-button-text-label-text-font: Roboto, sans-serif;
1543
+ --mat-button-text-label-text-size: 14px;
1544
+ --mat-button-text-label-text-tracking: 0.0892857143em;
1545
+ --mat-button-text-label-text-transform: none;
1546
+ --mat-button-text-label-text-weight: 500;
1547
+ --mat-button-tonal-label-text-font: Roboto, sans-serif;
1548
+ --mat-button-tonal-label-text-size: 14px;
1549
+ --mat-button-tonal-label-text-tracking: 0.0892857143em;
1550
+ --mat-button-tonal-label-text-transform: none;
1551
+ --mat-button-tonal-label-text-weight: 500;
1552
+ }
1553
+
1554
+ html {
1555
+ --mat-icon-button-icon-size: 24px;
1556
+ --mat-icon-button-container-shape: 50%;
1557
+ --mat-icon-button-touch-target-size: 48px;
1558
+ }
1559
+
1560
+ html {
1561
+ --mat-icon-button-disabled-icon-color: color-mix(in srgb, white 38%, transparent);
1562
+ --mat-icon-button-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
1563
+ --mat-icon-button-focus-state-layer-opacity: 0.12;
1564
+ --mat-icon-button-hover-state-layer-opacity: 0.04;
1565
+ --mat-icon-button-icon-color: inherit;
1566
+ --mat-icon-button-pressed-state-layer-opacity: 0.12;
1567
+ --mat-icon-button-ripple-color: color-mix(in srgb, white 12%, transparent);
1568
+ --mat-icon-button-state-layer-color: white;
1569
+ }
1570
+
1571
+ .mat-mdc-icon-button.mat-primary {
1572
+ --mat-icon-button-icon-color: #7b1fa2;
1573
+ --mat-icon-button-state-layer-color: #7b1fa2;
1574
+ --mat-icon-button-ripple-color: color-mix(in srgb, #7b1fa2 12%, transparent);
1575
+ }
1576
+ .mat-mdc-icon-button.mat-accent {
1577
+ --mat-icon-button-icon-color: #69f0ae;
1578
+ --mat-icon-button-state-layer-color: #69f0ae;
1579
+ --mat-icon-button-ripple-color: color-mix(in srgb, #69f0ae 12%, transparent);
1580
+ }
1581
+ .mat-mdc-icon-button.mat-warn {
1582
+ --mat-icon-button-icon-color: #f44336;
1583
+ --mat-icon-button-state-layer-color: #f44336;
1584
+ --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
1585
+ }
1586
+
1587
+ html {
1588
+ --mat-icon-button-touch-target-display: block;
1589
+ }
1590
+
1591
+ .mat-mdc-icon-button.mat-mdc-button-base {
1592
+ --mdc-icon-button-state-layer-size: 48px;
1593
+ --mat-icon-button-state-layer-size: 48px;
1594
+ width: var(--mat-icon-button-state-layer-size);
1595
+ height: var(--mat-icon-button-state-layer-size);
1596
+ padding: 12px;
1597
+ }
1598
+
1599
+ html {
1600
+ --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);
1601
+ --mat-fab-container-shape: 50%;
1602
+ --mat-fab-touch-target-size: 48px;
1603
+ --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);
1604
+ --mat-fab-extended-container-height: 48px;
1605
+ --mat-fab-extended-container-shape: 24px;
1606
+ --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);
1607
+ --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);
1608
+ --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);
1609
+ --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);
1610
+ --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);
1611
+ --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);
1612
+ --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);
1613
+ --mat-fab-small-container-shape: 50%;
1614
+ --mat-fab-small-touch-target-size: 48px;
1615
+ --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);
1616
+ --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);
1617
+ --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);
1618
+ }
1619
+
1620
+ html {
1621
+ --mat-fab-container-color: #424242;
1622
+ --mat-fab-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
1623
+ --mat-fab-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
1624
+ --mat-fab-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
1625
+ --mat-fab-focus-state-layer-opacity: 0.12;
1626
+ --mat-fab-foreground-color: white;
1627
+ --mat-fab-hover-state-layer-opacity: 0.04;
1628
+ --mat-fab-pressed-state-layer-opacity: 0.12;
1629
+ --mat-fab-ripple-color: color-mix(in srgb, white 12%, transparent);
1630
+ --mat-fab-small-container-color: #424242;
1631
+ --mat-fab-small-disabled-state-container-color: color-mix(in srgb, white 12%, transparent);
1632
+ --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, white 38%, transparent);
1633
+ --mat-fab-small-disabled-state-layer-color: rgba(255, 255, 255, 0.7);
1634
+ --mat-fab-small-focus-state-layer-opacity: 0.12;
1635
+ --mat-fab-small-foreground-color: white;
1636
+ --mat-fab-small-hover-state-layer-opacity: 0.04;
1637
+ --mat-fab-small-pressed-state-layer-opacity: 0.12;
1638
+ --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
1639
+ --mat-fab-small-state-layer-color: white;
1640
+ --mat-fab-state-layer-color: white;
1641
+ }
1642
+
1643
+ .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
1644
+ --mat-fab-container-color: #7b1fa2;
1645
+ --mat-fab-foreground-color: white;
1646
+ --mat-fab-ripple-color: color-mix(in srgb, #7b1fa2 12%, transparent);
1647
+ --mat-fab-small-container-color: #7b1fa2;
1648
+ --mat-fab-small-foreground-color: white;
1649
+ --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
1650
+ --mat-fab-small-state-layer-color: white;
1651
+ --mat-fab-state-layer-color: white;
1652
+ }
1653
+ .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
1654
+ --mat-fab-container-color: #69f0ae;
1655
+ --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
1656
+ --mat-fab-ripple-color: color-mix(in srgb, #69f0ae 12%, transparent);
1657
+ --mat-fab-small-container-color: #69f0ae;
1658
+ --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
1659
+ --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
1660
+ --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
1661
+ --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
1662
+ }
1663
+ .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
1664
+ --mat-fab-container-color: #f44336;
1665
+ --mat-fab-foreground-color: white;
1666
+ --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
1667
+ --mat-fab-small-container-color: #f44336;
1668
+ --mat-fab-small-foreground-color: white;
1669
+ --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
1670
+ --mat-fab-small-state-layer-color: white;
1671
+ --mat-fab-state-layer-color: white;
1672
+ }
1673
+
1674
+ html {
1675
+ --mat-fab-small-touch-target-display: block;
1676
+ --mat-fab-touch-target-display: block;
1677
+ }
1678
+
1679
+ html {
1680
+ --mat-fab-extended-label-text-font: Roboto, sans-serif;
1681
+ --mat-fab-extended-label-text-size: 14px;
1682
+ --mat-fab-extended-label-text-tracking: 0.0892857143em;
1683
+ --mat-fab-extended-label-text-weight: 500;
1684
+ }
1685
+
1686
+ html {
1687
+ --mat-snack-bar-container-shape: 4px;
1688
+ }
1689
+
1690
+ html {
1691
+ --mat-snack-bar-container-color: white;
1692
+ --mat-snack-bar-supporting-text-color: rgba(0, 0, 0, 0.87);
1693
+ --mat-snack-bar-button-color: #8e24aa;
1694
+ }
1695
+
1696
+ html {
1697
+ --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
1698
+ --mat-snack-bar-supporting-text-line-height: 20px;
1699
+ --mat-snack-bar-supporting-text-size: 14px;
1700
+ --mat-snack-bar-supporting-text-weight: 400;
1701
+ }
1702
+
1703
+ html {
1704
+ --mat-table-row-item-outline-width: 1px;
1705
+ }
1706
+
1707
+ html {
1708
+ --mat-table-background-color: #424242;
1709
+ --mat-table-header-headline-color: white;
1710
+ --mat-table-row-item-label-text-color: white;
1711
+ --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
1712
+ }
1713
+
1714
+ html {
1715
+ --mat-table-header-container-height: 56px;
1716
+ --mat-table-footer-container-height: 52px;
1717
+ --mat-table-row-item-container-height: 52px;
1718
+ }
1719
+
1720
+ html {
1721
+ --mat-table-header-headline-font: Roboto, sans-serif;
1722
+ --mat-table-header-headline-line-height: 22px;
1723
+ --mat-table-header-headline-size: 14px;
1724
+ --mat-table-header-headline-weight: 500;
1725
+ --mat-table-header-headline-tracking: 0.0071428571em;
1726
+ --mat-table-row-item-label-text-font: Roboto, sans-serif;
1727
+ --mat-table-row-item-label-text-line-height: 20px;
1728
+ --mat-table-row-item-label-text-size: 14px;
1729
+ --mat-table-row-item-label-text-weight: 400;
1730
+ --mat-table-row-item-label-text-tracking: 0.0178571429em;
1731
+ --mat-table-footer-supporting-text-font: Roboto, sans-serif;
1732
+ --mat-table-footer-supporting-text-line-height: 20px;
1733
+ --mat-table-footer-supporting-text-size: 14px;
1734
+ --mat-table-footer-supporting-text-weight: 400;
1735
+ --mat-table-footer-supporting-text-tracking: 0.0178571429em;
1736
+ }
1737
+
1738
+ html {
1739
+ --mat-progress-spinner-active-indicator-width: 4px;
1740
+ --mat-progress-spinner-size: 48px;
1741
+ }
1742
+
1743
+ html {
1744
+ --mat-progress-spinner-active-indicator-color: #7b1fa2;
1745
+ }
1746
+
1747
+ .mat-accent {
1748
+ --mat-progress-spinner-active-indicator-color: #69f0ae;
1749
+ }
1750
+
1751
+ .mat-warn {
1752
+ --mat-progress-spinner-active-indicator-color: #f44336;
1753
+ }
1754
+
1755
+ html {
1756
+ --mat-badge-container-shape: 50%;
1757
+ --mat-badge-container-size: unset;
1758
+ --mat-badge-small-size-container-size: unset;
1759
+ --mat-badge-large-size-container-size: unset;
1760
+ --mat-badge-legacy-container-size: 22px;
1761
+ --mat-badge-legacy-small-size-container-size: 16px;
1762
+ --mat-badge-legacy-large-size-container-size: 28px;
1763
+ --mat-badge-container-offset: -11px 0;
1764
+ --mat-badge-small-size-container-offset: -8px 0;
1765
+ --mat-badge-large-size-container-offset: -14px 0;
1766
+ --mat-badge-container-overlap-offset: -11px;
1767
+ --mat-badge-small-size-container-overlap-offset: -8px;
1768
+ --mat-badge-large-size-container-overlap-offset: -14px;
1769
+ --mat-badge-container-padding: 0;
1770
+ --mat-badge-small-size-container-padding: 0;
1771
+ --mat-badge-large-size-container-padding: 0;
1772
+ }
1773
+
1774
+ html {
1775
+ --mat-badge-background-color: #7b1fa2;
1776
+ --mat-badge-text-color: white;
1777
+ --mat-badge-disabled-state-background-color: color-mix(in srgb, white 12%, transparent);
1778
+ --mat-badge-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
1779
+ }
1780
+
1781
+ .mat-badge-accent {
1782
+ --mat-badge-background-color: #69f0ae;
1783
+ --mat-badge-text-color: rgba(0, 0, 0, 0.87);
1784
+ }
1785
+
1786
+ .mat-badge-warn {
1787
+ --mat-badge-background-color: #f44336;
1788
+ --mat-badge-text-color: white;
1789
+ }
1790
+
1791
+ html {
1792
+ --mat-badge-text-font: Roboto, sans-serif;
1793
+ --mat-badge-line-height: 22px;
1794
+ --mat-badge-text-size: 12px;
1795
+ --mat-badge-text-weight: 600;
1796
+ --mat-badge-small-size-text-size: 9px;
1797
+ --mat-badge-small-size-line-height: 16px;
1798
+ --mat-badge-large-size-text-size: 24px;
1799
+ --mat-badge-large-size-line-height: 28px;
1800
+ }
1801
+
1802
+ html {
1803
+ --mat-bottom-sheet-container-shape: 4px;
1804
+ }
1805
+
1806
+ html {
1807
+ --mat-bottom-sheet-container-text-color: white;
1808
+ --mat-bottom-sheet-container-background-color: #424242;
1809
+ }
1810
+
1811
+ html {
1812
+ --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
1813
+ --mat-bottom-sheet-container-text-line-height: 20px;
1814
+ --mat-bottom-sheet-container-text-size: 14px;
1815
+ --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
1816
+ --mat-bottom-sheet-container-text-weight: 400;
1817
+ }
1818
+
1819
+ html {
1820
+ --mat-button-toggle-focus-state-layer-opacity: 0.12;
1821
+ --mat-button-toggle-hover-state-layer-opacity: 0.04;
1822
+ --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
1823
+ --mat-button-toggle-legacy-height: 36px;
1824
+ --mat-button-toggle-legacy-shape: 2px;
1825
+ --mat-button-toggle-shape: 4px;
1826
+ }
1827
+
1828
+ html {
1829
+ --mat-button-toggle-background-color: #424242;
1830
+ --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
1831
+ --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, white 38%, transparent);
1832
+ --mat-button-toggle-disabled-state-background-color: #424242;
1833
+ --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
1834
+ --mat-button-toggle-divider-color: rgba(255, 255, 255, 0.12);
1835
+ --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
1836
+ --mat-button-toggle-legacy-disabled-state-background-color: #424242;
1837
+ --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
1838
+ --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
1839
+ --mat-button-toggle-legacy-selected-state-text-color: white;
1840
+ --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, white 12%, transparent);
1841
+ --mat-button-toggle-legacy-text-color: white;
1842
+ --mat-button-toggle-selected-state-background-color: color-mix(in srgb, white 12%, transparent);
1843
+ --mat-button-toggle-selected-state-text-color: white;
1844
+ --mat-button-toggle-state-layer-color: white;
1845
+ --mat-button-toggle-text-color: white;
1846
+ }
1847
+
1848
+ html {
1849
+ --mat-button-toggle-height: 48px;
1850
+ }
1851
+
1852
+ html {
1853
+ --mat-button-toggle-label-text-font: Roboto, sans-serif;
1854
+ --mat-button-toggle-label-text-line-height: 24px;
1855
+ --mat-button-toggle-label-text-size: 16px;
1856
+ --mat-button-toggle-label-text-tracking: 0.03125em;
1857
+ --mat-button-toggle-label-text-weight: 400;
1858
+ --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
1859
+ --mat-button-toggle-legacy-label-text-line-height: 24px;
1860
+ --mat-button-toggle-legacy-label-text-size: 16px;
1861
+ --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
1862
+ --mat-button-toggle-legacy-label-text-weight: 400;
1863
+ }
1864
+
1865
+ html {
1866
+ --mat-datepicker-calendar-container-shape: 4px;
1867
+ --mat-datepicker-calendar-container-touch-shape: 4px;
1868
+ --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);
1869
+ --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);
1870
+ }
1871
+
1872
+ html {
1873
+ --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #7b1fa2 20%, transparent);
1874
+ --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);
1875
+ --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
1876
+ --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
1877
+ --mat-datepicker-calendar-date-selected-state-text-color: white;
1878
+ --mat-datepicker-calendar-date-selected-state-background-color: #7b1fa2;
1879
+ --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #7b1fa2 38%, transparent);
1880
+ --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
1881
+ --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #7b1fa2 12%, transparent);
1882
+ --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #7b1fa2 4%, transparent);
1883
+ --mat-datepicker-toggle-active-state-icon-color: #7b1fa2;
1884
+ --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
1885
+ --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
1886
+ --mat-datepicker-calendar-period-button-text-color: white;
1887
+ --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
1888
+ --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
1889
+ --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
1890
+ --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
1891
+ --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
1892
+ --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
1893
+ --mat-datepicker-calendar-date-text-color: white;
1894
+ --mat-datepicker-calendar-date-outline-color: transparent;
1895
+ --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
1896
+ --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
1897
+ --mat-datepicker-range-input-separator-color: white;
1898
+ --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
1899
+ --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
1900
+ --mat-datepicker-calendar-container-background-color: #424242;
1901
+ --mat-datepicker-calendar-container-text-color: white;
1902
+ }
1903
+
1904
+ .mat-datepicker-content.mat-accent, .mat-datepicker-toggle-active.mat-accent {
1905
+ --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);
1906
+ --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);
1907
+ --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
1908
+ --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
1909
+ --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
1910
+ --mat-datepicker-calendar-date-selected-state-background-color: #69f0ae;
1911
+ --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #69f0ae 38%, transparent);
1912
+ --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
1913
+ --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #69f0ae 12%, transparent);
1914
+ --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #69f0ae 4%, transparent);
1915
+ --mat-datepicker-toggle-active-state-icon-color: #69f0ae;
1916
+ --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
1917
+ --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
1918
+ --mat-datepicker-calendar-period-button-text-color: white;
1919
+ --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
1920
+ --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
1921
+ --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
1922
+ --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
1923
+ --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
1924
+ --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
1925
+ --mat-datepicker-calendar-date-text-color: white;
1926
+ --mat-datepicker-calendar-date-outline-color: transparent;
1927
+ --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
1928
+ --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
1929
+ --mat-datepicker-range-input-separator-color: white;
1930
+ --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
1931
+ --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
1932
+ --mat-datepicker-calendar-container-background-color: #424242;
1933
+ --mat-datepicker-calendar-container-text-color: white;
1934
+ }
1935
+ .mat-datepicker-content.mat-warn, .mat-datepicker-toggle-active.mat-warn {
1936
+ --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
1937
+ --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);
1938
+ --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
1939
+ --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
1940
+ --mat-datepicker-calendar-date-selected-state-text-color: white;
1941
+ --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
1942
+ --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);
1943
+ --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
1944
+ --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
1945
+ --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
1946
+ --mat-datepicker-toggle-active-state-icon-color: #f44336;
1947
+ --mat-datepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);
1948
+ --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
1949
+ --mat-datepicker-calendar-period-button-text-color: white;
1950
+ --mat-datepicker-calendar-period-button-icon-color: rgba(255, 255, 255, 0.7);
1951
+ --mat-datepicker-calendar-navigation-button-icon-color: rgba(255, 255, 255, 0.7);
1952
+ --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
1953
+ --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
1954
+ --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);
1955
+ --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, white 38%, transparent);
1956
+ --mat-datepicker-calendar-date-text-color: white;
1957
+ --mat-datepicker-calendar-date-outline-color: transparent;
1958
+ --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
1959
+ --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.7);
1960
+ --mat-datepicker-range-input-separator-color: white;
1961
+ --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, white 38%, transparent);
1962
+ --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
1963
+ --mat-datepicker-calendar-container-background-color: #424242;
1964
+ --mat-datepicker-calendar-container-text-color: white;
1965
+ }
1966
+
1967
+ .mat-calendar-controls {
1968
+ --mat-icon-button-touch-target-display: none;
1969
+ }
1970
+ .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
1971
+ --mdc-icon-button-state-layer-size: 40px;
1972
+ --mat-icon-button-state-layer-size: 40px;
1973
+ width: var(--mat-icon-button-state-layer-size);
1974
+ height: var(--mat-icon-button-state-layer-size);
1975
+ padding: 8px;
1976
+ }
1977
+
1978
+ html {
1979
+ --mat-datepicker-calendar-text-font: Roboto, sans-serif;
1980
+ --mat-datepicker-calendar-text-size: 13px;
1981
+ --mat-datepicker-calendar-body-label-text-size: 14px;
1982
+ --mat-datepicker-calendar-body-label-text-weight: 500;
1983
+ --mat-datepicker-calendar-period-button-text-size: 14px;
1984
+ --mat-datepicker-calendar-period-button-text-weight: 500;
1985
+ --mat-datepicker-calendar-header-text-size: 11px;
1986
+ --mat-datepicker-calendar-header-text-weight: 400;
1987
+ }
1988
+
1989
+ html {
1990
+ --mat-divider-width: 1px;
1991
+ }
1992
+
1993
+ html {
1994
+ --mat-divider-color: rgba(255, 255, 255, 0.12);
1995
+ }
1996
+
1997
+ html {
1998
+ --mat-expansion-container-shape: 4px;
1999
+ --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);
2000
+ --mat-expansion-legacy-header-indicator-display: inline-block;
2001
+ --mat-expansion-header-indicator-display: none;
2002
+ }
2003
+
2004
+ html {
2005
+ --mat-expansion-container-background-color: #424242;
2006
+ --mat-expansion-container-text-color: white;
2007
+ --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
2008
+ --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
2009
+ --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
2010
+ --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);
2011
+ --mat-expansion-header-text-color: white;
2012
+ --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
2013
+ --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
2014
+ }
2015
+
2016
+ html {
2017
+ --mat-expansion-header-collapsed-state-height: 48px;
2018
+ --mat-expansion-header-expanded-state-height: 64px;
2019
+ }
2020
+
2021
+ html {
2022
+ --mat-expansion-header-text-font: Roboto, sans-serif;
2023
+ --mat-expansion-header-text-size: 14px;
2024
+ --mat-expansion-header-text-weight: 500;
2025
+ --mat-expansion-header-text-line-height: inherit;
2026
+ --mat-expansion-header-text-tracking: inherit;
2027
+ --mat-expansion-container-text-font: Roboto, sans-serif;
2028
+ --mat-expansion-container-text-line-height: 20px;
2029
+ --mat-expansion-container-text-size: 14px;
2030
+ --mat-expansion-container-text-tracking: 0.0178571429em;
2031
+ --mat-expansion-container-text-weight: 400;
2032
+ }
2033
+
2034
+ html {
2035
+ --mat-grid-list-tile-header-primary-text-size: 14px;
2036
+ --mat-grid-list-tile-header-secondary-text-size: 12px;
2037
+ --mat-grid-list-tile-footer-primary-text-size: 14px;
2038
+ --mat-grid-list-tile-footer-secondary-text-size: 12px;
2039
+ }
2040
+
2041
+ html {
2042
+ --mat-icon-color: inherit;
2043
+ }
2044
+
2045
+ .mat-icon.mat-primary {
2046
+ --mat-icon-color: #7b1fa2;
2047
+ }
2048
+ .mat-icon.mat-accent {
2049
+ --mat-icon-color: #69f0ae;
2050
+ }
2051
+ .mat-icon.mat-warn {
2052
+ --mat-icon-color: #f44336;
2053
+ }
2054
+
2055
+ html {
2056
+ --mat-sidenav-container-shape: 0;
2057
+ --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);
2058
+ --mat-sidenav-container-width: auto;
2059
+ }
2060
+
2061
+ html {
2062
+ --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
2063
+ --mat-sidenav-container-background-color: #424242;
2064
+ --mat-sidenav-container-text-color: white;
2065
+ --mat-sidenav-content-background-color: #303030;
2066
+ --mat-sidenav-content-text-color: white;
2067
+ --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.6);
2068
+ }
2069
+
2070
+ html {
2071
+ --mat-stepper-header-focus-state-layer-shape: 0;
2072
+ --mat-stepper-header-hover-state-layer-shape: 0;
2073
+ }
2074
+
2075
+ html {
2076
+ --mat-stepper-header-icon-foreground-color: white;
2077
+ --mat-stepper-header-selected-state-icon-background-color: #7b1fa2;
2078
+ --mat-stepper-header-selected-state-icon-foreground-color: white;
2079
+ --mat-stepper-header-done-state-icon-background-color: #7b1fa2;
2080
+ --mat-stepper-header-done-state-icon-foreground-color: white;
2081
+ --mat-stepper-header-edit-state-icon-background-color: #7b1fa2;
2082
+ --mat-stepper-header-edit-state-icon-foreground-color: white;
2083
+ --mat-stepper-container-color: #424242;
2084
+ --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
2085
+ --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, white 4%, transparent);
2086
+ --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, white 12%, transparent);
2087
+ --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
2088
+ --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
2089
+ --mat-stepper-header-selected-state-label-text-color: white;
2090
+ --mat-stepper-header-error-state-label-text-color: #f44336;
2091
+ --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
2092
+ --mat-stepper-header-error-state-icon-foreground-color: #f44336;
2093
+ --mat-stepper-header-error-state-icon-background-color: transparent;
2094
+ }
2095
+
2096
+ .mat-step-header.mat-accent {
2097
+ --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
2098
+ --mat-stepper-header-selected-state-icon-background-color: #69f0ae;
2099
+ --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
2100
+ --mat-stepper-header-done-state-icon-background-color: #69f0ae;
2101
+ --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
2102
+ --mat-stepper-header-edit-state-icon-background-color: #69f0ae;
2103
+ --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
2104
+ }
2105
+
2106
+ .mat-step-header.mat-warn {
2107
+ --mat-stepper-header-icon-foreground-color: white;
2108
+ --mat-stepper-header-selected-state-icon-background-color: #f44336;
2109
+ --mat-stepper-header-selected-state-icon-foreground-color: white;
2110
+ --mat-stepper-header-done-state-icon-background-color: #f44336;
2111
+ --mat-stepper-header-done-state-icon-foreground-color: white;
2112
+ --mat-stepper-header-edit-state-icon-background-color: #f44336;
2113
+ --mat-stepper-header-edit-state-icon-foreground-color: white;
2114
+ }
2115
+
2116
+ html {
2117
+ --mat-stepper-header-height: 72px;
2118
+ }
2119
+
2120
+ html {
2121
+ --mat-stepper-container-text-font: Roboto, sans-serif;
2122
+ --mat-stepper-header-label-text-font: Roboto, sans-serif;
2123
+ --mat-stepper-header-label-text-size: 14px;
2124
+ --mat-stepper-header-label-text-weight: 400;
2125
+ --mat-stepper-header-error-state-label-text-size: 16px;
2126
+ --mat-stepper-header-selected-state-label-text-size: 16px;
2127
+ --mat-stepper-header-selected-state-label-text-weight: 400;
2128
+ }
2129
+
2130
+ html {
2131
+ --mat-sort-arrow-color: white;
2132
+ }
2133
+
2134
+ html {
2135
+ --mat-toolbar-container-background-color: #424242;
2136
+ --mat-toolbar-container-text-color: white;
2137
+ }
2138
+
2139
+ .mat-toolbar.mat-primary {
2140
+ --mat-toolbar-container-background-color: #7b1fa2;
2141
+ --mat-toolbar-container-text-color: white;
2142
+ }
2143
+ .mat-toolbar.mat-accent {
2144
+ --mat-toolbar-container-background-color: #69f0ae;
2145
+ --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
2146
+ }
2147
+ .mat-toolbar.mat-warn {
2148
+ --mat-toolbar-container-background-color: #f44336;
2149
+ --mat-toolbar-container-text-color: white;
2150
+ }
2151
+
2152
+ html {
2153
+ --mat-toolbar-standard-height: 64px;
2154
+ --mat-toolbar-mobile-height: 56px;
2155
+ }
2156
+
2157
+ html {
2158
+ --mat-toolbar-title-text-font: Roboto, sans-serif;
2159
+ --mat-toolbar-title-text-line-height: 32px;
2160
+ --mat-toolbar-title-text-size: 20px;
2161
+ --mat-toolbar-title-text-tracking: 0.0125em;
2162
+ --mat-toolbar-title-text-weight: 500;
2163
+ }
2164
+
2165
+ html {
2166
+ --mat-tree-container-background-color: #424242;
2167
+ --mat-tree-node-text-color: white;
2168
+ }
2169
+
2170
+ html {
2171
+ --mat-tree-node-min-height: 48px;
2172
+ }
2173
+
2174
+ html {
2175
+ --mat-tree-node-text-font: Roboto, sans-serif;
2176
+ --mat-tree-node-text-size: 14px;
2177
+ --mat-tree-node-text-weight: 400;
2178
+ }
2179
+
2180
+ html {
2181
+ --mat-timepicker-container-shape: 4px;
2182
+ --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);
2183
+ }
2184
+
2185
+ html {
2186
+ --mat-timepicker-container-background-color: #424242;
2187
+ }
2188
+
2189
+ .mat-h1,
2190
+ .mat-headline-5,
2191
+ .mat-typography .mat-h1,
2192
+ .mat-typography .mat-headline-5,
2193
+ .mat-typography h1 {
2194
+ font: 400 24px / 32px Roboto, sans-serif;
2195
+ letter-spacing: normal;
2196
+ margin: 0 0 16px;
2197
+ }
2198
+
2199
+ .mat-h2,
2200
+ .mat-headline-6,
2201
+ .mat-typography .mat-h2,
2202
+ .mat-typography .mat-headline-6,
2203
+ .mat-typography h2 {
2204
+ font: 500 20px / 32px Roboto, sans-serif;
2205
+ letter-spacing: 0.0125em;
2206
+ margin: 0 0 16px;
2207
+ }
2208
+
2209
+ .mat-h3,
2210
+ .mat-subtitle-1,
2211
+ .mat-typography .mat-h3,
2212
+ .mat-typography .mat-subtitle-1,
2213
+ .mat-typography h3 {
2214
+ font: 400 16px / 28px Roboto, sans-serif;
2215
+ letter-spacing: 0.009375em;
2216
+ margin: 0 0 16px;
2217
+ }
2218
+
2219
+ .mat-h4,
2220
+ .mat-body-1,
2221
+ .mat-typography .mat-h4,
2222
+ .mat-typography .mat-body-1,
2223
+ .mat-typography h4 {
2224
+ font: 400 16px / 24px Roboto, sans-serif;
2225
+ letter-spacing: 0.03125em;
2226
+ margin: 0 0 16px;
2227
+ }
2228
+
2229
+ .mat-h5,
2230
+ .mat-typography .mat-h5,
2231
+ .mat-typography h5 {
2232
+ font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
2233
+ margin: 0 0 12px;
2234
+ }
2235
+
2236
+ .mat-h6,
2237
+ .mat-typography .mat-h6,
2238
+ .mat-typography h6 {
2239
+ font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
2240
+ margin: 0 0 12px;
2241
+ }
2242
+
2243
+ .mat-body-strong,
2244
+ .mat-subtitle-2,
2245
+ .mat-typography .mat-body-strong,
2246
+ .mat-typography .mat-subtitle-2 {
2247
+ font: 500 14px / 22px Roboto, sans-serif;
2248
+ letter-spacing: 0.0071428571em;
2249
+ }
2250
+
2251
+ .mat-body,
2252
+ .mat-body-2,
2253
+ .mat-typography .mat-body,
2254
+ .mat-typography .mat-body-2,
2255
+ .mat-typography {
2256
+ font: 400 14px / 20px Roboto, sans-serif;
2257
+ letter-spacing: 0.0178571429em;
2258
+ }
2259
+ .mat-body p,
2260
+ .mat-body-2 p,
2261
+ .mat-typography .mat-body p,
2262
+ .mat-typography .mat-body-2 p,
2263
+ .mat-typography p {
2264
+ margin: 0 0 12px;
2265
+ }
2266
+
2267
+ .mat-small,
2268
+ .mat-caption,
2269
+ .mat-typography .mat-small,
2270
+ .mat-typography .mat-caption {
2271
+ font: 400 12px / 20px Roboto, sans-serif;
2272
+ letter-spacing: 0.0333333333em;
2273
+ }
2274
+
2275
+ .mat-headline-1,
2276
+ .mat-typography .mat-headline-1 {
2277
+ font: 300 96px / 96px Roboto, sans-serif;
2278
+ letter-spacing: -0.015625em;
2279
+ margin: 0 0 56px;
2280
+ }
2281
+
2282
+ .mat-headline-2,
2283
+ .mat-typography .mat-headline-2 {
2284
+ font: 300 60px / 60px Roboto, sans-serif;
2285
+ letter-spacing: -0.0083333333em;
2286
+ margin: 0 0 64px;
2287
+ }
2288
+
2289
+ .mat-headline-3,
2290
+ .mat-typography .mat-headline-3 {
2291
+ font: 400 48px / 50px Roboto, sans-serif;
2292
+ letter-spacing: normal;
2293
+ margin: 0 0 64px;
2294
+ }
2295
+
2296
+ .mat-headline-4,
2297
+ .mat-typography .mat-headline-4 {
2298
+ font: 400 34px / 40px Roboto, sans-serif;
2299
+ letter-spacing: 0.0073529412em;
2300
+ margin: 0 0 64px;
2301
+ }