/* =========================================
   DRAG & DROP
   ========================================= */
   
.drag-handle {
  cursor: grab;
  width: 1.5rem;
  text-align: center;
  color: var(--ink-3);
}

.drag-handle:active {
  cursor: grabbing;
}

.drag-hidden {
  display: none !important;
}

.drag-ghost {
  opacity: 0.5;
  background: white;
  box-shadow: 0 10px 32px rgba(0,0,0,0.1);
}

.sortable-chosen {
  background: var(--silver-light);
}

.sortable-drag {
  opacity: 0.5;
}

[data-rank-cell] {
  transition: all 0.2s ease;
}

.rank-old {
  text-decoration: line-through;
  color: var(--text-light0);
  margin-right: 0.2rem;
}