:root { 
  --black: #000000;
  --concord: #7b7b7b;
  --outrageous-orange: #fb664a;
  --teal-blue: #08415c;
  --white: #ffffff;
 
  --font-size-l: 27.1px;
  --font-size-m: 23.5px;
  --font-size-s: 21.7px;
  --font-size-xl: 31.6px;
  --font-size-xs: 18.9px;
  --font-size-xxs: 16.2px;
  --font-size-xxxs: 13.5px;
 
  --font-family-roboto: "Roboto", Helvetica;
}
.roboto-bold-white-21-7px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

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

.roboto-semi-bold-teal-blue-18-9px {
  color: var(--teal-blue);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}

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

.roboto-semi-bold-outrageous-orange-31-6px {
  color: var(--outrageous-orange);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.roboto-normal-concord-18-9px {
  color: var(--concord);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

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

:root {
}