.tree {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;

  &.children {
    padding-left: 0.5rem;
    margin-left: 0.5rem;
    border-left: 1px dashed var(--bs-border-color);
  }

  .tree-item {
    .tree-text {
      padding: var(--bs-padding-x) 0;
      display: flex;
      align-items: baseline;
      gap: 0.25rem;

      .tree-rest {
        flex-grow: 1;
        border-bottom: 1px dashed var(--bs-border-color);
      }
    }
  }
}