/* ../../../../../../tmp/tmp-87927-FXRi9OGoALPr/19a1358b5fd0/figtree.css */
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-VariableFont_wght.ttf) format("truetype");
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: "Figtree";
  src: url(/assets/creqit/css/fonts/figtree/Figtree-Italic-VariableFont_wght.ttf) format("truetype");
  font-weight: 100 900;
  font-style: italic;
}

/* ../../../../../../tmp/tmp-87927-FXRi9OGoALPr/creqit/creqit/public/scss/login.bundle.css */
:root {
  --neutral-white: #ffffff;
  --neutral-black: #000000;
  --neutral: var(--neutral-white);
  --invert-neutral: var(--neutral-black);
  --gray-50: #f8f8f8;
  --gray-100: #f3f3f3;
  --gray-200: #ededed;
  --gray-300: #e2e2e2;
  --gray-400: #c7c7c7;
  --gray-500: #999999;
  --gray-600: #7c7c7c;
  --gray-700: #525252;
  --gray-800: #383838;
  --gray-900: #171717;
  --blue-50: #f7fbfd;
  --blue-100: #edf6fd;
  --blue-200: #e3f1fd;
  --blue-300: #c9e7fc;
  --blue-400: #70b6f0;
  --blue-500: #0289f7;
  --blue-600: #007be0;
  --blue-700: #0070cc;
  --blue-800: #005ca3;
  --blue-900: #004880;
  --green-50: #f3fcf5;
  --green-100: #e4f5e9;
  --green-200: #daf0e1;
  --green-300: #cae5d4;
  --green-400: #b6dec5;
  --green-500: #59ba8b;
  --green-600: #30a66d;
  --green-700: #278f5e;
  --green-800: #16794c;
  --green-900: #173b2c;
  --red-50: #fff7f7;
  --red-100: #fff0f0;
  --red-200: #fcd7d7;
  --red-300: #f9c6c6;
  --red-400: #eb9091;
  --red-500: #e03636;
  --red-600: #cc2929;
  --red-700: #b52a2a;
  --red-800: #941f1f;
  --red-900: #6b1515;
  --orange-50: #fff9f5;
  --orange-100: #fff1e7;
  --orange-200: #fce6d5;
  --orange-300: #f7d6bd;
  --orange-400: #f0b58b;
  --orange-500: #e86c13;
  --orange-600: #d45a08;
  --orange-700: #bd3e0c;
  --orange-800: #9e3513;
  --orange-900: #6b2711;
  --amber-50: #fdfaed;
  --amber-100: #fcf3cf;
  --amber-200: #f7e28d;
  --amber-300: #f5d261;
  --amber-400: #f2be3a;
  --amber-500: #e79913;
  --amber-600: #db7706;
  --amber-700: #b35309;
  --amber-800: #91400d;
  --amber-900: #763813;
  --yellow-50: #fffcef;
  --yellow-100: #fff7d3;
  --yellow-200: #f7e9a8;
  --yellow-300: #f5e171;
  --yellow-400: #f2d14b;
  --yellow-500: #edba13;
  --yellow-600: #d1930d;
  --yellow-700: #ab6e05;
  --yellow-800: #8c5600;
  --yellow-900: #733f12;
  --cyan-50: #f5fbfc;
  --cyan-100: #e0f8ff;
  --cyan-200: #b3ecfc;
  --cyan-300: #94e6ff;
  --cyan-400: #6bd3f2;
  --cyan-500: #34bae3;
  --cyan-600: #32a4c7;
  --cyan-700: #267a94;
  --cyan-800: #125c73;
  --cyan-900: #164759;
  --teal-50: #f0fdfa;
  --teal-100: #e6f7f4;
  --teal-200: #bae8e1;
  --teal-300: #97ded4;
  --teal-400: #73d1c4;
  --teal-500: #36baad;
  --teal-600: #0b9e92;
  --teal-700: #0f736b;
  --teal-800: #115c57;
  --teal-900: #114541;
  --violet-50: #fbfaff;
  --violet-100: #f5f2ff;
  --violet-200: #e5e1fa;
  --violet-300: #dad2f7;
  --violet-400: #bdb1f0;
  --violet-500: #6846e3;
  --violet-600: #5f46c7;
  --violet-700: #4f3da1;
  --violet-800: #392980;
  --violet-900: #251959;
  --creqit-lavender-blue-0: #EBF1FF;
  --creqit-lavender-blue-25: #D5E2FF;
  --creqit-lavender-blue-50: #C0D5FF;
  --creqit-lavender-blue-100: #97BAFF;
  --creqit-lavender-blue-200: #6895FF;
  --creqit-lavender-blue-300: #335CFF;
  --creqit-lavender-blue-400: #2547D0;
  --creqit-lavender-blue-500: #1F3BAD;
  --creqit-lavender-blue-600: #182F8B;
  --creqit-lavender-blue-700: #122368;
  --creqit-lavender-blue-800: #0C183D;
  --creqit-lavender-blue-900: #000005F2;
  --creqit-secondary-red-25: #FADBE1;
  --creqit-secondary-red-100: #DF1C41;
  --creqit-secondary-red-200: #96132C;
  --creqit-secondary-red-300: #710E21;
  --creqit-accent-aqua-25: #D1F0FA;
  --creqit-accent-aqua-300: #0C4E6E;
  --creqit-secondary-yellow-25: #FAEDCC;
  --creqit-secondary-yellow-300: #5C3D1F;
  --creqit-secondary-green-25: #DDF3EF;
  --creqit-secondary-green-300: #184E44;
  --creqit-icon-white: #FFFFFF;
  --creqit-icon-disabled-300: #A4ACB9;
  --creqit-icon-subdued-400: #818898;
  --creqit-icon-normal-500: #666D80;
  --creqit-icon-muted-600: #36394A;
  --creqit-icon-loud-900: #0D0D12;
  --creqit-text-white: #FFFFFF;
  --creqit-text-disabled-300: #A4ACB9;
  --creqit-text-subdued-400: #818898;
  --creqit-text-normal-500: #666D80;
  --creqit-text-muted-600: #36394A;
  --creqit-text-loud-900: #0D0D12;
  --creqit-background-white: #FFFFFF;
  --creqit-background-disabled-0: #F8FAFB;
  --creqit-background-normal-25: #F5F7FA;
  --creqit-background-hover-50: #ECEFF3;
  --creqit-background-pressed-100: #DFE1E7;
  --creqit-background-loud-900: #0D0D12;
  --creqit-background-dark: #181B25;
  --creqit-dark-background: #1A1F2A;
  --creqit-dark-bg: #0E121B;
  --creqit-dark-border: #2B303B;
  --creqit-navbar-color:#0D111D;
  --creqit-dark-hover: #212735;
  --creqit-dark-solid: #373A41;
  --creqit-light-solid: #e0e1e7;
  --creqit-dark-disabled: #2C313F;
  --creqit-dark-checkbox: #171B26;
  --creqit-dark-checkbox-disabled: #343947;
  --creqit-input-label: #CECFD2;
  --creqit-dropdown-active: #171B26;
  --creqit-border-white: #FFFFFF;
  --creqit-border-disabled-25: #F6F8FA;
  --creqit-border-normal-50: #ECEFF3;
  --creqit-border-hover-100: #DFE1E7;
  --creqit-border-pressed-200: #C1C7D0;
  --stroke-soft: #E2E4E9;
  --stroke-soft-dark: #3A4254;
  --creqit-neutral-solid-0: #F8FAFB;
  --creqit-neutral-solid-25: #F6F8FA;
  --creqit-neutral-solid-50: #ECEFF3;
  --creqit-neutral-solid-100: #DFE1E7;
  --creqit-neutral-solid-200: #C1C7D0;
  --creqit-neutral-solid-300: #A4ACB9;
  --creqit-neutral-solid-400: #818898;
  --creqit-neutral-solid-500: #666D80;
  --creqit-neutral-solid-600: #36394A;
  --creqit-neutral-solid-700: #272835;
  --creqit-neutral-solid-800: #1A1B25;
  --creqit-neutral-solid-900: #0D0D12;
  --creqit-neutral-alpha-0: rgba(22, 88, 121, 0.03);
  --creqit-neutral-alpha-25: rgba(29, 79, 129, 0.04);
  --creqit-neutral-alpha-50: rgba(18, 55, 105, 0.08);
  --creqit-neutral-alpha-100: rgba(9, 25, 72, 0.13);
  --creqit-neutral-alpha-200: rgba(7, 32, 69, 0.25);
  --creqit-neutral-alpha-300: rgba(2, 23, 59, 0.36);
  --creqit-neutral-alpha-400: rgba(3, 16, 48, 0.5);
  --creqit-neutral-alpha-500: rgba(0, 12, 41, 0.6);
  --creqit-neutral-alpha-600: rgba(1, 4, 25, 0.79);
  --creqit-neutral-alpha-700: rgba(1, 2, 19, 0.85);
  --creqit-neutral-alpha-800: rgba(1, 2, 14, 0.9);
  --creqit-neutral-alpha-900: rgba(0, 0, 5, 0.95);
  --creqit-divider-color: #12376914;
  --creqit-alert-yellow:#FFCD4C0D;
  --creqit-alert-yellow-boxshadow:
    0px 0px 0px 1px rgba(255, 102, 52, 0.24),
    0px 1px 2px 0px rgba(255, 102, 52, 0.12),
    0px 12px 24px -12px rgba(255, 102, 52, 0.2);
  --creqit-alert-red: #DF1C4105;
  --creqit-alert-red-boxshadow:
    0px 0px 0px 1px rgba(223, 28, 65, 0.16),
    0px 1px 2px 0px rgba(150, 19, 44, 0.12),
    0px 12px 24px -12px rgba(150, 19, 44, 0.24);
  --creqit-alert-green: #40C4AA0D;
  --creqit-alert-green-boxshadow:
    0px 0px 0px 1px rgba(64, 196, 170, 0.28),
    0px 1px 2px 0px rgba(64, 196, 170, 0.16),
    0px 12px 24px -12px rgba(24, 78, 68, 0.24);
  --creqit-alert-blue: #5F57FF0A;
  --creqit-alert-blue-boxshadow:
    0px 0px 0px 1px rgba(126, 67, 255, 0.2),
    0px 1px 2px 0px rgba(126, 67, 255, 0.12),
    0px 12px 24px -12px rgba(54, 29, 109, 0.24);
  --creqit-dark-mode-white: rgba(255, 255, 255, 0.95);
  --creqit-dark-mode-white-boxshadow:
    0px 0px 0px 1px rgba(18, 55, 105, 0.04),
    0px 1px 2px 0px rgba(164, 172, 185, 0.12),
    0px 12px 24px -12px rgba(54, 57, 74, 0.12);
  --creqit-dark-mode-grey: rgba(142, 145, 158, 0.95);
  --creqit-dark-mode-grey-boxshadow:
    0px 0px 0px 1px rgba(18, 55, 105, 0.04),
    0px 1px 2px 0px rgba(164, 172, 185, 0.12),
    0px 12px 24px -12px rgba(54, 57, 74, 0.12);
  --creqit-flag-color: #FF6634;
  --custom-50: #e5e5f2;
  --custom-100: #c7c6e5;
  --custom-200: #a2a1d1;
  --custom-300: #7e7dbd;
  --custom-400: #6361aa;
  --custom-500: #0C0B35;
  --custom-600: #0a0930;
  --custom-700: #080729;
  --custom-800: #060521;
  --custom-900: #040317;
  --custom-orange-50: #fff4f0;
  --custom-orange-100: #ffe5da;
  --custom-orange-200: #ffc2b0;
  --custom-orange-300: #ff9d80;
  --custom-orange-400: #ff7b57;
  --custom-orange-500: #ff6634;
  --custom-orange-600: #e05c2f;
  --custom-orange-700: #b84d27;
  --custom-orange-800: #8f3c1e;
  --custom-orange-900: #6f3017;
  --pink-50: #fff7fc;
  --pink-100: #feeef8;
  --pink-200: #f8e2f0;
  --pink-300: #f2d4e6;
  --pink-400: #e9c4da;
  --pink-500: #e34aa6;
  --pink-600: #cf3a96;
  --pink-700: #9c2671;
  --pink-800: #801458;
  --pink-900: #570f3e;
  --purple-50: #fdfaff;
  --purple-100: #f9f0ff;
  --purple-200: #f1e5fa;
  --purple-300: #e9d6f5;
  --purple-400: #d6c1e6;
  --purple-500: #9c45e3;
  --purple-600: #8642c2;
  --purple-700: #6e399d;
  --purple-800: #5c2f83;
  --purple-900: #401863;
  --white-overlay-50: rgba(255, 255, 255, 0.09);
  --white-overlay-100: rgba(255, 255, 255, 0.18);
  --white-overlay-200: rgba(255, 255, 255, 0.27);
  --white-overlay-300: rgba(255, 255, 255, 0.36);
  --white-overlay-400: rgba(255, 255, 255, 0.45);
  --white-overlay-500: rgba(255, 255, 255, 0.54);
  --white-overlay-600: rgba(255, 255, 255, 0.63);
  --white-overlay-700: rgba(255, 255, 255, 0.72);
  --white-overlay-800: rgba(255, 255, 255, 0.81);
  --white-overlay-900: rgba(255, 255, 255, 0.9);
  --black-overlay-50: rgba(0, 0, 0, 0.09);
  --black-overlay-100: rgba(0, 0, 0, 0.18);
  --black-overlay-200: rgba(0, 0, 0, 0.27);
  --black-overlay-300: rgba(0, 0, 0, 0.36);
  --black-overlay-400: rgba(0, 0, 0, 0.45);
  --black-overlay-500: rgba(0, 0, 0, 0.54);
  --black-overlay-600: rgba(0, 0, 0, 0.63);
  --black-overlay-700: rgba(0, 0, 0, 0.72);
  --black-overlay-800: rgba(0, 0, 0, 0.81);
  --black-overlay-900: rgba(0, 0, 0, 0.9);
  --linear-black: linear-gradient( to bottom, rgba(46, 46, 46, 0.18) 0%, rgba(36, 36, 36, 0.14) 100% );
  --linear-blue: linear-gradient( to bottom, rgba(17, 142, 245, 0.067) 0%, rgba(7, 127, 247, 0.029) 100% );
  --angular-white: conic-gradient(rgba(255, 255, 255, 1) 72.38%, rgba(255, 255, 255, 1) 99.87%);
  --angular-black: conic-gradient(rgba(56, 56, 56, 0.22) 72.38%, rgba(56, 56, 56, 0.22) 99.87%);
  --angular-green: conic-gradient( rgba(23, 117, 75, 0.092) 72.38%, rgba(23, 117, 75, 0.092) 99.87% );
  --angular-red: conic-gradient( rgba(205, 41, 41, 0.804) 72.38%, rgba(205, 41, 41, 0.804) 99.87% );
  --angular-blue: conic-gradient(rgba(0, 110, 219, 0) 72.38%, rgba(0, 110, 219, 0) 99.87%);
}
:root {
  --input-padding: 6px 8px;
  --dropdown-padding: 4px 8px;
  --grid-padding: 10px 8px;
  --number-card-padding: 8px 8px 8px 12px;
}
body {
  font-family: "Figtree", serif !important;
}
:root {
  --font-stack:
    "InterVariable",
    "Inter",
    "Figtree",
    "-apple-system",
    "BlinkMacSystemFont",
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif;
  --text-tiny: 11px;
  --text-2xs: 12px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 14px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-2xl: 20px;
  --text-3xl: 24px;
  --text-4xl: 26px;
  --text-5xl: 28px;
  --text-6xl: 32px;
  --text-7xl: 40px;
  --text-8xl: 44px;
  --text-9xl: 48px;
  --text-10xl: 52px;
  --text-11xl: 56px;
  --text-12xl: 64px;
  --creqit-text-xs: 12px;
  --creqit-text-s: 14px;
  --creqit-text-m: 16px;
  --creqit-text-l: 18px;
  --creqit-text-xl: 20px;
  --creqit-text-xxl: 24px;
  --creqit-text-3xl: 32px;
  --creqit-text-4xl: 36px;
  --creqit-text-5xl: 40px;
  --creqit-text-6xl: 44px;
  --weight-regular: 420;
  --weight-medium: 420;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 800;
  --creqit-weight-regular: 400;
  --creqit-weight-medium: 500;
  --text-line-height-3xl: 115%;
  --text-line-height-4xl: 160%;
  --text-line-height-7xl: 140%;
  --text-line-height-12xl: 130%;
  --text-line-height-14xl: 120%;
  --para-line-height-2-xs: 160%;
  --para-line-height-sm: 150%;
  --para-line-height-2xl: 148%;
  --para-line-height-3xl: 140%;
  --heading-color: var(--gray-900);
  --text-neutral: var(--gray-900);
  --text-color: var(--gray-800);
  --text-muted: var(--gray-700);
  --text-light: var(--gray-600);
  --text-dark: var(--fg-color);
}
.creqit-display {
  font-family: "Figtree", serif !important;
  font-size: var(--creqit-text-6xl) !important;
  font-weight: var(--creqit-weight-medium) !important;
}
.creqit-display-large {
  font-family: "Figtree", serif !important;
  font-size: var(--creqit-text-6xl) !important;
  font-weight: var(--creqit-weight-medium) !important;
}
.creqit-display-medium {
  font-family: "Figtree", serif !important;
  font-size: var(--creqit-text-5xl) !important;
  font-weight: var(--creqit-weight-medium) !important;
}
.creqit-display-small {
  font-family: "Figtree", serif !important;
  font-size: var(--creqit-text-4xl) !important;
  font-weight: var(--creqit-weight-medium) !important;
}
.creqit-display-xsmall {
  font-family: "Figtree", serif !important;
  font-size: var(--creqit-text-3xl) !important;
  font-weight: var(--creqit-weight-medium) !important;
}
.creqit-display-xxsmall {
  font-family: "Figtree", serif !important;
  font-size: var(--creqit-text-xxl) !important;
  font-weight: var(--creqit-weight-medium) !important;
}
.creqit-heading {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-xl) !important;
}
.creqit-heading-large {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-xl) !important;
}
.creqit-heading-medium {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-l) !important;
}
.creqit-heading-small {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-m) !important;
}
.creqit-label {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-l) !important;
}
.creqit-label-large {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-l) !important;
}
.creqit-label-medium {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-m) !important;
}
.creqit-label-small {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-s) !important;
}
.creqit-label-xsmall {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-xs) !important;
}
.creqit-body {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-regular) !important;
  font-size: var(--creqit-text-l) !important;
}
.creqit-body-large {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-regular) !important;
  font-size: var(--creqit-text-l) !important;
}
.creqit-body-medium {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-regular) !important;
  font-size: var(--creqit-text-m) !important;
}
.creqit-body-small {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-regular) !important;
  font-size: var(--creqit-text-s) !important;
}
.creqit-body-xsmall {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-regular) !important;
  font-size: var(--creqit-text-xs) !important;
}
:root {
  --shadow-xs:
    rgba(0, 0, 0, 0.05) 0px 0.5px 0px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px,
    rgba(0, 0, 0, 0.05) 0px 2px 4px 0px;
  --shadow-sm: 0px 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-base: 0px 0px 1px rgba(0, 0, 0, 0.45), 0px 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md:
    0px 0px 1px rgba(0, 0, 0, 0.12),
    0px 0.5px 2px rgba(0, 0, 0, 0.15),
    0px 2px 3px rgba(0, 0, 0, 0.16);
  --shadow-lg: 0px 0px 1px rgba(0, 0, 0, 0.35), 0px 6px 8px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl:
    0px 0px 1px rgba(0, 0, 0, 0.19),
    0px 1px 2px rgba(0, 0, 0, 0.07),
    0px 6px 15px -5px rgba(0, 0, 0, 0.11);
  --shadow-2xl:
    0px 0px 1px rgba(0, 0, 0, 0.2),
    0px 1px 3px rgba(0, 0, 0, 0.05),
    0px 10px 24px -3px rgba(0, 0, 0, 0.1);
  --focus-default: 0px 0px 0px 2px #c9c9c9;
  --focus-blue: 0px 0px 0px 2px #65b9fc;
  --focus-green: 0px 0px 0px 2px #5bb98c;
  --focus-yellow: 0px 0px 0px 2px #fff0ad;
  --focus-red: 0px 0px 0px 2px #eb9091;
  --custom-status: 0px 0px 0px 1.5px #ffffff;
  --custom-shadow-sm: 0px 1px 4px rgba(0, 0, 0, 0.1);
  --drop-shadow:
    0px 0.5px 0px rgba(0, 0, 0, 0.05),
    0px 0px 0px rgba(0, 0, 0, 0),
    0px 2px 4px rgba(0, 0, 0, 0.05);
}
:root {
  --border-radius-tiny: 4px;
  --border-radius-sm: 8px;
  --border-radius: 8px;
  --border-radius-md: 10px;
  --border-radius-lg: 12px;
  --border-radius-xl: 16px;
  --border-radius-2xl: 20px;
  --border-radius-full: 999px;
  --creqit-radius: 6px;
}
html,
body {
  font-size: 16px;
}
:root,
[data-theme=light] {
  --brand-color: var(--primary);
  --padding-xs: 5px;
  --padding-sm: 7px;
  --padding-md: 15px;
  --padding-lg: 20px;
  --padding-xl: 30px;
  --padding-2xl: 40px;
  --margin-xs: 5px;
  --margin-sm: 10px;
  --margin-md: 16px;
  --margin-lg: 20px;
  --margin-xl: 30px;
  --margin-2xl: 40px;
  --page-max-width: 900px;
  --modal-shadow: var(--shadow-md);
  --card-shadow: var(--shadow-sm);
  --btn-shadow: var(--shadow-xs);
  --navbar-height: 48px;
  --nav-bottom-background: var(--custom-orange-300);
  --icon-fill: transparent;
  --icon-fill-bg: var(--fg-color);
  --icon-stroke: var(--gray-800);
  --bg-light-blue: var(--blue-50);
  --bg-dark-blue: var(--blue-300);
  --bg-yellow: var(--yellow-100);
  --bg-grey: var(--gray-100);
  --bg-dark-gray: var(--gray-400);
  --bg-darkgrey: var(--gray-400);
  --bg-purple: var(--purple-100);
  --bg-pink: var(--pink-50);
  --bg-cyan: var(--cyan-50);
  --bg-primary: var(--creqit-lavender-blue-25);
  --bg-light-gray: #1D4F810A;
  --bg-blue: var(--creqit-accent-aqua-25);
  --bg-orange: var(--creqit-secondary-yellow-25);
  --bg-red: var(--creqit-secondary-red-25);
  --bg-green: var(--creqit-secondary-green-25);
  --bg-gray: #1D4F810A;
  --text-on-light-blue: var(--blue-600);
  --text-on-dark-blue: var(--blue-800);
  --text-on-yellow: var(--yellow-700);
  --text-on-grey: var(--gray-700);
  --text-on-darkgrey: var(--gray-800);
  --text-on-dark-gray: var(--gray-800);
  --text-on-purple: var(--purple-700);
  --text-on-pink: var(--pink-700);
  --text-on-cyan: var(--cyan-700);
  --text-on-primary: var(--creqit-lavender-blue-300);
  --text-on-light-gray: var(--creqit-text-loud-900);
  --text-on-blue: var(--creqit-accent-aqua-300);
  --text-on-orange: var(--creqit-secondary-yellow-300);
  --text-on-red: var(--creqit-secondary-red-300);
  --text-on-green: var(--creqit-secondary-green-300);
  --text-on-gray: var(--creqit-text-loud-900);
  --dropdown-text: var(--creqit-text-muted-600);
  --creqit-dropdown-active-bg: var(--creqit-background-pressed-100);
  --alert-text-danger: var(--red-600);
  --alert-text-warning: var(--yellow-700);
  --alert-text-info: var(--blue-700);
  --alert-text-success: var(--green-700);
  --alert-bg-danger: var(--creqit-alert-red);
  --alert-bg-danger-boxshadow: var(--creqit-alert-red-boxshadow);
  --alert-bg-warning: var(--creqit-alert-yellow);
  --alert-bg-warning-boxshadow: var(--creqit-alert-yellow-boxshadow);
  --alert-bg-info: var(--creqit-alert-blue);
  --alert-bg-info-boxshadow: var(--creqit-alert-blue-boxshadow);
  --alert-bg-success: var(--creqit-alert-green);
  --alert-bg-success-boxshadow: var(--creqit-alert-green-boxshadow);
  --creqit-text-color: var(--creqit-text-normal-500);
  --grid-head-text: #525866;
  --creqit-active-border-bottom: #0C183D;
  --bg-second-color: var(--creqit-background-disabled-0);
  --bg-color: var(--creqit-background-white);
  --image-card-bg: var(--creqit-background-white);
  --sidebar-icon: var(--creqit-icon-normal-500);
  --fg-color: white;
  --subtle-accent: var(--creqit-background-white);
  --subtle-fg: var(--creqit-neutral-solid-25);
  --navbar-bg: var(--creqit-background-white);
  --fg-hover-color: var(--creqit-neutral-solid-25);
  --card-bg: var(--fg-color);
  --widget-card-bg: var(--creqit-background-white);
  --disabled-text-color: var(--gray-600);
  --disabled-control-bg: var(--gray-50);
  --control-bg: var(--creqit-neutral-solid-25);
  --control-bg-on-gray: var(--gray-200);
  --awesomebar-focus-bg: var(--fg-color);
  --modal-bg: white;
  --toast-bg: var(--modal-bg);
  --popover-bg: white;
  --creqit-sidebar-dark: transparent;
  --creqit-sidebar-light: #FAFAFA;
  --creqit-sidebar-hover: #F5F7FA;
  --creqit-sidebar-header: #181D27;
  --creqit-sidebar-content: #535862;
  --creqit-sidebar-logo-bg: transparent;
  --list-head-bg: var(--creqit-neutral-solid-25);
  --awesomplete-hover-bg: var(--control-bg);
  --btn-primary: var(--creqit-lavender-blue-800);
  --btn-primary-hover: var(--creqit-lavender-blue-800);
  --btn-primary-boxshadow: 0px 0px 0px 1px #0C183D, 0px 1px 2px 0px #0C183D80;
  --btn-primary-hover-boxshadow: 0px 0px 0px 1px #335CFF, 0px 1px 2px 0px #335CFF80;
  --btn-primary-focus: var(--creqit-lavender-blue-800);
  --btn-primary-focus-boxshadow: 0px 0px 0px 1px #335CFF, 0px 1px 2px 0px #0C183D80;
  --btn-primary-active:
    0px 0px 0px 1px #335CFF,
    0px 0px 0px 2px #FFFFFF,
    0px 0px 0px 3px rgba(12, 24, 61, 0.3215686275),
    0px 1px 2px 0px rgba(12, 24, 61, 0.4);
  --btn-disabled: var(--creqit-background-disabled-0);
  --btn-primary-border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
  --btn-default-bg: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(193, 199, 208, 0.02) 100%);
  --btn-default-boxshadow: 0px 0px 0px 1px #0C183D14, 0px 1px 2px 0px #A4ACB93D;
  --btn-default-hover-bg: linear-gradient(0deg, #FFFFFF, #FFFFFF),linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(193, 199, 208, 0.08) 100%);
  --btn-default-hover-text: var(--creqit-text-muted-600);
  --btn-default-hover-boxshadow: 0px 0px 0px 1px #0C183D14, 0px 1px 2px 0px #A4ACB93D;
  --btn-default-color: var(--creqit-text-muted-600);
  --btn-default-focus-color: var(--creqit-text-loud-900);
  --btn-default-focus-boxshadow: 0px 0px 0px 1px #0C183D14, 0px 1px 2px 0px #A4ACB93D ;
  --btn-default-active-bg: linear-gradient(0deg, #FFFFFF, #FFFFFF),linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(193, 199, 208, 0.02) 100%);
  --border-primary: var(--gray-900);
  --sidebar-select-color: var(--gray-100);
  --scrollbar-thumb-color: var(--stroke-soft);
  --scrollbar-track-color: var(--creqit-background-white);
  --shadow-inset: inset 0px -1px 0px var(--gray-300);
  --border-color: var(--stroke-soft);
  --border-creqit-color: var(--stroke-soft);
  --search-border: var(--stroke-soft);
  --creqit-divider: var(--creqit-divider-color);
  --dark-border-color: var(--gray-300);
  --table-border-color: var(--stroke-soft);
  --highlight-color: #F8FAFB;
  --yellow-highlight-color: var(--yellow-50);
  --btn-group-border-color: var(--gray-300);
  --placeholder-color: var(--gray-50);
  --highlight-shadow: 1px 1px 10px var(--blue-50), 0px 0px 4px var(--blue-600);
  --code-block-bg: var(--gray-900);
  --code-block-text: var(--gray-400);
  --primary-color: var(--gray-900);
  --btn-height: 40px;
  --input-height: 40px;
  --input-disabled-bg: var(--gray-200);
  --creqit-input-height: 40px;
  --input-bg: var(--creqit-background-white);
  --input-solid: var(--creqit-light-solid);
  --input-boxshadow: 0px 0px 0px 1px #09194821, 0px 1px 2px 0px #12376914;
  --input-boxshadow-hover: 0px 0px 0px 1px #0919482E, 1px 1px 2px 0px #335CFF42;
  --input-boxshadow-focus:
    0px 0px 0px 1px #335CFF,
    0px 0px 0px 2px #FFFFFF,
    0px 0px 0px 3px #0C183D52,
    0px 1px 2px 0px #0C183D66;
  --input-placeholder: var(--creqit-neutral-solid-900);
  --input-disabled: var(--creqit-background-disabled-0);
  --input-label: var(--creqit-text-muted-600);
  --input-hint: var(--creqit-text-normal-500);
  --input-boxshadow-focus-error:
    0px 0px 0px 1px #DF1C41,
    0px 0px 0px 2px #FFFFFF,
    0px 0px 0px 3px #DF1C413D,
    0px 1px 2px 0px #96132C52;
  --checkbox-right-margin: var(--margin-xs);
  --checkbox-size: 16px;
  --checkbox-color: var(--neutral-black);
  --checkbox-focus-shadow: 0 0 0 2px var(--gray-300);
  --checkbox-gradient: linear-gradient(180deg, var(--primary) -124.51%, var(--primary) 100%);
  --checkbox-disabled-gradient: linear-gradient( 180deg, var(--disabled-control-bg) -124.51%, var(--disabled-control-bg) 100% );
  --input-focus:
    0px 0px 0px 1px #335CFF,
    0px 0px 0px 2px #FFFFFF,
    0px 0px 0px 3px rgba(12, 24, 61, 0.3215686275),
    0px 1px 2px 0px rgba(12, 24, 61, 0.4);
  --checkbox-radio-bg: var(--creqit-background-white);
  --checkbox-radio-boxshadow: 0px 0px 0px 1px #DFE1E7, 0px 1px 2px 0px #A4ACB966;
  --checkbox-checked-boxshadow: 0px 0px 0px 1px #5F57FF;
  --checkbox-checked-focus:0px 0px 0px 1px #335CFF,
    0px 0px 0px 2px #FFFFFF,
    0px 0px 0px 3px rgba(12, 24, 61, 0.3215686275),
    0px 1px 2px 0px rgba(12, 24, 61, 0.4);
  --checkbox-checked-disabled: var(--creqit-background-disabled);
  --radio-hover: 0px 0px 0px 1px #C1C7D0, 0px 1px 2px 0px #666D8066;
  --radio-focus:
    0px 0px 0px 1px #335CFF,
    0px 0px 0px 2px #FFFFFF,
    0px 0px 0px 3px rgba(12, 24, 61, 0.3215686275),
    0px 1px 2px 0px rgba(12, 24, 61, 0.4);
  --radio-checked: var(--creqit-lavender-blue-100);
  --radio-checked-boxshadow:
    0px 0px 0px 1px #335CFF,
    0px 0px 0px 2px #FFFFFF,
    0px 0px 0px 3px #0C183D80,
    0px 1px 2px 0px #0C183D80;
  --checkbox-checked-disabled-border: var(--creqit-background-pressed-100);
  --switch-bg: var(--gray-300);
  --diff-added: var(--green-100);
  --diff-removed: var(--red-100);
  --right-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.25 7.5L4.75 4L1.25 0.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  --left-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.5 9.5L4 6l3.5-3.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'></path></svg>");
}
:root #logo-dark,
:root #icon-dark,
[data-theme=light] #logo-dark,
[data-theme=light] #icon-dark {
  display: none;
}
:root #logo-light,
:root #icon-light,
[data-theme=light] #logo-light,
[data-theme=light] #icon-light {
  display: block;
}
@media (max-width: 991.98px) {
  :root,
  [data-theme=light] {
    --checkbox-size: 18px;
  }
}
:root,
[data-theme=light] {
  --xxl-width: ;
  --xl-width: 1200px;
  --lg-width: 992px;
  --md-width: 768px;
  --sm-width: 576px;
  --xs-width: 0;
  --appreciation-color: var(--green-600);
  --appreciation-bg: var(--green-100);
  --criticism-color: var(--red-600);
  --criticism-bg: var(--red-100);
  --error-bg: var(--red-50);
  --error-border: var(--red-400);
  --page-head-height: 45px;
  --page-bottom-margin: 60px;
  --checkbox-right-margin: var(--margin-xs);
  --checkbox-focus-shadow: var(--focus-default);
  --date-active-text: var(--gray-100);
  --date-active-bg: var(--gray-900);
  --date-range-bg: var(--subtle-fg);
  --timeline-item-icon-size: 30px;
  --timeline-item-left-margin: var(--margin-lg);
  --timeline-item-bottom-margin: var(--margin-sm);
  --timeline-content-max-width: 700px;
  --timeline-left-padding: calc(var(--padding-xl) + var(--timeline-item-icon-size) / 2);
  --timeline-badge-color: var(--gray-900);
  --timeline-badge-bg: var(--gray-100);
  --user-mention-bg-color: var(--fg-color);
  --group-mention-bg-color: var(--bg-purple);
  --skeleton-bg: var(--gray-100);
  --progress-bar-bg: var(--primary);
  --list-row-height: 40px;
  --list-checkbox-padding: calc((var(--list-row-height) - var(--checkbox-size)) / 2);
}
@media (max-width: 991.98px) {
  :root,
  [data-theme=light] {
    --checkbox-size: 18px;
  }
}
[data-theme=dark] {
  --neutral: var(--neutral-black);
  --invert-neutral: var(--neutral-white);
  --gray-700: #383838;
  --gray-800: #232323;
  --text-neutral: var(--gray-50);
  --text-dark: var(--creqit-dark-bg);
  --text-muted: var(--gray-400);
  --text-light: var(--gray-300);
  --text-color: var(--gray-50);
  --heading-color: var(--gray-50);
  --icon-fill: transparent;
  --icon-stroke: var(--gray-300);
  --error-bg: var(--red-800);
  --error-border: var(--red-400);
  --bg-second-color: var(--creqit-dark-background);
  --bg-color: var(--creqit-dark-bg);
  --image-card-bg: var(--creqit-dark-background);
  --sidebar-icon: var(--creqit-background-white);
  --fg-color: var(--creqit-dark-bg);
  --subtle-accent: var(--creqit-dark-bg);
  --subtle-fg: var(--creqit-background-dark);
  --fg-hover-color: var(--creqit-dark-background);
  --card-bg: var(--creqit-dark-bg);
  --widget-card-bg: var(--creqit-dark-background);
  --disabled-text-color: var(--gray-400);
  --disabled-control-bg: var(--creqit-dark-background);
  --control-bg: var(--creqit-dark-background);
  --control-bg-on-gray: var(--creqit-dark-background);
  --awesomebar-focus-bg: var(--control-bg);
  --awesomplete-hover-bg: var(--creqit-dark-background);
  --modal-bg: var(--creqit-dark-bg);
  --toast-bg: var(--modal-bg);
  --popover-bg: var(--bg-color);
  --creqit-sidebar-dark: var(--creqit-dark-hover);
  --creqit-sidebar-light: var(--creqit-dark-bg);
  --creqit-sidebar-hover: var(--creqit-dark-background);
  --creqit-sidebar-header: #fff;
  --creqit-sidebar-content: #A4ACB9;
  --creqit-sidebar-logo-bg: var(--creqit-background-white);
  --list-head-bg: var(--creqit-background-dark);
  --creqit-active-border-bottom: #FFFFFF;
  --btn-default-bg: linear-gradient(0deg, #171B26, #171B26), linear-gradient(178.11deg, rgba(255, 255, 255, 0.032) 32.81%, rgba(255, 255, 255, 0) 113.13%);
  --btn-default-boxshadow:0px 1px 2px 0px #1B1C1D7A, 0px 0px 0px 1px #242628;
  --btn-default-hover-bg: #2B3447;
  --btn-default-hover-boxshadow: 0px 1px 2px 0px #1B1C1D7A, 0px 0px 0px 1px #242628;
  --btn-default-color: var(--creqit-text-white);
  --btn-default-hover-text: var(--creqit-text-white);
  --btn-default-focus-color: var(--creqit-text-white);
  --btn-default-focus-boxshadow: 0px 0px 0px 1px #171B26, 0px 1px 2px 0px #171B2680;
  --btn-default-active-bg: var(--creqit-dark-checkbox);
  --btn-primary: var(--creqit-lavender-blue-300);
  --btn-primary-hover: var(--creqit-lavender-blue-400);
  --btn-primary-hover-boxshadow: 0px 0px 0px 1px #171B26;
  --btn-primary-boxshadow: 0px 1px 2px 0px #1B1C1D7A;
  --btn-primary-focus: var(--creqit-lavender-blue-700);
  --btn-primary-focus-boxshadow: 0px 0px 0px 1px #171B26, 0px 1px 2px 0px #171B2680;
  --btn-primary-active:
    0px 0px 0px 1px #335CFF,0px 0px 0px 2px #FFFFFF99,0px 0px 0px 3px #335CFF80,
    0px 1px 2px 0px #335CFF80;
  --btn-disabled: var(--creqit-dark-disabled);
  --btn-primary-border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
  --nav-bottom-background: var(--custom-orange-500);
  --navbar-bg: var(--creqit-navbar-color);
  --border-primary: var(--gray-200);
  --bg-blue: var(--blue-600);
  --bg-light-blue: var(--blue-600);
  --bg-dark-blue: var(--blue-900);
  --bg-green: var(--green-900);
  --bg-yellow: var(--yellow-700);
  --bg-orange: var(--orange-700);
  --bg-red: var(--red-600);
  --bg-gray: var(--gray-600);
  --bg-grey: var(--gray-600);
  --bg-darkgrey: var(--gray-600);
  --bg-dark-gray: var(--gray-500);
  --bg-light-gray: var(--creqit-dark-background);
  --bg-purple: var(--purple-700);
  --bg-pink: var(--pink-700);
  --bg-cyan: var(--cyan-800);
  --text-on-blue: var(--blue-50);
  --text-on-light-blue: var(--blue-50);
  --text-on-dark-blue: var(--blue-300);
  --text-on-green: var(--green-100);
  --text-on-yellow: var(--yellow-50);
  --text-on-orange: var(--orange-100);
  --text-on-red: var(--red-50);
  --text-on-gray: var(--gray-50);
  --text-on-grey: var(--gray-50);
  --text-on-darkgrey: var(--gray-200);
  --text-on-dark-gray: var(--gray-200);
  --text-on-light-gray: var(--gray-100);
  --text-on-purple: var(--purple-100);
  --text-on-pink: var(--pink-100);
  --text-on-cyan: var(--cyan-100);
  --dropdown-text: var(--text-muted);
  --creqit-dropdown-active-bg: var(--creqit-dropdown-active);
  --alert-text-danger: var(--red-300);
  --alert-text-warning: var(--yellow-300);
  --alert-text-info: var(--blue-300);
  --alert-text-success: var(--green-300);
  --alert-bg-danger: var(--creqit-dark-mode-grey);
  --alert-bg-danger-boxshadow: var(--creqit-dark-mode-white-boxshadow);
  --alert-bg-warning: var(--creqit-dark-mode-grey);
  --alert-bg-warning-boxshadow: var(--creqit-dark-mode-white-boxshadow);
  --alert-bg-info: var(--creqit-dark-mode-white);
  --alert-bg-info-boxshadow: var(--creqit-dark-mode-grey-boxshadow);
  --alert-bg-success: var(--creqit-dark-mode-white);
  --alert-bg-success-boxshadow: var(--creqit-dark-mode-grey-boxshadow);
  --creqit-text-color: var(--creqit-text-white);
  --grid-head-text: var(--creqit-icon-subdued-400);
  --sidebar-select-color: var(--gray-800);
  --scrollbar-thumb-color: var(--gray-600);
  --scrollbar-track-color: var(--gray-700);
  --timeline-badge-color: var(--gray-500);
  --timeline-badge-bg: var(--creqit-dark-bg);
  --shadow-inset: var(--fg-color);
  --border-color: var(--creqit-dark-border);
  --border-creqit-color: var(--creqit-dark-border);
  --search-border: var(--stroke-soft-dark);
  --dark-border-color: var(--gray-600);
  --table-border-color: var(--border-color);
  --highlight-color: var(--creqit-dark-background);
  --yellow-highlight-color: var(--yellow-700);
  --btn-group-border-color: var(--gray-700);
  --placeholder-color: var(--gray-700);
  --highlight-shadow: 1px 1px 10px var(--blue-900), 0px 0px 4px var(--blue-500);
  --shadow-base: 0px 4px 8px rgba(114, 176, 233, 0.06), 0px 0px 4px rgba(112, 172, 228, 0.12);
  --diff-added: var(--green-800);
  --diff-removed: var(--red-800);
  --input-disabled-bg: none;
  --input-bg: var(--creqit-background-dark);
  --input-solid: var(--creqit-dark-solid);
  --input-boxshadow: 0px 0px 0px 1px #3838380A;
  --input-boxshadow-hover: 0px 0px 0px 1px #373A4133, 1px 1px 2px 0px #666D803D;
  --input-boxshadow-focus:
    0px 0px 0px 3px #335CFF52,
    0px 0px 0px 2px #335CFF,
    0px 1px 1px 0px #335CFF66;
  --input-placeholder: var(--creqit-neutral-solid-300);
  --input-disabled: var(--creqit-dark-disabled);
  --input-label: var(--creqit-input-label);
  --input-hint: var(--creqit-input-label);
  --input-boxshadow-focus-error:
    0px 0px 0px 1px #DF1C41,
    0px 0px 0px 3px rgba(223, 28, 65, 0.2392156863),
    0px 1px 2px 0px rgba(150, 19, 44, 0.3215686275);
  --checkbox-color: var(--neutral-white);
  --checkbox-gradient: linear-gradient( 180deg, var(--neutral-white) -124.51%, var(--neutral-white) 100% );
  --checkbox-disabled-gradient: linear-gradient( 180deg, var(--gray-600) -124.51%, var(--gray-600) 100% );
  --input-focus:
    0px 0px 0px 2px #FFFFFF,0px 0px 0px 3px #171B2680,
    0px 0px 0px 1px #171B26,
    0px 1px 2px 0px #171B2680;
  --checkbox-focus-shadow: var(--focus-default);
  --checkbox-radio-bg: var(--creqit-dark-checkbox);
  --checkbox-radio-boxshadow: 0px 0px 0px 1px #DFE1E7, 0px 1px 2px 0px #A4ACB966;
  --checkbox-checked-boxshadow: 0px 0px 0px 1px #717171;
  --checkbox-checked-focus:
    0px 0px 0px 3px #C8C8C880,
    0px 0px 0px 1px #C8C8C8,
    0px 0px 0px 2px #FFFFFF,
    0px 1px 2px 0px #C8C8C880;
  --checkbox-checked-disabled: var(--creqit-dark-checkbox-disabled);
  --radio-hover: 0px 0px 0px 1px #C1C7D0, 0px 1px 2px 0px #666D8066;
  --radio-focus:
    0px 0px 0px 2px #FFFFFF,0px 0px 0px 3px #171B2680,
    0px 0px 0px 1px #171B26,
    0px 1px 2px 0px #171B2680;
  --radio-checked: var(--creqit-neutral-solid-300);
  --radio-checked-boxshadow:
    0px 0px 0px 1px #171B2680,
    0px 0px 0px 2px #FFFFFF,
    0px 0px 0px 1px #171B26,
    0px 1px 2px 0px #171B2680;
  --checkbox-checked-disabled-border: var(--creqit-border-hover-100);
  --switch-bg: var(--gray-500);
  --date-active-text: var(--gray-100);
  --date-active-bg: var(--gray-700);
  --date-range-bg: var(--subtle-fg);
  color-scheme: dark;
  --skeleton-bg: var(--gray-800);
  --right-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.25 7.5L4.75 4L1.25 0.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  --left-arrow-svg: url("data: image/svg+xml;utf8, <svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.5 9.5L4 6l3.5-3.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'></path></svg>");
}
[data-theme=dark] #logo-dark,
[data-theme=dark] #icon-dark {
  display: block;
}
[data-theme=dark] #logo-light,
[data-theme=dark] #icon-light {
  display: none;
}
[data-theme=dark] .page-title .sidebar-toggle-btn {
  --icon-stroke: var(--gray-300);
}
[data-theme=dark] input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml, <svg viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 4.00001L2.66667 5.80001L7 1.20001' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-color: var(--creqit-dark-checkbox);
  box-shadow:
    0px 0px 0px 2px #FFFFFF,
    0px 0px 0px 1px #C8C8C8,
    0px 0px 0px 3px rgba(200, 200, 200, 0.5019607843),
    0px 1px 2px 0px rgba(200, 200, 200, 0.5019607843);
}
[data-theme=dark] input[type=checkbox].disabled-selected,
[data-theme=dark] input[type=checkbox]:disabled:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4.2L4.36364 7L10.5 1' stroke='%23C1C7D0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-color: var(--creqit-dark-checkbox-disabled);
}
[data-theme=dark] input[type=checkbox].disabled-deselected {
  border: none;
  background-color: var(--gray-700);
}
[data-theme=dark] .grid-body .editable-row {
  --control-bg: var(--creqit-dark-bg);
  --input-disabled-bg: var(--gray-800);
}
[data-theme=dark] .creqit-card .btn-default {
  background-color: var(--control-bg);
}
[data-theme=dark] .creqit-card .btn-default:hover {
  background-color: var(--fg-hover-color);
}
[data-theme=dark] .modal,
[data-theme=dark] .form-in-grid {
  --control-bg: var(--gray-800);
  --border-color: var(--gray-800);
}
[data-theme=dark] .print-format {
  --text-color: var(--creqit-dark-bg);
  --border-color: var(--gray-100);
}
[data-theme=dark] .ql-editor {
  color: var(--text-on-gray);
}
[data-theme=dark] .ql-editor.read-mode span:not(.mention),
[data-theme=dark] .ql-editor.read-mode p,
[data-theme=dark] .ql-editor.read-mode u,
[data-theme=dark] .ql-editor.read-mode strong {
  background-color: inherit !important;
  color: inherit !important;
}
[data-theme=dark] .comment-input-wrapper .ql-editor.ql-blank::before {
  color: var(--text-color);
}
[data-theme=dark] .chart-container {
  --charts-label-color: var(--gray-300);
  --charts-axis-line-color: var(--subtle-fg);
  --charts-stroke-width: 5px;
  --charts-dataset-circle-stroke: #ffffff;
  --charts-dataset-circle-stroke-width: var(--charts-stroke-width);
  --charts-tooltip-title: var(--charts-label-color);
  --charts-tooltip-label: var(--charts-label-color);
  --charts-tooltip-value: white;
  --charts-tooltip-bg: var(--creqit-dark-bg);
  --charts-legend-label: var(--charts-label-color);
}
[data-theme=dark] .heatmap-chart g > rect[fill="#ebedf0"] {
  fill: var(--gray-700);
}
[data-theme=dark] .rating {
  --star-fill: var(--gray-500);
}
[data-theme=dark] .rating .star-hover {
  --star-fill: var(--gray-400);
}
[data-theme=dark] ::-moz-selection {
  color: var(--text-color);
  background: var(--gray-500);
}
[data-theme=dark] ::selection {
  color: var(--text-color);
  background: var(--gray-500);
}
[data-theme=dark] .indicator {
  --indicator-dot-green: var(--bg-green);
}
[data-theme=dark] .indicator {
  --indicator-dot-cyan: var(--bg-cyan);
}
[data-theme=dark] .indicator {
  --indicator-dot-blue: var(--bg-blue);
}
[data-theme=dark] .indicator {
  --indicator-dot-orange: var(--bg-orange);
}
[data-theme=dark] .indicator {
  --indicator-dot-yellow: var(--bg-yellow);
}
[data-theme=dark] .indicator {
  --indicator-dot-gray: var(--bg-gray);
}
[data-theme=dark] .indicator {
  --indicator-dot-grey: var(--bg-grey);
}
[data-theme=dark] .indicator {
  --indicator-dot-red: var(--bg-red);
}
[data-theme=dark] .indicator {
  --indicator-dot-pink: var(--bg-pink);
}
[data-theme=dark] .indicator {
  --indicator-dot-darkgrey: var(--bg-darkgrey);
}
[data-theme=dark] .indicator {
  --indicator-dot-purple: var(--bg-purple);
}
[data-theme=dark] .indicator {
  --indicator-dot-light-blue: var(--bg-light-blue);
}
@media (min-width: 576px) {
  body {
    background-color: var(--bg-light-gray);
  }
}
body .page-content-wrapper {
  min-height: calc(100vh - 220px);
}
body .web-footer {
  display: none;
}
body[data-path=login] {
  background-color: var(--creqit-background-disabled-0);
  box-shadow: 2px 4px 20px 12px rgba(12, 24, 61, 0.031372549);
}
body[data-path=login] .login-area {
  width: 98.7% !important;
}
body[data-path=login] section {
  background-color: var(--creqit-background-disabled-0);
}
body[data-path=login] nav {
  display: none !important;
}
body[data-path=login] .container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}
body[data-path=login] .for-login > .for-login-form,
body[data-path=login] .for-email-login > .for-login-form,
body[data-path=login] .for-signup > .for-login-form,
body[data-path=login] .for-forgot > .for-login-form,
body[data-path=login] .for-login-with-email-link > .for-login-form {
  position: relative;
  top: 15%;
  width: 360px;
  margin: 0 auto;
}
body[data-path=login] .for-login > .for-login-form .creqit-logo,
body[data-path=login] .for-email-login > .for-login-form .creqit-logo,
body[data-path=login] .for-signup > .for-login-form .creqit-logo,
body[data-path=login] .for-forgot > .for-login-form .creqit-logo,
body[data-path=login] .for-login-with-email-link > .for-login-form .creqit-logo {
  width: 52px;
  height: 52px;
  border-radius: 6px;
  padding: 8px 6px;
  box-shadow: 0px 0px 1px 0px rgba(51, 92, 255, 0.0784313725), 0px 1px 2px 0px rgba(164, 172, 185, 0.4);
}
body[data-path=login] section > .login-right {
  margin-left: 48px;
  margin-top: 20px;
}
body[data-path=login] section > .login-right p {
  margin: 20px 55px 20px 0;
}
body[data-path=login] section > .login-right .login-dashboard {
  max-height: 70vh;
  position: relative;
  background-color: rgba(31, 59, 173, 0.0588235294);
  padding: 15px 0 15px 15px;
  border-radius: 20px 0 0 20px;
}
body[data-path=login] section > .login-right .login-dashboard .frame {
  position: absolute;
  bottom: -30px;
  left: 4px;
}
body[data-path=login] section > .login-right .login-right-footer {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-s) !important;
  color: var(--creqit-text-subdued-400);
  position: absolute;
  bottom: 0;
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  body[data-path=login] #page-login .page_content .for-login,
  body[data-path=login] #page-login .page_content .for-signup,
  body[data-path=login] #page-login .page_content .for-login-with-email-link,
  body[data-path=login] #page-login .page_content .for-forgot {
    margin-left: 0 !important;
  }
}
body[data-path=login] #page-login .page_content .for-login,
body[data-path=login] #page-login .page_content .for-signup,
body[data-path=login] #page-login .page_content .for-login-with-email-link,
body[data-path=login] #page-login .page_content .for-forgot {
  background-color: #fff;
  margin: 20px 0 20px 33px;
  padding: 32px !important;
  border-radius: var(--border-radius-xl);
  border: 1px solid var(--border-color);
}
body[data-path=login] #page-login .page_content .for-login .page-card-head,
body[data-path=login] #page-login .page_content .for-signup .page-card-head,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-head,
body[data-path=login] #page-login .page_content .for-forgot .page-card-head {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body[data-path=login] #page-login .page_content .for-login .page-card-head h2,
body[data-path=login] #page-login .page_content .for-signup .page-card-head h2,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-head h2,
body[data-path=login] #page-login .page_content .for-forgot .page-card-head h2 {
  font-family: "Figtree", serif !important;
  font-size: var(--creqit-text-4xl) !important;
  font-weight: var(--creqit-weight-medium) !important;
  color: var(--creqit-text-loud-900);
  margin: 16px 0;
}
body[data-path=login] #page-login .page_content .for-login .page-card-head p,
body[data-path=login] #page-login .page_content .for-signup .page-card-head p,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-head p,
body[data-path=login] #page-login .page_content .for-forgot .page-card-head p {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-regular) !important;
  font-size: var(--creqit-text-l) !important;
  color: var(--creqit-text-normal-500);
}
body[data-path=login] #page-login .page_content .for-login .page-card,
body[data-path=login] #page-login .page_content .for-signup .page-card,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card,
body[data-path=login] #page-login .page_content .for-forgot .page-card {
  padding: 0 !important;
  border: none !important;
}
body[data-path=login] #page-login .page_content .for-login .page-card form,
body[data-path=login] #page-login .page_content .for-signup .page-card form,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card form,
body[data-path=login] #page-login .page_content .for-forgot .page-card form {
  max-width: none;
  margin: 0;
}
body[data-path=login] #page-login .page_content .for-login .page-card .page-card-body .sr-only,
body[data-path=login] #page-login .page_content .for-signup .page-card .page-card-body .sr-only,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card .page-card-body .sr-only,
body[data-path=login] #page-login .page_content .for-forgot .page-card .page-card-body .sr-only {
  position: relative;
  width: auto;
  height: auto;
  color: var(--creqit-text-muted-600);
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-s) !important;
}
body[data-path=login] #page-login .page_content .for-login .page-card-body .email-field svg,
body[data-path=login] #page-login .page_content .for-login .page-card-body .password-field svg,
body[data-path=login] #page-login .page_content .for-signup .page-card-body .email-field svg,
body[data-path=login] #page-login .page_content .for-signup .page-card-body .password-field svg,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-body .email-field svg,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-body .password-field svg,
body[data-path=login] #page-login .page_content .for-forgot .page-card-body .email-field svg,
body[data-path=login] #page-login .page_content .for-forgot .page-card-body .password-field svg {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
}
body[data-path=login] #page-login .page_content .for-login .page-card-body .email-field input,
body[data-path=login] #page-login .page_content .for-login .page-card-body .password-field input,
body[data-path=login] #page-login .page_content .for-signup .page-card-body .email-field input,
body[data-path=login] #page-login .page_content .for-signup .page-card-body .password-field input,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-body .email-field input,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-body .password-field input,
body[data-path=login] #page-login .page_content .for-forgot .page-card-body .email-field input,
body[data-path=login] #page-login .page_content .for-forgot .page-card-body .password-field input {
  height: 48px;
}
body[data-path=login] #page-login .page_content .for-login .page-card-body .email-field input::-moz-placeholder,
body[data-path=login] #page-login .page_content .for-login .page-card-body .password-field input::-moz-placeholder,
body[data-path=login] #page-login .page_content .for-signup .page-card-body .email-field input::-moz-placeholder,
body[data-path=login] #page-login .page_content .for-signup .page-card-body .password-field input::-moz-placeholder,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-body .email-field input::-moz-placeholder,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-body .password-field input::-moz-placeholder,
body[data-path=login] #page-login .page_content .for-forgot .page-card-body .email-field input::-moz-placeholder,
body[data-path=login] #page-login .page_content .for-forgot .page-card-body .password-field input::-moz-placeholder {
  line-height: 24px;
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-m) !important;
  color: var(--creqit-text-subdued-400);
}
body[data-path=login] #page-login .page_content .for-login .page-card-body .email-field input::placeholder,
body[data-path=login] #page-login .page_content .for-login .page-card-body .password-field input::placeholder,
body[data-path=login] #page-login .page_content .for-signup .page-card-body .email-field input::placeholder,
body[data-path=login] #page-login .page_content .for-signup .page-card-body .password-field input::placeholder,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-body .email-field input::placeholder,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-body .password-field input::placeholder,
body[data-path=login] #page-login .page_content .for-forgot .page-card-body .email-field input::placeholder,
body[data-path=login] #page-login .page_content .for-forgot .page-card-body .password-field input::placeholder {
  line-height: 24px;
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-m) !important;
  color: var(--creqit-text-subdued-400);
}
body[data-path=login] #page-login .page_content .for-login .page-card-body .password-field span,
body[data-path=login] #page-login .page_content .for-signup .page-card-body .password-field span,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-body .password-field span,
body[data-path=login] #page-login .page_content .for-forgot .page-card-body .password-field span {
  top: 5px;
  right: 43px;
}
body[data-path=login] #page-login .page_content .for-login .page-card-actions button,
body[data-path=login] #page-login .page_content .for-signup .page-card-actions button,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-actions button,
body[data-path=login] #page-login .page_content .for-forgot .page-card-actions button {
  height: 48px;
  background-color: var(--creqit-lavender-blue-800);
  border: 1px solid;
  border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 0px 1px 2px 0px rgba(12, 24, 61, 0.5019607843), 0px 0px 0px 1px #335CFF;
}
body[data-path=login] #page-login .page_content .for-login .page-card-actions button.sign-up-message,
body[data-path=login] #page-login .page_content .for-signup .page-card-actions button.sign-up-message,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-actions button.sign-up-message,
body[data-path=login] #page-login .page_content .for-forgot .page-card-actions button.sign-up-message {
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(193, 199, 208, 0.02) 100%);
  box-shadow: 0px 0px 0px 1px rgba(12, 24, 61, 0.0784313725), 0px 1px 2px 0px rgba(164, 172, 185, 0.2392156863);
}
body[data-path=login] #page-login .page_content .for-login .page-card-actions button.sign-up-message a:hover,
body[data-path=login] #page-login .page_content .for-signup .page-card-actions button.sign-up-message a:hover,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-actions button.sign-up-message a:hover,
body[data-path=login] #page-login .page_content .for-forgot .page-card-actions button.sign-up-message a:hover {
  text-decoration: none;
}
body[data-path=login] #page-login .page_content .for-login .page-card-actions button:hover,
body[data-path=login] #page-login .page_content .for-signup .page-card-actions button:hover,
body[data-path=login] #page-login .page_content .for-login-with-email-link .page-card-actions button:hover,
body[data-path=login] #page-login .page_content .for-forgot .page-card-actions button:hover {
  border: 1px solid;
  border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
  box-shadow: 0px 0px 0px 1px #335CFF, 0px 1px 2px 0px rgba(12, 24, 61, 0.5019607843);
}
body[data-path=login] #page-login .page_content .for-login .social-logins .login-with-email-link .btn-login-with-email-link,
body[data-path=login] #page-login .page_content .for-signup .social-logins .login-with-email-link .btn-login-with-email-link,
body[data-path=login] #page-login .page_content .for-login-with-email-link .social-logins .login-with-email-link .btn-login-with-email-link,
body[data-path=login] #page-login .page_content .for-forgot .social-logins .login-with-email-link .btn-login-with-email-link {
  color: var(--creqit-text-subdued-400) !important;
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-medium) !important;
  font-size: var(--creqit-text-s) !important;
  background: none !important;
  justify-content: flex-end;
}
.for-forgot,
.for-login-with-email-link,
.for-signup,
.for-email-login {
  display: none;
}
.for-login .page-card,
.for-forgot .page-card,
.for-login-with-email-link .page-card,
.for-signup .page-card,
.for-email-login .page-card {
  padding: 45px 10px;
  background-color: #fff;
  max-width: 400px;
  margin: 0 auto;
  border-radius: var(--border-radius-md);
  border: 1px solid var(--border-color);
}
.for-login .page-card form,
.for-forgot .page-card form,
.for-login-with-email-link .page-card form,
.for-signup .page-card form,
.for-email-login .page-card form {
  max-width: 320px;
  margin: 0 auto;
}
.for-login .page-card form .form-group,
.for-forgot .page-card form .form-group,
.for-login-with-email-link .page-card form .form-group,
.for-signup .page-card form .form-group,
.for-email-login .page-card form .form-group {
  margin-bottom: var(--margin-sm);
}
.for-login .page-card .page-card-actions,
.for-forgot .page-card .page-card-actions,
.for-login-with-email-link .page-card .page-card-actions,
.for-signup .page-card .page-card-actions,
.for-email-login .page-card .page-card-actions {
  margin-top: var(--margin-lg);
}
.for-login .page-card .page-card-body ::placeholder,
.for-login .page-card .page-card-body ::-ms-input-placeholder,
.for-forgot .page-card .page-card-body ::placeholder,
.for-forgot .page-card .page-card-body ::-ms-input-placeholder,
.for-login-with-email-link .page-card .page-card-body ::placeholder,
.for-login-with-email-link .page-card .page-card-body ::-ms-input-placeholder,
.for-signup .page-card .page-card-body ::placeholder,
.for-signup .page-card .page-card-body ::-ms-input-placeholder,
.for-email-login .page-card .page-card-body ::placeholder,
.for-email-login .page-card .page-card-body ::-ms-input-placeholder {
  color: var(--text-light);
  opacity: 1;
}
.for-login .page-card .page-card-body input[type=text],
.for-login .page-card .page-card-body input[type=email],
.for-login .page-card .page-card-body input[type=password],
.for-forgot .page-card .page-card-body input[type=text],
.for-forgot .page-card .page-card-body input[type=email],
.for-forgot .page-card .page-card-body input[type=password],
.for-login-with-email-link .page-card .page-card-body input[type=text],
.for-login-with-email-link .page-card .page-card-body input[type=email],
.for-login-with-email-link .page-card .page-card-body input[type=password],
.for-signup .page-card .page-card-body input[type=text],
.for-signup .page-card .page-card-body input[type=email],
.for-signup .page-card .page-card-body input[type=password],
.for-email-login .page-card .page-card-body input[type=text],
.for-email-login .page-card .page-card-body input[type=email],
.for-email-login .page-card .page-card-body input[type=password] {
  border: none;
  color: var(--text-color);
  font-size: var(--text-base);
  font-weight: var(--weight-regular);
  letter-spacing: 0.02em;
  background-color: var(--control-bg);
  margin-bottom: 1rem;
}
.for-login .page-card .page-card-body.invalid input[type=text],
.for-login .page-card .page-card-body.invalid input[type=email],
.for-login .page-card .page-card-body.invalid input[type=password],
.for-forgot .page-card .page-card-body.invalid input[type=text],
.for-forgot .page-card .page-card-body.invalid input[type=email],
.for-forgot .page-card .page-card-body.invalid input[type=password],
.for-login-with-email-link .page-card .page-card-body.invalid input[type=text],
.for-login-with-email-link .page-card .page-card-body.invalid input[type=email],
.for-login-with-email-link .page-card .page-card-body.invalid input[type=password],
.for-signup .page-card .page-card-body.invalid input[type=text],
.for-signup .page-card .page-card-body.invalid input[type=email],
.for-signup .page-card .page-card-body.invalid input[type=password],
.for-email-login .page-card .page-card-body.invalid input[type=text],
.for-email-login .page-card .page-card-body.invalid input[type=email],
.for-email-login .page-card .page-card-body.invalid input[type=password] {
  border: 1px solid var(--red-500);
}
.for-login .page-card .page-card-body .form-label,
.for-forgot .page-card .page-card-body .form-label,
.for-login-with-email-link .page-card .page-card-body .form-label,
.for-signup .page-card .page-card-body .form-label,
.for-email-login .page-card .page-card-body .form-label {
  font-size: var(--text-base);
  font-weight: var(--weight-regular);
  letter-spacing: 0.02em;
}
.for-login .page-card .page-card-body .forgot-password-message,
.for-forgot .page-card .page-card-body .forgot-password-message,
.for-login-with-email-link .page-card .page-card-body .forgot-password-message,
.for-signup .page-card .page-card-body .forgot-password-message,
.for-email-login .page-card .page-card-body .forgot-password-message {
  text-align: right;
  line-height: 1;
}
.for-login .page-card .page-card-body .forgot-password-message > *,
.for-forgot .page-card .page-card-body .forgot-password-message > *,
.for-login-with-email-link .page-card .page-card-body .forgot-password-message > *,
.for-signup .page-card .page-card-body .forgot-password-message > *,
.for-email-login .page-card .page-card-body .forgot-password-message > * {
  font-family: "Figtree", serif !important;
  font-weight: var(--creqit-weight-regular) !important;
  font-size: var(--creqit-text-s) !important;
  color: var(--creqit-text-subdued-400);
}
.for-login .page-card .page-card-body .field-icon,
.for-forgot .page-card .page-card-body .field-icon,
.for-login-with-email-link .page-card .page-card-body .field-icon,
.for-signup .page-card .page-card-body .field-icon,
.for-email-login .page-card .page-card-body .field-icon {
  left: 9px;
  top: 5px;
  position: absolute;
  z-index: 2;
}
.for-login .page-card .page-card-body .email-field,
.for-login .page-card .page-card-body .password-field,
.for-forgot .page-card .page-card-body .email-field,
.for-forgot .page-card .page-card-body .password-field,
.for-login-with-email-link .page-card .page-card-body .email-field,
.for-login-with-email-link .page-card .page-card-body .password-field,
.for-signup .page-card .page-card-body .email-field,
.for-signup .page-card .page-card-body .password-field,
.for-email-login .page-card .page-card-body .email-field,
.for-email-login .page-card .page-card-body .password-field {
  position: relative;
}
.for-login .page-card .page-card-body .email-field input,
.for-login .page-card .page-card-body .password-field input,
.for-forgot .page-card .page-card-body .email-field input,
.for-forgot .page-card .page-card-body .password-field input,
.for-login-with-email-link .page-card .page-card-body .email-field input,
.for-login-with-email-link .page-card .page-card-body .password-field input,
.for-signup .page-card .page-card-body .email-field input,
.for-signup .page-card .page-card-body .password-field input,
.for-email-login .page-card .page-card-body .email-field input,
.for-email-login .page-card .page-card-body .password-field input {
  padding: 12px 10px;
}
.for-login .page-card .page-card-body .email-field .toggle-password,
.for-login .page-card .page-card-body .password-field .toggle-password,
.for-forgot .page-card .page-card-body .email-field .toggle-password,
.for-forgot .page-card .page-card-body .password-field .toggle-password,
.for-login-with-email-link .page-card .page-card-body .email-field .toggle-password,
.for-login-with-email-link .page-card .page-card-body .password-field .toggle-password,
.for-signup .page-card .page-card-body .email-field .toggle-password,
.for-signup .page-card .page-card-body .password-field .toggle-password,
.for-email-login .page-card .page-card-body .email-field .toggle-password,
.for-email-login .page-card .page-card-body .password-field .toggle-password {
  right: 9px;
  top: 5px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  font-size: 12px;
}
.for-login .page-card .page-card-body .btn-login-option,
.for-forgot .page-card .page-card-body .btn-login-option,
.for-login-with-email-link .page-card .page-card-body .btn-login-option,
.for-signup .page-card .page-card-body .btn-login-option,
.for-email-login .page-card .page-card-body .btn-login-option {
  font-size: var(--text-base);
  font-weight: var(--weight-medium);
  letter-spacing: 0.015em;
  color: var(--text-gray-700);
  background: var(--gray-100);
  box-shadow: none;
  border: none;
  display: flex;
  place-content: center;
}
.for-login .page-card .page-card-body .btn-login-option.btn-salesforce i,
.for-forgot .page-card .page-card-body .btn-login-option.btn-salesforce i,
.for-login-with-email-link .page-card .page-card-body .btn-login-option.btn-salesforce i,
.for-signup .page-card .page-card-body .btn-login-option.btn-salesforce i,
.for-email-login .page-card .page-card-body .btn-login-option.btn-salesforce i {
  color: var(--blue-400);
}
.for-login .page-card .page-card-body .btn-login-option img,
.for-forgot .page-card .page-card-body .btn-login-option img,
.for-login-with-email-link .page-card .page-card-body .btn-login-option img,
.for-signup .page-card .page-card-body .btn-login-option img,
.for-email-login .page-card .page-card-body .btn-login-option img {
  margin-right: var(--padding-xs);
}
.for-login .page-card .page-card-body .btn-login-option:hover,
.for-forgot .page-card .page-card-body .btn-login-option:hover,
.for-login-with-email-link .page-card .page-card-body .btn-login-option:hover,
.for-signup .page-card .page-card-body .btn-login-option:hover,
.for-email-login .page-card .page-card-body .btn-login-option:hover {
  border: none;
  background: var(--gray-300);
}
.for-login .page-card .page-card-body .social-logins,
.for-forgot .page-card .page-card-body .social-logins,
.for-login-with-email-link .page-card .page-card-body .social-logins,
.for-signup .page-card .page-card-body .social-logins,
.for-email-login .page-card .page-card-body .social-logins {
  margin-top: var(--margin-md);
  font-size: var(--text-base);
  font-weight: var(--weight-regular);
  letter-spacing: 0.02em;
}
.for-login .page-card .page-card-body .social-logins .social-login-buttons,
.for-forgot .page-card .page-card-body .social-logins .social-login-buttons,
.for-login-with-email-link .page-card .page-card-body .social-logins .social-login-buttons,
.for-signup .page-card .page-card-body .social-logins .social-login-buttons,
.for-email-login .page-card .page-card-body .social-logins .social-login-buttons {
  margin-top: var(--margin-md);
}
.for-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,
.for-forgot .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,
.for-login-with-email-link .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,
.for-signup .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,
.for-email-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper {
  min-width: 50%;
  padding: 0 4px;
  margin-bottom: var(--margin-md);
}
@media (min-width: 768px) {
  .for-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,
  .for-forgot .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,
  .for-login-with-email-link .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,
  .for-signup .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper,
  .for-email-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper {
    min-width: 33.33%;
  }
}
.for-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper:last-child,
.for-forgot .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper:last-child,
.for-login-with-email-link .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper:last-child,
.for-signup .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper:last-child,
.for-email-login .page-card .page-card-body .social-logins .social-login-buttons .login-button-wrapper:last-child {
  margin-bottom: 0;
}
.for-login .page-card .page-card-body .login-divider,
.for-forgot .page-card .page-card-body .login-divider,
.for-login-with-email-link .page-card .page-card-body .login-divider,
.for-signup .page-card .page-card-body .login-divider,
.for-email-login .page-card .page-card-body .login-divider {
  margin: var(--margin-md) 0;
}
.for-login .sign-up-message,
.for-forgot .sign-up-message,
.for-login-with-email-link .sign-up-message,
.for-signup .sign-up-message,
.for-email-login .sign-up-message {
  margin-bottom: 0;
  color: var(--text-light);
  font-size: var(--text-base);
  font-weight: var(--weight-regular);
  letter-spacing: 0.02em;
}
.for-login .sign-up-message a,
.for-forgot .sign-up-message a,
.for-login-with-email-link .sign-up-message a,
.for-signup .sign-up-message a,
.for-email-login .sign-up-message a {
  color: var(--primary);
}
.for-login .invalid-login,
.for-forgot .invalid-login,
.for-login-with-email-link .invalid-login,
.for-signup .invalid-login,
.for-email-login .invalid-login {
  -webkit-animation: wiggle 0.5s linear;
}
.page-card-head {
  padding: max(5vh, 30px) 0 14px 0px;
  margin: 0 auto;
  text-align: center;
  font-size: var(--text-xl);
  font-weight: 600;
}
.page-card-head img {
  max-height: 42px;
}
.page-card-head h4 {
  margin-top: 1rem;
  font-size: var(--text-xl);
  font-weight: var(--weight-semibold);
  letter-spacing: 0.01em;
  color: var(--text-color);
}
/*# sourceMappingURL=login.bundle.BNBL5YQR.css.map */