.avatar_frame {
  position: absolute !important;
  transform: scale(1.18);
  border-radius: 0 !important;
  z-index: 2;
  box-shadow: none !important;
  outline: none !important;
}

.avatar_frame_small {
  width: 26px !important;
  height: 26px !important;
  position: absolute !important;
  transform: scale(1.18);
  border-radius: 0 !important;
  z-index: 2;
  box-shadow: none !important;
  outline: none !important;
}

.top_players_head {
  padding: 17px 10px;
  display: grid;
  grid-template-columns: 0.2fr 0.6fr 0.3fr 0.3fr 0.3fr 0.3fr 0.3fr 0.3fr;
  justify-items: start;
  margin-bottom: 10px;
  border-radius: 12px;
}

.top_players_head span {
  font-weight: 500;
  font-size: 12px;
  color: var(--text-custom);
  opacity: 0.5;
  display: flex;
  align-items: center;
  letter-spacing: .3px;
}

.top_players_list_body li {
  background: var(--transparent);
  border-radius: 8px;
  display: grid;
  grid-template-columns: 0.2fr 0.1fr 0.5fr 0.3fr 0.3fr 0.3fr 0.3fr 0.3fr 0.3fr;
  padding: 12px;
  position: relative;
  justify-items: start;
  align-items: center;
  transition: .2s;
}

.top_players_list_body li:not(:last-child) {
  margin-bottom: 6px;
}

.top_players_list_body li span {
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: baseline;
  z-index: 2;
  position: relative;
}

.top_players_list_body li:hover {
  transform: scale(1.005);
  filter: opacity(0.7);
}

.top_players_avatar {
  width: 26px !important;
  height: 26px !important;
  border-radius: 4px;
  outline: 2px solid var(--transparent);
  position: relative;
}

.user_online_status {
  position: relative;
  display: none;
}

.user_online_status::before {
  content: "";
  position: absolute;
  left: -8px;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--green);
  z-index: 3;
}

.top_list_scroll {
  height: 571px;
  overflow: hidden;
  overflow-y: scroll;
  margin-bottom: 5px;
}

.no-scrollbar {
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.pos_1 {
  color: rgb(254, 216, 133);
}

.pos_2 {
  color: rgb(221, 224, 245);
}

.pos_3 {
  color: rgb(192, 149, 99);
}

.top_user_nick {
  color: var(--text-custom);
  opacity: .5;
}

.button_pagination {
  background: none;
  border-radius: 6px;
  color: var(--text-default);
}

.button_pagination.current.active {
  background: var(--transparent);
}

.current:hover {
  background: var(--transparent);
  color: var(--text-default);
}

.button_pagination svg {
  fill: var(--text-default);
}

.pointer:hover a {
  color: var(--text-default);
  opacity: .6;
}

.col_2 {
  position: relative;
  display: flex !important;
  align-items: center !important;
}

/* RankCS2 premier badge (onetake style) */
.RankCS2 {
  display: flex;
  height: 23px;
  justify-content: center;
  padding: 0 7px 0 16px;
  position: relative;
  transform: skewX(-10deg);
  width: 65px;
  align-items: center;
}

.RankCS2::before {
  left: 5px;
  z-index: 1;
}

.RankCS2::after {
  left: 0;
}

.RankCS2::after,
.RankCS2::before {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 3px;
}

.RankCS2 span {
  font-size: 15px !important;
  font-weight: 700;
}

.RankCS2 > span .RankCS2Lower {
  font-size: 12px !important;
}

.RankCS2_30000 {
  background-color: rgb(76, 57, 0);
}

.RankCS2_30000::after,
.RankCS2_30000::before {
  background-color: rgb(253, 214, 8);
}

.RankCS2_30000 span {
  color: rgb(253, 214, 8) !important;
}

.RankCS2_25000_and_29999 {
  background-color: rgb(89, 12, 3);
}

.RankCS2_25000_and_29999::after,
.RankCS2_25000_and_29999::before {
  background-color: rgb(236, 65, 67);
}

.RankCS2_25000_and_29999 span {
  color: rgb(236, 65, 67) !important;
}

.RankCS2_20000_and_24999 {
  background-color: rgb(90, 0, 94);
}

.RankCS2_20000_and_24999::after,
.RankCS2_20000_and_24999::before {
  background-color: rgb(223, 22, 236);
}

.RankCS2_20000_and_24999 span {
  color: rgb(223, 22, 236) !important;
}

.RankCS2_15000_and_19999 {
  background-color: rgb(66, 33, 88);
}

.RankCS2_15000_and_19999::after,
.RankCS2_15000_and_19999::before {
  background-color: rgb(186, 105, 242);
}

.RankCS2_15000_and_19999 span {
  color: rgb(186, 105, 242) !important;
}

.RankCS2_10000_and_14999 {
  background-color: rgb(31, 39, 88);
}

.RankCS2_10000_and_14999::after,
.RankCS2_10000_and_14999::before {
  background-color: rgb(105, 124, 233);
}

.RankCS2_10000_and_14999 span {
  color: rgb(105, 124, 233) !important;
}

.RankCS2_5000_and_9999 {
  background-color: rgb(45, 66, 85);
}

.RankCS2_5000_and_9999::after,
.RankCS2_5000_and_9999::before {
  background-color: rgb(139, 189, 233);
}

.RankCS2_5000_and_9999 span {
  color: rgb(139, 189, 233) !important;
}

.RankCS2_0_and_4999 {
  background-color: rgb(58, 67, 76);
}

.RankCS2_0_and_4999::after,
.RankCS2_0_and_4999::before {
  background-color: rgb(185, 193, 215);
}

.RankCS2_0_and_4999 span {
  color: rgb(185, 193, 215) !important;
}

@media (max-width: 768px) {
  .top_players_head {
    grid-template-columns: 0.2fr 0.3fr 0.25fr 0.25fr;
  }

  .top_players_list_body li {
    grid-template-columns: 0.2fr 0.4fr 0.4fr 0.3fr;
  }

  span.col_9,
  span.col_8,
  span.col_7,
  span.col_6 {
    display: none;
  }

  .top_players_list_body li .col_9,
  .top_players_list_body li .col_8,
  .top_players_list_body li .col_7,
  .top_players_list_body li .col_6,
  .top_players_list_body li .col_2 {
    display: none !important;
  }
}

.hide {
  display: none !important;
}