/* src/styles.scss */
@font-face {
  font-family: "Aeonik";
  src: url("./media/Aeonik-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Aeonik";
  src: url("./media/Aeonik-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Aeonik";
  src: url("./media/Aeonik-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Aeonik";
  src: url("./media/Aeonik-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Aeonik";
  src: url("./media/Aeonik-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
:root {
  --primary-color: #000000;
  --primary-with-opacity-40: rgba(0, 0, 0, 0.4);
  --surface-color: #ffffff;
  --darkest-green-color: #002724;
  --green-color: #238665;
  --yellow-color: #d0fa58;
  --green-light-color: rgb(35, 134, 101, 0.1);
  --variant-color: #d5d5d5;
  --gray-color: #666666;
  --gray-scale-color: #808080;
  --light-background-color: #f5f5f5;
  --danger-color: #e20000;
  --page-background-color: #f3f6f5;
  --status-badge-bg-color: #d0fa58;
  --steps-color: #5e5e5e;
  --green-regular-color: #228665;
  --border-color: #e5e5e5;
  --green-lightest-color: #e9f3f0;
  --gray-variant-color: #808080;
  --light-gray-color: #808080;
  --light-variant-color: #e0e0e0;
  --green-dark-color: #207a5c;
  --darker-green: #195f48;
  --pink-color: #9b3afd;
  --pink-light-color: #f5ebff;
  --blue-color: #4c748b;
  --blue-light-color: #e3f5ff;
  --red-color: #a00000;
  --red-light-color: #fce6e6;
  --toaster-bg-color: #e6f3eb;
  --toaster-border-color: #b0dac1;
  --toaster-border-color-error: #f6b0b0;
  --primary-with-opacity-70: rgba(0, 0, 0, 0.7);
  --grayish-shade: #8e8e8e;
  --gif-placeholder: #edefef;
  --darkest-green: #134a38;
  --green-color-shade: #008937;
  --profile-border-color: #f0f0f0fe;
  --profile-bg-color: #bbd9cf;
  --profile-initials-color: #238665;
  --gray-color-shade: #a7a7a7;
  --dark-gray: #1d1d1d;
  --light-gray-shade: #e8e8e8;
  --slight-light-gray: #adadad;
  --lite-orange: #fff2ec;
  --orange-color: #ff5500;
  --green-shade: #1a3838;
  --radio-color: #008560;
  --radio-background: #f5f5f5bf;
  --label-grey: #b0b0b0;
  --lite-blue-color: #559dee;
  --dark-green: #134a38;
  --lite-gold-color: #fff9e8;
  --dark-gold: #8c690d;
  --lite-gold: #b58711;
  --drawer-background: #00000080;
  --darkest-gray: #2a2a2a;
  --darkest-black: #050316;
  --light-red-color: #ec5454;
  --dark-red: #ce0000;
  --lite-cream: #ffebb7;
  --border-color-lite: #f4f4f4;
  --border-lite-blue: #b0d2f7;
  --bg-lite-blue: #e6f0fc;
  --icon-blue: #016de5;
  --lightest-blue: #23866514;
  --font-family: "Aeonik";
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --font-size-xxxs: 0.625rem;
  --font-size-xxs: 0.75rem;
  --font-size-xs: 0.875rem;
  --font-size-sm: 1rem;
  --font-size-md: 1.125rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-sxxl: 1.75rem;
  --font-size-xxl: 2rem;
  --font-size-sxxxl: 2.5rem;
  --font-size-xxxl: 3rem;
  --font-size-4xl: 3.5rem;
  --font-size-5xl: 4rem;
  --font-size-6xl: 5rem;
  --font-size-7xl: 6rem;
  --spacing-xxs: 0.25rem;
  --spacing-xs: 0.5rem;
  --spacing-sxs: 0.75rem;
  --spacing-xsm: 0.875rem;
  --spacing-sm: 1rem;
  --spacing-sd: 1.12rem;
  --spacing-md: 1.25rem;
  --spacing-lg: 1.5rem;
  --spacing-x: 1.75rem;
  --spacing-xl: 2rem;
  --spacing-xxl: 2.5rem;
  --spacing-xxxl: 3rem;
  --spacing-4xl: 3.75rem;
  --spacing-5xl: 4rem;
  --spacing-6xl: 4.375rem;
  --spacing-7xl: 5rem;
  --spacing-8xl: 5.62rem;
  --border-radius-xxs: 0.25rem;
  --border-radius-sxxs: 0.375rem;
  --border-radius-xs: 0.5rem;
  --border-radius-s: 0.625rem;
  --border-radius-sxs: 0.75rem;
  --border-radius-xsm: 1rem;
  --border-radius-sm: 1.25rem;
  --border-radius-m: 1.5rem;
  --border-radius-smd: 2rem;
  --border-radius-md: 3.125rem;
  --border-radius-lg: 6.25rem;
  --border-radius-full: 50%;
  --border-radius-percent-10: 10%;
  --box-shadow: rgba(17, 17, 26, 0.015) 0px 0px 16px;
  --scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
@media (max-width: 399px) {
  :root {
    --font-size-6xl: var(--font-size-xxxl);
    --font-size-lg: var(--font-size-sm);
  }
}
html,
body {
  padding: 0;
  margin: 0;
  font-family:
    "Aeonik",
    "arial",
    sans-serif;
  background-color: var(--page-background-color);
  color: var(--primary-color);
}
.text-fallback {
  color: var(--gray-color) !important;
  font-size: var(--font-size-sm) !important;
  font-style: italic;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--spacing-lg);
  letter-spacing: 0px;
}
body.modal-open {
  overflow: hidden;
}
.required-input-field {
  font-size: var(--font-size-xxs);
  transition: all 200ms ease-in-out;
}
.required-input-field--error {
  color: var(--danger-color);
}
.required-input-field__wrapper {
  padding: 0 var(--spacing-sm);
  margin: 0;
  margin-top: 0.5rem;
}

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