:root{--gap:30px}[vertical]{--direction:column;--directionC:row}[horizontal]{--direction:row;--directionC:column}[square][vertical]{--gew:40px;--geh:100px}[square][horizontal]{--gew:100px;--geh:40px}[round]{--gew:90px;--geh:90px}.family-node[data-v-0c8c4166]{display:flex;flex-direction:var(--direction);align-items:center;position:relative;gap:var(--gap)}.companion[data-v-0c8c4166]{position:relative;z-index:2}.companion[data-v-0c8c4166]:before{content:"";position:absolute;top:calc(var(--gap)*-0.5);left:calc(var(--gew)*0.5);width:1px;height:calc(var(--gap)*0.5);background-color:var(--line)}[horizontal] .companion[data-v-0c8c4166]:before{left:calc(var(--gap)*-0.5);top:calc(var(--geh)*0.5);height:1px;width:calc(var(--gap)*0.5)}.companion[data-v-0c8c4166]:after{content:"";position:absolute;top:var(--geh);left:calc(var(--gew)*0.5);width:1px;height:calc(var(--gap)*0.5);background-color:var(--line)}[horizontal] .companion[data-v-0c8c4166]:after{top:calc(var(--geh)*0.5);left:var(--gew);height:1px;width:calc(var(--gap)*0.5)}.companion.noChildren[data-v-0c8c4166]:after,.companion.noParent[data-v-0c8c4166]:before{content:none}.spouses[data-v-0c8c4166]{position:absolute;top:0;transform:translateX(var(--gew));display:flex;flex-direction:var(--directionC)}[horizontal] .spouses[data-v-0c8c4166]{transform:translateX(0) translateY(var(--geh))}.more .spouses[data-v-0c8c4166]:before{content:"";position:absolute;top:calc(var(--geh) + var(--gap)*0.5);left:calc(var(--gew)*-0.5);width:calc(var(--gew)*(var(--spouseNum) - 1)*0.5);height:1px;background-color:var(--line)}[horizontal] .more .spouses[data-v-0c8c4166]:before{left:calc(var(--gew) + var(--gap)*0.5);top:calc(var(--geh)*-0.5);height:calc(var(--geh)*(var(--spouseNum) - 1)*0.5);width:1px}.noChildren .spouses[data-v-0c8c4166]:before{content:unset}.node[data-v-0c8c4166]{width:var(--gew);height:var(--geh);border-radius:calc(var(--gew)*0.2);border-radius:8px;cursor:pointer;position:relative;transition:all .4s}[round] .node[data-v-0c8c4166]{border-radius:100%}.node.single[data-v-0c8c4166]:before{content:"";width:calc(var(--wf)*0.5 - var(--gew)*0.5*var(--spouseNum));height:calc(var(--gap)*0.5);background:var(--bg);position:absolute;transform:translate(calc(var(--parentNum)*var(--gew)*-0.5 - (var(--spouseNum) + 1)*var(--gew)*-0.5 + var(--gew)*-0.5 + 1px),calc(var(--gap)*-0.5 - 1px));right:0;top:0}[horizontal] .node.single[data-v-0c8c4166]:before{height:calc(var(--hf)*0.5 - var(--geh)*0.5*var(--spouseNum));width:calc(var(--gap)*0.5);transform:translate(calc(var(--gap)*-0.5 - 1px),calc(var(--parentNum)*var(--geh)*-0.5 - (var(--spouseNum) + 1)*var(--geh)*-0.5 + var(--geh)*-0.5 + 1px));left:0;bottom:0;right:unset;top:unset}.node.single[data-v-0c8c4166]:after{content:"";width:calc(var(--wf)*0.5 + var(--gew)*0.5*var(--spouseNum));height:calc(var(--gap)*0.5);background:var(--bg);position:absolute;transform:translate(calc(var(--gew)*0.5),calc(var(--gap)*-0.5 - 1px));left:0;top:0}[horizontal] .node.single[data-v-0c8c4166]:after{height:calc(var(--hf)*0.5 + var(--geh)*0.5*var(--spouseNum));width:calc(var(--gap)*0.5);transform:translate(calc(var(--gap)*-0.5 - 1px),calc(var(--geh)*0.5))}.node.single.max[data-v-0c8c4166]:before{transform:translate(calc(var(--gew)*-0.5 + 1px),calc(var(--gap)*-0.5 - 1px))}[horizontal] .node.single.max[data-v-0c8c4166]:before{transform:translate(calc(var(--gap)*-0.5 - 1px),calc(var(--geh)*-0.5 + 1px))}.node.single.max[data-v-0c8c4166]:after{transform:translate(calc(var(--parentNum)*var(--gew)*-0.5 - (var(--spouseNum) + 1)*var(--gew)*-0.5 + var(--gew)*0.5),calc(var(--gap)*-0.5 - 1px))}[horizontal] .node.single.max[data-v-0c8c4166]:after{transform:translate(calc(var(--gap)*-0.5 - 1px),calc(var(--parentNum)*var(--geh)*-0.5 - (var(--spouseNum) + 1)*var(--geh)*-0.5 + var(--geh)*0.5))}.node.first[data-v-0c8c4166]:before{content:"";width:calc(var(--wf)*0.5);height:calc(var(--gap)*0.5);background:var(--bg);position:absolute;transform:translate(calc(var(--gew)*-0.5 + 1px),calc(var(--gap)*-0.5 - 1px));right:0}[horizontal] .node.first[data-v-0c8c4166]:before{height:calc(var(--hf)*0.5);width:calc(var(--gap)*0.5);transform:translate(calc(var(--gap)*-0.5 - 1px),calc(var(--geh)*-0.5 + 1px));bottom:0;left:0}.node.last[data-v-0c8c4166]:before{content:"";width:calc(var(--wf) - var(--gew)*0.5);height:calc(var(--gap)*0.5);background:var(--bg);position:absolute;transform:translate(calc(var(--gew)*0.5),calc(var(--gap)*-0.5 - 1px));left:0}[horizontal] .node.last[data-v-0c8c4166]:before{height:calc(var(--hf) - var(--geh)*0.5);width:calc(var(--gap)*0.5);transform:translate(calc(var(--gap)*-0.5 - 1px),calc(var(--geh)*0.5));top:0}.male[data-v-0c8c4166]{background-color:var(--mbg);border:1px solid var(--mline)}.male i[data-v-0c8c4166]{color:var(--mtx)}.male span[data-v-0c8c4166]{color:var(--mwz)}.female[data-v-0c8c4166]{background-color:var(--fbg);border:1px solid var(--fline)}.female i[data-v-0c8c4166]{color:var(--ftx)}.female span[data-v-0c8c4166]{color:var(--fwz)}.death[data-v-0c8c4166]{border-color:var(--deathline);background:var(--deathbg)}.death i[data-v-0c8c4166],.death span[data-v-0c8c4166]{opacity:.5;color:var(--deathline)}.node-content[data-v-0c8c4166]{display:flex;flex-direction:var(--direction);align-items:center;justify-content:center;height:100%}[round] .node-content[data-v-0c8c4166]{position:relative;flex-direction:column}.node-content i[data-v-0c8c4166]{font-size:32px;width:32px;height:32px}.node-content i.tx[data-v-0c8c4166]{font-size:unset;border-radius:100%;overflow:hidden}[round] .node-content i[data-v-0c8c4166]{width:calc(var(--gew)*0.5);height:calc(var(--geh)*0.5);font-size:calc(var(--gew)*0.5);display:flex;overflow:hidden;border-radius:100%;margin-top:-25%}[round] .node-content i.tx[data-v-0c8c4166]{width:calc(var(--gew) - 2px);height:calc(var(--geh) - 2px);font-size:calc(var(--gew) - 2px);margin-top:0}[round] .node-content i+span[data-v-0c8c4166]{width:100%!important;height:-moz-fit-content;height:fit-content;position:absolute;bottom:0;color:#fff;padding:5px 0;border-radius:5px;font-size:16px}[round] .male .node-content i+span[data-v-0c8c4166]{background:var(--mline)}[round] .female .node-content i+span[data-v-0c8c4166]{background:var(--fline)}.node-content i img[data-v-0c8c4166]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.node-content span[data-v-0c8c4166]{height:calc(100% - 32px);font-size:18px;width:18px;line-height:1em;display:flex;align-items:center;justify-content:center;font-weight:300}[horizontal] .node-content span[data-v-0c8c4166]{height:var(--geh);width:calc(100% - 32px)}.children[data-v-0c8c4166]{display:flex;flex-direction:var(--directionC);position:relative;gap:15px;z-index:1}.children[data-v-0c8c4166]:before{content:"";position:absolute;top:calc(var(--gap)*-0.5);left:0;width:100%;height:1px;background-color:var(--line)}[horizontal] .children[data-v-0c8c4166]:before{left:calc(var(--gap)*-0.5);top:0;height:100%;width:1px}