/* node_modules/@angular/material/prebuilt-themes/magenta-violet.css */
html {
  --mat-sys-background: #161215;
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: #342f32;
  --mat-sys-inverse-primary: #a900a9;
  --mat-sys-inverse-surface: #e9e0e4;
  --mat-sys-on-background: #e9e0e4;
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #5b005b;
  --mat-sys-on-primary-container: #ffd7f5;
  --mat-sys-on-primary-fixed: #380038;
  --mat-sys-on-primary-fixed-variant: #810081;
  --mat-sys-on-secondary: #3d2b3a;
  --mat-sys-on-secondary-container: #f7daef;
  --mat-sys-on-secondary-fixed: #271624;
  --mat-sys-on-secondary-fixed-variant: #554151;
  --mat-sys-on-surface: #e9e0e4;
  --mat-sys-on-surface-variant: #eedee7;
  --mat-sys-on-tertiary: #42008a;
  --mat-sys-on-tertiary-container: #ecdcff;
  --mat-sys-on-tertiary-fixed: #270057;
  --mat-sys-on-tertiary-fixed-variant: #5f00c0;
  --mat-sys-outline: #9a8d95;
  --mat-sys-outline-variant: #4e444b;
  --mat-sys-primary: #ffabf3;
  --mat-sys-primary-container: #810081;
  --mat-sys-primary-fixed: #ffd7f5;
  --mat-sys-primary-fixed-dim: #ffabf3;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #dabfd2;
  --mat-sys-secondary-container: #554151;
  --mat-sys-secondary-fixed: #f7daef;
  --mat-sys-secondary-fixed-dim: #dabfd2;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #161215;
  --mat-sys-surface-bright: #3d383b;
  --mat-sys-surface-container: #231e22;
  --mat-sys-surface-container-high: #2d292c;
  --mat-sys-surface-container-highest: #383337;
  --mat-sys-surface-container-low: #1e1a1d;
  --mat-sys-surface-container-lowest: #110d10;
  --mat-sys-surface-dim: #161215;
  --mat-sys-surface-tint: #ffabf3;
  --mat-sys-surface-variant: #4e444b;
  --mat-sys-tertiary: #d5baff;
  --mat-sys-tertiary-container: #5f00c0;
  --mat-sys-tertiary-fixed: #ecdcff;
  --mat-sys-tertiary-fixed-dim: #d5baff;
  --mat-sys-neutral-variant20: #372e34;
  --mat-sys-neutral10: #1e1a1d;
}
html {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --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 Roboto;
  --mat-sys-body-medium-font: Roboto;
  --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 Roboto;
  --mat-sys-body-small-font: Roboto;
  --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 Roboto;
  --mat-sys-display-large-font: Roboto;
  --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 Roboto;
  --mat-sys-display-medium-font: Roboto;
  --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 Roboto;
  --mat-sys-display-small-font: Roboto;
  --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 Roboto;
  --mat-sys-headline-large-font: Roboto;
  --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 Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --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 Roboto;
  --mat-sys-headline-small-font: Roboto;
  --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 Roboto;
  --mat-sys-label-large-font: Roboto;
  --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 Roboto;
  --mat-sys-label-medium-font: Roboto;
  --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 Roboto;
  --mat-sys-label-small-font: Roboto;
  --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 Roboto;
  --mat-sys-title-large-font: Roboto;
  --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 Roboto;
  --mat-sys-title-medium-font: Roboto;
  --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 Roboto;
  --mat-sys-title-small-font: Roboto;
  --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;
}

