:root { 
  --black: #000000;
  --black-2: #00000080;
  --greysgrey-1: #252d31;
  --greysgrey-4: #a8abad;
  --greysgrey-5: #ced0d1;
  --greysgrey-6: #f1f2f2;
  --greyswhite: #ffffff;
  --statesprimary-hover: #a8a8ff;
  --textdisabled: #a8abad;
  --textprimary: #313372;
  --textwhite: #ffffff;
  --themeaccent-2: #f6cdc2;
  --themeaccent-3: #313372;
  --themeprimary: #5251ff;
  --themeprimary-tint: #f6f6ff;
  --themesecondary: #f4ab00;
  --themesecondary-tint: #fefbf2;
 
  --font-size-l: 48px;
  --font-size-m: 24px;
  --font-size-s: 22px;
  --font-size-xl: 64px;
  --font-size-xs: 20px;
  --font-size-xxs: 16px;
  --font-size-xxxs: 14px;
 
  --font-family-averta_std_pe-regular: "Averta Std PE-Regular", Helvetica;
  --font-family-averta_std_pe-semibold: "Averta Std PE-Semibold", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
}
.avertastdpe-regular-normal-astronaut-22px {
  color: var(--textprimary);
  font-family: var(--font-family-averta_std_pe-regular);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.avertastdpe-normal-astronaut-24px {
  color: var(--textprimary);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.avertastdpe-regular-normal-astronaut-12px {
  color: var(--textprimary);
  font-family: var(--font-family-averta_std_pe-regular);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.avertastdpe-normal-white-20px {
  color: var(--greyswhite);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-astronaut-14px {
  color: var(--textprimary);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}

.avertastdpe-regular-normal-astronaut-24px {
  color: var(--textprimary);
  font-family: var(--font-family-averta_std_pe-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.avertastdpe-normal-astronaut-32px {
  color: var(--textprimary);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
}

.avertastdpe-regular-normal-astronaut-18px {
  color: var(--textprimary);
  font-family: var(--font-family-averta_std_pe-regular);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.avertastdpe-normal-astronaut-64px {
  color: var(--textprimary);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.avertastdpe-normal-astronaut-48px {
  color: var(--textprimary);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.avertastdpe-normal-black-18px {
  color: var(--black-2);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.avertastdpe-normal-astronaut-18px {
  color: var(--textprimary);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.avertastdpe-regular-normal-astronaut-16px {
  color: var(--textprimary);
  font-family: var(--font-family-averta_std_pe-regular);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.avertastdpe-normal-white-36px {
  color: var(--greyswhite);
  font-family: var(--font-family-averta_std_pe-semibold);
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
}

.avertastdpe-regular-normal-silver-chalice-14px {
  color: var(--greysgrey-4);
  font-family: var(--font-family-averta_std_pe-regular);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 400;
}