.top-trio {
  display: flex;
  gap: .5rem;
  flex-direction: column;
}

.top-times,
.top-clans,
.top-giveaways-winner {
  display: flex;
  gap: .2rem;
  flex-direction: column;
}

.top-times-trio,
.top-clans-trio,
.top-winners-trio {
  position: relative;
  gap: .5rem;
  display: flex;
  flex-direction: row;
}

.top-time,
.top-clan,
.top-winner {
  overflow: hidden;
  position: relative;
  gap: 1rem;
  display: flex;
  border-radius: var(--br-32);
  width: 100%;
  padding: .5rem;
  background: var(--card);
  height: 4rem;
  align-items: center;
}

.top-winner-avatar img,
.top-time-avatar img,
.top-clan-avatar img{
  border-radius: var(--br-32);
  width: 3rem;
  height: 3rem;
}

.top-clan-avatar {
  z-index: 2;
}

.top-clan-info {
  z-index: 2;
}

.top-clan-back {
  transition: .2s;
  opacity: .6;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.top-clan-name {
  color: var(--text-default);
  font-size: 16px;
  font-weight: 700;
}

.top-clan-content {
  color: var(--text-default);
  display: flex;
  gap: .5rem;
  font-weight: 600;
  align-items: center;
}

.top-clan:hover .top-clan-back {
  opacity: 1;
}