@property st-global(--wds-table-list-item-drag-handle-color);
@property st-global(--wds-table-list-item-drag-handle-color-hover);
@property st-global(--wds-color-blue-300);

@st-import [root as rowRoot] from './DraggableTableRow.st.css';

.root {
  color: var(--wds-table-list-item-drag-handle-color, #A8CAFF);
}

.triggerIcon {
  display: flex;
}

.triggerIcon:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--wds-color-blue-300, #A6D0FF);
}

@st-scope .rowRoot:overlay {
  .trigger {
    cursor: grabbing;
  }
}

@st-scope .rowRoot:not(:overlay):hover {
  .root {
    color: var(--wds-table-list-item-drag-handle-color-hover, #116DFF);
  }
}