@charset "utf-8";

.mat-mdc-button-base { text-decoration: none; }

.mat-mdc-button-base .mat-icon { min-height: fit-content; flex-shrink: 0; }

@media (hover: none) {
  .mat-mdc-button-base:hover > span.mat-mdc-button-persistent-ripple::before { opacity: 0; }
}

.mdc-button { user-select: none; position: relative; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 64px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; line-height: inherit; appearance: none; overflow: visible; vertical-align: middle; background: rgba(0, 0, 0, 0); padding: 0px 8px; }

.mdc-button:active { outline: none; }

.mdc-button:hover { cursor: pointer; }

.mdc-button:disabled { cursor: default; pointer-events: none; }

.mdc-button[hidden] { display: none; }

.mdc-button .mdc-button__label { position: relative; }

.mat-mdc-button { padding: 0 var(--mat-button-text-horizontal-padding, 12px); height: var(--mat-button-text-container-height, 40px); font-family: var(--mat-button-text-label-text-font, var(--mat-sys-label-large-font)); font-size: var(--mat-button-text-label-text-size, var(--mat-sys-label-large-size)); letter-spacing: var(--mat-button-text-label-text-tracking, var(--mat-sys-label-large-tracking)); text-transform: var(--mat-button-text-label-text-transform); font-weight: var(--mat-button-text-label-text-weight, var(--mat-sys-label-large-weight)); }

.mat-mdc-button, .mat-mdc-button .mdc-button__ripple { border-radius: var(--mat-button-text-container-shape, var(--mat-sys-corner-full)); }

.mat-mdc-button:not(:disabled) { color: var(--mat-button-text-label-text-color, var(--mat-sys-primary)); }

.mat-mdc-button[disabled], .mat-mdc-button.mat-mdc-button-disabled { cursor: default; pointer-events: none; color: var(--mat-button-text-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); }

.mat-mdc-button.mat-mdc-button-disabled-interactive { pointer-events: auto; }

.mat-mdc-button:has(.material-icons, mat-icon, [matbuttonicon]) { padding: 0 var(--mat-button-text-with-icon-horizontal-padding, 16px); }

.mat-mdc-button > .mat-icon { margin-right: var(--mat-button-text-icon-spacing, 8px); margin-left: var(--mat-button-text-icon-offset, -4px); }

[dir="rtl"] .mat-mdc-button > .mat-icon { margin-right: var(--mat-button-text-icon-offset, -4px); margin-left: var(--mat-button-text-icon-spacing, 8px); }

.mat-mdc-button .mdc-button__label + .mat-icon { margin-right: var(--mat-button-text-icon-offset, -4px); margin-left: var(--mat-button-text-icon-spacing, 8px); }

[dir="rtl"] .mat-mdc-button .mdc-button__label + .mat-icon { margin-right: var(--mat-button-text-icon-spacing, 8px); margin-left: var(--mat-button-text-icon-offset, -4px); }

.mat-mdc-button .mat-ripple-element { background-color: var(--mat-button-text-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent)); }

.mat-mdc-button .mat-mdc-button-persistent-ripple::before { background-color: var(--mat-button-text-state-layer-color, var(--mat-sys-primary)); }

.mat-mdc-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before { background-color: var(--mat-button-text-disabled-state-layer-color, var(--mat-sys-on-surface-variant)); }

.mat-mdc-button:hover > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-text-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); }

.mat-mdc-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-text-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); }

.mat-mdc-button:active > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-text-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); }

.mat-mdc-button .mat-mdc-button-touch-target { position: absolute; top: 50%; height: var(--mat-button-text-touch-target-size, 48px); display: var(--mat-button-text-touch-target-display, block); left: 0px; right: 0px; transform: translateY(-50%); }

.mat-mdc-unelevated-button { transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); height: var(--mat-button-filled-container-height, 40px); font-family: var(--mat-button-filled-label-text-font, var(--mat-sys-label-large-font)); font-size: var(--mat-button-filled-label-text-size, var(--mat-sys-label-large-size)); letter-spacing: var(--mat-button-filled-label-text-tracking, var(--mat-sys-label-large-tracking)); text-transform: var(--mat-button-filled-label-text-transform); font-weight: var(--mat-button-filled-label-text-weight, var(--mat-sys-label-large-weight)); padding: 0 var(--mat-button-filled-horizontal-padding, 24px); }

