.tree, .tree ul, .tree li {
  position: relative;
}

.tree ul {
  text-transform: capitalize;
}

.tree span {
  text-transform: lowercase;
  color: #98a6ad;
  font-size: 13px;
}

.tree ul label {
  color: #727cf5;
  font-weight: 700;
}

.tree ul {
  list-style: none;
  padding-left: 32px;
}

.tree li::before, .tree li::after {
  content: "";
  position: absolute;
  left: -12px;
}

.tree li::before {
  border-top: 1px solid #000;
  top: 9px;
  width: 8px;
  height: 0;
}

.tree li::after {
  border-left: 1px solid #000;
  height: 100%;
  width: 0px;
  top: 2px;
}

.tree ul > li:last-child::after {
  height: 8px;
}