/* src/styles.scss */
@font-face {
  font-family: "kp-regular";
  src: url(/assets/fonts/kis-portas-regular.woff2) format("woff2");
}
@font-face {
  font-family: "kp-medium";
  src: url(/assets/fonts/kis-portas-medium.woff2) format("woff2");
}
@font-face {
  font-family: "kp-bold";
  src: url(/assets/fonts/kis-portas-bold.woff2) format("woff2");
}
* {
  box-sizing: border-box;
  flex-shrink: 0;
  font-family:
    "kp-regular",
    "Roboto",
    "Helvetica Neue",
    sans-serif;
}
html,
body {
  height: 100%;
  background-color: var(--surface-top);
}
body {
  margin: 0;
}
:root {
  --navbar-height: 50px;
  --yellow-0: #fffac3;
  --yellow-100: #f7ef9a;
  --yellow-200: #f8ee7c;
  --yellow-300: #f7ea5b;
  --yellow-400: #f7e951;
  --yellow-500: #eddd2e;
  --yellow-600: #c7b816;
  --yellow-700: #a5980d;
  --yellow-800: #887d06;
  --yellow-900: #645c01;
  --yellow-1000: #474201;
  --neutral-0: #ffffff;
  --neutral-100: #f9f9f9;
  --neutral-200: #ebecec;
  --neutral-300: #cbcdd1;
  --neutral-400: #a0a2a6;
  --neutral-500: #83838d;
  --neutral-600: #484751;
  --neutral-700: #26272c;
  --neutral-800: #1c1d22;
  --neutral-900: #0f0f10;
  --neutral-950: #090909;
  --neutral-1000: #000000;
  --blue-0: #e3eeff;
  --blue-100: #bdd7ff;
  --blue-200: #94beff;
  --blue-300: #68a1f8;
  --blue-400: #4b92fd;
  --blue-500: #0c69f5;
  --blue-600: #0450c5;
  --blue-700: #023e9a;
  --blue-800: #002b6d;
  --blue-900: #0d1c32;
  --blue-1000: #0d1520;
  --orange-0: #f8d7bd;
  --orange-100: #ffcfa7;
  --orange-200: #ffc18e;
  --orange-300: #f8a159;
  --orange-400: #ff943d;
  --orange-500: #df5f10;
  --orange-600: #b84d0b;
  --orange-700: #8e3803;
  --orange-800: #572302;
  --orange-900: #311300;
  --orange-1000: #1f0c00;
  --red-0: #ffe1e1;
  --red-100: #ffbebe;
  --red-200: #ff9797;
  --red-300: #f47a7a;
  --red-400: #ea5e5e;
  --red-500: #d33f3f;
  --red-600: #a62828;
  --red-700: #831515;
  --red-800: #5c0b0b;
  --red-900: #3c0707;
  --red-1000: #270707;
  --green-0: #e2ffdb;
  --green-100: #c8f7bc;
  --green-200: #b4ffa1;
  --green-300: #96f77d;
  --green-400: #77e25c;
  --green-500: #4ccf2b;
  --green-600: #3a9e21;
  --green-700: #24750f;
  --green-800: #185a07;
  --green-900: #0b2b02;
  --green-1000: #071703;
  --surface-base: var(--neutral-0);
  --surface-lower: var(--neutral-100);
  --surface-raised: var(--neutral-0);
  --surface-top: var(--neutral-0);
  --surface-top-border: var(--neutral-200);
  --dialog-background: var(--neutral-0);
  --table-background: var(--neutral-100);
  --table-background-highlight: var(--blue-0);
  --table-background-holiday: var(--red-0);
  --table-background-weekend: var(--neutral-200);
  --table-background-ooo: var(--neutral-200);
  --table-background-concluded: var(--neutral-200);
  --table-header-background: var(--neutral-200);
  --table-header-highlight: var(--blue-500);
  --table-header-holiday: var(--red-500);
  --table-header-weekend: var(--neutral-200);
  --table-header-weekend-background: var(--neutral-200);
  --table-border-color: var(--neutral-300);
  --table-booking-background: var(--blue-500);
  --table-booking-text: var(--neutral-0);
  --table-booking-border: var(--blue-600);
  --panel-shadow: var(--neutral-300);
  --primary-button-background: var(--blue-500);
  --primary-button-text: var(--neutral-0);
  --primary-button-background-hover: var(--blue-600);
  --disabled-button-background: var(--neutral-300);
  --disabled-button-text: var(--neutral-500);
  --disabled-button-border: var(--neutral-400);
  --delete-button-background: var(--red-500);
  --delete-button-background-hover: var(--red-600);
  --delete-button-border: var(--red-500);
  --delete-button-text: var(--neutral-100);
  --delete-button-text-hover: var(--neutral-100);
  --delete-secondary-button-background: none;
  --delete-secondary-button-background-hover: var(--red-500);
  --delete-secondary-button-border: var(--red-500);
  --delete-secondary-button-text: var(--red-500);
  --delete-secondary-button-text-hover: var(--neutral-100);
  --secondary-button-background: none;
  --secondary-button-background-hover: var(--blue-500);
  --secondary-button-text: var(--blue-500);
  --secondary-button-text-hover: var(--neutral-100);
  --secondary-button-border: var(--blue-500);
  --text-highlight: var(--neutral-1000);
  --text-base: var(--neutral-900);
  --text-secondary: var(--neutral-800);
  --text-muted: var(--neutral-700);
  --text-disabled: var(--neutral-500);
  --text-muted-disabled: var(--neutral-400);
  --header-background: var(--neutral-700);
  --input-background: var(--neutral-0);
  --input-background-disabled: var(--neutral-200);
  --input-background-error: var(--red-100);
  --input-border: var(--neutral-300);
  --input-border-disabled: var(--neutral-500);
  --admin-header-background: var(--neutral-0);
  --admin-header-border: var(--neutral-300);
  --admin-background: var(--neutral-100);
  --room-panel-background: var(--neutral-0);
  --room-panel-background-hover: var(--blue-0);
  --room-panel-background-succeed: var(--green-100);
  --room-panel-background-disabled: var(--neutral-200);
  --room-panel-background-selected: var(--blue-0);
  --room-panel-border: var(--neutral-300);
  --room-panel-border-selected: var(--blue-400);
  --room-panel-border-success: var(--green-500);
  --room-panel-name-background: var(--blue-500);
  --room-panel-name-background-disabled: var(--neutral-400);
  --room-panel-name-background-success: var(--green-600);
  --room-panel-name-background-selected: var(--blue-400);
  --room-panel-name-text: var(--neutral-100);
  --room-panel-name-text-disabled: var(--neutral-300);
  --room-panel-shadow: var(--neutral-300);
  --room-panel-tooltip: var(--neutral-600);
  --room-panel-tooltip-success: var(--green-700);
  --room-panel-text-success: var(--green-600);
  --room-panel-input-background: var(--neutral-0);
  --room-panel-input-background-disabled: var(--neutral-200);
  --room-panel-input-border: var(--neutral-300);
  --room-panel-input-border-disabled: var(--neutral-300);
  --room-panel-input-border-active-disabled: var(--neutral-300);
  --room-panel-delete: var(--red-500);
  --room-panel-delete-background: var(--neutral-200);
  --room-panel-wrapper-background: var(--neutral-200);
  --room-panel-wrapper-border: var(--neutral-300);
  --icon-color: var(--neutral-600);
  --error-snackbar-background: var(--red-500);
  --success-snackbar-background: var(--green-600);
  --success-snackbar-shadow: var(--neutral-500);
}
:root [data-theme=dark] {
  --surface-base: var(--neutral-900);
  --surface-lower: var(--neutral-1000);
  --surface-top: var(--neutral-1000);
  --surface-top-border: var(--neutral-900);
  --surface-raised: var(--neutral-800);
  --dialog-background: var(--neutral-800);
  --header-background: var(--neutral-900);
  --table-background: var(--neutral-900);
  --table-background-highlight: var(--blue-1000);
  --table-background-holiday: var(--red-1000);
  --table-background-weekend: var(--neutral-950);
  --table-background-ooo: var(--neutral-700);
  --table-background-concluded: var(--neutral-700);
  --table-header-background: var(--neutral-800);
  --table-header-highlight: var(--blue-700);
  --table-header-holiday: var(--red-700);
  --table-header-weekend: var(--neutral-950);
  --table-header-weekend-background: var(--neutral-950);
  --table-border-color: var(--neutral-1000);
  --table-booking-background: var(--blue-600);
  --table-booking-text: var(--neutral-0);
  --table-booking-border: var(--blue-800);
  --panel-shadow: var(--neutral-1000);
  --primary-button-background: var(--blue-600);
  --primary-button-background-hover: var(--blue-500);
  --primary-button-text: var(--neutral-200);
  --disabled-button-background: var(--neutral-900);
  --disabled-button-text: var(--neutral-500);
  --disabled-button-border: var(--neutral-800);
  --delete-secondary-button-background: none;
  --delete-secondary-button-background-hover: var(--red-500);
  --delete-secondary-button-border: var(--red-500);
  --delete-secondary-button-text: var(--red-500);
  --delete-secondary-button-text-hover: var(--neutral-100);
  --delete-button-background: var(--red-500);
  --delete-button-background-hover: var(--red-400);
  --delete-button-border: var(--red-500);
  --delete-button-text: var(--neutral-100);
  --delete-button-text-hover: var(--neutral-100);
  --secondary-button-background: none;
  --secondary-button-background-hover: var(--blue-500);
  --secondary-button-text: var(--blue-500);
  --secondary-button-text-hover: var(--neutral-100);
  --secondary-button-border: var(--blue-500);
  --text-highlight: var(--neutral-0);
  --text-base: var(--neutral-300);
  --text-secondary: var(--neutral-300);
  --text-muted: var(--neutral-400);
  --text-disabled: var(--neutral-600);
  --text-muted-disabled: var(--neutral-800);
  --input-background: var(--neutral-900);
  --input-background-disabled: transparent;
  --input-background-error: var(--red-900);
  --input-border: var(--neutral-1000);
  --input-border-disabled: var(--neutral-700);
  --admin-header-background: var(--neutral-1000);
  --admin-header-border: var(--neutral-700);
  --admin-background: var(--neutral-900);
  --room-panel-background: var(--neutral-800);
  --room-panel-background-hover: var(--blue-900);
  --room-panel-background-succeed: var(--green-1000);
  --room-panel-background-disabled: var(--neutral-900);
  --room-panel-background-selected: var(--blue-800);
  --room-panel-border: var(--neutral-700);
  --room-panel-border-selected: var(--blue-700);
  --room-panel-border-success: var(--green-900);
  --room-panel-disabled-border: var(--neutral-800);
  --room-panel-name-background: var(--blue-700);
  --room-panel-name-background-disabled: var(--neutral-950);
  --room-panel-name-background-success: var(--green-900);
  --room-panel-name-background-selected: var(--blue-500);
  --room-panel-name-text: var(--neutral-200);
  --room-panel-name-text-disabled: var(--neutral-500);
  --room-panel-shadow: var(--neutral-900);
  --room-panel-tooltip: var(--neutral-700);
  --room-panel-tooltip-success: var(--green-400);
  --room-panel-text-success: var(--green-100);
  --room-panel-input-background: var(--neutral-900);
  --room-panel-input-background-disabled: var(--neutral-800);
  --room-panel-input-border: var(--neutral-800);
  --room-panel-input-border-disabled: var(--neutral-600);
  --room-panel-input-border-active-disabled: var(--neutral-900);
  --room-panel-delete: var(--red-500);
  --room-panel-delete-background: var(--neutral-900);
  --room-panel-wrapper-background: var(--neutral-950);
  --room-panel-wrapper-border: var(--neutral-800);
  --icon-color: var(--neutral-100);
  --error-snackbar-background: var(--red-700);
  --success-snackbar-background: var(--green-700);
  --success-snackbar-shadow: var(--neutral-950);
}
button {
  cursor: pointer;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  letter-spacing: 1px;
  border-radius: 12px;
  font-size: 17px;
  height: 40px;
  width: 200px;
}
button[disabled] {
  cursor: not-allowed;
}
.primary-button {
  background-color: var(--primary-button-background);
  color: var(--primary-button-text);
  border: 1px solid var(--primary-button-border);
}
.primary-button:hover {
  background-color: var(--primary-button-background-hover);
  color: var(--primary-button-text);
}
.primary-button[disabled] {
  background-color: var(--disabled-button-background);
  color: var(--disabled-button-text);
  border: 1px solid var(--disabled-button-border);
}
.secondary-button {
  background-color: var(--secondary-button-background);
  color: var(--secondary-button-text);
  border: 1px solid var(--secondary-button-border);
}
.secondary-button:hover,
.secondary-button.active {
  background-color: var(--secondary-button-background-hover);
  color: var(--primary-button-text);
}
.delete-secondary-button {
  background-color: var(--delete-secondary-button-background);
  border: 1px solid var(--delete-secondary-button-border);
  color: var(--delete-secondary-button-text);
}
.delete-secondary-button:hover {
  background-color: var(--delete-secondary-button-background-hover);
  color: var(--delete-secondary-button-text-hover);
}
.delete-button {
  background-color: var(--delete-button-background);
  border: 1px solid var(--delete-button-border);
  color: var(--delete-button-text);
}
.delete-button:hover {
  background-color: var(--delete-button-background-hover);
  color: var(--delete-button-text-hover);
}
.mat-mdc-dialog-container {
  --mdc-dialog-container-shape: 16px;
  --mdc-dialog-container-color: var(--dialog-background);
}
.dialog-wrapper .close-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  border-radius: 20px;
  background-color: transparent;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dialog-wrapper .close-button mat-icon {
  color: var(--text-disabled);
  transition: 0.2s ease-in;
}
.dialog-wrapper .close-button:hover mat-icon {
  color: var(--text-muted);
}
.snackbar-success {
  background-color: var(--success-snackbar-background);
}
.snackbar-error {
  background-color: var(--error-snackbar-background);
}
.custom-snackbar {
  border-radius: 12px;
  box-shadow: 1px 1px 5px var(--success-snackbar-shadow);
  position: fixed;
  bottom: 70px;
  transform: translateX(-50%) !important;
  left: 50% !important;
}
.mat-mdc-snackbar-surface {
  background-color: transparent !important;
}
.login-icon {
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url(/assets/login.svg);
  mask-image: url(/assets/login.svg);
  height: 30px;
  width: 30px;
}
i {
  display: block;
  background-color: var(--icon-color);
}
.success-icon {
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url(/assets/success.svg);
  mask-image: url(/assets/success.svg);
  height: 30px;
  width: 30px;
}
.error-icon {
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url(/assets/error.svg);
  mask-image: url(/assets/error.svg);
  height: 30px;
  width: 30px;
}

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