.mat-mdc-unelevated-button > .mat-icon { margin-right: var(--mat-button-filled-icon-spacing, 8px); margin-left: var(--mat-button-filled-icon-offset, -8px); }

[dir="rtl"] .mat-mdc-unelevated-button > .mat-icon { margin-right: var(--mat-button-filled-icon-offset, -8px); margin-left: var(--mat-button-filled-icon-spacing, 8px); }

.mat-mdc-unelevated-button .mdc-button__label + .mat-icon { margin-right: var(--mat-button-filled-icon-offset, -8px); margin-left: var(--mat-button-filled-icon-spacing, 8px); }

[dir="rtl"] .mat-mdc-unelevated-button .mdc-button__label + .mat-icon { margin-right: var(--mat-button-filled-icon-spacing, 8px); margin-left: var(--mat-button-filled-icon-offset, -8px); }

.mat-mdc-unelevated-button .mat-ripple-element { background-color: var(--mat-button-filled-ripple-color, color-mix(in srgb, var(--mat-sys-on-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent)); }

.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before { background-color: var(--mat-button-filled-state-layer-color, var(--mat-sys-on-primary)); }

.mat-mdc-unelevated-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before { background-color: var(--mat-button-filled-disabled-state-layer-color, var(--mat-sys-on-surface-variant)); }

.mat-mdc-unelevated-button:hover > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-filled-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); }

.mat-mdc-unelevated-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-filled-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); }

.mat-mdc-unelevated-button:active > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-filled-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); }

.mat-mdc-unelevated-button .mat-mdc-button-touch-target { position: absolute; top: 50%; height: var(--mat-button-filled-touch-target-size, 48px); display: var(--mat-button-filled-touch-target-display, block); left: 0px; right: 0px; transform: translateY(-50%); }

.mat-mdc-unelevated-button:not(:disabled) { color: var(--mat-button-filled-label-text-color, var(--mat-sys-on-primary)); background-color: var(--mat-button-filled-container-color, var(--mat-sys-primary)); }

.mat-mdc-unelevated-button, .mat-mdc-unelevated-button .mdc-button__ripple { border-radius: var(--mat-button-filled-container-shape, var(--mat-sys-corner-full)); }

.mat-mdc-unelevated-button .mat-mdc-button-progress-indicator-container { --mat-progress-spinner-active-indicator-color: var(--mat-button-filled-progress-active-indicator-color, var(--mat-sys-on-primary)); }

.mat-mdc-unelevated-button[disabled], .mat-mdc-unelevated-button.mat-mdc-button-disabled { cursor: default; pointer-events: none; color: var(--mat-button-filled-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); background-color: var(--mat-button-filled-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); }

.mat-mdc-unelevated-button.mat-mdc-button-disabled-interactive { pointer-events: auto; }

.mat-mdc-raised-button { transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: var(--mat-button-protected-container-elevation-shadow, var(--mat-sys-level1)); height: var(--mat-button-protected-container-height, 40px); font-family: var(--mat-button-protected-label-text-font, var(--mat-sys-label-large-font)); font-size: var(--mat-button-protected-label-text-size, var(--mat-sys-label-large-size)); letter-spacing: var(--mat-button-protected-label-text-tracking, var(--mat-sys-label-large-tracking)); text-transform: var(--mat-button-protected-label-text-transform); font-weight: var(--mat-button-protected-label-text-weight, var(--mat-sys-label-large-weight)); padding: 0 var(--mat-button-protected-horizontal-padding, 24px); }

.mat-mdc-raised-button > .mat-icon { margin-right: var(--mat-button-protected-icon-spacing, 8px); margin-left: var(--mat-button-protected-icon-offset, -8px); }

[dir="rtl"] .mat-mdc-raised-button > .mat-icon { margin-right: var(--mat-button-protected-icon-offset, -8px); margin-left: var(--mat-button-protected-icon-spacing, 8px); }

.mat-mdc-raised-button .mdc-button__label + .mat-icon { margin-right: var(--mat-button-protected-icon-offset, -8px); margin-left: var(--mat-button-protected-icon-spacing, 8px); }

[dir="rtl"] .mat-mdc-raised-button .mdc-button__label + .mat-icon { margin-right: var(--mat-button-protected-icon-spacing, 8px); margin-left: var(--mat-button-protected-icon-offset, -8px); }

.mat-mdc-raised-button .mat-ripple-element { background-color: var(--mat-button-protected-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent)); }

