:root { 
  --black: #000000;
  --black-2: #0000004c;
  --btn-text: #373737;
  --btn-text-2: #636363;
  --cultured-pearl: #f5f5f5;
  --flamingo: #f04e2b;
  --granite-gray: #686466;
  --log-cabin: #222222;
  --white: #f9f9f9;
  --white-2: #ffffff;
  --yellow: #ffc82d;
 
  --font-size-l: 16px;
  --font-size-m: 13px;
  --font-size-s: 12px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 30px;
  --font-size-xxxxl: 40px;
 
  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-youshebiaotihei-regular: "YouSheBiaoTiHei-Regular", Helvetica;
}
.montserrat-semi-bold-hint-of-red-13px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.montserrat-semi-bold-storm-dust-13px {
  color: var(--btn-text-2);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.montserrat-bold-onyx-16px {
  color: var(--btn-text);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-hint-of-red-13px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.montserrat-extra-bold-sunglow-13px {
  color: var(--yellow);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 800;
}

.montserrat-bold-onyx-30px {
  color: var(--btn-text);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-sunglow-13px {
  color: var(--yellow);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-onyx-13px {
  color: var(--btn-text);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-storm-dust-16px {
  color: var(--btn-text-2);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-storm-dust-12px {
  color: var(--btn-text-2);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.montserrat-semi-bold-storm-dust-16px {
  color: var(--btn-text-2);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
}

.montserrat-semi-bold-granite-gray-13px {
  color: var(--granite-gray);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.montserrat-bold-storm-dust-16px-2 {
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-flamingo-13px {
  color: var(--flamingo);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.montserrat-medium-onyx-12px {
  color: var(--btn-text);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

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

.montserrat-medium-onyx-13px {
  color: var(--btn-text);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
}