.color-changing-icon {
  stroke: #666666;
  transition: stroke 0.2s ease;
}

.color-changing-icon:hover {
  stroke: #dc2626; /* red color */
}

/* Sortable styles */
.sortable-item {
  /* cursor: move; */
}

.sortable-ghost {
  opacity: 0.4;
}

.sortable-chosen {
  transform: scale(1.05);
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
}

.sortable-drag {
  transform: rotate(5deg);
}

.sortable-grid .sortable-item:hover {
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
  /* transition: box-shadow 0.2s ease; */
}

.drag-handle {
  cursor: grab;
  padding: 2px;
  line-height: 1;
}

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

.drag-handle:hover {
  color: #666;
}

.drag-handle-category {
  cursor: grab;
  padding: 2px;
  line-height: 1;
}

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

.drag-handle-category:hover {
  color: #666;
}

.sortable-category {
  /* padding: 1rem; */
  border: 1px solid transparent;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}

.sortable-category:hover {
  /* opacity: 50%; */
  /* background-color: #f9f9f9; */
  /* border-color: #e5e5e5; */
}