.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before { background-color: var(--mat-button-protected-state-layer-color, var(--mat-sys-primary)); }

.mat-mdc-raised-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before { background-color: var(--mat-button-protected-disabled-state-layer-color, var(--mat-sys-on-surface-variant)); }

.mat-mdc-raised-button:hover > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-protected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); }

.mat-mdc-raised-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-protected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); }

.mat-mdc-raised-button:active > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-protected-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); }

.mat-mdc-raised-button .mat-mdc-button-touch-target { position: absolute; top: 50%; height: var(--mat-button-protected-touch-target-size, 48px); display: var(--mat-button-protected-touch-target-display, block); left: 0px; right: 0px; transform: translateY(-50%); }

.mat-mdc-raised-button:not(:disabled) { color: var(--mat-button-protected-label-text-color, var(--mat-sys-primary)); background-color: var(--mat-button-protected-container-color, var(--mat-sys-surface)); }

.mat-mdc-raised-button, .mat-mdc-raised-button .mdc-button__ripple { border-radius: var(--mat-button-protected-container-shape, var(--mat-sys-corner-full)); }

@media (hover: hover) {
  .mat-mdc-raised-button:hover { box-shadow: var(--mat-button-protected-hover-container-elevation-shadow, var(--mat-sys-level2)); }
}

.mat-mdc-raised-button:focus { box-shadow: var(--mat-button-protected-focus-container-elevation-shadow, var(--mat-sys-level1)); }

.mat-mdc-raised-button:active, .mat-mdc-raised-button:focus:active { box-shadow: var(--mat-button-protected-pressed-container-elevation-shadow, var(--mat-sys-level1)); }

.mat-mdc-raised-button[disabled], .mat-mdc-raised-button.mat-mdc-button-disabled { cursor: default; pointer-events: none; color: var(--mat-button-protected-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); background-color: var(--mat-button-protected-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); }

.mat-mdc-raised-button[disabled].mat-mdc-button-disabled, .mat-mdc-raised-button.mat-mdc-button-disabled.mat-mdc-button-disabled { box-shadow: var(--mat-button-protected-disabled-container-elevation-shadow, var(--mat-sys-level0)); }

.mat-mdc-raised-button.mat-mdc-button-disabled-interactive { pointer-events: auto; }

.mat-mdc-outlined-button { border-style: solid; transition: border 280ms cubic-bezier(0.4, 0, 0.2, 1); height: var(--mat-button-outlined-container-height, 40px); font-family: var(--mat-button-outlined-label-text-font, var(--mat-sys-label-large-font)); font-size: var(--mat-button-outlined-label-text-size, var(--mat-sys-label-large-size)); letter-spacing: var(--mat-button-outlined-label-text-tracking, var(--mat-sys-label-large-tracking)); text-transform: var(--mat-button-outlined-label-text-transform); font-weight: var(--mat-button-outlined-label-text-weight, var(--mat-sys-label-large-weight)); border-radius: var(--mat-button-outlined-container-shape, var(--mat-sys-corner-full)); border-width: var(--mat-button-outlined-outline-width, 1px); padding: 0 var(--mat-button-outlined-horizontal-padding, 24px); }

.mat-mdc-outlined-button > .mat-icon { margin-right: var(--mat-button-outlined-icon-spacing, 8px); margin-left: var(--mat-button-outlined-icon-offset, -8px); }

[dir="rtl"] .mat-mdc-outlined-button > .mat-icon { margin-right: var(--mat-button-outlined-icon-offset, -8px); margin-left: var(--mat-button-outlined-icon-spacing, 8px); }

.mat-mdc-outlined-button .mdc-button__label + .mat-icon { margin-right: var(--mat-button-outlined-icon-offset, -8px); margin-left: var(--mat-button-outlined-icon-spacing, 8px); }

[dir="rtl"] .mat-mdc-outlined-button .mdc-button__label + .mat-icon { margin-right: var(--mat-button-outlined-icon-spacing, 8px); margin-left: var(--mat-button-outlined-icon-offset, -8px); }

.mat-mdc-outlined-button .mat-ripple-element { background-color: var(--mat-button-outlined-ripple-color, color-mix(in srgb, var(--mat-sys-primary) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent)); }

.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before { background-color: var(--mat-button-outlined-state-layer-color, var(--mat-sys-primary)); }

.mat-mdc-outlined-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before { background-color: var(--mat-button-outlined-disabled-state-layer-color, var(--mat-sys-on-surface-variant)); }

