turbo-frame#mini_leaderboard[aria-busy="true"]::before {
  display: none !important;
}

.period-toggle-btn:hover:not(.active) {
  background-color: #e0e0e0;
}

.leaderboard-entry.omitted {
  opacity: 0.4;
}

.leaderboard-entry.omitted:hover {
  opacity: 0.6;
}

  .mini-leaderboard {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  }

  .leaderboard-entry {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.05);
  }

  .leaderboard-entry.current-user {
    background: rgba(var(--primary-color-rgb), 0.2);
    border: 1px solid var(--primary-color);
  }

  .leaderboard-entry .rank {
    color: rgba(255, 255, 255, 0.7);
  }

  .leaderboard-entry .time {
    color: rgba(255, 255, 255, 0.7);
  }

  .leaderboard-break {
    color: rgba(255, 255, 255, 0.5);
  }

  .period-toggle {
    background-color: rgba(255, 255, 255, 0.05);
  }

  .period-toggle-btn {
    color: rgba(255, 255, 255, 0.7);
  }

  .period-toggle-btn:hover:not(.active) {
    background-color: rgba(255, 255, 255, 0.1);
  }


.mini-leaderboard.loading .leaderboard-entry {
  opacity: 0.7;
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% { opacity: 0.7; }
  50% { opacity: 0.4; }
  100% { opacity: 0.7; }
}

turbo-frame#mini_leaderboard[aria-busy="true"]::before {
  display: none !important;
}