@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";

/* src/assets/themes/modern-theme.css */
html {
  color-scheme: light;
  --mat-sys-primary: light-dark(#5d87ff, #b4c5ff);
  --mat-sys-on-primary: light-dark(#ffffff, #002979);
  --mat-sys-primary-container: light-dark(#dbe1ff, #003daa);
  --mat-sys-on-primary-container: light-dark(#00174c, #dbe1ff);
  --mat-sys-inverse-primary: light-dark(#b4c5ff, #5d87ff);
  --mat-sys-primary-fixed: light-dark(#dbe1ff, #dbe1ff);
  --mat-sys-primary-fixed-dim: light-dark(#b4c5ff, #b4c5ff);
  --mat-sys-on-primary-fixed: light-dark(#00174c, #00174c);
  --mat-sys-on-primary-fixed-variant: light-dark(#003daa, #003daa);
  --mat-sys-secondary: light-dark(#44B7F7, #87ceff);
  --mat-sys-on-secondary: light-dark(#ffffff, #00344d);
  --mat-sys-secondary-container: light-dark(#c8e6ff, #004c6d);
  --mat-sys-on-secondary-container: light-dark(#001e2e, #c8e6ff);
  --mat-sys-secondary-fixed: light-dark(#c8e6ff, #c8e6ff);
  --mat-sys-secondary-fixed-dim: light-dark(#87ceff, #87ceff);
  --mat-sys-on-secondary-fixed: light-dark(#001e2e, #001e2e);
  --mat-sys-on-secondary-fixed-variant: light-dark(#004c6d, #004c6d);
  --mat-sys-tertiary: light-dark(#ffae1f, #ffae1f);
  --mat-sys-on-tertiary: light-dark(#ffffff, #452b00);
  --mat-sys-tertiary-container: light-dark(#ffddb3, #624000);
  --mat-sys-on-tertiary-container: light-dark(#291800, #ffddb3);
  --mat-sys-tertiary-fixed: light-dark(#ffddb3, #ffddb3);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffae1f, #ffae1f);
  --mat-sys-on-tertiary-fixed: light-dark(#291800, #291800);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#624000, #624000);
  --mat-sys-background: light-dark(#faf8ff, #11131a);
  --mat-sys-on-background: light-dark(#191b23, #e2e1ec);
  --mat-sys-surface: light-dark(#faf8ff, #11131a);
  --mat-sys-surface-dim: light-dark(#d9d9e3, #11131a);
  --mat-sys-surface-bright: light-dark(#faf8ff, #373941);
  --mat-sys-surface-container-low: light-dark(#f3f3fd, #191b23);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0e15);
  --mat-sys-surface-container: light-dark(#ededf7, #1e1f27);
  --mat-sys-surface-container-high: light-dark(#e8e7f2, #282a31);
  --mat-sys-surface-container-highest: light-dark(#e2e1ec, #33343c);
  --mat-sys-on-surface: light-dark(#191b23, #e2e1ec);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-surface-tint: light-dark(#2355cc, #b4c5ff);
  --mat-sys-inverse-surface: light-dark(#2e3038, #e2e1ec);
  --mat-sys-inverse-on-surface: light-dark(#f0f0fa, #2e3038);
  --mat-sys-outline: light-dark(#747685, #8d909f);
  --mat-sys-outline-variant: light-dark(#c3c6d6, #434654);
  --mat-sys-neutral10: light-dark(#191b23, #191b23);
  --mat-sys-error: light-dark(#FA896B, #FA896B);
  --mat-sys-on-error: light-dark(#ffffff, #5f1502);
  --mat-sys-error-container: light-dark(#ffdbd1, #FA896B);
  --mat-sys-on-error-container: light-dark(#3c0800, #ffdbd1);
  --mat-sys-surface-variant: light-dark(#e0e1f2, #434654);
  --mat-sys-on-surface-variant: light-dark(#434654, #c3c6d6);
  --mat-sys-neutral-variant20: light-dark(#2d303d, #2d303d);
  --mat-sys-brand-font-family: Roboto;
  --mat-sys-plain-font-family: Roboto;
  --mat-sys-bold-font-weight: 700;
  --mat-sys-medium-font-weight: 500;
  --mat-sys-regular-font-weight: 400;
  --mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);
  --mat-sys-body-large-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);
  --mat-sys-body-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);
  --mat-sys-body-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);
  --mat-sys-display-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
  --mat-sys-display-medium-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);
  --mat-sys-display-small-font: var(--mat-sys-brand-font-family);
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
  --mat-sys-headline-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);
  --mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
  --mat-sys-headline-small-font: var(--mat-sys-brand-font-family);
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);
  --mat-sys-label-large-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);
  --mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);
  --mat-sys-label-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);
  --mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);
  --mat-sys-label-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);
  --mat-sys-title-large-font: var(--mat-sys-brand-font-family);
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: var(--mat-sys-regular-font-weight);
  --mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);
  --mat-sys-title-medium-font: var(--mat-sys-plain-font-family);
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);
  --mat-sys-title-small-font: var(--mat-sys-plain-font-family);
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: var(--mat-sys-medium-font-weight);
  --mat-sys-umbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 80%);
  --mat-sys-penumbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 86%);
  --mat-sys-ambient-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 88%);
  --mat-sys-level0:
    0px 0px 0px 0px var(--mat-sys-umbra-color),
    0px 0px 0px 0px var(--mat-sys-penumbra-color),
    0px 0px 0px 0px var(--mat-sys-ambient-color);
  --mat-sys-level1:
    0px 2px 1px -1px var(--mat-sys-umbra-color),
    0px 1px 1px 0px var(--mat-sys-penumbra-color),
    0px 1px 3px 0px var(--mat-sys-ambient-color);
  --mat-sys-level2:
    0px 3px 3px -2px var(--mat-sys-umbra-color),
    0px 3px 4px 0px var(--mat-sys-penumbra-color),
    0px 1px 8px 0px var(--mat-sys-ambient-color);
  --mat-sys-level3:
    0px 3px 5px -1px var(--mat-sys-umbra-color),
    0px 6px 10px 0px var(--mat-sys-penumbra-color),
    0px 1px 18px 0px var(--mat-sys-ambient-color);
  --mat-sys-level4:
    0px 5px 5px -3px var(--mat-sys-umbra-color),
    0px 8px 10px 1px var(--mat-sys-penumbra-color),
    0px 3px 14px 2px var(--mat-sys-ambient-color);
  --mat-sys-level5:
    0px 7px 8px -4px var(--mat-sys-umbra-color),
    0px 12px 17px 2px var(--mat-sys-penumbra-color),
    0px 5px 22px 4px var(--mat-sys-ambient-color);
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

/* src/assets/themes/nrg-custom-theme.css */
html .nrg-secondary-flat-button {
  --mdc-filled-button-container-color: var(--mat-sys-secondary);
  --mdc-filled-button-label-text-color: var(--mat-sys-on-secondary);
  --mdc-filled-button-icon-color: var(--mat-sys-on-secondary);
  --mdc-protected-button-container-color: var(--mat-sys-secondary);
  --mdc-protected-button-label-text-color: var(--mat-sys-on-secondary);
  --mdc-filled-button-hover-state-layer-color: var(--mat-sys-on-secondary);
  --mdc-filled-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-filled-button-focus-state-layer-color: var(--mat-sys-on-secondary);
  --mdc-filled-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-filled-button-pressed-state-layer-color: var(--mat-sys-on-secondary);
  --mdc-filled-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-secondary-raised-button {
  --mdc-filled-button-container-color: var(--mat-sys-on-secondary);
  --mdc-filled-button-label-text-color: var(--mat-sys-secondary);
  --mdc-filled-button-icon-color: var(--mat-sys-secondary);
  --mdc-protected-button-container-color: var(--mat-sys-on-secondary);
  --mdc-protected-button-label-text-color: var(--mat-sys-secondary);
  --mdc-protected-button-container-elevation-shadow: var(--mat-sys-level1);
  box-shadow: var(--mat-sys-level1);
  --mdc-filled-button-hover-state-layer-color: var(--mat-sys-secondary);
  --mdc-filled-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-filled-button-focus-state-layer-color: var(--mat-sys-secondary);
  --mdc-filled-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-filled-button-pressed-state-layer-color: var(--mat-sys-secondary);
  --mdc-filled-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-secondary-raised-button:is(:hover, :focus-visible) {
  --mdc-protected-button-hover-container-elevation-shadow: var(--mat-sys-level2);
  box-shadow: var(--mat-sys-level2);
}
html .nrg-secondary-raised-button:active {
  box-shadow: var(--mat-sys-level1);
}
html .nrg-secondary-fab {
  --mdc-fab-container-color: var(--mat-sys-secondary);
  --mdc-fab-icon-color: var(--mat-sys-on-secondary);
  --mdc-fab-hover-state-layer-color: var(--mat-sys-on-secondary);
  --mdc-fab-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-fab-focus-state-layer-color: var(--mat-sys-on-secondary);
  --mdc-fab-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-fab-pressed-state-layer-color: var(--mat-sys-on-secondary);
  --mdc-fab-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-secondary-outlined-button {
  --mdc-outlined-button-outline-color: var(--mat-sys-secondary);
  --mdc-outlined-button-label-text-color: var(--mat-sys-secondary);
  --mdc-outlined-button-icon-color: var(--mat-sys-secondary);
  --mdc-outlined-button-hover-state-layer-color: var(--mat-sys-secondary);
  --mdc-outlined-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-outlined-button-focus-state-layer-color: var(--mat-sys-secondary);
  --mdc-outlined-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-outlined-button-pressed-state-layer-color: var(--mat-sys-secondary);
  --mdc-outlined-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-secondary-text-button {
  --mdc-text-button-label-text-color: var(--mat-sys-secondary);
  --mdc-text-button-icon-color: var(--mat-sys-secondary);
  --mdc-text-button-hover-state-layer-color: var(--mat-sys-secondary);
  --mdc-text-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-text-button-focus-state-layer-color: var(--mat-sys-secondary);
  --mdc-text-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-text-button-pressed-state-layer-color: var(--mat-sys-secondary);
  --mdc-text-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-secondary-icon-button {
  --mdc-icon-button-icon-color: var(--mat-sys-secondary);
  --mdc-icon-button-hover-state-layer-color: var(--mat-sys-secondary);
  --mdc-icon-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-icon-button-focus-state-layer-color: var(--mat-sys-secondary);
  --mdc-icon-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-icon-button-pressed-state-layer-color: var(--mat-sys-secondary);
  --mdc-icon-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-tertiary-flat-button {
  --mdc-filled-button-container-color: var(--mat-sys-tertiary);
  --mdc-filled-button-label-text-color: var(--mat-sys-on-tertiary);
  --mdc-filled-button-icon-color: var(--mat-sys-on-tertiary);
  --mdc-protected-button-container-color: var(--mat-sys-tertiary);
  --mdc-protected-button-label-text-color: var(--mat-sys-on-tertiary);
  --mdc-filled-button-hover-state-layer-color: var(--mat-sys-on-tertiary);
  --mdc-filled-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-filled-button-focus-state-layer-color: var(--mat-sys-on-tertiary);
  --mdc-filled-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-filled-button-pressed-state-layer-color: var(--mat-sys-on-tertiary);
  --mdc-filled-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-tertiary-raised-button {
  --mdc-filled-button-container-color: var(--mat-sys-on-tertiary);
  --mdc-filled-button-label-text-color: var(--mat-sys-tertiary);
  --mdc-filled-button-icon-color: var(--mat-sys-tertiary);
  --mdc-protected-button-container-color: var(--mat-sys-on-tertiary);
  --mdc-protected-button-label-text-color: var(--mat-sys-tertiary);
  --mdc-protected-button-container-elevation-shadow: var(--mat-sys-level1);
  box-shadow: var(--mat-sys-level1);
  --mdc-filled-button-hover-state-layer-color: var(--mat-sys-tertiary);
  --mdc-filled-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-filled-button-focus-state-layer-color: var(--mat-sys-tertiary);
  --mdc-filled-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-filled-button-pressed-state-layer-color: var(--mat-sys-tertiary);
  --mdc-filled-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-tertiary-raised-button:is(:hover, :focus-visible) {
  --mdc-protected-button-hover-container-elevation-shadow: var(--mat-sys-level2);
  box-shadow: var(--mat-sys-level2);
}
html .nrg-tertiary-raised-button:active {
  box-shadow: var(--mat-sys-level1);
}
html .nrg-tertiary-fab {
  --mdc-fab-container-color: var(--mat-sys-tertiary);
  --mdc-fab-icon-color: var(--mat-sys-on-tertiary);
  --mdc-fab-hover-state-layer-color: var(--mat-sys-on-tertiary);
  --mdc-fab-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-fab-focus-state-layer-color: var(--mat-sys-on-tertiary);
  --mdc-fab-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-fab-pressed-state-layer-color: var(--mat-sys-on-tertiary);
  --mdc-fab-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-tertiary-outlined-button {
  --mdc-outlined-button-outline-color: var(--mat-sys-tertiary);
  --mdc-outlined-button-label-text-color: var(--mat-sys-tertiary);
  --mdc-outlined-button-icon-color: var(--mat-sys-tertiary);
  --mdc-outlined-button-hover-state-layer-color: var(--mat-sys-tertiary);
  --mdc-outlined-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-outlined-button-focus-state-layer-color: var(--mat-sys-tertiary);
  --mdc-outlined-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-outlined-button-pressed-state-layer-color: var(--mat-sys-tertiary);
  --mdc-outlined-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-tertiary-text-button {
  --mdc-text-button-label-text-color: var(--mat-sys-tertiary);
  --mdc-text-button-icon-color: var(--mat-sys-tertiary);
  --mdc-text-button-hover-state-layer-color: var(--mat-sys-tertiary);
  --mdc-text-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-text-button-focus-state-layer-color: var(--mat-sys-tertiary);
  --mdc-text-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-text-button-pressed-state-layer-color: var(--mat-sys-tertiary);
  --mdc-text-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-tertiary-icon-button {
  --mdc-icon-button-icon-color: var(--mat-sys-tertiary);
  --mdc-icon-button-hover-state-layer-color: var(--mat-sys-tertiary);
  --mdc-icon-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-icon-button-focus-state-layer-color: var(--mat-sys-tertiary);
  --mdc-icon-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-icon-button-pressed-state-layer-color: var(--mat-sys-tertiary);
  --mdc-icon-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-error-flat-button {
  --mdc-filled-button-container-color: var(--mat-sys-error);
  --mdc-filled-button-label-text-color: var(--mat-sys-on-error);
  --mdc-filled-button-icon-color: var(--mat-sys-on-error);
  --mdc-protected-button-container-color: var(--mat-sys-error);
  --mdc-protected-button-label-text-color: var(--mat-sys-on-error);
  --mdc-filled-button-hover-state-layer-color: var(--mat-sys-on-error);
  --mdc-filled-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-filled-button-focus-state-layer-color: var(--mat-sys-on-error);
  --mdc-filled-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-filled-button-pressed-state-layer-color: var(--mat-sys-on-error);
  --mdc-filled-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-error-raised-button {
  --mdc-filled-button-container-color: var(--mat-sys-on-error);
  --mdc-filled-button-label-text-color: var(--mat-sys-error);
  --mdc-filled-button-icon-color: var(--mat-sys-error);
  --mdc-protected-button-container-color: var(--mat-sys-on-error);
  --mdc-protected-button-label-text-color: var(--mat-sys-error);
  --mdc-protected-button-container-elevation-shadow: var(--mat-sys-level1);
  box-shadow: var(--mat-sys-level1);
  --mdc-filled-button-hover-state-layer-color: var(--mat-sys-error);
  --mdc-filled-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-filled-button-focus-state-layer-color: var(--mat-sys-error);
  --mdc-filled-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-filled-button-pressed-state-layer-color: var(--mat-sys-error);
  --mdc-filled-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-error-raised-button:is(:hover, :focus-visible) {
  --mdc-protected-button-hover-container-elevation-shadow: var(--mat-sys-level2);
  box-shadow: var(--mat-sys-level2);
}
html .nrg-error-raised-button:active {
  box-shadow: var(--mat-sys-level1);
}
html .nrg-error-fab {
  --mdc-fab-container-color: var(--mat-sys-error);
  --mdc-fab-icon-color: var(--mat-sys-on-error);
  --mdc-fab-hover-state-layer-color: var(--mat-sys-on-error);
  --mdc-fab-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-fab-focus-state-layer-color: var(--mat-sys-on-error);
  --mdc-fab-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-fab-pressed-state-layer-color: var(--mat-sys-on-error);
  --mdc-fab-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-error-outlined-button {
  --mdc-outlined-button-outline-color: var(--mat-sys-error);
  --mdc-outlined-button-label-text-color: var(--mat-sys-error);
  --mdc-outlined-button-icon-color: var(--mat-sys-error);
  --mdc-outlined-button-hover-state-layer-color: var(--mat-sys-error);
  --mdc-outlined-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-outlined-button-focus-state-layer-color: var(--mat-sys-error);
  --mdc-outlined-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-outlined-button-pressed-state-layer-color: var(--mat-sys-error);
  --mdc-outlined-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-error-text-button {
  --mdc-text-button-label-text-color: var(--mat-sys-error);
  --mdc-text-button-icon-color: var(--mat-sys-error);
  --mdc-text-button-hover-state-layer-color: var(--mat-sys-error);
  --mdc-text-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-text-button-focus-state-layer-color: var(--mat-sys-error);
  --mdc-text-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-text-button-pressed-state-layer-color: var(--mat-sys-error);
  --mdc-text-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}
html .nrg-error-icon-button {
  --mdc-icon-button-icon-color: var(--mat-sys-error);
  --mdc-icon-button-hover-state-layer-color: var(--mat-sys-error);
  --mdc-icon-button-hover-state-layer-opacity: var(--mat-sys-hover-state-layer-opacity);
  --mdc-icon-button-focus-state-layer-color: var(--mat-sys-error);
  --mdc-icon-button-focus-state-layer-opacity: var(--mat-sys-focus-state-layer-opacity);
  --mdc-icon-button-pressed-state-layer-color: var(--mat-sys-error);
  --mdc-icon-button-pressed-state-layer-opacity: var(--mat-sys-pressed-state-layer-opacity);
}

/* src/styles.scss */
@keyframes hotToastEnter {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.hot-toast-animated-icon {
  animation: var(--hot-toast-animated-icon-animation, hotToastEnter 0.3s ease-in-out forwards);
  position: var(--hot-toast-animated-icon-position, relative);
  transform: var(--hot-toast-animated-icon-transform, scale(0));
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-animated-icon {
    animation-duration: var(--hot-toast-animated-icon-reduced-motion-animation-duration, none);
    opacity: var(--hot-toast-animated-icon-reduced-motion-opacity, 1);
    transform: var(--hot-toast-animated-icon-reduced-motion-transform, scale(1));
  }
}
@keyframes hotToastCircleAnimation {
  from {
    opacity: 0;
    transform: scale(0) rotate(45deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(45deg);
  }
}
@keyframes hotToastCheckmarkAnimation {
  0% {
    height: 0;
    opacity: 0;
    width: 0;
  }
  40% {
    height: 0;
    opacity: 1;
    width: 6px;
  }
  100% {
    height: 10px;
    opacity: 1;
  }
}
.hot-toast-checkmark-icon {
  animation: var(--hot-toast-checkmark-icon-animation, hotToastCircleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-checkmark-icon-animation-delay, 100ms);
  background-color: var(--hot-toast-checkmark-icon-background-color, var(--check-primary, #61d345));
  border-radius: var(--hot-toast-checkmark-icon-border-radius, 10px);
  height: var(--hot-toast-checkmark-icon-height, 20px);
  opacity: var(--hot-toast-checkmark-icon-opacity, 0);
  position: var(--hot-toast-checkmark-icon-position, relative);
  transform: var(--hot-toast-checkmark-icon-transform, rotate(45deg));
  width: var(--hot-toast-checkmark-icon-width, 20px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-checkmark-icon {
    animation-duration: var(--hot-toast-checkmark-icon-reduced-motion-animation-duration, 0ms);
  }
}
.hot-toast-checkmark-icon::after {
  animation: var(--hot-toast-checkmark-icon-after-animation, hotToastCheckmarkAnimation 0.2s ease-out forwards);
  animation-delay: var(--hot-toast-checkmark-icon-after-animation-delay, 200ms);
  border-bottom-style: solid;
  border-bottom-width: var(--hot-toast-checkmark-icon-after-border-bottom, 2px);
  border-color: var(--hot-toast-checkmark-icon-after-border-color, var(--check-secondary, #fff));
  border-right-style: solid;
  border-right-width: var(--hot-toast-checkmark-icon-after-border-right, 2px);
  bottom: var(--hot-toast-checkmark-icon-after-bottom, 6px);
  box-sizing: var(--hot-toast-checkmark-icon-after-box-sizing, border-box);
  content: var(--hot-toast-checkmark-icon-after-content, "");
  height: var(--hot-toast-checkmark-icon-after-height, 10px);
  left: var(--hot-toast-checkmark-icon-after-left, 6px);
  opacity: var(--hot-toast-checkmark-icon-after-opacity, 0);
  position: var(--hot-toast-checkmark-icon-after-position, absolute);
  width: var(--hot-toast-checkmark-icon-after-width, 6px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-checkmark-icon::after {
    animation-duration: var(--hot-toast-checkmark-icon-after-reduced-motion-animation-duration, 0ms);
  }
}
@keyframes hotToastErrorCircleAnimation {
  from {
    opacity: 0;
    transform: scale(0) rotate(45deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(45deg);
  }
}
@keyframes hotToastFirstLineAnimation {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes hotToastSecondLineAnimation {
  from {
    opacity: 0;
    transform: scale(0) rotate(90deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(90deg);
  }
}
.hot-toast-error-icon {
  animation: var(--hot-toast-error-icon-animation, hotToastErrorCircleAnimation 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-error-icon-animation-delay, 100ms);
  background: var(--hot-toast-error-icon-background, var(--error-primary, #ff4b4b));
  border-radius: var(--hot-toast-error-icon-border-radius, 10px);
  height: var(--hot-toast-error-icon-height, 20px);
  opacity: var(--hot-toast-error-icon-opacity, 0);
  position: var(--hot-toast-error-icon-position, relative);
  transform: var(--hot-toast-error-icon-transform, rotate(45deg));
  width: var(--hot-toast-error-icon-width, 20px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-error-icon {
    animation-duration: var(--hot-toast-error-icon-reduced-motion-animation-duration, 0ms);
  }
}
.hot-toast-error-icon::after,
.hot-toast-error-icon::before {
  animation: var(--hot-toast-error-icon-after-before-animation, hotToastFirstLineAnimation 0.15s ease-out forwards);
  animation-delay: var(--hot-toast-error-icon-after-before-animation-delay, 150ms);
  background: var(--hot-toast-error-icon-after-before-background, var(--error-secondary, #fff));
  border-radius: var(--hot-toast-error-icon-after-before-border-radius, 3px);
  bottom: var(--hot-toast-error-icon-after-before-bottom, 9px);
  content: var(--hot-toast-error-icon-after-before-content, "");
  height: var(--hot-toast-error-icon-after-before-height, 2px);
  left: var(--hot-toast-error-icon-after-before-left, 4px);
  opacity: var(--hot-toast-error-icon-after-before-opacity, 0);
  position: var(--hot-toast-error-icon-after-before-position, absolute);
  width: var(--hot-toast-error-icon-after-before-width, 12px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-error-icon::after,
  .hot-toast-error-icon::before {
    animation-duration: var(--hot-toast-error-icon-after-before-reduced-motion-animation-duration, 0ms);
  }
}
.hot-toast-error-icon::before {
  animation: var(--hot-toast-error-icon-before-animation, hotToastSecondLineAnimation 0.15s ease-out forwards);
  animation-delay: var(--hot-toast-error-icon-before-animation-delay, 180ms);
  transform: var(--hot-toast-error-icon-before-transform, rotate(90deg));
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-error-icon::before {
    animation-duration: var(--hot-toast-error-icon-before-reduced-motion-animation-duration, 0ms);
  }
}
.hot-toast-bar-base {
  align-items: var(--hot-toast-align-items, center);
  background-color: var(--hot-toast-bg, #fff);
  border-radius: var(--hot-toast-border-radius, 4px);
  box-shadow: var(--hot-toast-shadow, 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05));
  color: var(--hot-toast-color, #363636);
  display: var(--hot-toast-display, flex);
  line-height: var(--hot-toast-line, 1.3);
  margin: var(--hot-toast-margin, 16px);
  max-width: var(--hot-toast-max-width, 350px);
  padding: var(--hot-toast-padding, 8px 10px);
  pointer-events: var(--hot-toast-pointer-events, auto);
  width: var(--hot-toast-width, fit-content);
  transition-property: border-bottom-left-radius, border-bottom-right-radius;
  transition-duration: 230ms;
  transition-timing-function: ease-out;
}
.hot-toast-bar-base:hover,
.hot-toast-bar-base:focus {
  animation-play-state: var(--hot-toast-animation-state, paused) !important;
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-bar-base {
    animation-duration: var(--hot-toast-reduced-motion-animation-duration, 10ms) !important;
  }
}
.expanded .hot-toast-bar-base {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.hot-toast-message {
  color: var(--hot-toast-message-color, inherit);
  display: var(--hot-toast-message-display, flex);
  flex: var(--hot-toast-message-flex, 1);
  justify-content: var(--hot-toast-message-justify-content, center);
  margin: var(--hot-toast-message-margin, 4px 10px);
}
.hot-toast-bar-base-container {
  display: var(--hot-toast-container-display, flex);
  pointer-events: var(--hot-toast-container-pointer-events, none);
  position: var(--hot-toast-container-position, absolute);
  transition: var(--hot-toast-container-transition, transform 230ms cubic-bezier(0.21, 1.02, 0.73, 1));
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-bar-base-container {
    transition-duration: var(--hot-toast-container-reduced-motion-transition-duration, 10ms) !important;
  }
}
.hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-bar-base {
  background: var(--hot-toast-snackbar-bg, #323232);
  box-shadow: var(--hot-toast-snackbar-shadow, 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12));
  color: var(--hot-toast-snackbar-color, rgb(255, 255, 255));
}
.hot-toast-bar-base-container.hot-toast-theme-snackbar .hot-toast-close-btn {
  filter: var(--hot-toast-snackbar-close-btn-filter, invert(1) grayscale(100%) brightness(200%));
}
.hot-toast-close-btn {
  align-self: var(--hot-toast-close-btn-align-self, flex-start);
  background-color: var(--hot-toast-close-btn-background-color, transparent);
  background-image: var(--hot-toast-close-btn-background-image, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e"));
  background-position: var(--hot-toast-close-btn-background-position, center);
  background-repeat: var(--hot-toast-close-btn-background-repeat, no-repeat);
  background-size: var(--hot-toast-close-btn-background-size, 0.75em);
  border: var(--hot-toast-close-btn-border, 0);
  border-radius: var(--hot-toast-close-btn-border-radius, 0.25rem);
  box-sizing: var(--hot-toast-close-btn-box-sizing, content-box);
  display: var(--hot-toast-close-btn-display, flex);
  height: var(--hot-toast-close-btn-height, 0.8em);
  margin-top: var(--hot-toast-close-btn-margin-top, 0.25em);
  opacity: var(--hot-toast-close-btn-opacity, 0.5);
  padding: var(--hot-toast-close-btn-padding, 0.25em);
  width: var(--hot-toast-close-btn-width, 0.8em);
}
.hot-toast-close-btn:focus {
  box-shadow: var(--hot-toast-close-btn-box-shadow, 0 0 0 0.125rem rgba(13, 110, 253, 0.25));
  outline: var(--hot-toast-close-btn-outline, none);
}
.hot-toast-close-btn:hover,
.hot-toast-close-btn:focus {
  opacity: var(--hot-toast-close-btn-opacity, 0.75);
}
.hot-toast-group-btn {
  align-self: var(--hot-toast-group-btn-align-self, flex-start);
  background-color: var(--hot-toast-group-btn-background-color, transparent);
  background-image: var(--hot-toast-group-btn-background-image, url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75745 10.5858L9.17166 9.17154L12.0001 12L14.8285 9.17157L16.2427 10.5858L12.0001 14.8284L7.75745 10.5858Z' fill='currentColor' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z' fill='currentColor' /%3E%3C/svg%3E"));
  background-position: var(--hot-toast-group-btn-background-position, center);
  background-repeat: var(--hot-toast-group-btn-background-repeat, no-repeat);
  background-size: var(--hot-toast-group-btn-background-size, 1.3em);
  border: var(--hot-toast-group-btn-border, 0);
  border-radius: var(--hot-toast-group-btn-border-radius, 0.25rem);
  box-sizing: var(--hot-toast-group-btn-box-sizing, content-box);
  display: var(--hot-toast-group-btn-display, flex);
  height: var(--hot-toast-group-btn-height, 0.8em);
  margin-top: var(--hot-toast-group-btn-margin-top, 0.25em);
  opacity: var(--hot-toast-group-btn-opacity, 0.5);
  padding: var(--hot-toast-group-btn-padding, 0.25em);
  width: var(--hot-toast-group-btn-width, 0.8em);
  will-change: var(--hot-toast-group-btn-will-change, transform);
  transition: var(--hot-toast-group-btn-transition, transform 230ms cubic-bezier(0.21, 1.02, 0.73, 1));
}
.hot-toast-group-btn:focus {
  box-shadow: var(--hot-toast-group-btn-box-shadow, 0 0 0 0.125rem rgba(13, 110, 253, 0.25));
  outline: var(--hot-toast-group-btn-outline, none);
}
.hot-toast-group-btn:hover,
.hot-toast-group-btn:focus {
  opacity: var(--hot-toast-group-btn-opacity, 0.75);
}
.expanded .hot-toast-group-btn {
  transform: rotate(var(--hot-toast-group-btn-expanded-rotate, 180deg));
}
.hot-toast-icon {
  align-self: var(--hot-toast-icon-align-self, flex-start);
  padding-top: var(--hot-toast-icon-padding-top, 0.25em);
}
.hot-toast-bar-base-wrapper {
  pointer-events: all;
}
.hot-toast-bar-base-group {
  --hot-toast-shadow: none;
  background-color: var(--hot-toast-group-bg, #fff);
  margin: var(--hot-toast-margin, 16px);
  margin-top: calc(-1 * var(--hot-toast-margin, 16px));
  border-bottom-left-radius: var(--hot-toast-border-radius, 4px);
  border-bottom-right-radius: var(--hot-toast-border-radius, 4px);
  height: 0;
  overflow: hidden;
  transition-property: height;
  transition-duration: 230ms;
  transition-timing-function: ease-in-out;
  position: relative;
  box-shadow: var(--hot-toast-group-after-shadow, 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05));
}
.expanded .hot-toast-bar-base-group {
  height: var(--hot-toast-group-height);
}
.hot-toast-bar-base-group .hot-toast-bar-base {
  margin: 0;
}
@keyframes hotToastEnterAnimationNegative {
  0% {
    opacity: 0.5;
    transform: translate3d(0, -80px, 0) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes hotToastEnterAnimationPositive {
  0% {
    opacity: 0.5;
    transform: translate3d(0, 80px, 0) scale(0.6);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes hotToastExitAnimationPositive {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, var(--hot-toast-exit-positive-y, 130px), -1px) scale(0.5);
  }
}
@keyframes hotToastExitAnimationNegative {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, var(--hot-toast-exit-negative-y, -130px), -1px) scale(0.5);
  }
}
@keyframes hotToastEnterSoftAnimationNegative {
  0% {
    opacity: 0.5;
    transform: translate3d(0, -14px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes hotToastEnterSoftAnimationPositive {
  0% {
    opacity: 0.5;
    transform: translate3d(0, 14px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes hotToastExitSoftAnimationPositive {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 14px, -1px);
  }
}
@keyframes hotToastExitSoftAnimationNegative {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, -1px);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -14px, -1px);
  }
}
.hot-toast-indicator-wrapper {
  align-items: var(--hot-toast-indicator-wrapper-align-items, center);
  display: var(--hot-toast-indicator-wrapper-display, flex);
  justify-content: var(--hot-toast-indicator-wrapper-justify-content, center);
  min-height: var(--hot-toast-indicator-wrapper-min-height, 20px);
  min-width: var(--hot-toast-indicator-wrapper-min-width, 20px);
  position: var(--hot-toast-indicator-wrapper-position, relative);
}
.hot-toast-status-wrapper {
  position: var(--hot-toast-status-wrapper-position, absolute);
}
@keyframes animate-info-background {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes animate-info-line {
  0% {
    height: 0;
    opacity: 0;
  }
  40% {
    height: 4.8px;
    opacity: 1;
  }
  100% {
    height: 8px;
    opacity: 1;
  }
}
.hot-toast-info-icon {
  animation: var(--hot-toast-info-icon-animation, animate-info-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-info-icon-animation-delay, 100ms);
  background-color: var(--hot-toast-info-icon-background-color, var(--info-primary, #0d6efd));
  border-radius: var(--hot-toast-info-icon-border-radius, 50%);
  display: var(--hot-toast-info-icon-display, block);
  height: var(--hot-toast-info-icon-height, 20px);
  opacity: var(--hot-toast-info-icon-opacity, 0);
  position: var(--hot-toast-info-icon-position, relative);
  transform: var(--hot-toast-info-icon-transform, scale(0));
  width: var(--hot-toast-info-icon-width, 20px);
}
.hot-toast-info-icon::after,
.hot-toast-info-icon::before {
  background-color: var(--hot-toast-info-icon-after-before-background-color, var(--info-secondary, #fff));
  border-radius: var(--hot-toast-info-icon-after-before-border-radius, 3px);
  box-sizing: var(--hot-toast-info-icon-after-before-box-sizing, border-box);
  content: var(--hot-toast-info-icon-after-before-content, "");
  display: var(--hot-toast-info-icon-after-before-display, block);
  left: var(--hot-toast-info-icon-after-before-left, 8.5px);
  position: var(--hot-toast-info-icon-after-before-position, absolute);
  width: var(--hot-toast-info-icon-after-before-width, 2.5px);
}
.hot-toast-info-icon::after {
  animation: var(--hot-toast-info-icon-after-animation, animate-info-line 0.2s ease-out forwards);
  animation-delay: var(--hot-toast-info-icon-after-animation-delay, 200ms);
  height: var(--hot-toast-info-icon-after-height, 0);
  opacity: var(--hot-toast-info-icon-after-opacity, 0);
  top: var(--hot-toast-info-icon-after-bottom, 8px);
}
.hot-toast-info-icon::before {
  height: var(--hot-toast-info-icon-before-height, 2px);
  top: var(--hot-toast-info-icon-before-top, 4px);
}
@keyframes hotToastRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.hot-toast-loader-icon {
  animation: var(--hot-toast-loader-icon-animation, hotToastRotate 1s linear infinite);
  border: var(--hot-toast-loader-icon-border, 2px solid);
  border-bottom-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
  border-left-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
  border-radius: var(--hot-toast-loader-icon-border-radius, 100%);
  border-right-color: var(--hot-toast-loader-icon-border-right-color, #616161);
  border-top-color: var(--hot-toast-loader-icon-border-color, #e0e0e0);
  box-sizing: var(--hot-toast-loader-icon-box-sizing, border-box);
  height: var(--hot-toast-loader-icon-height, 18px);
  padding-top: var(--hot-toast-loader-icon-padding-top, 2px);
  width: var(--hot-toast-loader-icon-width, 18px);
}
@media (prefers-reduced-motion: reduce) {
  .hot-toast-loader-icon {
    animation-duration: var(--hot-toast-loader-icon-reduced-motion-animation-duration, 5s);
  }
}
@keyframes animate-warn-background {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes animate-warn-line {
  0% {
    height: 0;
    opacity: 0;
  }
  40% {
    height: 4.8px;
    opacity: 1;
  }
  100% {
    height: 8px;
    opacity: 1;
  }
}
.hot-toast-warning-icon {
  animation: var(--hot-toast-warning-icon-animation, animate-warn-background 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards);
  animation-delay: var(--hot-toast-warning-icon-animation-delay, 100ms);
  background-color: var(--hot-toast-warning-icon-background-color, var(--warn-primary, #ffab00));
  border-radius: var(--hot-toast-warning-icon-border-radius, 50%);
  display: var(--hot-toast-warning-icon-display, block);
  height: var(--hot-toast-warning-icon-height, 20px);
  opacity: var(--hot-toast-warning-icon-opacity, 0);
  position: var(--hot-toast-warning-icon-position, relative);
  transform: var(--hot-toast-warning-icon-transform, scale(0));
  width: var(--hot-toast-warning-icon-width, 20px);
}
.hot-toast-warning-icon::after,
.hot-toast-warning-icon::before {
  background-color: var(--hot-toast-warning-icon-after-before-background-color, var(--warn-secondary, #fff));
  border-radius: var(--hot-toast-warning-icon-after-before-border-radius, 3px);
  box-sizing: var(--hot-toast-warning-icon-after-before-box-sizing, border-box);
  content: var(--hot-toast-warning-icon-after-before-content, "");
  display: var(--hot-toast-warning-icon-after-before-display, block);
  left: var(--hot-toast-warning-icon-after-before-left, 8.5px);
  position: var(--hot-toast-warning-icon-after-before-position, absolute);
  width: var(--hot-toast-warning-icon-after-before-width, 2.5px);
}
.hot-toast-warning-icon::after {
  animation: var(--hot-toast-warning-icon-after-animation, animate-warn-line 0.2s ease-out forwards);
  animation-delay: var(--hot-toast-warning-icon-after-animation-delay, 200ms);
  height: var(--hot-toast-warning-icon-after-height, 0);
  opacity: var(--hot-toast-warning-icon-after-opacity, 0);
  top: var(--hot-toast-warning-icon-after-top, 4px);
}
.hot-toast-warning-icon::before {
  bottom: var(--hot-toast-warning-icon-before-bottom, 4px);
  height: var(--hot-toast-warning-icon-before-height, 2px);
}
html {
  --mdc-checkbox-state-layer-size: 28px;
  --mdc-chip-container-height: 24px;
  --mdc-text-button-container-height: 28px;
  --mdc-protected-button-container-height: 28px;
  --mdc-filled-button-container-height: 28px;
  --mdc-outlined-button-container-height: 28px;
  --mdc-icon-button-state-layer-size: 24px;
  --mdc-list-list-item-one-line-container-height: 24px;
  --mdc-list-list-item-two-line-container-height: 48px;
  --mdc-list-list-item-three-line-container-height: 56px;
  --mdc-radio-state-layer-size: 28px;
  --mdc-secondary-navigation-tab-container-height: 32px;
  --mat-checkbox-touch-target-display: none;
  --mat-expansion-header-collapsed-state-height: 36px;
  --mat-expansion-header-expanded-state-height: 48px;
  --mat-fab-touch-target-display: none;
  --mat-form-field-container-height: 36px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 6px;
  --mat-form-field-filled-with-label-container-padding-top: 6px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
  --mat-icon-button-touch-target-display: none;
  --mat-list-list-item-leading-icon-start-space: 4px;
  --mat-list-list-item-leading-icon-end-space: 4px;
  --mat-text-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-paginator-container-size: 40px;
  --mat-paginator-form-field-container-height: 36px;
  --mat-paginator-form-field-container-vertical-padding: 6px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-select-arrow-transform: none;
  --mat-standard-button-toggle-height: 24px;
  --mat-stepper-header-height: 42px;
  --mat-table-header-container-height: 40px;
  --mat-table-footer-container-height: 36px;
  --mat-table-row-item-container-height: 36px;
  --mat-toolbar-standard-height: 52px;
  --mat-toolbar-mobile-height: 44px;
  --mat-tree-node-min-height: 28px;
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem Poppins, sans-serif;
  --mat-sys-body-large-font: Poppins, sans-serif;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Poppins, sans-serif;
  --mat-sys-body-medium-font: Poppins, sans-serif;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Poppins, sans-serif;
  --mat-sys-body-small-font: Poppins, sans-serif;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Poppins, sans-serif;
  --mat-sys-display-large-font: Poppins, sans-serif;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Poppins, sans-serif;
  --mat-sys-display-medium-font: Poppins, sans-serif;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Poppins, sans-serif;
  --mat-sys-display-small-font: Poppins, sans-serif;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Poppins, sans-serif;
  --mat-sys-headline-large-font: Poppins, sans-serif;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Poppins, sans-serif;
  --mat-sys-headline-medium-font: Poppins, sans-serif;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Poppins, sans-serif;
  --mat-sys-headline-small-font: Poppins, sans-serif;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Poppins, sans-serif;
  --mat-sys-label-large-font: Poppins, sans-serif;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Poppins, sans-serif;
  --mat-sys-label-medium-font: Poppins, sans-serif;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Poppins, sans-serif;
  --mat-sys-label-small-font: Poppins, sans-serif;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Poppins, sans-serif;
  --mat-sys-title-large-font: Poppins, sans-serif;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Poppins, sans-serif;
  --mat-sys-title-medium-font: Poppins, sans-serif;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Poppins, sans-serif;
  --mat-sys-title-small-font: Poppins, sans-serif;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
html body {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  color: var(--mat-sys-on-surface-variant);
  margin: 0;
  padding: 0;
}
:root {
  --mat-form-field-container-height: 44px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 10px;
  --mat-form-field-filled-with-label-container-padding-top: 10px;
  --mat-form-field-filled-with-label-container-padding-bottom: 10px;
}
:root {
  --mat-form-field-filled-label-display: -3;
}
:root {
  --mat-form-field-filled-with-label-container-padding-top: 20px;
}
:root {
  --mat-form-field-filled-with-label-container-padding-bottom: 4px;
}
:root .mat-mdc-form-field .mdc-text-field--filled {
  background-color: color-mix(in srgb, var(--mat-sys-primary), transparent 100%) !important;
}
:root .mat-mdc-form-field .mat-mdc-input-element {
  font-size: 0.9rem !important;
}
:root .mat-mdc-form-field .mat-mdc-form-field-label {
  font-size: 0.9rem !important;
}
:root .mat-mdc-form-field .mat-mdc-form-field-hint {
  font-size: 0.9rem !important;
}
:root .mat-mdc-form-field .mat-mdc-floating-label {
  font-size: 0.9rem !important;
}
.clickable {
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.clickable:hover {
  opacity: 0.8;
}
.mat-mdc-menu-item {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  min-height: 36px !important;
  line-height: 36px !important;
}
.mat-mdc-menu-item .mat-icon {
  margin-right: 8px !important;
}
.mat-mdc-menu-content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  background-color: var(--mat-sys-background);
}
.mat-mdc-table {
  background-color: var(--mat-sys-surface-container-lowest) !important;
}
.mat-mdc-header-cell {
  background-color: var(--mat-sys-surface-container-lowest) !important;
  border-bottom: 1px solid var(--mat-sys-surface-dim) !important;
}
.mat-mdc-row {
  background-color: var(--mat-sys-surface-container-lowest) !important;
  transition: background-color 0.2s ease;
}
.mat-mdc-row .mat-mdc-cell {
  border-bottom: 1px solid var(--mat-sys-surface-dim) !important;
  padding: 8px 8px 8px 16px;
}
.mat-mdc-row:nth-child(even) {
  background-color: color-mix(in srgb, var(--mat-sys-primary), transparent 97%) !important;
}
.mat-mdc-row:hover {
  background-color: color-mix(in srgb, var(--mat-sys-primary), transparent 80%) !important;
  cursor: pointer;
}
.mat-mdc-paginator {
  padding-top: 0.5rem;
  background-color: var(--mat-sys-surface-container-lowest) !important;
}
.mat-mdc-paginator-container {
  background-color: var(--mat-sys-surface-container-lowest) !important;
}
.mat-mdc-paginator-page-size {
  background-color: var(--mat-sys-surface-container-lowest) !important;
}
.mat-mdc-paginator-range-actions {
  background-color: var(--mat-sys-surface-container-lowest) !important;
}
.mat-mdc-select-panel,
.mat-mdc-autocomplete-panel {
  background-color: var(--mat-sys-surface-container-lowest) !important;
}
.mat-mdc-select-panel .mat-mdc-option,
.mat-mdc-autocomplete-panel .mat-mdc-option {
  font-size: 0.9rem !important;
  height: 32px !important;
  line-height: 1.1rem !important;
  min-height: 32px !important;
}
.component-container {
  padding: 0.5rem;
}
.component-header {
  display: flex;
  justify-content: space-between;
  border-radius: var(--mat-expansion-container-shape, 12px);
  background-color: color-mix(in srgb, var(--mat-sys-primary), transparent 90%) !important;
  color: var(--mat-sys-primary) !important;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1.2rem 1rem 1.2rem 1.2rem;
}
.component-header h2 {
  margin: 0;
}
.component-header-profile {
  display: flex;
  justify-content: space-between;
  border-radius: var(--mat-expansion-container-shape, 12px);
  background-color: color-mix(in srgb, var(--mat-sys-secondary), transparent 90%) !important;
  color: var(--mat-sys-secondary) !important;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1.2rem 1rem 1.2rem 1.2rem;
}
.component-header-profile h2 {
  margin: 0;
}
.component-box {
  background-color: var(--mat-sys-background);
  padding: 1rem;
  border-radius: var(--mat-expansion-container-shape, 12px);
  margin-bottom: 1rem;
}
.dialog-header {
  display: flex;
  justify-content: space-between;
  background-color: color-mix(in srgb, var(--mat-sys-primary), transparent 90%) !important;
  color: var(--mat-sys-primary) !important;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1.2rem 1rem 1.2rem 1.2rem;
}
.dialog-header h2 {
  margin: 0;
}
.dialog-content {
  padding: 1.2rem 1rem 1.2rem 1.2rem !important;
}
.nrg-border-radius {
  border-radius: var(--mat-expansion-container-shape, 12px);
}
.mat-mdc-dialog-panel {
  max-width: none !important;
  max-height: 780px !important;
}
.mat-mdc-tab.mdc-tab {
  display: flex;
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;
  background-color: color-mix(in srgb, var(--mat-sys-primary), transparent 90%) !important;
  color: var(--mat-sys-primary) !important;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1.2rem 1rem 1.2rem 1.2rem;
  margin-bottom: 1rem !important;
}
.mat-mdc-tab.mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label {
  font-weight: normal !important;
}
.mat-mdc-tab.mdc-tab:not(.mdc-tab--active) {
  background-color: color-mix(in srgb, var(--mat-sys-primary), transparent 95%) !important;
}
.mat-mdc-tab-label-container {
  border-bottom: 0px !important;
}
.array-tooltip {
  max-width: 500px !important;
  font-size: 0.85rem !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
}

/* node_modules/ngx-spinner/animations/ball-scale-multiple.css */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-scale-multiple,
.la-ball-scale-multiple > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-scale-multiple {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-scale-multiple.la-dark {
  color: #333;
}
.la-ball-scale-multiple > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-scale-multiple {
  width: 32px;
  height: 32px;
}
.la-ball-scale-multiple > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  -moz-animation: ball-scale-multiple 1s 0s linear infinite;
  -o-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite;
}
.la-ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -o-animation-delay: .2s;
  animation-delay: .2s;
}
.la-ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: .4s;
  animation-delay: .4s;
}
.la-ball-scale-multiple.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-scale-multiple.la-sm > div {
  width: 16px;
  height: 16px;
}
.la-ball-scale-multiple.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-scale-multiple.la-2x > div {
  width: 64px;
  height: 64px;
}
.la-ball-scale-multiple.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-scale-multiple.la-3x > div {
  width: 96px;
  height: 96px;
}
@-webkit-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: .75;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: .75;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: .75;
  }
  100% {
    opacity: 0;
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: .75;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

/* node_modules/ngx-spinner/animations/timer.css */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-timer,
.la-timer > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-timer {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-timer.la-dark {
  color: #333;
}
.la-timer > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-timer {
  width: 32px;
  height: 32px;
}
.la-timer > div {
  width: 32px;
  height: 32px;
  background: transparent;
  border-width: 2px;
  border-radius: 100%;
}
.la-timer > div:before,
.la-timer > div:after {
  position: absolute;
  top: 14px;
  left: 14px;
  display: block;
  width: 2px;
  margin-top: -1px;
  margin-left: -1px;
  content: "";
  background: currentColor;
  border-radius: 2px;
  -webkit-transform-origin: 1px 1px 0;
  -moz-transform-origin: 1px 1px 0;
  -ms-transform-origin: 1px 1px 0;
  -o-transform-origin: 1px 1px 0;
  transform-origin: 1px 1px 0;
  -webkit-animation: timer-loader 1250ms infinite linear;
  -moz-animation: timer-loader 1250ms infinite linear;
  -o-animation: timer-loader 1250ms infinite linear;
  animation: timer-loader 1250ms infinite linear;
  -webkit-animation-delay: -625ms;
  -moz-animation-delay: -625ms;
  -o-animation-delay: -625ms;
  animation-delay: -625ms;
}
.la-timer > div:before {
  height: 12px;
}
.la-timer > div:after {
  height: 8px;
  -webkit-animation-duration: 15s;
  -moz-animation-duration: 15s;
  -o-animation-duration: 15s;
  animation-duration: 15s;
  -webkit-animation-delay: -7.5s;
  -moz-animation-delay: -7.5s;
  -o-animation-delay: -7.5s;
  animation-delay: -7.5s;
}
.la-timer.la-sm {
  width: 16px;
  height: 16px;
}
.la-timer.la-sm > div {
  width: 16px;
  height: 16px;
  border-width: 1px;
}
.la-timer.la-sm > div:before,
.la-timer.la-sm > div:after {
  top: 7px;
  left: 7px;
  width: 1px;
  margin-top: -.5px;
  margin-left: -.5px;
  border-radius: 1px;
  -webkit-transform-origin: .5px .5px 0;
  -moz-transform-origin: .5px .5px 0;
  -ms-transform-origin: .5px .5px 0;
  -o-transform-origin: .5px .5px 0;
  transform-origin: .5px .5px 0;
}
.la-timer.la-sm > div:before {
  height: 6px;
}
.la-timer.la-sm > div:after {
  height: 4px;
}
.la-timer.la-2x {
  width: 64px;
  height: 64px;
}
.la-timer.la-2x > div {
  width: 64px;
  height: 64px;
  border-width: 4px;
}
.la-timer.la-2x > div:before,
.la-timer.la-2x > div:after {
  top: 28px;
  left: 28px;
  width: 4px;
  margin-top: -2px;
  margin-left: -2px;
  border-radius: 4px;
  -webkit-transform-origin: 2px 2px 0;
  -moz-transform-origin: 2px 2px 0;
  -ms-transform-origin: 2px 2px 0;
  -o-transform-origin: 2px 2px 0;
  transform-origin: 2px 2px 0;
}
.la-timer.la-2x > div:before {
  height: 24px;
}
.la-timer.la-2x > div:after {
  height: 16px;
}
.la-timer.la-3x {
  width: 96px;
  height: 96px;
}
.la-timer.la-3x > div {
  width: 96px;
  height: 96px;
  border-width: 6px;
}
.la-timer.la-3x > div:before,
.la-timer.la-3x > div:after {
  top: 42px;
  left: 42px;
  width: 6px;
  margin-top: -3px;
  margin-left: -3px;
  border-radius: 6px;
  -webkit-transform-origin: 3px 3px 0;
  -moz-transform-origin: 3px 3px 0;
  -ms-transform-origin: 3px 3px 0;
  -o-transform-origin: 3px 3px 0;
  transform-origin: 3px 3px 0;
}
.la-timer.la-3x > div:before {
  height: 36px;
}
.la-timer.la-3x > div:after {
  height: 24px;
}
@-webkit-keyframes timer-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes timer-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes timer-loader {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes timer-loader {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* node_modules/ngx-spinner/animations/ball-atom.css */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-atom,
.la-ball-atom > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-atom {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-atom.la-dark {
  color: #333;
}
.la-ball-atom > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-atom {
  width: 32px;
  height: 32px;
}
.la-ball-atom > div:nth-child(1) {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 60%;
  height: 60%;
  background: #aaa;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: ball-atom-shrink 4.5s infinite linear;
  -moz-animation: ball-atom-shrink 4.5s infinite linear;
  -o-animation: ball-atom-shrink 4.5s infinite linear;
  animation: ball-atom-shrink 4.5s infinite linear;
}
.la-ball-atom > div:not(:nth-child(1)) {
  position: absolute;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: none;
  -webkit-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
  -moz-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
  -o-animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
  animation: ball-atom-zindex 1.5s 0s infinite steps(2, end);
}
.la-ball-atom > div:not(:nth-child(1)):before {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -5px;
  content: "";
  background: currentColor;
  border-radius: 50%;
  opacity: .75;
  -webkit-animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease;
  -moz-animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease;
  -o-animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease;
  animation: ball-atom-position 1.5s 0s infinite ease, ball-atom-size 1.5s 0s infinite ease;
}
.la-ball-atom > div:nth-child(2) {
  -webkit-animation-delay: .75s;
  -moz-animation-delay: .75s;
  -o-animation-delay: .75s;
  animation-delay: .75s;
}
.la-ball-atom > div:nth-child(2):before {
  -webkit-animation-delay: 0s, -1.125s;
  -moz-animation-delay: 0s, -1.125s;
  -o-animation-delay: 0s, -1.125s;
  animation-delay: 0s, -1.125s;
}
.la-ball-atom > div:nth-child(3) {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -.25s;
  -moz-animation-delay: -.25s;
  -o-animation-delay: -.25s;
  animation-delay: -.25s;
}
.la-ball-atom > div:nth-child(3):before {
  -webkit-animation-delay: -1s, -.75s;
  -moz-animation-delay: -1s, -.75s;
  -o-animation-delay: -1s, -.75s;
  animation-delay: -1s, -.75s;
}
.la-ball-atom > div:nth-child(4) {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: .25s;
  -moz-animation-delay: .25s;
  -o-animation-delay: .25s;
  animation-delay: .25s;
}
.la-ball-atom > div:nth-child(4):before {
  -webkit-animation-delay: -.5s, -.125s;
  -moz-animation-delay: -.5s, -.125s;
  -o-animation-delay: -.5s, -.125s;
  animation-delay: -.5s, -.125s;
}
.la-ball-atom.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-atom.la-sm > div:not(:nth-child(1)):before {
  width: 4px;
  height: 4px;
  margin-top: -2px;
  margin-left: -2px;
}
.la-ball-atom.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-atom.la-2x > div:not(:nth-child(1)):before {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.la-ball-atom.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-atom.la-3x > div:not(:nth-child(1)):before {
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
}
@-webkit-keyframes ball-atom-position {
  50% {
    top: 100%;
    left: 100%;
  }
}
@-moz-keyframes ball-atom-position {
  50% {
    top: 100%;
    left: 100%;
  }
}
@-o-keyframes ball-atom-position {
  50% {
    top: 100%;
    left: 100%;
  }
}
@keyframes ball-atom-position {
  50% {
    top: 100%;
    left: 100%;
  }
}
@-webkit-keyframes ball-atom-size {
  50% {
    -webkit-transform: scale(.5, .5);
    transform: scale(.5, .5);
  }
}
@-moz-keyframes ball-atom-size {
  50% {
    -moz-transform: scale(.5, .5);
    transform: scale(.5, .5);
  }
}
@-o-keyframes ball-atom-size {
  50% {
    -o-transform: scale(.5, .5);
    transform: scale(.5, .5);
  }
}
@keyframes ball-atom-size {
  50% {
    -webkit-transform: scale(.5, .5);
    -moz-transform: scale(.5, .5);
    -o-transform: scale(.5, .5);
    transform: scale(.5, .5);
  }
}
@-webkit-keyframes ball-atom-zindex {
  50% {
    z-index: 10;
  }
}
@-moz-keyframes ball-atom-zindex {
  50% {
    z-index: 10;
  }
}
@-o-keyframes ball-atom-zindex {
  50% {
    z-index: 10;
  }
}
@keyframes ball-atom-zindex {
  50% {
    z-index: 10;
  }
}
@-webkit-keyframes ball-atom-shrink {
  50% {
    -webkit-transform: translate(-50%, -50%) scale(.8, .8);
    transform: translate(-50%, -50%) scale(.8, .8);
  }
}
@-moz-keyframes ball-atom-shrink {
  50% {
    -moz-transform: translate(-50%, -50%) scale(.8, .8);
    transform: translate(-50%, -50%) scale(.8, .8);
  }
}
@-o-keyframes ball-atom-shrink {
  50% {
    -o-transform: translate(-50%, -50%) scale(.8, .8);
    transform: translate(-50%, -50%) scale(.8, .8);
  }
}
@keyframes ball-atom-shrink {
  50% {
    -webkit-transform: translate(-50%, -50%) scale(.8, .8);
    -moz-transform: translate(-50%, -50%) scale(.8, .8);
    -o-transform: translate(-50%, -50%) scale(.8, .8);
    transform: translate(-50%, -50%) scale(.8, .8);
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */