/* src/styles.scss */
:root {
  --neutral-50: #fafafa;
  --neutral-100: #f5f5f5;
  --neutral-200: #e5e5e5;
  --neutral-300: #d4d4d4;
  --neutral-400: #a3a3a3;
  --neutral-500: #737373;
  --neutral-600: #525252;
  --neutral-700: #404040;
  --neutral-800: #262626;
  --neutral-900: #171717;
  --primary-50: #faf0ff;
  --primary-100: #e7d0f4;
  --primary-200: #b788d0;
  --primary-300: #8748aa;
  --primary-400: #602183;
  --primary-500: #3d005e;
  --primary-600: #30014a;
  --primary-700: #240137;
  --primary-800: #150120;
  --primary-900: #09000e;
  --primary: #51b6c5;
  --primary-dark: #408d99;
  --secondary-50: #f1fbff;
  --secondary-100: #d3f2ff;
  --secondary-200: #ade7ff;
  --secondary-300: #80d5f8;
  --secondary-400: #41b6e6;
  --secondary-500: #389ac2;
  --secondary-600: #28708d;
  --secondary-700: #1b4b5f;
  --secondary-800: #102c38;
  --secondary-900: #08151b;
  --mood-one-50: #f6fffe;
  --mood-one-100: #dff9f6;
  --mood-one-200: #bff0eb;
  --mood-one-300: #9ce7de;
  --mood-one-400: #70d2c7;
  --mood-one-500: #49c5b7;
  --mood-one-600: #3a9a8f;
  --mood-one-700: #296c65;
  --mood-one-800: #183e3a;
  --mood-one-900: #0b1d1b;
  --mood-two-50: #fafafb;
  --mood-two-100: #f0f1f4;
  --mood-two-200: #e6e7ec;
  --mood-two-300: #d7d9e1;
  --mood-two-400: #c7cbd6;
  --mood-two-500: #959cb1;
  --mood-two-600: #7e86a0;
  --mood-two-700: #565e75;
  --mood-two-800: #343846;
  --mood-two-900: #111317;
  --black: #000000;
  --text-black: #2b2b2b;
  --text-gray: #909090;
  --white: #ffffff;
  --info-50: #f0f9ff;
  --info-100: #e0f2fe;
  --info-200: #bae6fd;
  --info-300: #7dd3fc;
  --info-400: #38bdf8;
  --info-500: #0ea5e9;
  --info-600: #0284c7;
  --info-700: #b91c1c;
  --info-800: #0369a1;
  --info-900: #0c4a6e;
  --success-50: #ecfdf5;
  --success-100: #d1fae5;
  --success-200: #a7f3d0;
  --success-300: #6ee7b7;
  --success-400: #34d399;
  --success-500: #10b981;
  --success-600: #059669;
  --success-700: #047857;
  --success-800: #065f46;
  --success-900: #064e3b;
  --warning-50: #fffbeb;
  --warning-100: #fef3c7;
  --warning-200: #fde68a;
  --warning-300: #fcd34d;
  --warning-400: #fbbf24;
  --warning-500: #f59e0b;
  --warning-600: #d97706;
  --warning-700: #b45309;
  --warning-800: #92400e;
  --warning-900: #78350f;
  --error-50: #fef2f2;
  --error-100: #fee2e2;
  --error-200: #fecaca;
  --error-300: #fca5a5;
  --error-400: #f87171;
  --error-500: #ef4444;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-800: #991b1b;
  --error-900: #7f1d1d;
}
body {
  font-family:
    "Brink-Regular",
    Arial,
    sans-serif;
  margin: 0;
  overflow-x: hidden;
  background-color: #ecfaff;
  height: 100%;
}
html {
  height: 100%;
  margin: 0;
}
h1 {
  font-family:
    "Brink-Bold",
    Arial,
    sans-serif;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.centering {
  display: flex;
  flex-direction: column;
  align-items: center;
}
app-root {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.error {
  color: var(--error-500) !important;
}
.margin-0 {
  margin: 0;
}
.container {
  max-width: 100vw;
  padding: 30px 122px;
}
.d-flex {
  display: flex;
}
.jc-space-between {
  justify-content: space-between;
}
.jc-center {
  justify-content: center;
}
.ai-center {
  align-items: center;
}
.ai-start {
  align-items: flex-start;
}
.fd-column {
  flex-direction: column;
}

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