/* 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;
  --gray-color: #666666;
  --border-color: #e5e5e5;
  --gray-variant-color: #808080;
  --light-gray-color: #808080;
  --light-variant-color: #e0e0e0;
  --mortgage-color: #238665;
  --lite-green: #6cae98;
  --mortgage-light-color: #f2fcf8;
  --one-color: #9b3afd;
  --one-light-color: #fcf7ff;
  --light-green-color: #d4f5e9;
  --darkest-green-color: #002724;
  --yellow-color: #d0fa58;
  --light-yellow-background: #fff9e8;
  --light-brown-color: #b58711;
  --variant-color: #d5d5d5;
  --gray-scale-color: #808080;
  --light-background-color: #f5f5f5;
  --background-light: #f6f7f8;
  --danger-color: #e20000;
  --danger-drak-color: #ce0000;
  --danger-lite-color: #ec5454;
  --danger-hover-color: #ff4444;
  --page-background-color: #f3f6f5;
  --background-pri-70: #fcfcfc;
  --drawer-header-divider: #cfe1db;
  --status-badge-bg-color: #d0fa58;
  --steps-color: #5e5e5e;
  --green-regular-color: #228665;
  --green-lightest-color: #e9f3f0;
  --green-dark-color: #207a5c;
  --black-variant: #0f1a28;
  --badge-gray: #f1f1f1;
  --popover-border: #f0f0f0;
  --lite-border: #f4f4f4;
  --profile-bg-color: #bbd9cf;
  --scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
  --pink-light-color: #f5ebff;
  --blue-color: #4c748b;
  --blue-light-color: #e3f5ff;
  --red-color: #a00000;
  --red-light-color: #fce6e6;
  --neon-white: #f9fefc;
  --white-smoke: #f8f8f8;
  --toaster-bg-color: #e6f3eb;
  --toaster-border-color: #b0dac1;
  --toaster-border-color-error: #f6b0b0;
  --border-lite: #efefef;
  --drawer-background: #00000080;
  --font-family: "Aeonik";
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --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-sxxs: 0.375rem;
  --spacing-xs: 0.5rem;
  --spacing-sxx: 0.625rem;
  --spacing-sxs: 0.75rem;
  --spacing-sxss: 0.8125rem;
  --spacing-xsm: 0.875rem;
  --spacing-sm: 1rem;
  --spacing-sd: 1.12rem;
  --spacing-md: 1.25rem;
  --spacing-xlg: 1.25rem;
  --spacing-lg: 1.5rem;
  --spacing-lgd: 1.625rem;
  --spacing-x: 1.75rem;
  --spacing-xl: 2rem;
  --spacing-xxl: 2.5rem;
  --spacing-xxxl: 3rem;
  --spacing-3-5xl: 3.5rem;
  --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;
  --box-shadow-card: 0px 4px 12px 0px #00000003;
  --box-shadow-dark: 2px 2px 32px 0px #00000014;
  --box-shadow-popover: 0px 4px 24px rgba(0, 0, 0, 0.04);
  --box-shadow-popover: 0px 4px 8px 0px #00000005;
  --dasboard-card-box-shadow: 0px 4px 8px 0px #00000005;
  --line-height-xs: 0.875rem;
  --toaster-right-position: 11rem;
}
@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;
  color: var(--primary-color);
  background-color: var(--surface-color);
}
* {
  font-family:
    "Aeonik",
    "arial",
    sans-serif;
}
.app-tooltip {
  --tt-bg: #000;
  --tt-arrow: 8px;
  --tt-anchor-x: 50%;
  --tt-anchor-y: 50%;
  position: fixed;
  z-index: 10000;
  pointer-events: none;
  opacity: 0;
  background: var(--tt-bg);
  color: #fff;
  padding: 8px 12px;
  font-size: 12px;
  border-radius: 10px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  transition: opacity 0.12s ease-in-out;
}
.app-tooltip::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.app-tooltip[data-pos=top]::after {
  border-width: var(--tt-arrow) var(--tt-arrow) 0 var(--tt-arrow);
  border-color: var(--tt-bg) transparent transparent transparent;
  bottom: calc(-1 * var(--tt-arrow) + 1px);
  left: var(--tt-anchor-x);
  transform: translateX(-50%);
}
.app-tooltip[data-pos=bottom]::after {
  border-width: 0 var(--tt-arrow) var(--tt-arrow) var(--tt-arrow);
  border-color: transparent transparent var(--tt-bg) transparent;
  top: calc(-1 * var(--tt-arrow) + 1px);
  left: var(--tt-anchor-x);
  transform: translateX(-50%);
}
.app-tooltip[data-pos=left]::after {
  border-width: var(--tt-arrow) 0 var(--tt-arrow) var(--tt-arrow);
  border-color: transparent transparent transparent var(--tt-bg);
  right: calc(-1 * var(--tt-arrow) + 1px);
  top: var(--tt-anchor-y);
  transform: translateY(-50%);
}
.app-tooltip[data-pos=right]::after {
  border-width: var(--tt-arrow) var(--tt-arrow) var(--tt-arrow) 0;
  border-color: transparent var(--tt-bg) transparent transparent;
  left: calc(-1 * var(--tt-arrow) + 1px);
  top: var(--tt-anchor-y);
  transform: translateY(-50%);
}

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