/* Sortable MAE / PSNR headers of the leaderboard tables (see sortable.js). */
.sort-button {
  all: unset;
  cursor: pointer;
  font-weight: inherit;
  white-space: nowrap;
}

.sort-button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.sort-arrow::after {
  content: "\2195"; /* ↕ unsorted */
  margin-left: 0.3em;
  opacity: 0.4;
}

th[aria-sort="descending"] .sort-arrow::after {
  content: "\25BC"; /* ▼ */
  opacity: 1;
}

th[aria-sort="ascending"] .sort-arrow::after {
  content: "\25B2"; /* ▲ */
  opacity: 1;
}