@ng-matero/extensions 20.1.1 → 20.2.0

package/loader/_m2-loader.scss

@@ -1,39 +1,16 @@
-@use 'sass:color';
 @use 'sass:map';
-@use 'sass:meta';
-@use '@angular/material' as mat;
 @use '../core/tokens/m2-utils';
+@use '../core/tokens/m3-utils';
 
-// Tokens that can't be configured through Angular Material's current theming API,
-// but may be in a future version of the theming API.
-@function get-unthemable-tokens() {
-  @return ();
-}
+@function get-tokens($theme) {
+  $system: m2-utils.get-system($theme);
 
-// Tokens that can be configured through Angular Material's color theming API.
-@function get-color-tokens($theme) {
   @return (
-    loader-backdrop-background-color: mat.get-theme-color($theme, background, background, 0.75)
-  );
-}
-
-// Tokens that can be configured through Angular Material's typography theming API.
-@function get-typography-tokens($theme) {
-  @return ();
-}
-
-// Tokens that can be configured through Angular Material's density theming API.
-@function get-density-tokens($theme) {
-  @return ();
-}
-
-// Combines the tokens generated by the above functions into a single map with placeholder values.
-// This is used to create token slots.
-@function get-token-slots() {
-  @return mat.private-deep-merge-all(
-    get-unthemable-tokens(),
-    get-color-tokens(m2-utils.$placeholder-color-config),
-    get-typography-tokens(m2-utils.$placeholder-typography-config),
-    get-density-tokens(m2-utils.$placeholder-density-config)
+    base: (),
+    color: (
+      loader-backdrop-background-color: m3-utils.color-with-opacity(map.get($system, surface), 75%),
+    ),
+    typography: (),
+    density: ()
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-matero/extensions",
-  "version": "20.1.1",
+  "version": "20.2.0",
   "description": "Angular Material Extensions",
   "publishConfig": {
     "access": "public"
@@ -74,29 +74,25 @@
       "types": "./alert/index.d.ts",
       "default": "./fesm2022/mtxAlert.mjs"
     },
-    "./checkbox-group": {
-      "types": "./checkbox-group/index.d.ts",
-      "default": "./fesm2022/mtxCheckboxGroup.mjs"
-    },
     "./button": {
       "types": "./button/index.d.ts",
       "default": "./fesm2022/mtxButton.mjs"
     },
+    "./checkbox-group": {
+      "types": "./checkbox-group/index.d.ts",
+      "default": "./fesm2022/mtxCheckboxGroup.mjs"
+    },
     "./colorpicker": {
       "types": "./colorpicker/index.d.ts",
       "default": "./fesm2022/mtxColorpicker.mjs"
     },
-    "./core": {
-      "types": "./core/index.d.ts",
-      "default": "./fesm2022/mtxCore.mjs"
-    },
     "./column-resize": {
       "types": "./column-resize/index.d.ts",
       "default": "./fesm2022/mtxColumnResize.mjs"
     },
-    "./drawer": {
-      "types": "./drawer/index.d.ts",
-      "default": "./fesm2022/mtxDrawer.mjs"
+    "./core": {
+      "types": "./core/index.d.ts",
+      "default": "./fesm2022/mtxCore.mjs"
     },
     "./dialog": {
       "types": "./dialog/index.d.ts",
@@ -106,37 +102,41 @@
       "types": "./datetimepicker/index.d.ts",
       "default": "./fesm2022/mtxDatetimepicker.mjs"
     },
-    "./grid": {
-      "types": "./grid/index.d.ts",
-      "default": "./fesm2022/mtxGrid.mjs"
-    },
     "./loader": {
       "types": "./loader/index.d.ts",
       "default": "./fesm2022/mtxLoader.mjs"
     },
+    "./drawer": {
+      "types": "./drawer/index.d.ts",
+      "default": "./fesm2022/mtxDrawer.mjs"
+    },
+    "./grid": {
+      "types": "./grid/index.d.ts",
+      "default": "./fesm2022/mtxGrid.mjs"
+    },
     "./photoviewer": {
       "types": "./photoviewer/index.d.ts",
       "default": "./fesm2022/mtxPhotoviewer.mjs"
     },
-    "./popover": {
-      "types": "./popover/index.d.ts",
-      "default": "./fesm2022/mtxPopover.mjs"
-    },
     "./progress": {
       "types": "./progress/index.d.ts",
       "default": "./fesm2022/mtxProgress.mjs"
     },
+    "./popover": {
+      "types": "./popover/index.d.ts",
+      "default": "./fesm2022/mtxPopover.mjs"
+    },
     "./select": {
       "types": "./select/index.d.ts",
       "default": "./fesm2022/mtxSelect.mjs"
     },
-    "./tooltip": {
-      "types": "./tooltip/index.d.ts",
-      "default": "./fesm2022/mtxTooltip.mjs"
-    },
     "./split": {
       "types": "./split/index.d.ts",
       "default": "./fesm2022/mtxSplit.mjs"
+    },
+    "./tooltip": {
+      "types": "./tooltip/index.d.ts",
+      "default": "./fesm2022/mtxTooltip.mjs"
     }
   },
   "dependencies": {
@@ -146,10 +146,10 @@
     "tslib": "^2.4.0"
   },
   "peerDependencies": {
-    "@angular/cdk": ">=20.0.0",
-    "@angular/common": ">=20.0.0",
-    "@angular/core": ">=20.0.0",
-    "@angular/material": ">=20.0.0"
+    "@angular/cdk": ">=20.1.0",
+    "@angular/common": ">=20.1.0",
+    "@angular/core": ">=20.1.0",
+    "@angular/material": ">=20.1.0"
   },
   "sideEffects": false,
   "module": "fesm2022/ng-matero-extensions.mjs",

package/popover/_m2-popover.scss

@@ -1,44 +1,22 @@
 @use 'sass:map';
-@use '@angular/material' as mat;
 @use '../core/tokens/m2-utils';
 
-// Tokens that can't be configured through Angular Material's current theming API,
-// but may be in a future version of the theming API.
-@function get-unthemable-tokens() {
-  @return (
-    popover-container-shape: 4px,
-    // Note that this uses a value, rather than a computed box-shadow, because we use
-    // the value at runtime to determine which shadow to set based on the popover's depth.
-    popover-base-elevation-level: 8,
-  );
-}
+@function get-tokens($theme) {
+  $system: m2-utils.get-system($theme);
 
-// Tokens that can be configured through Angular Material's color theming API.
-@function get-color-tokens($theme) {
   @return (
-    popover-outline-color: mat.get-theme-color($theme, foreground, divider),
-    popover-background-color: mat.get-theme-color($theme, background, card),
-    popover-text-color: mat.get-theme-color($theme, foreground, text),
-  );
-}
-
-// Tokens that can be configured through Angular Material's typography theming API.
-@function get-typography-tokens($theme) {
-  @return ();
-}
-
-// Tokens that can be configured through Angular Material's density theming API.
-@function get-density-tokens($theme) {
-  @return ();
-}
-
-// Combines the tokens generated by the above functions into a single map with placeholder values.
-// This is used to create token slots.
-@function get-token-slots() {
-  @return mat.private-deep-merge-all(
-    get-unthemable-tokens(),
-    get-color-tokens(m2-utils.$placeholder-color-config),
-    get-typography-tokens(m2-utils.$placeholder-typography-config),
-    get-density-tokens(m2-utils.$placeholder-density-config)
+    base: (
+      popover-container-shape: 4px,
+      // Note that this uses a value, rather than a computed box-shadow, because we use
+      // the value at runtime to determine which shadow to set based on the popover's depth.
+      popover-base-elevation-level: 8,
+    ),
+    color: (
+      popover-outline-color: map.get($system, outline),
+      popover-background-color: map.get($system, surface),
+      popover-text-color: map.get($system, on-surface),
+    ),
+    typography: (),
+    density: ()
   );
 }

package/popover/_popover-theme.scss

@@ -5,47 +5,39 @@
 @use './m3-popover';
 
 @mixin base($theme) {
+  $tokens: map.get(m2-popover.get-tokens($theme), base);
   @if mat.get-theme-version($theme) == 1 {
-    @include token-utils.create-token-values(map.get(m3-popover.get-tokens($theme), base));
-  }
-  @else {
-    @include mat.private-current-selector-or-root() {
-      @include token-utils.create-token-values-mixed(m2-popover.get-unthemable-tokens());
-    }
+    $tokens: map.get(m3-popover.get-tokens($theme), base);
   }
+
+  @include token-utils.values($tokens);
 }
 
 @mixin color($theme) {
+  $tokens: map.get(m2-popover.get-tokens($theme), color);
   @if mat.get-theme-version($theme) == 1 {
-    @include token-utils.create-token-values(map.get(m3-popover.get-tokens($theme), color));
-  }
-  @else {
-    @include mat.private-current-selector-or-root() {
-      @include token-utils.create-token-values-mixed(m2-popover.get-color-tokens($theme));
-    }
+    $tokens: map.get(m3-popover.get-tokens($theme), color);
   }
+
+  @include token-utils.values($tokens);
 }
 
 @mixin typography($theme) {
+  $tokens: map.get(m2-popover.get-tokens($theme), typography);
   @if mat.get-theme-version($theme) == 1 {
-    @include token-utils.create-token-values(map.get(m3-popover.get-tokens($theme), typography));
-  }
-  @else {
-    @include mat.private-current-selector-or-root() {
-      @include token-utils.create-token-values-mixed(m2-popover.get-typography-tokens($theme));
-    }
+    $tokens: map.get(m3-popover.get-tokens($theme), typography);
   }
+
+  @include token-utils.values($tokens);
 }
 
 @mixin density($theme) {
+  $tokens: map.get(m2-popover.get-tokens($theme), density);
   @if mat.get-theme-version($theme) == 1 {
-    @include token-utils.create-token-values(map.get(m3-popover.get-tokens($theme), density));
-  }
-  @else {
-    @include mat.private-current-selector-or-root() {
-      @include token-utils.create-token-values-mixed(m2-popover.get-density-tokens($theme));
-    }
+    $tokens: map.get(m3-popover.get-tokens($theme), density);
   }
+
+  @include token-utils.values($tokens);
 }
 
 /// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.

package/prebuilt-themes/deeppurple-amber.css

@@ -1 +1 @@
-.mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mtx-alert-container-shape: 4px}html{--mtx-alert-outline-color: transparent;--mtx-alert-background-color: #f5f5f5;--mtx-alert-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #bbdefb;--mtx-alert-info-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #c8e6c9;--mtx-alert-success-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ffecb3;--mtx-alert-warning-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #ffcdd2;--mtx-alert-danger-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-colorpicker-toggle-active-state-icon-color: #673ab7;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #ffd740}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-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);--mtx-datetimepicker-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);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-header-background-color: #673ab7;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #673ab7;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(103, 58, 183, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(103, 58, 183, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(103, 58, 183, 0.3);--mtx-datetimepicker-clock-hand-background-color: #673ab7;--mtx-datetimepicker-clock-cell-selected-state-background-color: #673ab7;--mtx-datetimepicker-time-input-active-state-text-color: #673ab7;--mtx-datetimepicker-time-input-active-state-background-color: rgba(103, 58, 183, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #673ab7;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(103, 58, 183, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(103, 58, 183, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color: #673ab7;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color: #fafafa;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: rgba(0, 0, 0, 0.75);--mtx-datetimepicker-time-ampm-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color: #ffd740;--mtx-datetimepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color: #ffd740;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 215, 64, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(255, 215, 64, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(255, 215, 64, 0.3);--mtx-datetimepicker-clock-hand-background-color: #ffd740;--mtx-datetimepicker-clock-cell-selected-state-background-color: #ffd740;--mtx-datetimepicker-time-input-active-state-text-color: #ffd740;--mtx-datetimepicker-time-input-active-state-background-color: rgba(255, 215, 64, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #ffd740;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(255, 215, 64, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(255, 215, 64, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color: #ffd740}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-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)}html{--mtx-drawer-container-background-color: white;--mtx-drawer-container-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: rgba(0, 0, 0, 0.2);--mtx-grid-column-menu-text-color: rgba(0, 0, 0, 0.87);--mtx-grid-column-menu-divider-color: rgba(0, 0, 0, 0.12);--mtx-grid-table-footer-background-color: #f5f5f5;--mtx-grid-table-row-striped-background-color: #f5f5f5;--mtx-grid-table-row-hover-background-color: #eee;--mtx-grid-table-row-selected-background-color: #eee;--mtx-grid-table-row-selected-hover-background-color: #e0e0e0;--mtx-grid-table-cell-selected-outline-color: #ffd740;--mtx-grid-resizable-handle-active-background-color: #673ab7;--mtx-grid-resizable-handle-hover-background-color: #673ab7;--mtx-grid-resizable-handle-disabled-background-color: rgba(0, 0, 0, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: rgba(250, 250, 250, 0.75)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(0, 0, 0, 0.12);--mtx-popover-background-color: white;--mtx-popover-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: rgba(0, 0, 0, 0.04);--mtx-progress-indicator-color: rgba(0, 0, 0, 0.12);--mtx-progress-text-color: rgba(0, 0, 0, 0.87);--mtx-progress-info-indicator-color: #2196f3;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #4caf50;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #ff9800;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #f44336;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-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{--mtx-select-option-selected-state-text-color: #673ab7;--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: rgba(0, 0, 0, 0.38);--mtx-select-disabled-text-color: rgba(0, 0, 0, 0.38);--mtx-select-multiple-value-background-color: #e0e0e0;--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: rgba(0, 0, 0, 0.06);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color: rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color: rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-disabled-state-text-color: rgba(0, 0, 0, 0.38)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color: #ffd740}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color: #f44336}html{--mtx-split-gutter-hover-state-background-color: #673ab7;--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color: #ffd740}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: #616161;--mtx-tooltip-supporting-text-color: #fff}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}
+.mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mtx-alert-container-shape: 4px}html{--mtx-alert-outline-color: transparent;--mtx-alert-background-color: #f5f5f5;--mtx-alert-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #bbdefb;--mtx-alert-info-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #c8e6c9;--mtx-alert-success-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ffecb3;--mtx-alert-warning-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #ffcdd2;--mtx-alert-danger-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-colorpicker-toggle-active-state-icon-color: #673ab7;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #ffd740;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}html{--mtx-datetimepicker-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);--mtx-datetimepicker-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);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #673ab7;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #673ab7 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #673ab7 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #673ab7 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #673ab7;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-background-color: #673ab7;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #673ab7;--mtx-datetimepicker-clock-hand-background-color: #673ab7;--mtx-datetimepicker-time-input-active-state-text-color: #673ab7;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #673ab7 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #673ab7;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #673ab7 60%, transparent);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #673ab7 20%, transparent)}.mtx-datetimepicker-content.mat-accent,.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color: #ffd740;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ffd740 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ffd740 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ffd740 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #ffd740;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-background-color: #ffd740;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #ffd740;--mtx-datetimepicker-clock-hand-background-color: #ffd740;--mtx-datetimepicker-time-input-active-state-text-color: #ffd740;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #ffd740 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #ffd740;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #ffd740 60%, transparent);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #ffd740 20%, transparent)}.mtx-datetimepicker-content.mat-warn,.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-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)}html{--mtx-drawer-container-background-color: white;--mtx-drawer-container-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 20%, transparent);--mtx-grid-column-menu-text-color: rgba(0, 0, 0, 0.87);--mtx-grid-column-menu-divider-color: rgba(0, 0, 0, 0.12);--mtx-grid-table-footer-background-color: white;--mtx-grid-table-row-striped-background-color: #f5f5f5;--mtx-grid-table-row-hover-background-color: #eee;--mtx-grid-table-row-selected-background-color: #eee;--mtx-grid-table-row-selected-hover-background-color: #e0e0e0;--mtx-grid-table-cell-selected-outline-color: #ffd740;--mtx-grid-resizable-handle-active-background-color: #673ab7;--mtx-grid-resizable-handle-hover-background-color: #673ab7;--mtx-grid-resizable-handle-disabled-background-color: rgba(0, 0, 0, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: color-mix(in srgb, white 75%, transparent)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(0, 0, 0, 0.12);--mtx-popover-background-color: white;--mtx-popover-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-progress-indicator-color: rgba(0, 0, 0, 0.12);--mtx-progress-text-color: rgba(0, 0, 0, 0.87);--mtx-progress-info-indicator-color: #2196f3;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #4caf50;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #ff9800;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #f44336;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-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{--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color: rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color: rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-text-color: #673ab7;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}.ng-dropdown-panel.mat-accent{--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color: rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color: rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-text-color: #ffd740;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}.ng-dropdown-panel.mat-warn{--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color: rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color: rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}html{--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12);--mtx-split-gutter-hover-state-background-color: #673ab7}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12);--mtx-split-gutter-hover-state-background-color: #ffd740}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12);--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: #424242;--mtx-tooltip-supporting-text-color: white}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}

package/prebuilt-themes/indigo-pink.css

@@ -1 +1 @@
-.mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mtx-alert-container-shape: 4px}html{--mtx-alert-outline-color: transparent;--mtx-alert-background-color: #f5f5f5;--mtx-alert-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #bbdefb;--mtx-alert-info-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #c8e6c9;--mtx-alert-success-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ffecb3;--mtx-alert-warning-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #ffcdd2;--mtx-alert-danger-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-colorpicker-toggle-active-state-icon-color: #3f51b5;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #ff4081}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-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);--mtx-datetimepicker-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);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-header-background-color: #3f51b5;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #3f51b5;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);--mtx-datetimepicker-clock-hand-background-color: #3f51b5;--mtx-datetimepicker-clock-cell-selected-state-background-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-text-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-background-color: rgba(63, 81, 181, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #3f51b5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(63, 81, 181, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(63, 81, 181, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color: #3f51b5;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color: #fafafa;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: rgba(0, 0, 0, 0.75);--mtx-datetimepicker-time-ampm-outline-color: rgba(0, 0, 0, 0.38);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87)}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color: #ff4081;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #ff4081;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);--mtx-datetimepicker-clock-hand-background-color: #ff4081;--mtx-datetimepicker-clock-cell-selected-state-background-color: #ff4081;--mtx-datetimepicker-time-input-active-state-text-color: #ff4081;--mtx-datetimepicker-time-input-active-state-background-color: rgba(255, 64, 129, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #ff4081;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(255, 64, 129, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(255, 64, 129, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color: #ff4081}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-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)}html{--mtx-drawer-container-background-color: white;--mtx-drawer-container-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: rgba(0, 0, 0, 0.2);--mtx-grid-column-menu-text-color: rgba(0, 0, 0, 0.87);--mtx-grid-column-menu-divider-color: rgba(0, 0, 0, 0.12);--mtx-grid-table-footer-background-color: #f5f5f5;--mtx-grid-table-row-striped-background-color: #f5f5f5;--mtx-grid-table-row-hover-background-color: #eee;--mtx-grid-table-row-selected-background-color: #eee;--mtx-grid-table-row-selected-hover-background-color: #e0e0e0;--mtx-grid-table-cell-selected-outline-color: #ff4081;--mtx-grid-resizable-handle-active-background-color: #3f51b5;--mtx-grid-resizable-handle-hover-background-color: #3f51b5;--mtx-grid-resizable-handle-disabled-background-color: rgba(0, 0, 0, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: rgba(250, 250, 250, 0.75)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(0, 0, 0, 0.12);--mtx-popover-background-color: white;--mtx-popover-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: rgba(0, 0, 0, 0.04);--mtx-progress-indicator-color: rgba(0, 0, 0, 0.12);--mtx-progress-text-color: rgba(0, 0, 0, 0.87);--mtx-progress-info-indicator-color: #2196f3;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #4caf50;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #ff9800;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #f44336;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-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{--mtx-select-option-selected-state-text-color: #3f51b5;--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: rgba(0, 0, 0, 0.38);--mtx-select-disabled-text-color: rgba(0, 0, 0, 0.38);--mtx-select-multiple-value-background-color: #e0e0e0;--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: rgba(0, 0, 0, 0.06);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color: rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color: rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-hover-state-background-color: rgba(0, 0, 0, 0.04);--mtx-select-option-disabled-state-text-color: rgba(0, 0, 0, 0.38)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color: #ff4081}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color: #f44336}html{--mtx-split-gutter-hover-state-background-color: #3f51b5;--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color: #ff4081}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: #616161;--mtx-tooltip-supporting-text-color: #fff}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}
+.mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mtx-alert-container-shape: 4px}html{--mtx-alert-outline-color: transparent;--mtx-alert-background-color: #f5f5f5;--mtx-alert-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #bbdefb;--mtx-alert-info-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #c8e6c9;--mtx-alert-success-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ffecb3;--mtx-alert-warning-text-color: rgba(0, 0, 0, 0.87);--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #ffcdd2;--mtx-alert-danger-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-colorpicker-toggle-active-state-icon-color: #3f51b5;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #ff4081;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(0, 0, 0, 0.54)}html{--mtx-datetimepicker-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);--mtx-datetimepicker-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);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #3f51b5;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #3f51b5;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-background-color: #3f51b5;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #3f51b5;--mtx-datetimepicker-clock-hand-background-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-text-color: #3f51b5;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #3f51b5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #3f51b5 60%, transparent);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent)}.mtx-datetimepicker-content.mat-accent,.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #ff4081;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #ff4081;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-background-color: #ff4081;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #ff4081;--mtx-datetimepicker-clock-hand-background-color: #ff4081;--mtx-datetimepicker-time-input-active-state-text-color: #ff4081;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #ff4081;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #ff4081 60%, transparent);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #ff4081 20%, transparent)}.mtx-datetimepicker-content.mat-warn,.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--mtx-datetimepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-table-header-text-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);--mtx-datetimepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-container-background-color: white;--mtx-datetimepicker-container-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-dial-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-clock-cell-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--mtx-datetimepicker-time-input-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-input-background-color: rgba(0, 0, 0, 0.12);--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-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)}html{--mtx-drawer-container-background-color: white;--mtx-drawer-container-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 20%, transparent);--mtx-grid-column-menu-text-color: rgba(0, 0, 0, 0.87);--mtx-grid-column-menu-divider-color: rgba(0, 0, 0, 0.12);--mtx-grid-table-footer-background-color: white;--mtx-grid-table-row-striped-background-color: #f5f5f5;--mtx-grid-table-row-hover-background-color: #eee;--mtx-grid-table-row-selected-background-color: #eee;--mtx-grid-table-row-selected-hover-background-color: #e0e0e0;--mtx-grid-table-cell-selected-outline-color: #ff4081;--mtx-grid-resizable-handle-active-background-color: #3f51b5;--mtx-grid-resizable-handle-hover-background-color: #3f51b5;--mtx-grid-resizable-handle-disabled-background-color: rgba(0, 0, 0, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: color-mix(in srgb, white 75%, transparent)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(0, 0, 0, 0.12);--mtx-popover-background-color: white;--mtx-popover-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-progress-indicator-color: rgba(0, 0, 0, 0.12);--mtx-progress-text-color: rgba(0, 0, 0, 0.87);--mtx-progress-info-indicator-color: #2196f3;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #4caf50;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #ff9800;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #f44336;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-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{--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color: rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color: rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-text-color: #3f51b5;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}.ng-dropdown-panel.mat-accent{--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color: rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color: rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-text-color: #ff4081;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}.ng-dropdown-panel.mat-warn{--mtx-select-container-text-color: rgba(0, 0, 0, 0.87);--mtx-select-placeholder-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-multiple-value-background-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-outline-color: rgba(0, 0, 0, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(0, 0, 0, 0.12);--mtx-select-clear-icon-color: rgba(0, 0, 0, 0.54);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);--mtx-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: white;--mtx-select-panel-divider-color: rgba(0, 0, 0, 0.12);--mtx-select-optgroup-label-text-color: rgba(0, 0, 0, 0.54);--mtx-select-option-label-text-color: rgba(0, 0, 0, 0.87);--mtx-select-option-selected-state-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent)}html{--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12);--mtx-split-gutter-hover-state-background-color: #3f51b5}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12);--mtx-split-gutter-hover-state-background-color: #ff4081}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-background-color: rgba(0, 0, 0, 0.12);--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: #424242;--mtx-tooltip-supporting-text-color: white}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}

package/prebuilt-themes/pink-bluegrey.css

@@ -1 +1 @@
-.mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mtx-alert-container-shape: 4px}html{--mtx-alert-outline-color: transparent;--mtx-alert-background-color: #212121;--mtx-alert-text-color: white;--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #0d47a1;--mtx-alert-info-text-color: white;--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #1b5e20;--mtx-alert-success-text-color: white;--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ff6f00;--mtx-alert-warning-text-color: white;--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #b71c1c;--mtx-alert-danger-text-color: white}html{--mtx-colorpicker-toggle-active-state-icon-color: #c2185b;--mtx-colorpicker-toggle-icon-color: white}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #b0bec5}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-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);--mtx-datetimepicker-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);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-header-background-color: #c2185b;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #c2185b;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(194, 24, 91, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(194, 24, 91, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(194, 24, 91, 0.3);--mtx-datetimepicker-clock-hand-background-color: #c2185b;--mtx-datetimepicker-clock-cell-selected-state-background-color: #c2185b;--mtx-datetimepicker-time-input-active-state-text-color: #c2185b;--mtx-datetimepicker-time-input-active-state-background-color: rgba(194, 24, 91, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #c2185b;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(194, 24, 91, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(194, 24, 91, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color: #c2185b;--mtx-datetimepicker-toggle-icon-color: white;--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-table-header-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-container-background-color: #424242;--mtx-datetimepicker-container-text-color: white;--mtx-datetimepicker-clock-dial-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color: white;--mtx-datetimepicker-clock-cell-hover-state-background-color: rgba(255, 255, 255, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-input-text-color: white;--mtx-datetimepicker-time-input-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color: #303030;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: rgba(255, 255, 255, 0.75);--mtx-datetimepicker-time-ampm-outline-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-ampm-selected-state-text-color: white}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color: #b0bec5;--mtx-datetimepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color: #b0bec5;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(176, 190, 197, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(176, 190, 197, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(176, 190, 197, 0.3);--mtx-datetimepicker-clock-hand-background-color: #b0bec5;--mtx-datetimepicker-clock-cell-selected-state-background-color: #b0bec5;--mtx-datetimepicker-time-input-active-state-text-color: #b0bec5;--mtx-datetimepicker-time-input-active-state-background-color: rgba(176, 190, 197, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #b0bec5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(176, 190, 197, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(176, 190, 197, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color: #b0bec5}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-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)}html{--mtx-drawer-container-background-color: #424242;--mtx-drawer-container-text-color: white}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: rgba(255, 255, 255, 0.2);--mtx-grid-column-menu-text-color: white;--mtx-grid-column-menu-divider-color: rgba(255, 255, 255, 0.12);--mtx-grid-table-footer-background-color: #212121;--mtx-grid-table-row-striped-background-color: #3a3a3a;--mtx-grid-table-row-hover-background-color: #2a2a2a;--mtx-grid-table-row-selected-background-color: #2a2a2a;--mtx-grid-table-row-selected-hover-background-color: #1a1a1a;--mtx-grid-table-cell-selected-outline-color: #b0bec5;--mtx-grid-resizable-handle-active-background-color: #c2185b;--mtx-grid-resizable-handle-hover-background-color: #c2185b;--mtx-grid-resizable-handle-disabled-background-color: rgba(255, 255, 255, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: rgba(48, 48, 48, 0.75)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(255, 255, 255, 0.12);--mtx-popover-background-color: #424242;--mtx-popover-text-color: white}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: rgba(255, 255, 255, 0.04);--mtx-progress-indicator-color: rgba(255, 255, 255, 0.12);--mtx-progress-text-color: white;--mtx-progress-info-indicator-color: #0d47a1;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #1b5e20;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #e65100;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #b71c1c;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-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{--mtx-select-option-selected-state-text-color: #c2185b;--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: rgba(255, 255, 255, 0.5);--mtx-select-disabled-text-color: rgba(255, 255, 255, 0.5);--mtx-select-multiple-value-background-color: #616161;--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: rgba(255, 255, 255, 0.06);--mtx-select-multiple-value-icon-hover-background-color: rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color: rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color: rgba(255, 255, 255, 0.5);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: #424242;--mtx-select-panel-divider-color: rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color: rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color: white;--mtx-select-option-selected-state-background-color: rgba(255, 255, 255, 0.04);--mtx-select-option-hover-state-background-color: rgba(255, 255, 255, 0.04);--mtx-select-option-disabled-state-text-color: rgba(255, 255, 255, 0.5)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color: #b0bec5}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color: #f44336}html{--mtx-split-gutter-hover-state-background-color: #c2185b;--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color: #b0bec5}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: #616161;--mtx-tooltip-supporting-text-color: #fff}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}
+.mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mtx-alert-container-shape: 4px}html{--mtx-alert-outline-color: transparent;--mtx-alert-background-color: #212121;--mtx-alert-text-color: white;--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #0d47a1;--mtx-alert-info-text-color: white;--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #1b5e20;--mtx-alert-success-text-color: white;--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ff6f00;--mtx-alert-warning-text-color: white;--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #b71c1c;--mtx-alert-danger-text-color: white}html{--mtx-colorpicker-toggle-active-state-icon-color: #c2185b;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #b0bec5;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}html{--mtx-datetimepicker-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);--mtx-datetimepicker-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);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #c2185b;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #c2185b 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #c2185b 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #c2185b 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #c2185b;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #c2185b;--mtx-datetimepicker-calendar-table-header-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-container-background-color: #424242;--mtx-datetimepicker-container-text-color: white;--mtx-datetimepicker-clock-dial-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color: white;--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #c2185b;--mtx-datetimepicker-clock-hand-background-color: #c2185b;--mtx-datetimepicker-time-input-active-state-text-color: #c2185b;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #c2185b 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #c2185b;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #c2185b 60%, transparent);--mtx-datetimepicker-time-input-text-color: white;--mtx-datetimepicker-time-input-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #c2185b 20%, transparent)}.mtx-datetimepicker-content.mat-accent,.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color: #b0bec5;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #b0bec5 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #b0bec5 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #b0bec5 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #b0bec5;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #b0bec5;--mtx-datetimepicker-calendar-table-header-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-container-background-color: #424242;--mtx-datetimepicker-container-text-color: white;--mtx-datetimepicker-clock-dial-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color: white;--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #b0bec5;--mtx-datetimepicker-clock-hand-background-color: #b0bec5;--mtx-datetimepicker-time-input-active-state-text-color: #b0bec5;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #b0bec5 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #b0bec5;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #b0bec5 60%, transparent);--mtx-datetimepicker-time-input-text-color: white;--mtx-datetimepicker-time-input-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #b0bec5 20%, transparent)}.mtx-datetimepicker-content.mat-warn,.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-table-header-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-container-background-color: #424242;--mtx-datetimepicker-container-text-color: white;--mtx-datetimepicker-clock-dial-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color: white;--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--mtx-datetimepicker-time-input-text-color: white;--mtx-datetimepicker-time-input-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-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)}html{--mtx-drawer-container-background-color: #424242;--mtx-drawer-container-text-color: white}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: color-mix(in srgb, white 20%, transparent);--mtx-grid-column-menu-text-color: white;--mtx-grid-column-menu-divider-color: rgba(255, 255, 255, 0.12);--mtx-grid-table-footer-background-color: #424242;--mtx-grid-table-row-striped-background-color: #3a3a3a;--mtx-grid-table-row-hover-background-color: #2a2a2a;--mtx-grid-table-row-selected-background-color: #2a2a2a;--mtx-grid-table-row-selected-hover-background-color: #1a1a1a;--mtx-grid-table-cell-selected-outline-color: #b0bec5;--mtx-grid-resizable-handle-active-background-color: #c2185b;--mtx-grid-resizable-handle-hover-background-color: #c2185b;--mtx-grid-resizable-handle-disabled-background-color: rgba(255, 255, 255, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: color-mix(in srgb, #424242 75%, transparent)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(255, 255, 255, 0.12);--mtx-popover-background-color: #424242;--mtx-popover-text-color: white}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: color-mix(in srgb, white 4%, transparent);--mtx-progress-indicator-color: rgba(255, 255, 255, 0.12);--mtx-progress-text-color: white;--mtx-progress-info-indicator-color: #0d47a1;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #1b5e20;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #e65100;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #b71c1c;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-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{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color: rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: #424242;--mtx-select-panel-divider-color: rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color: rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color: white;--mtx-select-option-selected-state-text-color: #c2185b;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.ng-dropdown-panel.mat-accent{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color: rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: #424242;--mtx-select-panel-divider-color: rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color: rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color: white;--mtx-select-option-selected-state-text-color: #b0bec5;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.ng-dropdown-panel.mat-warn{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color: rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: #424242;--mtx-select-panel-divider-color: rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color: rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color: white;--mtx-select-option-selected-state-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}html{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #c2185b}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #b0bec5}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: white;--mtx-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}

package/prebuilt-themes/purple-green.css

@@ -1 +1 @@
-.mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mtx-alert-container-shape: 4px}html{--mtx-alert-outline-color: transparent;--mtx-alert-background-color: #212121;--mtx-alert-text-color: white;--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #0d47a1;--mtx-alert-info-text-color: white;--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #1b5e20;--mtx-alert-success-text-color: white;--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ff6f00;--mtx-alert-warning-text-color: white;--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #b71c1c;--mtx-alert-danger-text-color: white}html{--mtx-colorpicker-toggle-active-state-icon-color: #7b1fa2;--mtx-colorpicker-toggle-icon-color: white}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #69f0ae}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-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);--mtx-datetimepicker-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);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-header-background-color: #7b1fa2;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #7b1fa2;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(123, 31, 162, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(123, 31, 162, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(123, 31, 162, 0.3);--mtx-datetimepicker-clock-hand-background-color: #7b1fa2;--mtx-datetimepicker-clock-cell-selected-state-background-color: #7b1fa2;--mtx-datetimepicker-time-input-active-state-text-color: #7b1fa2;--mtx-datetimepicker-time-input-active-state-background-color: rgba(123, 31, 162, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #7b1fa2;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(123, 31, 162, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(123, 31, 162, 0.2);--mtx-datetimepicker-toggle-active-state-icon-color: #7b1fa2;--mtx-datetimepicker-toggle-icon-color: white;--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-table-header-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-container-background-color: #424242;--mtx-datetimepicker-container-text-color: white;--mtx-datetimepicker-clock-dial-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color: white;--mtx-datetimepicker-clock-cell-hover-state-background-color: rgba(255, 255, 255, 0.04);--mtx-datetimepicker-clock-cell-disabled-state-text-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-input-text-color: white;--mtx-datetimepicker-time-input-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-focus-state-background-color: #303030;--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: rgba(255, 255, 255, 0.75);--mtx-datetimepicker-time-ampm-outline-color: rgba(255, 255, 255, 0.5);--mtx-datetimepicker-time-ampm-selected-state-text-color: white}.mtx-datetimepicker-content.mat-accent{--mtx-datetimepicker-calendar-header-background-color: #69f0ae;--mtx-datetimepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color: #69f0ae;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(105, 240, 174, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(105, 240, 174, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(105, 240, 174, 0.3);--mtx-datetimepicker-clock-hand-background-color: #69f0ae;--mtx-datetimepicker-clock-cell-selected-state-background-color: #69f0ae;--mtx-datetimepicker-time-input-active-state-text-color: #69f0ae;--mtx-datetimepicker-time-input-active-state-background-color: rgba(105, 240, 174, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #69f0ae;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(105, 240, 174, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(105, 240, 174, 0.2)}.mtx-datetimepicker-content.mat-warn{--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: rgba(244, 67, 54, 0.2);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: rgba(244, 67, 54, 0.6);--mtx-datetimepicker-time-ampm-selected-state-background-color: rgba(244, 67, 54, 0.2)}.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-toggle-active-state-icon-color: #69f0ae}.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-toggle-active-state-icon-color: #f44336}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-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)}html{--mtx-drawer-container-background-color: #424242;--mtx-drawer-container-text-color: white}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: rgba(255, 255, 255, 0.2);--mtx-grid-column-menu-text-color: white;--mtx-grid-column-menu-divider-color: rgba(255, 255, 255, 0.12);--mtx-grid-table-footer-background-color: #212121;--mtx-grid-table-row-striped-background-color: #3a3a3a;--mtx-grid-table-row-hover-background-color: #2a2a2a;--mtx-grid-table-row-selected-background-color: #2a2a2a;--mtx-grid-table-row-selected-hover-background-color: #1a1a1a;--mtx-grid-table-cell-selected-outline-color: #69f0ae;--mtx-grid-resizable-handle-active-background-color: #7b1fa2;--mtx-grid-resizable-handle-hover-background-color: #7b1fa2;--mtx-grid-resizable-handle-disabled-background-color: rgba(255, 255, 255, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: rgba(48, 48, 48, 0.75)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(255, 255, 255, 0.12);--mtx-popover-background-color: #424242;--mtx-popover-text-color: white}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: rgba(255, 255, 255, 0.04);--mtx-progress-indicator-color: rgba(255, 255, 255, 0.12);--mtx-progress-text-color: white;--mtx-progress-info-indicator-color: #0d47a1;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #1b5e20;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #e65100;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #b71c1c;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-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{--mtx-select-option-selected-state-text-color: #7b1fa2;--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: rgba(255, 255, 255, 0.5);--mtx-select-disabled-text-color: rgba(255, 255, 255, 0.5);--mtx-select-multiple-value-background-color: #616161;--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: rgba(255, 255, 255, 0.06);--mtx-select-multiple-value-icon-hover-background-color: rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color: rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color: rgba(255, 255, 255, 0.5);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: #424242;--mtx-select-panel-divider-color: rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color: rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color: white;--mtx-select-option-selected-state-background-color: rgba(255, 255, 255, 0.04);--mtx-select-option-hover-state-background-color: rgba(255, 255, 255, 0.04);--mtx-select-option-disabled-state-text-color: rgba(255, 255, 255, 0.5)}.ng-dropdown-panel.mat-accent{--mtx-select-option-selected-state-text-color: #69f0ae}.ng-dropdown-panel.mat-warn{--mtx-select-option-selected-state-text-color: #f44336}html{--mtx-split-gutter-hover-state-background-color: #7b1fa2;--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12)}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-hover-state-background-color: #69f0ae}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: #616161;--mtx-tooltip-supporting-text-color: #fff}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}
+.mat-button-loading .mdc-button__label,.mat-button-loading .mat-icon{visibility:hidden}.mat-button-loading .mat-mdc-progress-spinner{position:absolute;top:calc(50% - 12px);left:calc(50% - 12px)}html{--mtx-alert-container-shape: 4px}html{--mtx-alert-outline-color: transparent;--mtx-alert-background-color: #212121;--mtx-alert-text-color: white;--mtx-alert-info-outline-color: transparent;--mtx-alert-info-background-color: #0d47a1;--mtx-alert-info-text-color: white;--mtx-alert-success-outline-color: transparent;--mtx-alert-success-background-color: #1b5e20;--mtx-alert-success-text-color: white;--mtx-alert-warning-outline-color: transparent;--mtx-alert-warning-background-color: #ff6f00;--mtx-alert-warning-text-color: white;--mtx-alert-danger-outline-color: transparent;--mtx-alert-danger-background-color: #b71c1c;--mtx-alert-danger-text-color: white}html{--mtx-colorpicker-toggle-active-state-icon-color: #7b1fa2;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}.mtx-colorpicker-toggle-active.mat-accent{--mtx-colorpicker-toggle-active-state-icon-color: #69f0ae;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}.mtx-colorpicker-toggle-active.mat-warn{--mtx-colorpicker-toggle-active-state-icon-color: #f44336;--mtx-colorpicker-toggle-icon-color: rgba(255, 255, 255, 0.7)}html{--mtx-datetimepicker-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);--mtx-datetimepicker-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);--mtx-datetimepicker-container-shape: 4px;--mtx-datetimepicker-container-touch-shape: 4px;--mtx-datetimepicker-selector-container-shape: 4px}html{--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #7b1fa2;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #7b1fa2 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #7b1fa2 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #7b1fa2;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #7b1fa2;--mtx-datetimepicker-calendar-table-header-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-container-background-color: #424242;--mtx-datetimepicker-container-text-color: white;--mtx-datetimepicker-clock-dial-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color: white;--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #7b1fa2;--mtx-datetimepicker-clock-hand-background-color: #7b1fa2;--mtx-datetimepicker-time-input-active-state-text-color: #7b1fa2;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #7b1fa2 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #7b1fa2;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #7b1fa2 60%, transparent);--mtx-datetimepicker-time-input-text-color: white;--mtx-datetimepicker-time-input-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #7b1fa2 20%, transparent)}.mtx-datetimepicker-content.mat-accent,.mtx-datetimepicker-toggle-active.mat-accent{--mtx-datetimepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-selected-state-background-color: #69f0ae;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #69f0ae 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #69f0ae 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #69f0ae 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #69f0ae;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #69f0ae;--mtx-datetimepicker-calendar-table-header-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-container-background-color: #424242;--mtx-datetimepicker-container-text-color: white;--mtx-datetimepicker-clock-dial-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color: white;--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #69f0ae;--mtx-datetimepicker-clock-hand-background-color: #69f0ae;--mtx-datetimepicker-time-input-active-state-text-color: #69f0ae;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #69f0ae;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #69f0ae 60%, transparent);--mtx-datetimepicker-time-input-text-color: white;--mtx-datetimepicker-time-input-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #69f0ae 20%, transparent)}.mtx-datetimepicker-content.mat-warn,.mtx-datetimepicker-toggle-active.mat-warn{--mtx-datetimepicker-calendar-date-selected-state-text-color: white;--mtx-datetimepicker-calendar-date-selected-state-background-color: #f44336;--mtx-datetimepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent);--mtx-datetimepicker-calendar-date-today-selected-state-outline-color: white;--mtx-datetimepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 12%, transparent);--mtx-datetimepicker-toggle-active-state-icon-color: #f44336;--mtx-datetimepicker-toggle-icon-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-divider-color: transparent;--mtx-datetimepicker-calendar-header-text-color: white;--mtx-datetimepicker-calendar-body-week-number-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-header-background-color: #f44336;--mtx-datetimepicker-calendar-table-header-text-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.7);--mtx-datetimepicker-calendar-date-text-color: white;--mtx-datetimepicker-calendar-date-outline-color: transparent;--mtx-datetimepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-container-background-color: #424242;--mtx-datetimepicker-container-text-color: white;--mtx-datetimepicker-clock-dial-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-clock-cell-text-color: white;--mtx-datetimepicker-clock-cell-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-datetimepicker-clock-cell-disabled-state-text-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-clock-cell-selected-state-background-color: #f44336;--mtx-datetimepicker-clock-hand-background-color: #f44336;--mtx-datetimepicker-time-input-active-state-text-color: #f44336;--mtx-datetimepicker-time-input-active-state-background-color: color-mix(in srgb, #f44336 20%, transparent);--mtx-datetimepicker-time-input-focus-state-outline-color: #f44336;--mtx-datetimepicker-time-input-focus-state-placeholder-text-color: color-mix(in srgb, #f44336 60%, transparent);--mtx-datetimepicker-time-input-text-color: white;--mtx-datetimepicker-time-input-background-color: rgba(255, 255, 255, 0.12);--mtx-datetimepicker-time-input-warn-state-outline-color: #f44336;--mtx-datetimepicker-time-ampm-text-color: color-mix(in srgb, white 75%, transparent);--mtx-datetimepicker-time-ampm-outline-color: color-mix(in srgb, white 38%, transparent);--mtx-datetimepicker-time-ampm-selected-state-text-color: white;--mtx-datetimepicker-time-ampm-selected-state-background-color: color-mix(in srgb, #f44336 20%, transparent)}html{--mtx-datetimepicker-calendar-text-font: Roboto, sans-serif;--mtx-datetimepicker-calendar-text-size: 13px;--mtx-datetimepicker-calendar-body-label-text-size: 14px;--mtx-datetimepicker-calendar-body-label-text-weight: 500;--mtx-datetimepicker-calendar-period-button-text-size: 14px;--mtx-datetimepicker-calendar-period-button-text-weight: 500;--mtx-datetimepicker-calendar-table-header-text-size: 11px;--mtx-datetimepicker-calendar-table-header-text-weight: 400;--mtx-datetimepicker-clock-text-size: 14px}html{--mtx-drawer-container-shape: 0;--mtx-drawer-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)}html{--mtx-drawer-container-background-color: #424242;--mtx-drawer-container-text-color: white}html{--mtx-grid-container-shape: 0;--mtx-grid-table-cell-min-width: 80px}html{--mtx-grid-outline-color: color-mix(in srgb, white 20%, transparent);--mtx-grid-column-menu-text-color: white;--mtx-grid-column-menu-divider-color: rgba(255, 255, 255, 0.12);--mtx-grid-table-footer-background-color: #424242;--mtx-grid-table-row-striped-background-color: #3a3a3a;--mtx-grid-table-row-hover-background-color: #2a2a2a;--mtx-grid-table-row-selected-background-color: #2a2a2a;--mtx-grid-table-row-selected-hover-background-color: #1a1a1a;--mtx-grid-table-cell-selected-outline-color: #69f0ae;--mtx-grid-resizable-handle-active-background-color: #7b1fa2;--mtx-grid-resizable-handle-hover-background-color: #7b1fa2;--mtx-grid-resizable-handle-disabled-background-color: rgba(255, 255, 255, 0.12)}html{--mtx-grid-row-expand-button-size: 48px}html{--mtx-loader-backdrop-background-color: color-mix(in srgb, #424242 75%, transparent)}html{--mtx-popover-container-shape: 4px;--mtx-popover-base-elevation-level: 8}html{--mtx-popover-outline-color: rgba(255, 255, 255, 0.12);--mtx-popover-background-color: #424242;--mtx-popover-text-color: white}html{--mtx-progress-container-shape: 4px}html{--mtx-progress-track-color: color-mix(in srgb, white 4%, transparent);--mtx-progress-indicator-color: rgba(255, 255, 255, 0.12);--mtx-progress-text-color: white;--mtx-progress-info-indicator-color: #0d47a1;--mtx-progress-info-text-color: white;--mtx-progress-success-indicator-color: #1b5e20;--mtx-progress-success-text-color: white;--mtx-progress-warning-indicator-color: #e65100;--mtx-progress-warning-text-color: white;--mtx-progress-danger-indicator-color: #b71c1c;--mtx-progress-danger-text-color: white}html{--mtx-progress-text-size: 12px}html{--mtx-select-container-shape: 4px;--mtx-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{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color: rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: #424242;--mtx-select-panel-divider-color: rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color: rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color: white;--mtx-select-option-selected-state-text-color: #7b1fa2;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.ng-dropdown-panel.mat-accent{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color: rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: #424242;--mtx-select-panel-divider-color: rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color: rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color: white;--mtx-select-option-selected-state-text-color: #69f0ae;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}.ng-dropdown-panel.mat-warn{--mtx-select-container-text-color: white;--mtx-select-placeholder-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-disabled-text-color: color-mix(in srgb, white 38%, transparent);--mtx-select-multiple-value-background-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-outline-color: rgba(255, 255, 255, 0.12);--mtx-select-multiple-value-disabled-outline-color: color-mix(in srgb, rgba(255, 255, 255, 0.12) 38%, transparent);--mtx-select-multiple-value-icon-hover-background-color: rgba(255, 255, 255, 0.12);--mtx-select-clear-icon-color: rgba(255, 255, 255, 0.7);--mtx-select-clear-icon-hover-color: #f44336;--mtx-select-enabled-arrow-color: rgba(255, 255, 255, 0.7);--mtx-select-disabled-arrow-color: color-mix(in srgb, white 38%, transparent);--mtx-select-invalid-arrow-color: #f44336;--mtx-select-panel-background-color: #424242;--mtx-select-panel-divider-color: rgba(255, 255, 255, 0.12);--mtx-select-optgroup-label-text-color: rgba(255, 255, 255, 0.7);--mtx-select-option-label-text-color: white;--mtx-select-option-selected-state-text-color: #f44336;--mtx-select-option-selected-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-hover-state-background-color: color-mix(in srgb, white 4%, transparent);--mtx-select-option-disabled-state-text-color: color-mix(in srgb, white 38%, transparent)}html{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #7b1fa2}.mtx-split>.mtx-split-gutter.mat-accent:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #69f0ae}.mtx-split>.mtx-split-gutter.mat-warn:hover{--mtx-split-gutter-background-color: rgba(255, 255, 255, 0.12);--mtx-split-gutter-hover-state-background-color: #f44336}html{--mtx-tooltip-container-shape: 4px;--mtx-tooltip-supporting-text-line-height: 16px}html{--mtx-tooltip-container-color: white;--mtx-tooltip-supporting-text-color: rgba(0, 0, 0, 0.87)}html{--mtx-tooltip-supporting-text-font: Roboto, sans-serif;--mtx-tooltip-supporting-text-size: 12px;--mtx-tooltip-supporting-text-weight: 400;--mtx-tooltip-supporting-text-tracking: 0.0333333333em}