.TableRowDraggable {
    &-cell-index {
        cursor: pointer;

        .TableRowDraggable-no-draggable & {
            cursor: no-drop;
        }

        .DragArrows {
            margin: 0 0 0 12px;
            visibility: visible;
            opacity: 0.05;

            &:hover {
                opacity: 1;
            }
        }
    }

    &-clickable {
        cursor: pointer;
    }

    &-drag-source {
        opacity: 0.1;
    }

    &-dragged {
        background-color: var(--gray-200);
    }

    &-selected {
        background-color: var(--gray-100);
        color: var(--gray-800);
    }
}