.drag-handle {
  display: flex;
  align-items: center;

  &:not(#{&}--disabled) {
    cursor: grab;
    color: var(
      --wds-drag-handle-fill,
      var(--wds-color-text-primary, var(--wsr-color-B10, #116dff))
    );
  }

  &--disabled {
    color: var(--wds-color-black-500, var(--wsr-color-D50, #acafc4));
    cursor: not-allowed;
  }

  &--dragging:not(#{&}--disabled) {
    cursor: grabbing;
  }
}