@flywheel-io/vision 0.5.0 → 0.7.0

package/styles.css

@@ -2,11 +2,6 @@
 @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700");
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600");
-/* Colors for the ripple elements.*/
-/* stylelint-disable-next-line material/theme-mixin-api */
-/* stylelint-disable-next-line material/theme-mixin-api */
-/* stylelint-disable material/no-prefixes */
-/* stylelint-enable */
 .mat-badge-content {
   font-weight: 600;
   font-size: 12px;
@@ -21,84 +16,122 @@
   font-size: 24px;
 }
 
-.mat-h1, .mat-headline, .mat-typography h1 {
-  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
+.mat-h1,
+.mat-headline,
+.mat-typography .mat-h1,
+.mat-typography .mat-headline,
+.mat-typography h1 {
+  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: normal;
   margin: 0 0 16px;
 }
 
-.mat-h2, .mat-title, .mat-typography h2 {
-  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
+.mat-h2,
+.mat-title,
+.mat-typography .mat-h2,
+.mat-typography .mat-title,
+.mat-typography h2 {
+  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: normal;
   margin: 0 0 16px;
 }
 
-.mat-h3, .mat-subheading-2, .mat-typography h3 {
-  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
+.mat-h3,
+.mat-subheading-2,
+.mat-typography .mat-h3,
+.mat-typography .mat-subheading-2,
+.mat-typography h3 {
+  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: normal;
   margin: 0 0 16px;
 }
 
-.mat-h4, .mat-subheading-1, .mat-typography h4 {
-  font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif;
+.mat-h4,
+.mat-subheading-1,
+.mat-typography .mat-h4,
+.mat-typography .mat-subheading-1,
+.mat-typography h4 {
+  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: normal;
   margin: 0 0 16px;
 }
 
-.mat-h5, .mat-typography h5 {
-  font: 400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;
+.mat-h5,
+.mat-typography .mat-h5,
+.mat-typography h5 {
+  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 12px;
 }
 
-.mat-h6, .mat-typography h6 {
-  font: 400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;
+.mat-h6,
+.mat-typography .mat-h6,
+.mat-typography h6 {
+  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 12px;
 }
 
-.mat-body-strong, .mat-body-2 {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
+.mat-body-strong,
+.mat-body-2,
+.mat-typography .mat-body-strong,
+.mat-typography .mat-body-2 {
+  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: normal;
 }
 
-.mat-body, .mat-body-1, .mat-typography {
-  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
+.mat-body,
+.mat-body-1,
+.mat-typography .mat-body,
+.mat-typography .mat-body-1,
+.mat-typography {
+  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: normal;
 }
-.mat-body p, .mat-body-1 p, .mat-typography p {
+.mat-body p,
+.mat-body-1 p,
+.mat-typography .mat-body p,
+.mat-typography .mat-body-1 p,
+.mat-typography p {
   margin: 0 0 12px;
 }
 
-.mat-small, .mat-caption {
-  font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif;
+.mat-small,
+.mat-caption,
+.mat-typography .mat-small,
+.mat-typography .mat-caption {
+  font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: normal;
 }
 
-.mat-display-4, .mat-typography .mat-display-4 {
-  font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif;
+.mat-display-4,
+.mat-typography .mat-display-4 {
+  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: -0.05em;
   margin: 0 0 56px;
 }
 
-.mat-display-3, .mat-typography .mat-display-3 {
-  font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif;
+.mat-display-3,
+.mat-typography .mat-display-3 {
+  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: -0.02em;
   margin: 0 0 64px;
 }
 
-.mat-display-2, .mat-typography .mat-display-2 {
-  font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif;
+.mat-display-2,
+.mat-typography .mat-display-2 {
+  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: -0.005em;
   margin: 0 0 64px;
 }
 
-.mat-display-1, .mat-typography .mat-display-1 {
-  font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif;
+.mat-display-1,
+.mat-typography .mat-display-1 {
+  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: normal;
   margin: 0 0 64px;
 }
 
 .mat-bottom-sheet-container {
-  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
+  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: normal;
 }
 
@@ -181,7 +214,7 @@
 }
 
 .mat-dialog-title {
-  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
+  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: normal;
 }
 
@@ -192,7 +225,7 @@
 }
 
 .mat-expansion-panel-content {
-  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
+  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: normal;
 }
 
@@ -267,17 +300,14 @@
 .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
 .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
   transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
-  -ms-transform: translateY(-1.28125em) scale(0.75);
   width: 133.3333333333%;
 }
 .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
   transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
-  -ms-transform: translateY(-1.28124em) scale(0.75);
   width: 133.3333433333%;
 }
 .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
   transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
-  -ms-transform: translateY(-1.28123em) scale(0.75);
   width: 133.3333533333%;
 }
 .mat-form-field-appearance-legacy .mat-form-field-label {
@@ -293,7 +323,7 @@
 
 @media print {
   .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
-.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
+  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
     transform: translateY(-1.28122em) scale(0.75);
   }
   .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
@@ -431,7 +461,7 @@ input.mat-input-element {
 .mat-toolbar h4,
 .mat-toolbar h5,
 .mat-toolbar h6 {
-  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
+  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: normal;
   margin: 0;
 }
@@ -527,7 +557,7 @@ input.mat-input-element {
 }
 
 .mat-optgroup-label {
-  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
+  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
   letter-spacing: normal;
 }
 
@@ -589,6 +619,11 @@ input.mat-input-element {
   outline: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
+  left: 0;
+}
+[dir=rtl] .cdk-visually-hidden {
+  left: auto;
+  right: 0;
 }
 
 .cdk-overlay-container, .cdk-global-overlay-wrapper {
@@ -646,8 +681,14 @@ input.mat-input-element {
   background: rgba(0, 0, 0, 0.32);
 }
 
-.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
+.cdk-overlay-transparent-backdrop {
+  transition: visibility 1ms linear, opacity 1ms linear;
+  visibility: hidden;
+  opacity: 1;
+}
+.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
   opacity: 0;
+  visibility: visible;
 }
 
 .cdk-overlay-connected-position-bounding-box {
@@ -665,16 +706,6 @@ input.mat-input-element {
   overflow-y: scroll;
 }
 
-@keyframes cdk-text-field-autofill-start { /*!*/ }
-@keyframes cdk-text-field-autofill-end { /*!*/ }
-.cdk-text-field-autofill-monitored:-webkit-autofill {
-  animation: cdk-text-field-autofill-start 0s 1ms;
-}
-
-.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
-  animation: cdk-text-field-autofill-end 0s 1ms;
-}
-
 textarea.cdk-textarea-autosize {
   resize: none;
 }
@@ -692,6 +723,16 @@ textarea.cdk-textarea-autosize-measuring-firefox {
   height: 0 !important;
 }
 
+@keyframes cdk-text-field-autofill-start { /*!*/ }
+@keyframes cdk-text-field-autofill-end { /*!*/ }
+.cdk-text-field-autofill-monitored:-webkit-autofill {
+  animation: cdk-text-field-autofill-start 0s 1ms;
+}
+
+.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
+  animation: cdk-text-field-autofill-end 0s 1ms;
+}
+
 .mat-focus-indicator {
   position: relative;
 }
@@ -897,36 +938,16 @@ textarea.cdk-textarea-autosize-measuring-firefox {
   color: rgba(0, 0, 0, 0.87);
 }
 
-.mat-badge-content {
-  color: white;
-  background: #1b68fa;
-}
-.cdk-high-contrast-active .mat-badge-content {
-  outline: solid 1px;
-  border-radius: 0;
-}
-
-.mat-badge-accent .mat-badge-content {
-  background: #59b96b;
-  color: white;
-}
-
-.mat-badge-warn .mat-badge-content {
-  color: white;
-  background: #d9534b;
-}
-
 .mat-badge {
   position: relative;
 }
 
-.mat-badge-hidden .mat-badge-content {
-  display: none;
+.mat-badge.mat-badge {
+  overflow: visible;
 }
 
-.mat-badge-disabled .mat-badge-content {
-  background: #b9b9b9;
-  color: rgba(0, 0, 0, 0.38);
+.mat-badge-hidden .mat-badge-content {
+  display: none;
 }
 
 .mat-badge-content {
@@ -1071,6 +1092,30 @@ textarea.cdk-textarea-autosize-measuring-firefox {
   left: -14px;
 }
 
+.mat-badge-content {
+  color: white;
+  background: #1b68fa;
+}
+.cdk-high-contrast-active .mat-badge-content {
+  outline: solid 1px;
+  border-radius: 0;
+}
+
+.mat-badge-accent .mat-badge-content {
+  background: #59b96b;
+  color: white;
+}
+
+.mat-badge-warn .mat-badge-content {
+  color: white;
+  background: #d9534b;
+}
+
+.mat-badge-disabled .mat-badge-content {
+  background: #b9b9b9;
+  color: rgba(0, 0, 0, 0.38);
+}
+
 .mat-bottom-sheet-container {
   box-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);
   background: white;
@@ -1180,13 +1225,13 @@ textarea.cdk-textarea-autosize-measuring-firefox {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
 }
 
-.mat-button-toggle-standalone,
-.mat-button-toggle-group {
+.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
+.mat-button-toggle-group:not([class*=mat-elevation-z]) {
   box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
 }
 
-.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
-.mat-button-toggle-group-appearance-standard {
+.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
+.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
   box-shadow: none;
 }
 
@@ -1206,18 +1251,18 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 }
 
 .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
-  border-left: solid 1px rgba(0, 0, 0, 0.12);
+  border-left: solid 1px #e0e0e0;
 }
 
 [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
   border-left: none;
-  border-right: solid 1px rgba(0, 0, 0, 0.12);
+  border-right: solid 1px #e0e0e0;
 }
 
 .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
   border-left: none;
   border-right: none;
-  border-top: solid 1px rgba(0, 0, 0, 0.12);
+  border-top: solid 1px #e0e0e0;
 }
 
 .mat-button-toggle-checked {
@@ -1241,7 +1286,7 @@ textarea.cdk-textarea-autosize-measuring-firefox {
 
 .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
 .mat-button-toggle-group-appearance-standard {
-  border: solid 1px rgba(0, 0, 0, 0.12);
+  border: solid 1px #e0e0e0;
 }
 
 .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
@@ -1296,7 +1341,7 @@ textarea.cdk-textarea-autosize-measuring-firefox {
   border-color: #b0b0b0;
 }
 .mat-checkbox-disabled .mat-checkbox-label {
-  color: rgba(0, 0, 0, 0.54);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .mat-checkbox .mat-ripple-element {
@@ -1396,7 +1441,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 }
 
 .mat-calendar-arrow {
-  border-top-color: rgba(0, 0, 0, 0.54);
+  fill: rgba(0, 0, 0, 0.54);
 }
 
 .mat-datepicker-toggle,
@@ -1405,14 +1450,11 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   color: rgba(0, 0, 0, 0.54);
 }
 
-.mat-calendar-table-header {
-  color: rgba(0, 0, 0, 0.38);
-}
-
 .mat-calendar-table-header-divider::after {
   background: rgba(0, 0, 0, 0.12);
 }
 
+.mat-calendar-table-header,
 .mat-calendar-body-label {
   color: rgba(0, 0, 0, 0.54);
 }
@@ -1485,12 +1527,16 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   box-shadow: inset 0 0 0 1px white;
 }
 
-.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
 .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
 .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
   background-color: rgba(27, 104, 250, 0.3);
 }
 
+@media (hover: hover) {
+  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
+    background-color: rgba(27, 104, 250, 0.3);
+  }
+}
 .mat-datepicker-content {
   box-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);
   background-color: white;
@@ -1529,11 +1575,15 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
   box-shadow: inset 0 0 0 1px white;
 }
-.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
 .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
 .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
   background-color: rgba(89, 185, 107, 0.3);
 }
+@media (hover: hover) {
+  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
+    background-color: rgba(89, 185, 107, 0.3);
+  }
+}
 .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
   background: rgba(217, 83, 75, 0.2);
 }
@@ -1567,14 +1617,18 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
   box-shadow: inset 0 0 0 1px white;
 }
-.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
 .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
 .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
   background-color: rgba(217, 83, 75, 0.3);
 }
+@media (hover: hover) {
+  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
+    background-color: rgba(217, 83, 75, 0.3);
+  }
+}
 
 .mat-datepicker-content-touch {
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
 }
 
 .mat-datepicker-toggle-active {
@@ -1834,9 +1888,9 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 .mat-list-base .mat-subheader {
   color: rgba(0, 0, 0, 0.54);
 }
-
-.mat-list-item-disabled {
+.mat-list-base .mat-list-item-disabled {
   background-color: #eeeeee;
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .mat-list-option:hover, .mat-list-option:focus,
@@ -1862,13 +1916,14 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   background: transparent;
   color: rgba(0, 0, 0, 0.87);
 }
-.mat-menu-item[disabled], .mat-menu-item[disabled]::after,
+.mat-menu-item[disabled],
+.mat-menu-item[disabled] .mat-menu-submenu-icon,
 .mat-menu-item[disabled] .mat-icon-no-color {
   color: rgba(0, 0, 0, 0.38);
 }
 
 .mat-menu-item .mat-icon-no-color,
-.mat-menu-item-submenu-trigger::after {
+.mat-menu-submenu-icon {
   color: rgba(0, 0, 0, 0.54);
 }
 
@@ -1911,11 +1966,11 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 }
 
 .mat-progress-bar-background {
-  fill: #bbd2fe;
+  fill: #c2d6fa;
 }
 
 .mat-progress-bar-buffer {
-  background-color: #bbd2fe;
+  background-color: #c2d6fa;
 }
 
 .mat-progress-bar-fill::after {
@@ -1923,20 +1978,20 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 }
 
 .mat-progress-bar.mat-accent .mat-progress-bar-background {
-  fill: #cdead3;
+  fill: #d2ead6;
 }
 .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
-  background-color: #cdead3;
+  background-color: #d2ead6;
 }
 .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
   background-color: #59b96b;
 }
 
 .mat-progress-bar.mat-warn .mat-progress-bar-background {
-  fill: #f4cbc9;
+  fill: #f2d0ce;
 }
 .mat-progress-bar.mat-warn .mat-progress-bar-buffer {
-  background-color: #f4cbc9;
+  background-color: #f2d0ce;
 }
 .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
   background-color: #d9534b;
@@ -2115,75 +2170,73 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   background-color: rgba(0, 0, 0, 0.26);
 }
 
-.mat-primary .mat-slider-track-fill,
-.mat-primary .mat-slider-thumb,
-.mat-primary .mat-slider-thumb-label {
+.mat-slider.mat-primary .mat-slider-track-fill,
+.mat-slider.mat-primary .mat-slider-thumb,
+.mat-slider.mat-primary .mat-slider-thumb-label {
   background-color: #1b68fa;
 }
-.mat-primary .mat-slider-thumb-label-text {
+.mat-slider.mat-primary .mat-slider-thumb-label-text {
   color: white;
 }
-.mat-primary .mat-slider-focus-ring {
+.mat-slider.mat-primary .mat-slider-focus-ring {
   background-color: rgba(27, 104, 250, 0.2);
 }
-
-.mat-accent .mat-slider-track-fill,
-.mat-accent .mat-slider-thumb,
-.mat-accent .mat-slider-thumb-label {
+.mat-slider.mat-accent .mat-slider-track-fill,
+.mat-slider.mat-accent .mat-slider-thumb,
+.mat-slider.mat-accent .mat-slider-thumb-label {
   background-color: #59b96b;
 }
-.mat-accent .mat-slider-thumb-label-text {
+.mat-slider.mat-accent .mat-slider-thumb-label-text {
   color: white;
 }
-.mat-accent .mat-slider-focus-ring {
+.mat-slider.mat-accent .mat-slider-focus-ring {
   background-color: rgba(89, 185, 107, 0.2);
 }
-
-.mat-warn .mat-slider-track-fill,
-.mat-warn .mat-slider-thumb,
-.mat-warn .mat-slider-thumb-label {
+.mat-slider.mat-warn .mat-slider-track-fill,
+.mat-slider.mat-warn .mat-slider-thumb,
+.mat-slider.mat-warn .mat-slider-thumb-label {
   background-color: #d9534b;
 }
-.mat-warn .mat-slider-thumb-label-text {
+.mat-slider.mat-warn .mat-slider-thumb-label-text {
   color: white;
 }
-.mat-warn .mat-slider-focus-ring {
+.mat-slider.mat-warn .mat-slider-focus-ring {
   background-color: rgba(217, 83, 75, 0.2);
 }
 
 .mat-slider:hover .mat-slider-track-background,
-.cdk-focused .mat-slider-track-background {
+.mat-slider.cdk-focused .mat-slider-track-background {
   background-color: rgba(0, 0, 0, 0.38);
 }
 
-.mat-slider-disabled .mat-slider-track-background,
-.mat-slider-disabled .mat-slider-track-fill,
-.mat-slider-disabled .mat-slider-thumb {
+.mat-slider.mat-slider-disabled .mat-slider-track-background,
+.mat-slider.mat-slider-disabled .mat-slider-track-fill,
+.mat-slider.mat-slider-disabled .mat-slider-thumb {
   background-color: rgba(0, 0, 0, 0.26);
 }
-.mat-slider-disabled:hover .mat-slider-track-background {
+.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
   background-color: rgba(0, 0, 0, 0.26);
 }
 
-.mat-slider-min-value .mat-slider-focus-ring {
+.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
   background-color: rgba(0, 0, 0, 0.12);
 }
-.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
-.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
+.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
+.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
   background-color: rgba(0, 0, 0, 0.87);
 }
-.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
-.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
+.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
+.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
   background-color: rgba(0, 0, 0, 0.26);
 }
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
+.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
   border-color: rgba(0, 0, 0, 0.26);
   background-color: transparent;
 }
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
+.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
   border-color: rgba(0, 0, 0, 0.38);
 }
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
+.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
   border-color: rgba(0, 0, 0, 0.26);
 }
 
@@ -2200,9 +2253,12 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
 }
 
-.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {
+.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
   background-color: rgba(0, 0, 0, 0.04);
 }
+.mat-step-header:hover[aria-disabled=true] {
+  cursor: default;
+}
 @media (hover: none) {
   .mat-step-header:hover {
     background: none;
@@ -2317,7 +2373,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   border-color: rgba(0, 0, 0, 0.38);
 }
 
-.mat-tab-group[class*=mat-background-] .mat-tab-header,
+.mat-tab-group[class*=mat-background-] > .mat-tab-header,
 .mat-tab-nav-bar[class*=mat-background-] {
   border-bottom: none;
   border-top: none;
@@ -2378,20 +2434,28 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
   color: rgba(255, 255, 255, 0.4);
 }
+.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
 .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
-.mat-tab-group.mat-background-primary > .mat-tab-links .mat-focus-indicator::before,
-.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-primary > .mat-tab-links .mat-focus-indicator::before,
+.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
+.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
+.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
+.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
 .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
   border-color: white;
 }
-.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
-  border-color: rgba(255, 255, 255, 0.4);
+.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
+.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
+.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: white;
+  opacity: 0.4;
 }
 .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
-.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
-.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element {
-  background-color: rgba(255, 255, 255, 0.12);
+.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
+.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
+.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
+.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
+  background-color: white;
+  opacity: 0.12;
 }
 .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
 .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
@@ -2409,20 +2473,28 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
   color: rgba(255, 255, 255, 0.4);
 }
+.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
 .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
-.mat-tab-group.mat-background-accent > .mat-tab-links .mat-focus-indicator::before,
-.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-accent > .mat-tab-links .mat-focus-indicator::before,
+.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
+.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
+.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
+.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
 .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
   border-color: white;
 }
-.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
-  border-color: rgba(255, 255, 255, 0.4);
+.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
+.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
+.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: white;
+  opacity: 0.4;
 }
 .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
-.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
-.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element {
-  background-color: rgba(255, 255, 255, 0.12);
+.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
+.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
+.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
+.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
+  background-color: white;
+  opacity: 0.12;
 }
 .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
 .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
@@ -2440,20 +2512,28 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
 .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
   color: rgba(255, 255, 255, 0.4);
 }
+.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
 .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
-.mat-tab-group.mat-background-warn > .mat-tab-links .mat-focus-indicator::before,
-.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
-.mat-tab-nav-bar.mat-background-warn > .mat-tab-links .mat-focus-indicator::before,
+.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
+.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
+.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
+.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
 .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
   border-color: white;
 }
-.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
-  border-color: rgba(255, 255, 255, 0.4);
+.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
+.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
+.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
+  border-color: white;
+  opacity: 0.4;
 }
 .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
