.leaderboard-row .leader-rank {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f0f2f8;
  color: #687187;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.leaderboard-row:nth-of-type(1) .leader-rank {
  background: #fff1c7;
  color: #94670c;
}

.leaderboard-row:nth-of-type(2) .leader-rank {
  background: #e9edf4;
  color: #58647b;
}

.leaderboard-row:nth-of-type(3) .leader-rank {
  background: #f9e9df;
  color: #956449;
}