Template:Familytree/styles.css

.tg-familytree {
    --tg-familytree-connector-thickness: 2px;
    line-height: var(--tg-line-height-xx-small);
}

.tg-familytree-member {
    padding: 0.5rem;
    border: 1px solid var(--tg-border-color-base);
    border-radius: var(--tg-border-radius-medium);
    background: var(--tg-color-surface-2);
}

.tg-familytree-connector {
    border-width: 0;
    border-style: solid;
    border-color: var(--tg-border-color-interactive);
}

.tg-familytree-connector--bottom {
    border-bottom-width: var( --tg-familytree-connector-thickness);
}

.tg-familytree-connector--right {
    border-right-width: var( --tg-familytree-connector-thickness);
}

.tg-familytree-connector--dotted {
    border-style: dotted;
}

.tg-familytree-connector--bottom.tg-familytree-connector--dotted {
    border-style: dashed;
}