//
// _sortable.scss
//

.nested-sortable {
    .nested-sortable {
        margin-top: 10px;
    }
}
.nested-sortable-handle {
    .nested-sortable-handle {
        margin-top: 10px;
    }
}

.sort-handle {
    margin-inline-end: 10px;
    font-size: 16px;
    cursor: move;

    &:hover {
        color: var(--#{$prefix}primary);
    }
}

.sortable-item-ghost {
    background-color: var(--#{$prefix}light-bg-subtle);
}
