pr-sortable-list {
  display: block;
  height: 100%;
  width: 100%;
}
pr-sortable-list.dragging li > * {
  pointer-events: none;
}
pr-sortable-list ul {
  height: 100%;
  overflow-y: auto;
  will-change: transform;
}

pr-sortable-list li, [name=sortableList] li {
  display: flex;
  list-style: none;
  align-items: center;
  background: var(--c-item-bg);
  position: relative;
}
pr-sortable-list [icon=grid-resize], [name=sortableList] [icon=grid-resize] {
  cursor: grab;
  height: 2rem;
}
pr-sortable-list [icon=grid-resize] svg, [name=sortableList] [icon=grid-resize] svg {
  padding: 0.5rem;
  height: 2rem;
  width: 2rem;
}
pr-sortable-list div[data-template], [name=sortableList] div[data-template] {
  display: flex;
  flex: 1;
  align-items: center;
}

[name=sortableList] {
  text-decoration: none;
  user-select: none;
}
[name=sortableList] [icon=grid-resize] {
  cursor: move;
}
[name=sortableList] li {
  pointer-events: none;
  opacity: 0.8;
  border: solid 1px var(--c-border);
}