:root { 
  --alto: #dbdbdb;
  --amber: #ffc109;
  --black: #000000;
  --blaze-orange: #ff5f00;
  --blue-gray400: #858dad;
  --blueberry: #4f6cff;
  --ch-gray-blue400: #202534;
  --daffodil: #ffeb33;
  --ebony-clay: #282f42;
  --eucalyptus: #4fffb8;
  --heliotrope: #e08aff;
  --heliotrope-2: #ad4fff;
  --inchworm: #c9e75d;
  --mirage: #1b1f2c;
  --neutralwhite: #ffffff;
  --olive-drab: #689140;
  --oxford-blue: #353e55;
  --rose: #ff4f52;
  --violet-eggplant: #810cb0;
  --wild-blue-yonder: #828db0;
 
  --font-size-10px: 10px;
  --font-size-l: 16px;
  --font-size-m: 14px;
  --font-size-s: 12px;
  --font-size-xl: 20px;
  --font-size-xs: 11px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 40px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-sora: "Sora", Helvetica;
}
.bold14 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.bold10 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-10px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.bold12 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.sora-normal-bali-hai-14px {
  color: var(--blue-gray400);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.sora-semi-bold-white-20px {
  color: var(--neutralwhite);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.sora-semi-bold-white-14px {
  color: var(--neutralwhite);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.sora-semi-bold-white-16px {
  color: var(--neutralwhite);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.sora-normal-bali-hai-12px {
  color: var(--blue-gray400);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.sora-normal-white-16px {
  color: var(--neutralwhite);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.sora-semi-bold-white-12px {
  color: var(--neutralwhite);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.inter-normal-wild-blue-yonder-11px {
  color: var(--wild-blue-yonder);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-wild-blue-yonder-12px {
  color: var(--wild-blue-yonder);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.montserrat-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.sora-semi-bold-alto-10px {
  color: var(--alto);
  font-family: var(--font-family-sora);
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
}

.sora-bold-white-16px {
  color: var(--neutralwhite);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.sora-bold-white-20px {
  color: var(--neutralwhite);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.sora-bold-white-40px {
  color: var(--neutralwhite);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.sora-normal-white-14px {
  color: var(--neutralwhite);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.sora-bold-white-28px {
  color: var(--neutralwhite);
  font-family: var(--font-family-sora);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
}

.sora-normal-white-12px {
  color: var(--neutralwhite);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.sora-bold-white-24px {
  color: var(--neutralwhite);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.sora-normal-wild-blue-yonder-12px {
  color: var(--wild-blue-yonder);
  font-family: var(--font-family-sora);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.sora-bold-inchworm-18px {
  color: var(--inchworm);
  font-family: var(--font-family-sora);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}