.thieffry-people.tree {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  font-size: 0.8em;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 0;
}

.thieffry-person-tree {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.thieffry-people.tree>svg {
  width: 100%;
  height: auto;
}

.person {
  fill: #efefef;
}

.person.root {
  fill: gold;
}

.person-rect {
  stroke: #888;
  rx: 5;
  ry: 5;
}

.person .info {
  height: 1em;
  width: 1em;
  padding-right: 1em;
  /*mix-blend-mode: multiply;*/
  /* opacity: 0; */
  display: none;
  /* transition: opacity 0.3s ease; */
}

.person:hover .info {
  /* opacity: 1; */
  display: block;
}

.person.root .person-rect,
.person.descendant .person-rect {
  stroke: burlywood;
  stroke-width: 3px;
}

.person-info {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  fill: gray;
}

.person-info tspan {
  text-overflow: ellipsis;
}

.person.descendant .person-info {
  fill: black;
}

.thieffry-people.tree svg line {
  stroke: black;
  stroke-width: 2;
}

.thieffry-people.tree svg text tspan:first-child {
  font-weight: bold;
}