th.table-sortable {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

th.table-sortable:hover,
th.table-sortable:focus-visible {
  color: var(--api-teal, var(--accent, #15786f));
  outline: none;
}

th.table-sortable.is-active {
  color: var(--api-ink, var(--ink, #1f3330));
}

.table-sort-icon {
  display: inline-block;
  margin-left: 4px;
  color: #9aa8a4;
  font-size: .62em;
  vertical-align: middle;
}

th.table-sortable.is-active .table-sort-icon {
  color: var(--api-teal, #15786f);
}