/**
 * @file
 * Sort affordances for tables with the sortable-table class.
 */
.sortable-table th.is-sortable {
  cursor: pointer;
  position: relative;
  padding-right: 1.25em;
  user-select: none;
}

.sortable-table th.is-sortable::after {
  content: "\2195";
  position: absolute;
  right: 0.35em;
  opacity: 0.4;
}

.sortable-table th[aria-sort="ascending"]::after {
  content: "\2191";
  opacity: 1;
}

.sortable-table th[aria-sort="descending"]::after {
  content: "\2193";
  opacity: 1;
}

.sortable-table th.is-sortable:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -2px;
}