.mat-mdc-outlined-button:hover > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-outlined-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); }

.mat-mdc-outlined-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-outlined-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); }

.mat-mdc-outlined-button:active > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-outlined-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); }

.mat-mdc-outlined-button .mat-mdc-button-touch-target { position: absolute; top: 50%; height: var(--mat-button-outlined-touch-target-size, 48px); display: var(--mat-button-outlined-touch-target-display, block); left: 0px; right: 0px; transform: translateY(-50%); }

.mat-mdc-outlined-button:not(:disabled) { color: var(--mat-button-outlined-label-text-color, var(--mat-sys-primary)); border-color: var(--mat-button-outlined-outline-color, var(--mat-sys-outline)); }

.mat-mdc-outlined-button[disabled], .mat-mdc-outlined-button.mat-mdc-button-disabled { cursor: default; pointer-events: none; color: var(--mat-button-outlined-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); border-color: var(--mat-button-outlined-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); }

.mat-mdc-outlined-button.mat-mdc-button-disabled-interactive { pointer-events: auto; }

.mat-tonal-button { transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); height: var(--mat-button-tonal-container-height, 40px); font-family: var(--mat-button-tonal-label-text-font, var(--mat-sys-label-large-font)); font-size: var(--mat-button-tonal-label-text-size, var(--mat-sys-label-large-size)); letter-spacing: var(--mat-button-tonal-label-text-tracking, var(--mat-sys-label-large-tracking)); text-transform: var(--mat-button-tonal-label-text-transform); font-weight: var(--mat-button-tonal-label-text-weight, var(--mat-sys-label-large-weight)); padding: 0 var(--mat-button-tonal-horizontal-padding, 24px); }

.mat-tonal-button:not(:disabled) { color: var(--mat-button-tonal-label-text-color, var(--mat-sys-on-secondary-container)); background-color: var(--mat-button-tonal-container-color, var(--mat-sys-secondary-container)); }

.mat-tonal-button, .mat-tonal-button .mdc-button__ripple { border-radius: var(--mat-button-tonal-container-shape, var(--mat-sys-corner-full)); }

.mat-tonal-button[disabled], .mat-tonal-button.mat-mdc-button-disabled { cursor: default; pointer-events: none; color: var(--mat-button-tonal-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent)); background-color: var(--mat-button-tonal-disabled-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent)); }

.mat-tonal-button.mat-mdc-button-disabled-interactive { pointer-events: auto; }

.mat-tonal-button > .mat-icon { margin-right: var(--mat-button-tonal-icon-spacing, 8px); margin-left: var(--mat-button-tonal-icon-offset, -8px); }

[dir="rtl"] .mat-tonal-button > .mat-icon { margin-right: var(--mat-button-tonal-icon-offset, -8px); margin-left: var(--mat-button-tonal-icon-spacing, 8px); }

.mat-tonal-button .mdc-button__label + .mat-icon { margin-right: var(--mat-button-tonal-icon-offset, -8px); margin-left: var(--mat-button-tonal-icon-spacing, 8px); }

[dir="rtl"] .mat-tonal-button .mdc-button__label + .mat-icon { margin-right: var(--mat-button-tonal-icon-spacing, 8px); margin-left: var(--mat-button-tonal-icon-offset, -8px); }

.mat-tonal-button .mat-ripple-element { background-color: var(--mat-button-tonal-ripple-color, color-mix(in srgb, var(--mat-sys-on-secondary-container) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent)); }

.mat-tonal-button .mat-mdc-button-persistent-ripple::before { background-color: var(--mat-button-tonal-state-layer-color, var(--mat-sys-on-secondary-container)); }

.mat-tonal-button.mat-mdc-button-disabled .mat-mdc-button-persistent-ripple::before { background-color: var(--mat-button-tonal-disabled-state-layer-color, var(--mat-sys-on-surface-variant)); }

.mat-tonal-button:hover > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-tonal-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)); }

.mat-tonal-button.cdk-program-focused > .mat-mdc-button-persistent-ripple::before, .mat-tonal-button.cdk-keyboard-focused > .mat-mdc-button-persistent-ripple::before, .mat-tonal-button.mat-mdc-button-disabled-interactive:focus > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-tonal-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)); }

.mat-tonal-button:active > .mat-mdc-button-persistent-ripple::before { opacity: var(--mat-button-tonal-pressed-state-layer-opacity, var(--mat-sys-pressed-state-layer-opacity)); }

