:root { 
  --black: #000000;
  --cotton-seed: #c2c1b3;
  --finlandia: #4e6c61;
  --oxford-blue: #374a54;
  --sea-nymph: #76999f;
  --straw: #dac37f;
  --timberwolf: #d8d7c8;
  --white: #ffffff;
 
  --font-size-l: 16px;
  --font-size-m: 14px;
  --font-size-xl: 18px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 30px;
  --font-size-xxxxl: 36px;
  --font-size-xxxxxl: 42px;
 
  --font-family-helveticaneue: "HelveticaNeue", Helvetica;
  --font-family-helveticaneue-bold: "HelveticaNeue-Bold", Helvetica;
  --font-family-helveticaneue-light: "HelveticaNeue-Light", Helvetica;
  --font-family-helveticaneue-medium: "HelveticaNeue-Medium", Helvetica;
  --font-family-sfprotext-semibold: "SFProText-Semibold", Helvetica;
}
.helveticaneue-normal-white-14px {
  color: var(--white);
  font-family: var(--font-family-helveticaneue);
  font-size: var(--font-size-m);
  font-style: normal;
}

.helveticaneue-normal-black-14px {
  color: var(--black);
  font-family: var(--font-family-helveticaneue);
  font-size: var(--font-size-m);
  font-style: normal;
}

.helveticaneue-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-helveticaneue);
  font-size: var(--font-size-l);
  font-style: normal;
}

.helveticaneue-medium-white-24px {
  color: var(--white);
  font-family: var(--font-family-helveticaneue-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

.helveticaneue-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-helveticaneue);
  font-size: var(--font-size-l);
  font-style: normal;
}

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

.helveticaneue-light-white-36px {
  color: var(--white);
  font-family: var(--font-family-helveticaneue-light);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 300;
}

.helveticaneue-medium-black-24px {
  color: var(--black);
  font-family: var(--font-family-helveticaneue-medium);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 500;
}

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

.helveticaneue-normal-white-18px {
  color: var(--white);
  font-family: var(--font-family-helveticaneue);
  font-size: var(--font-size-xl);
  font-style: normal;
}

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

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

.helveticaneue-light-white-18px {
  color: var(--white);
  font-family: var(--font-family-helveticaneue-light);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 300;
}

.helveticaneue-normal-white-24px {
  color: var(--white);
  font-family: var(--font-family-helveticaneue);
  font-size: var(--font-size-xxl);
  font-style: normal;
}

.helveticaneue-bold-black-17-9px {
  color: var(--black);
  font-family: var(--font-family-helveticaneue-bold);
  font-size: 17.9px;
  font-style: normal;
  font-weight: 700;
}

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

.helveticaneue-normal-white-12px {
  color: var(--white);
  font-family: var(--font-family-helveticaneue);
  font-size: 12px;
  font-style: normal;
}

.helveticaneue-normal-white-30px {
  color: var(--white);
  font-family: var(--font-family-helveticaneue);
  font-size: var(--font-size-xxxl);
  font-style: normal;
}

.helveticaneue-normal-white-16px-2 {
  color: var(--white);
  font-family: var(--font-family-helveticaneue);
  font-size: var(--font-size-l);
  font-style: normal;
}

.sfprotext-semi-bold-white-24px {
  color: var(--white);
  font-family: var(--font-family-sfprotext-semibold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 600;
}

.helveticaneue-bold-black-42px {
  color: var(--black);
  font-family: var(--font-family-helveticaneue-bold);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 700;
}

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

:root {
}
