@property st-global(--wds-table-list-item-fill-hover-draggable);
@property st-global(--wds-table-list-item-fill-overlay);
@property st-global(--wds-color-border-dark-secondary);

.root {
  -st-states: dragging, overlay, hideOverlayBottomShadow;
  cursor: pointer;
}

.root:dragging {
  background-color: var(--wds-table-list-item-fill-hover-draggable, #E7F0FF) !important;
}

.root:hover {
  background-color: var(--wds-table-list-item-fill-hover-draggable, #E7F0FF) !important;
}

/** override td background - https://github.com/wix-private/wix-design-systems/blob/wix-style-react%4010.62.2/packages/wix-style-react/src/Table/DataTable/DataTable.st.css#L210 */
:global(table) tr.root:hover td {
  background-color: var(--wds-table-list-item-fill-hover-draggable, #E7F0FF) !important;
}

:global(table) tr.root:hover td[class*="stickyActionCell"] {
  background-color: transparent !important;
}

.root:overlay {
  cursor: grabbing;
  background-color: var(--wds-table-list-item-fill-overlay, #F4F7FF);
}

.root:overlay td {
  pointer-events: none;
}

.root:overlay:not(:hideOverlayBottomShadow) td {
  box-shadow: inset 0 -1px 0 var(--wds-color-border-dark-secondary, #DFE5EB);
}

/** override td background - https://github.com/wix-private/wix-design-systems/blob/wix-style-react%4010.62.2/packages/wix-style-react/src/Table/DataTable/DataTable.st.css#L210 */
:global(table) tr.root:overlay td {
  background-color: var(--wds-table-list-item-fill-overlay, #F4F7FF) !important;
}

.root td[data-hook="drag-handle"] {
  cursor: grab;
}

.root:dragging td {
  visibility: hidden;
}