Угловой материал CSS и неиспользуемые классы CSS

Question

У меня есть приложение Angular, созданное с помощью Angular CLI. Когда я проводил аудит с использованием инструментов разработчика Chrome, я обнаружил, что 95% моих классов CSS не используются. Некоторые из модулей загружаются лениво. Как я могу удалить его, используя Angular CLI, который использует webpack для объединения всего? Также стоит ли удалять неиспользуемый CSS и улучшает ли это производительность? Пример кода будет полезен.

Remove unused CSS rules (1435)
1435 rules (95%) of CSS not used by the current page.
(unknown)
: 72% is not used by the current page.
(unknown)
: 95% is not used by the current page.
.mat-elevation-z0
.mat-elevation-z1
.mat-elevation-z2
.mat-elevation-z3
.mat-elevation-z5
.mat-elevation-z6
.mat-elevation-z7
.mat-elevation-z8
.mat-elevation-z9
.mat-elevation-z10
.mat-elevation-z11
.mat-elevation-z12
.mat-elevation-z13
.mat-elevation-z14
.mat-elevation-z15
.mat-elevation-z16
.mat-elevation-z17
.mat-elevation-z18
.mat-elevation-z19
.mat-elevation-z20
.mat-elevation-z21
.mat-elevation-z22
.mat-elevation-z23
.mat-elevation-z24
.mat-h1, .mat-headline, .mat-typography h1
.mat-h2, .mat-title, .mat-typography h2
.mat-h3, .mat-subheading-2, .mat-typography h3
.mat-h4, .mat-subheading-1, .mat-typography h4
.mat-h5, .mat-typography h5
.mat-h6, .mat-typography h6
.mat-body-strong, .mat-body-2
.mat-body, .mat-body-1, .mat-typography
.mat-body p, .mat-body-1 p, .mat-typography p
.mat-small, .mat-caption
.mat-display-4, .mat-typography .mat-display-4
.mat-display-3, .mat-typography .mat-display-3
.mat-display-2, .mat-typography .mat-display-2
.mat-display-1, .mat-typography .mat-display-1
.mat-button-toggle
.mat-checkbox
.mat-checkbox-layout .mat-checkbox-label
.mat-chip
.mat-chip .mat-chip-remove.mat-icon
.mat-table
.mat-header-cell
.mat-cell
.mat-calendar
.mat-calendar-body
.mat-calendar-body-label, .mat-calendar-period-button
.mat-calendar-table-header th
.mat-dialog-title
.mat-expansion-panel-header
.mat-expansion-panel-content
.mat-form-field
.mat-form-field-wrapper
.mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon
.mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button
.mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon
.mat-form-field-infix
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-placeholder
.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-placeholder-wrapper .mat-form-field-placeholder
.mat-form-field-placeholder-wrapper
.mat-form-field-placeholder
.mat-form-field-underline
.mat-form-field-subscript-wrapper
.mat-grid-tile-header, .mat-grid-tile-footer
.mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line
.mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2)
input.mat-input-element
.mat-menu-item
.mat-paginator, .mat-paginator-page-size .mat-select-trigger
.mat-radio-button
.mat-select
.mat-select-trigger
.mat-slide-toggle-content
.mat-slider-thumb-label-text
.mat-stepper-vertical, .mat-stepper-horizontal
.mat-step-label
.mat-step-label-selected
.mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6
.mat-tooltip
.mat-list-item
.mat-list-option
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item
.mat-list .mat-list-item .mat-line, .mat-nav-list .mat-list-item .mat-line, .mat-selection-list .mat-list-item .mat-line
.mat-list .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list .mat-list-item .mat-line:nth-child(n+2)
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option
.mat-list .mat-list-option .mat-line, .mat-nav-list .mat-list-option .mat-line, .mat-selection-list .mat-list-option .mat-line
.mat-list .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list .mat-list-option .mat-line:nth-child(n+2)
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader
.mat-list[dense] .mat-list-item, .mat-nav-list[dense] .mat-list-item, .mat-selection-list[dense] .mat-list-item
.mat-list[dense] .mat-list-item .mat-line, .mat-nav-list[dense] .mat-list-item .mat-line, .mat-selection-list[dense] .mat-list-item .mat-line
.mat-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-item .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-item .mat-line:nth-child(n+2)
.mat-list[dense] .mat-list-option, .mat-nav-list[dense] .mat-list-option, .mat-selection-list[dense] .mat-list-option
.mat-list[dense] .mat-list-option .mat-line, .mat-nav-list[dense] .mat-list-option .mat-line, .mat-selection-list[dense] .mat-list-option .mat-line
.mat-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-nav-list[dense] .mat-list-option .mat-line:nth-child(n+2), .mat-selection-list[dense] .mat-list-option .mat-line:nth-child(n+2)
.mat-list[dense] .mat-subheader, .mat-nav-list[dense] .mat-subheader, .mat-selection-list[dense] .mat-subheader
.mat-option
.mat-optgroup-label
.mat-simple-snackbar
.mat-simple-snackbar-action
.mat-ripple.mat-ripple-unbounded
.mat-ripple-element
.mat-option
.mat-option[disabled]
dir='rtl'] .mat-option
.mat-option .mat-icon
dir='rtl'] .mat-option .mat-icon
.mat-option[aria-disabled='true']
.mat-optgroup .mat-option:not(.mat-option-multiple)
dir='rtl'] .mat-optgroup .mat-option:not(.mat-option-multiple)
.mat-option-text
.mat-option-ripple
.mat-option-ripple
.mat-option-pseudo-checkbox
dir='rtl'] .mat-option-pseudo-checkbox
.mat-optgroup-label
.mat-optgroup-label[disabled]
dir='rtl'] .mat-optgroup-label
.mat-optgroup-label .mat-icon
dir='rtl'] .mat-optgroup-label .mat-icon
.cdk-overlay-container, .cdk-global-overlay-wrapper
.cdk-overlay-container
.cdk-global-overlay-wrapper
.cdk-overlay-pane
.cdk-overlay-backdrop
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing
.cdk-overlay-dark-backdrop
.cdk-overlay-transparent-backdrop
.cdk-global-scrollblock
.mat-ripple-element
.mat-option
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled)
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled)
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled)
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled)
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled)
.mat-option.mat-active
.mat-option.mat-option-disabled
.mat-optgroup-label
.mat-optgroup-disabled .mat-optgroup-label
.mat-pseudo-checkbox
.mat-pseudo-checkbox::after
.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate
.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate
.mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled
.mat-app-background
.mat-theme-loaded-marker
.mat-autocomplete-panel
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover)
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled)
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay
.mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay
.mat-button.mat-primary, .mat-icon-button.mat-primary
.mat-button.mat-accent, .mat-icon-button.mat-accent
.mat-button.mat-warn, .mat-icon-button.mat-warn
.mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled]
.mat-raised-button, .mat-fab, .mat-mini-fab
.mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary
.mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent
.mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn
.mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled]
.mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary
.mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent
.mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn
.mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled]
.mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element
.mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element
.mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element
.mat-button.mat-primary .mat-ripple-element
.mat-button.mat-accent .mat-ripple-element
.mat-button.mat-warn .mat-ripple-element
.mat-icon-button.mat-primary .mat-ripple-element
.mat-icon-button.mat-accent .mat-ripple-element
.mat-icon-button.mat-warn .mat-ripple-element
.mat-button-toggle
.mat-button-toggle.cdk-focused .mat-button-toggle-focus-overlay
.mat-button-toggle-checked
.mat-button-toggle-disabled
.mat-button-toggle-disabled.mat-button-toggle-checked
.mat-checkbox-frame
.mat-checkbox-checkmark
.mat-checkbox-checkmark-path
.mat-checkbox-mixedmark
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame
.mat-checkbox-disabled .mat-checkbox-label
.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element
.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element
.mat-chip:not(.mat-basic-chip)
.mat-chip:not(.mat-basic-chip) .mat-chip-remove
.mat-chip:not(.mat-basic-chip) .mat-chip-remove:hover
.mat-chip.mat-chip-selected.mat-primary
.mat-chip.mat-chip-selected.mat-primary .mat-chip-remove
.mat-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover
.mat-chip.mat-chip-selected.mat-warn
.mat-chip.mat-chip-selected.mat-warn .mat-chip-remove
.mat-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover
.mat-chip.mat-chip-selected.mat-accent
.mat-chip.mat-chip-selected.mat-accent .mat-chip-remove
.mat-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover
.mat-table
.mat-row, .mat-header-row
.mat-header-cell
.mat-cell
.mat-datepicker-content
.mat-calendar-arrow
.mat-calendar-next-button, .mat-calendar-previous-button
.mat-calendar-table-header
.mat-calendar-table-header-divider::after
.mat-calendar-body-label
.mat-calendar-body-cell-content
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected)
.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected)
.mat-calendar-body-selected
.mat-calendar-body-disabled > .mat-calendar-body-selected
.mat-calendar-body-today:not(.mat-calendar-body-selected)
.mat-calendar-body-today.mat-calendar-body-selected
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected)
.mat-dialog-container
.mat-expansion-panel
.mat-action-row
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover
.mat-expansion-panel-header-title
.mat-expansion-panel-header-description, .mat-expansion-indicator::after
.mat-expansion-panel-header[aria-disabled='true']
.mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-title, .mat-expansion-panel-header[aria-disabled='true'] .mat-expansion-panel-header-description
.mat-form-field
.mat-form-field-placeholder
.mat-hint
.mat-focused .mat-form-field-placeholder
.mat-focused .mat-form-field-placeholder.mat-accent
.mat-focused .mat-form-field-placeholder.mat-warn
.mat-focused .mat-form-field-required-marker
.mat-form-field-underline
.mat-form-field-underline.mat-disabled
.mat-form-field-ripple
.mat-form-field-ripple.mat-accent
.mat-form-field-ripple.mat-warn
.mat-form-field-invalid .mat-form-field-placeholder
.mat-form-field-invalid .mat-form-field-placeholder.mat-accent, .mat-form-field-invalid .mat-form-field-placeholder .mat-form-field-required-marker
.mat-form-field-invalid .mat-form-field-ripple
.mat-error
.mat-icon.mat-primary
.mat-icon.mat-accent
.mat-icon.mat-warn
.mat-input-element:disabled
.mat-list .mat-list-item, .mat-nav-list .mat-list-item, .mat-selection-list .mat-list-item
.mat-list .mat-list-option, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-option
.mat-list .mat-subheader, .mat-nav-list .mat-subheader, .mat-selection-list .mat-subheader
.mat-list-item-disabled
.mat-divider
.mat-nav-list .mat-list-item
.mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus
.mat-list-option
.mat-list-option:hover, .mat-list-option.mat-list-item-focus
.mat-menu-panel
.mat-menu-item
.mat-menu-item[disabled]
.mat-menu-item .mat-icon, .mat-menu-item-submenu-trigger::after
.mat-menu-item:hover:not([disabled]), .mat-menu-item:focus:not([disabled]), .mat-menu-item-highlighted:not([disabled])
.mat-paginator
.mat-paginator, .mat-paginator-page-size .mat-select-trigger
.mat-paginator-increment, .mat-paginator-decrement
.mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-decrement
.mat-progress-bar-background
.mat-progress-bar-buffer
.mat-progress-bar-fill::after
.mat-progress-bar.mat-accent .mat-progress-bar-background
.mat-progress-bar.mat-accent .mat-progress-bar-buffer
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after
.mat-progress-bar.mat-warn .mat-progress-bar-background
.mat-progress-bar.mat-warn .mat-progress-bar-buffer
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after
.mat-progress-spinner circle, .mat-spinner circle
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle
.mat-radio-outer-circle
.mat-radio-disabled .mat-radio-outer-circle
.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle
.mat-radio-disabled .mat-radio-label-content
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle
.mat-radio-button.mat-primary .mat-radio-inner-circle
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle
.mat-radio-button.mat-accent .mat-radio-inner-circle
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle
.mat-radio-button.mat-warn .mat-radio-inner-circle
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element
.mat-select-disabled .mat-select-value, .mat-select-arrow
.mat-select-content, .mat-select-panel-done-animating
.mat-select-value
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple)
.mat-form-field.mat-focused.mat-primary .mat-select-arrow
.mat-form-field.mat-focused.mat-accent .mat-select-arrow
.mat-form-field.mat-focused.mat-warn .mat-select-arrow
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow
.mat-select.mat-select-disabled .mat-select-arrow
.mat-drawer-container
.mat-drawer
.mat-drawer.mat-drawer-push
.mat-drawer-backdrop.mat-drawer-shown
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb
.mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element
.mat-slide-toggle .mat-ripple-element
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb
.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar
.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element
.mat-slide-toggle.mat-primary .mat-ripple-element
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb
.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar
.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element
.mat-slide-toggle.mat-warn .mat-ripple-element
.mat-disabled .mat-slide-toggle-thumb
.mat-disabled .mat-slide-toggle-bar
.mat-slide-toggle-thumb
.mat-slide-toggle-bar
.mat-slider-track-background
.mat-primary .mat-slider-track-fill, .mat-primary .mat-slider-thumb, .mat-primary .mat-slider-thumb-label
.mat-primary .mat-slider-thumb-label-text
.mat-accent .mat-slider-track-fill, .mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label
.mat-accent .mat-slider-thumb-label-text
.mat-warn .mat-slider-track-fill, .mat-warn .mat-slider-thumb, .mat-warn .mat-slider-thumb-label
.mat-warn .mat-slider-thumb-label-text
.mat-slider-focus-ring
.mat-slider:hover .mat-slider-track-background, .cdk-focused .mat-slider-track-background
.mat-slider-disabled .mat-slider-track-background, .mat-slider-disabled .mat-slider-track-fill, .mat-slider-disabled .mat-slider-thumb
.mat-slider-disabled:hover .mat-slider-track-background
.mat-slider-min-value .mat-slider-focus-ring
.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-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-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb
.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-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-has-ticks .mat-slider-wrapper::after
.mat-slider-horizontal .mat-slider-ticks
.mat-slider-vertical .mat-slider-ticks
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover
.mat-step-header .mat-step-label, .mat-step-header .mat-step-optional
.mat-step-header .mat-step-icon
.mat-step-header .mat-step-icon-not-touched
.mat-step-header .mat-step-label.mat-step-label-active
.mat-stepper-horizontal, .mat-stepper-vertical
.mat-stepper-vertical-line::before
.mat-stepper-horizontal-line
.mat-tab-group-inverted-header .mat-tab-nav-bar, .mat-tab-group-inverted-header .mat-tab-header
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled
.mat-tab-group[class*='mat-background-'] .mat-tab-header, .mat-tab-nav-bar[class*='mat-background-']
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar
.mat-tab-group.mat-accent .mat-tab-label:focus, .mat-tab-group.mat-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-accent .mat-tab-link:focus
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar
.mat-tab-group.mat-warn .mat-tab-label:focus, .mat-tab-group.mat-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-warn .mat-tab-link:focus
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar
.mat-tab-group.mat-background-primary .mat-tab-label:focus, .mat-tab-group.mat-background-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-primary .mat-tab-link:focus
.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links
.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .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-pagination-disabled .mat-tab-header-pagination-chevron
.mat-tab-group.mat-background-accent .mat-tab-label:focus, .mat-tab-group.mat-background-accent .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-accent .mat-tab-link:focus
.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links
.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .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-pagination-disabled .mat-tab-header-pagination-chevron
.mat-tab-group.mat-background-warn .mat-tab-label:focus, .mat-tab-group.mat-background-warn .mat-tab-link:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-label:focus, .mat-tab-nav-bar.mat-background-warn .mat-tab-link:focus
.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links
.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .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-pagination-disabled .mat-tab-header-pagination-chevron
.mat-toolbar
.mat-toolbar.mat-primary
.mat-toolbar.mat-accent
.mat-toolbar.mat-warn
.mat-tooltip
.mat-snack-bar-container
.mat-simple-snackbar-action