:root { 
  --barley-corn: #9f8a48;
  --blue-whale: #022845;
  --concrete: #f2f2f2;
  --dove-gray: #707070;
  --green-vogue: #033052;
  --gunsmoke: #838383;
  --husk: #b69f57;
  --metallic-bronze: #4b3519;
  --star-dust: #9a9a9a;
  --white: #ffffff;
 
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 20px;
  --font-size-xs: 12px;
  --font-size-xxs: 11px;
  --font-size-xxxs: 9px;
 
  --font-family-manrope: "Manrope", Helvetica;
  --font-family-proximanova-bold: "ProximaNova-Bold", Helvetica;
}
.manrope-bold-white-14px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

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

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

.manrope-bold-green-vogue-14px {
  color: var(--green-vogue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.manrope-medium-green-vogue-16px {
  color: var(--green-vogue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}

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

.manrope-bold-white-12px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.manrope-bold-green-vogue-12px {
  color: var(--green-vogue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.manrope-bold-white-9px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxxs);
  font-style: normal;
  font-weight: 700;
}

.manrope-bold-white-11px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 700;
}

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

.manrope-bold-green-vogue-18px {
  color: var(--green-vogue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

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

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

.manrope-semi-bold-green-vogue-20px {
  color: var(--green-vogue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

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

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

.manrope-bold-gunsmoke-14px {
  color: var(--gunsmoke);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.manrope-bold-star-dust-12px {
  color: var(--star-dust);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

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

.manrope-semi-bold-green-vogue-16px {
  color: var(--green-vogue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.manrope-normal-green-vogue-16px {
  color: var(--green-vogue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.manrope-semi-bold-green-vogue-20px-2 {
  color: var(--green-vogue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xl);
}

.manrope-normal-green-vogue-20px {
  color: var(--green-vogue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.manrope-bold-husk-14px {
  color: var(--husk);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

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

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

.manrope-normal-green-vogue-12px {
  color: var(--green-vogue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.manrope-extra-bold-white-22px {
  color: var(--white);
  font-family: var(--font-family-manrope);
  font-size: 22px;
  font-style: normal;
  font-weight: 800;
}

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

.manrope-extra-bold-green-vogue-20px {
  color: var(--green-vogue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 800;
}

.manrope-bold-barley-corn-14px {
  color: var(--barley-corn);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

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

.manrope-normal-green-vogue-16px-2 {
  color: var(--green-vogue);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-m);
}

.manrope-bold-star-dust-18px {
  color: var(--star-dust);
  font-family: var(--font-family-manrope);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}