.mat-tonal-button .mat-mdc-button-touch-target { position: absolute; top: 50%; height: var(--mat-button-tonal-touch-target-size, 48px); display: var(--mat-button-tonal-touch-target-display, block); left: 0px; right: 0px; transform: translateY(-50%); }

.mat-mdc-button, .mat-mdc-unelevated-button, .mat-mdc-raised-button, .mat-mdc-outlined-button, .mat-tonal-button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mat-mdc-button .mat-mdc-button-ripple, .mat-mdc-button .mat-mdc-button-persistent-ripple, .mat-mdc-button .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button .mat-mdc-button-ripple, .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple, .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button .mat-mdc-button-ripple, .mat-mdc-raised-button .mat-mdc-button-persistent-ripple, .mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button .mat-mdc-button-ripple, .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple, .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before, .mat-tonal-button .mat-mdc-button-ripple, .mat-tonal-button .mat-mdc-button-persistent-ripple, .mat-tonal-button .mat-mdc-button-persistent-ripple::before { inset: 0px; position: absolute; pointer-events: none; border-radius: inherit; }

.mat-mdc-button .mat-mdc-button-ripple, .mat-mdc-unelevated-button .mat-mdc-button-ripple, .mat-mdc-raised-button .mat-mdc-button-ripple, .mat-mdc-outlined-button .mat-mdc-button-ripple, .mat-tonal-button .mat-mdc-button-ripple { overflow: hidden; }

.mat-mdc-button .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before, .mat-tonal-button .mat-mdc-button-persistent-ripple::before { content: ""; opacity: 0; }

.mat-mdc-button .mdc-button__label, .mat-mdc-button .mat-icon, .mat-mdc-unelevated-button .mdc-button__label, .mat-mdc-unelevated-button .mat-icon, .mat-mdc-raised-button .mdc-button__label, .mat-mdc-raised-button .mat-icon, .mat-mdc-outlined-button .mdc-button__label, .mat-mdc-outlined-button .mat-icon, .mat-tonal-button .mdc-button__label, .mat-tonal-button .mat-icon { z-index: 1; position: relative; }

.mat-mdc-button .mat-focus-indicator, .mat-mdc-unelevated-button .mat-focus-indicator, .mat-mdc-raised-button .mat-focus-indicator, .mat-mdc-outlined-button .mat-focus-indicator, .mat-tonal-button .mat-focus-indicator { inset: 0px; position: absolute; border-radius: inherit; }

.mat-mdc-button:focus-visible > .mat-focus-indicator::before, .mat-mdc-unelevated-button:focus-visible > .mat-focus-indicator::before, .mat-mdc-raised-button:focus-visible > .mat-focus-indicator::before, .mat-mdc-outlined-button:focus-visible > .mat-focus-indicator::before, .mat-tonal-button:focus-visible > .mat-focus-indicator::before { content: ""; border-radius: inherit; }

.mat-mdc-button._mat-animation-noopable, .mat-mdc-unelevated-button._mat-animation-noopable, .mat-mdc-raised-button._mat-animation-noopable, .mat-mdc-outlined-button._mat-animation-noopable, .mat-tonal-button._mat-animation-noopable { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }

.mat-mdc-button > .mat-icon, .mat-mdc-unelevated-button > .mat-icon, .mat-mdc-raised-button > .mat-icon, .mat-mdc-outlined-button > .mat-icon, .mat-tonal-button > .mat-icon { display: inline-block; position: relative; vertical-align: top; font-size: 1.125rem; height: 1.125rem; width: 1.125rem; }

.mat-mdc-outlined-button .mat-mdc-button-ripple, .mat-mdc-outlined-button .mdc-button__ripple { inset: -1px; }

.mat-mdc-unelevated-button .mat-focus-indicator::before, .mat-tonal-button .mat-focus-indicator::before, .mat-mdc-raised-button .mat-focus-indicator::before { margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1); }

.mat-mdc-outlined-button .mat-focus-indicator::before { margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 3px)*-1); }

.mat-mdc-button-progress-indicator-container { position: absolute; inset-inline-start: 0px; inset-block-start: 0px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; box-sizing: border-box; }

.mat-mdc-button-progress-indicator-shown mat-icon, .mat-mdc-button-progress-indicator-shown [matbuttonicon], .mat-mdc-button-progress-indicator-shown .mdc-button__label { visibility: hidden; }