/**
 * Portfolio Sort Styling
 */

.sortable-header {
    user-select: none;
}

.sortable-header .sort-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
}
.sortable-header:not(:first-child) .sort-link {
    justify-content: flex-end;
}

.sortable-header .sort-icon {
    display: inline-block;
    width: 1rem;
    text-align: center;
}

.sortable-header .sort-icon-default {
    opacity: 0.3;
}

.sortable-header:hover .sort-icon-default {
    opacity: 0.7;
}