.db-tree {
  --indent-size: var(--sl-spacing-2x-small);

  ::part(label):hover {
    color: var(--sl-color-primary-600);
  }
  [data-menu-type="component"] > sl-icon:not(.shoelace-tree--action) {
    color: var(--sl-color-violet-800);
  }
  [data-menu-type="slot"] > sl-icon:not(.shoelace-tree--action) {
    color: var(--sl-color-emerald-800);
  }
  [data-menu-type="block"] > sl-icon:not(.shoelace-tree--action) {
    color: var(--sl-color-pink-800);
  }
}

.shoelace-tree--action:hover {
  color: var(--sl-color-primary-600);
}

.shoelace-tree--action {
  position: absolute;
  right: 0;
}

.display-builder .db-tree-selected {
  outline: 4px solid var(--sl-color-fuchsia-800) !important;
}
