/* Generated by less 2.5.1 */
#leaderboards-top-players {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#leaderboards-top-players .leaderboards-top-players {
  flex-basis: 100%;
  padding: 5px;
  display: flex;
}
#leaderboards-top-players .leaderboards-top-players .leaderboards-top-players-left {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: bottom;
  background: #fff;
}
#leaderboards-top-players .leaderboards-top-players .leaderboards-top-players-left h1.pos {
  text-align: center;
  font-size: 20px;
  margin: 9px 0 0 0;
}
#leaderboards-top-players .leaderboards-top-players .leaderboards-top-players-left h1.pos .ordinal {
  font-size: 0.5em;
  vertical-align: super;
}
#leaderboards-top-players .leaderboards-top-players.pos-1 h1.pos,
#leaderboards-top-players .leaderboards-top-players.pos-2 h1.pos,
#leaderboards-top-players .leaderboards-top-players.pos-3 h1.pos {
  font-size: 30px;
  margin: 4px 0 0 0;
}
#leaderboards-top-players .leaderboards-top-players .leaderboards-top-players-right {
  flex: 1;
  height: 40px;
  display: inline-block;
  background: #ffffff6b;
}
#leaderboards-top-players .leaderboards-top-players .leaderboards-top-players-right .level {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background-image: url(playerlevel.png);
  background-position: 4px 5px;
  background-repeat: no-repeat;
  background-size: 80%;
}
#leaderboards-top-players .leaderboards-top-players .leaderboards-top-players-right .level .num {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
#leaderboards-top-players .leaderboards-top-players .leaderboards-top-players-right .username {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(1) .username {
  color: #95bff2;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(2) .username {
  color: #f26363;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(3) .username {
  color: #dede63;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(4) .username {
  color: #3bde63;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(5) .username {
  color: #d83c54;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(6) .username {
  color: #81a863;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(7) .username {
  color: #96cea9;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(8) .username {
  color: #ce91c0;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(9) .username {
  color: #717dc2;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(10) .username {
  color: #cdbf79;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(11) .username {
  color: #aa5581;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(12) .username {
  color: #96c9ce;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(13) .username {
  color: #95bff2;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(14) .username {
  color: #f26363;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(15) .username {
  color: #dede63;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(16) .username {
  color: #3bde63;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(17) .username {
  color: #d83c54;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(18) .username {
  color: #81a863;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(19) .username {
  color: #96cea9;
}
#leaderboards-top-players .leaderboards-top-players:nth-of-type(20) .username {
  color: #aa5581;
}
@media screen and (min-width: 460px) {
  #leaderboards-top-players .leaderboards-top-players {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 690px) {
  #leaderboards-top-players .leaderboards-top-players {
    flex-basis: 33.33%;
  }
}
@media screen and (min-width: 960px) {
  #leaderboards-top-players .leaderboards-top-players {
    flex-basis: 25%;
  }
}