:root { 
  --alabaster: #fafafb;
  --black: #000000;
  --cloud: #c5c5c5;
  --eden: #0e5d4f;
  --gray: #7f7f7f;
  --jelly-bean: #db664d;
  --mine-shaft: #333334;
  --nobel: #b5b5b5;
  --puerto-rico: #29c0a5;
  --quick-silver: #a6a6a6;
  --tropical-rain-forest: #0d7462;
  --tuatara: #343434;
  --white: #ffffff;
 
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 22px;
  --font-size-xs: 12px;
  --font-size-xxl: 24px;
  --font-size-xxs: 10px;
 
  --font-family-poppins: "Poppins", Helvetica;
  --font-family-poppins-light: "Poppins-Light", Helvetica;
  --font-family-poppins-semibold: "Poppins-SemiBold", Helvetica;
  --font-family-roboto-medium: "Roboto-Medium", Helvetica;
  --font-family-ubuntu-bold: "Ubuntu-Bold", Helvetica;
}
.poppins-semi-bold-eden-16px {
  color: var(--eden);
  font-family: var(--font-family-poppins-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-mine-shaft-16px {
  color: var(--mine-shaft);
  font-family: var(--font-family-poppins-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.poppins-normal-quick-silver-10px {
  color: var(--quick-silver);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

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

.poppins-semi-bold-tuatara-16px {
  color: var(--tuatara);
  font-family: var(--font-family-poppins-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-gray-16px {
  color: var(--gray);
  font-family: var(--font-family-poppins-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-white-18px {
  color: var(--white);
  font-family: var(--font-family-poppins-semibold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

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

.poppins-semi-bold-quick-silver-10px {
  color: var(--quick-silver);
  font-family: var(--font-family-poppins-semibold);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}

.poppins-normal-quick-silver-16px {
  color: var(--quick-silver);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.poppins-semi-bold-quick-silver-16px {
  color: var(--quick-silver);
  font-family: var(--font-family-poppins-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-nobel-16px {
  color: var(--nobel);
  font-family: var(--font-family-poppins-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-cloud-16px {
  color: var(--cloud);
  font-family: var(--font-family-poppins-semibold);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-white-10px {
  color: var(--white);
  font-family: var(--font-family-poppins-semibold);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}

.poppins-light-quick-silver-10px {
  color: var(--quick-silver);
  font-family: var(--font-family-poppins-light);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 300;
}

.poppins-semi-bold-quick-silver-12px {
  color: var(--quick-silver);
  font-family: var(--font-family-poppins-semibold);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

.roboto-medium-puerto-rico-14px {
  color: var(--puerto-rico);
  font-family: var(--font-family-roboto-medium);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}