:root { 
  --black: #000000;
  --blue-chill: #0f8fa0;
  --blue-chill-2: #108fa0;
  --cloud-burst: #1c2b5a;
  --fiord: #475467;
  --gray100: #f2f3f6;
  --gray200: #e4e7ec;
  --gray300: #cfd4dc;
  --gray500: #667084;
  --gray600: #475466;
  --gray700: #344053;
  --gray900: #0f1728;
  --mirage: #101828;
  --white: #ffffff;
  --white-ffffff: #ffffff;
 
  --font-size-30px: 30px;
  --font-size-36px: 36px;
  --font-size-l: 20px;
  --font-size-m: 18px;
  --font-size-s: 16px;
  --font-size-xl: 24px;
  --font-size-xs: 14px;
  --font-size-xxl: 48px;
  --font-size-xxxl: 60px;
 
  --font-family-inter: "Inter", Helvetica;
}
.inputmd {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.text-smregular {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.text-mdsemibold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.display-lgsemibold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.96px;
}

.display-mdsemibold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-36px);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.72px;
}

.text-xlregular {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.text-smmedium {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.text-smsemibold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.display-xlsemibold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -1.2px;
}

.display-smsemibold {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-30px);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.text-lgregular {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.text-lgmedium {
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
}

.inter-semi-bold-mirage-24px {
  color: var(--gray900);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.inter-bold-black-60px {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}