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

.table thead th.table-sortable:hover,
.table thead th.table-sortable:focus-visible {
    color: var(--bs-primary);
}

.table-sort-icon {
    margin-left: .4rem;
    font-size: .72rem;
    opacity: .55;
    vertical-align: middle;
}

.table thead th.table-sortable[aria-sort="ascending"] .table-sort-icon,
.table thead th.table-sortable[aria-sort="descending"] .table-sort-icon {
    opacity: 1;
}