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

.root:not(:disabled) {
  cursor: grab;
  color: #A8CAFF;
}

.root:disabled {
  color: #ACAFC4
}

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

.root:disabled {
  pointer-events: none;
}

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