.menu-editor-column.inactive {
  transition: background .12s, outline-color .12s;
}

.menu-editor-column.inactive.is-drop-target {
  background: color-mix(in srgb, var(--primary) 8%, var(--panel));
  outline: 2px dashed var(--primary);
  outline-offset: -6px;
}

.inactive-menu-list [draggable=true] {
  cursor: grab;
}

.inactive-menu-list [draggable=true]:active {
  cursor: grabbing;
}

.inactive-menu-list .category-block-start {
  margin-top: 10px;
  border-color: color-mix(in srgb, var(--primary) 34%, var(--line));
  border-radius: 6px 6px 0 0;
  background: color-mix(in srgb, var(--primary) 8%, var(--panel));
}

.inactive-menu-list .category-block-start:first-child {
  margin-top: 0;
}

.inactive-menu-list .category-block-child {
  margin-top: -8px;
  padding-left: 22px;
  border-radius: 0;
  border-color: color-mix(in srgb, var(--primary) 20%, var(--line));
  border-top-color: transparent;
  background: var(--panel);
}

.inactive-menu-list .category-block-end {
  border-radius: 0 0 6px 6px;
}

.inactive-menu-list .category-block-start.category-block-end {
  border-radius: 6px;
}