@st-import [B30, F00, D50] from '../Foundation/stylable/colors.st.css';

.root {
  -st-states: dragging, disabled;
  display: flex;
  align-items: center;
}

.root:not(:disabled) {
  cursor: grab;
  color: value(B30);
}

.root:disabled {
  color: value(D50);
  cursor: not-allowed;
}

.root:focus-visible:not(:disabled) {
  outline: none;
  box-shadow: 0 0 0 3px value(F00);
}

.root:dragging:not(:disabled) {
  cursor: grabbing;
}

/* st-namespace-reference="../../../../src/DragHandle/DragHandle.st.css" */