-.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
-.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element {
-  background-color: rgba(255, 255, 255, 0.12);
+.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
+.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
+.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
+.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
+  background-color: white;
+  opacity: 0.12;
 }
 
 .mat-toolbar {
@@ -2564,7 +2644,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   border-color: #b0b0b0;
 }
 .mat-checkbox-disabled .mat-checkbox-label {
-  color: rgba(0, 0, 0, 0.54);
+  color: rgba(0, 0, 0, 0.38);
 }
 
 .mat-checkbox .mat-ripple-element {
@@ -2701,75 +2781,73 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   background-color: rgba(0, 0, 0, 0.26);
 }
 
-.mat-primary .mat-slider-track-fill,
-.mat-primary .mat-slider-thumb,
-.mat-primary .mat-slider-thumb-label {
+.mat-slider.mat-primary .mat-slider-track-fill,
+.mat-slider.mat-primary .mat-slider-thumb,
+.mat-slider.mat-primary .mat-slider-thumb-label {
   background-color: #1b68fa;
 }
-.mat-primary .mat-slider-thumb-label-text {
+.mat-slider.mat-primary .mat-slider-thumb-label-text {
   color: white;
 }
-.mat-primary .mat-slider-focus-ring {
+.mat-slider.mat-primary .mat-slider-focus-ring {
   background-color: rgba(27, 104, 250, 0.2);
 }
-
-.mat-accent .mat-slider-track-fill,
-.mat-accent .mat-slider-thumb,
-.mat-accent .mat-slider-thumb-label {
+.mat-slider.mat-accent .mat-slider-track-fill,
+.mat-slider.mat-accent .mat-slider-thumb,
+.mat-slider.mat-accent .mat-slider-thumb-label {
   background-color: #1b68fa;
 }
-.mat-accent .mat-slider-thumb-label-text {
+.mat-slider.mat-accent .mat-slider-thumb-label-text {
   color: white;
 }
-.mat-accent .mat-slider-focus-ring {
+.mat-slider.mat-accent .mat-slider-focus-ring {
   background-color: rgba(27, 104, 250, 0.2);
 }
-
-.mat-warn .mat-slider-track-fill,
-.mat-warn .mat-slider-thumb,
-.mat-warn .mat-slider-thumb-label {
+.mat-slider.mat-warn .mat-slider-track-fill,
+.mat-slider.mat-warn .mat-slider-thumb,
+.mat-slider.mat-warn .mat-slider-thumb-label {
   background-color: #d9534b;
 }
-.mat-warn .mat-slider-thumb-label-text {
+.mat-slider.mat-warn .mat-slider-thumb-label-text {
   color: white;
 }
-.mat-warn .mat-slider-focus-ring {
+.mat-slider.mat-warn .mat-slider-focus-ring {
   background-color: rgba(217, 83, 75, 0.2);
 }
 
 .mat-slider:hover .mat-slider-track-background,
-.cdk-focused .mat-slider-track-background {
+.mat-slider.cdk-focused .mat-slider-track-background {
   background-color: rgba(0, 0, 0, 0.38);
 }
 
-.mat-slider-disabled .mat-slider-track-background,
-.mat-slider-disabled .mat-slider-track-fill,
-.mat-slider-disabled .mat-slider-thumb {
+.mat-slider.mat-slider-disabled .mat-slider-track-background,
+.mat-slider.mat-slider-disabled .mat-slider-track-fill,
+.mat-slider.mat-slider-disabled .mat-slider-thumb {
   background-color: rgba(0, 0, 0, 0.26);
 }
-.mat-slider-disabled:hover .mat-slider-track-background {
+.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
   background-color: rgba(0, 0, 0, 0.26);
 }
 
-.mat-slider-min-value .mat-slider-focus-ring {
+.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
   background-color: rgba(0, 0, 0, 0.12);
 }
-.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
-.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
+.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
+.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
   background-color: rgba(0, 0, 0, 0.87);
 }
-.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
-.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
+.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
+.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
   background-color: rgba(0, 0, 0, 0.26);
 }
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
+.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
   border-color: rgba(0, 0, 0, 0.26);
   background-color: transparent;
 }
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
+.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
   border-color: rgba(0, 0, 0, 0.38);
 }
-.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
+.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
   border-color: rgba(0, 0, 0, 0.26);
 }
 
@@ -2786,11 +2864,6 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
   background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
 }
 
-/* Colors for the ripple elements.*/
-/* stylelint-disable-next-line material/theme-mixin-api */
-/* stylelint-disable-next-line material/theme-mixin-api */
-/* stylelint-disable material/no-prefixes */
-/* stylelint-enable */
 .white {
   color: #ffffff !important;
 }
@@ -3630,11 +3703,6 @@ html, body {
   height: 100%;
 }
 
-/* Colors for the ripple elements.*/
-/* stylelint-disable-next-line material/theme-mixin-api */
-/* stylelint-disable-next-line material/theme-mixin-api */
-/* stylelint-disable material/no-prefixes */
-/* stylelint-enable */
 .white {
   color: #ffffff !important;
 }
@@ -4469,7 +4537,7 @@ html, body {
 }
 
 .mat-dialog-title {
-  font-weight: 300 !important;
+  font-weight: 500 !important;
 }
 
 .mat-dialog-close-button, [mat-dialog-close][mat-icon-button] {
@@ -4478,6 +4546,10 @@ html, body {
   right: -4px;
   top: -4px;
 }
+.mat-dialog-close-button.no-title, .no-title[mat-dialog-close][mat-icon-button] {
+  right: -10px;
+  top: -10px;
+}
 
 mat-dialog-content.fill, [mat-dialog-content].fill {
   width: calc(100% + 48px) !important;