:root { 
  --athens-gray: #e9ebf2;
  --black: #000000;
  --geyser: #d7dae0;
  --gravel: #4c4c4c;
  --iron: #d5d6da;
  --mercury: #e4e4e4;
  --sonic-silver: #757575;
  --tenn: #d95900;
  --white: #ffffff;
 
  --font-size-l: 15px;
  --font-size-m: 14px;
  --font-size-s: 12px;
  --font-size-xl: 16px;
  --font-size-xs: 11px;
  --font-size-xxl: 20px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-inter-bolditalic: "Inter-BoldItalic", Helvetica;
}
.inter-bold-sonic-silver-14px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-sonic-silver-11px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}


.inter-bold-gravel-16px {
  color: var(--gravel);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-sonic-silver-20px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-sonic-silver-12px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.inter-bold-gravel-11px {
  color: var(--gravel);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-sonic-silver-16px {
  color: var(--sonic-silver);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}