:root { 
  --black: #000000;
  --bright-red: #af0000;
  --celeste: #d0d0d0;
  --guardsman-red: #c40000;
  --red: #ff0000;
  --red-2: #ea0000;
  --selective-yellow: #ffbc00;
  --white: #ffffff;
 
  --font-size-l: 40px;
  --font-size-m: 32px;
  --font-size-s: 23.2px;
  --font-size-xs: 22px;
  --font-size-xxs: 21.6px;
  --font-size-xxxs: 20.6px;
  --font-size-xxxxs: 19.1px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
}
.roboto-medium-black-23-2px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
}

.roboto-medium-black-19-1px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 500;
}

.roboto-semi-bold-white-11px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
}

.roboto-black-white-17-8px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 17.8px;
  font-style: normal;
  font-weight: 900;
}

.roboto-semi-bold-black-32px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.roboto-black-white-22px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 900;
}

.roboto-black-black-23-2px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 900;
}

.roboto-semi-bold-black-16-4px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: 16.4px;
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-guardsman-red-23px {
  color: var(--guardsman-red);
  font-family: var(--font-family-roboto);
  font-size: 23px;
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-black-21-6px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}

.roboto-black-white-18-1px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 18.1px;
  font-style: normal;
  font-weight: 900;
}

.roboto-black-black-19-1px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxxs);
  font-style: normal;
  font-weight: 900;
}

.roboto-semi-bold-black-13-5px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: 13.5px;
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-guardsman-red-19px {
  color: var(--guardsman-red);
  font-family: var(--font-family-roboto);
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-celeste-26-7px {
  color: var(--celeste);
  font-family: var(--font-family-roboto);
  font-size: 26.7px;
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-red-32px {
  color: var(--red-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-celeste-20-5px {
  color: var(--celeste);
  font-family: var(--font-family-roboto);
  font-size: 20.5px;
  font-style: normal;
  font-weight: 600;
}

.roboto-semi-bold-red-21-6px {
  color: var(--red-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 600;
}