/* List */

ul.listing li
{
  display: flex;
  gap: 0.25rem;
  margin: 0.25rem 0;
}

/* The sort Stimulus controller allow drag-and-drop changes to the order of list items */

ul.listing li.ghosted,
{
  display: none;
}
ul.listing li.ghost
{
  padding-left: 1.25rem;
  background: var(--main-overlay);
  backdrop-filter: blur(0.4rem);
  pointer-events: none;
}
ul.listing button.drag
{
  cursor: grab;
}
html:has(li.ghosted) *
{
  cursor: grabbing !important;
}