:root{--tree-line-height:1.5rem;--tree-line-width:1px;--tree-line-color:#e7eaee;--tree-line-border-radius:0.5rem;--tree-node-padding:0.5rem;--tree-node-line-style:solid;--tree-line-color-selected:#2a4af5}.vertical-line{position:relative;height:var(--tree-line-height);width:var(--tree-line-width);background-color:var(--tree-line-color);box-sizing:border-box}.node-lines:after,.node-lines:before{content:"";position:absolute;top:0;height:var(--tree-line-height);width:50%;border-top:var(--tree-line-width) var(--tree-node-line-style) var(--tree-line-color)}.node-lines:before{right:50%;border-right:var(--tree-line-width) var(--tree-node-line-style) var(--tree-line-color)}.node-lines:after{left:50%}.node-lines:first-of-type:before{border:0}.node-lines:first-of-type:after{border-radius:var(--tree-line-border-radius) 0 0 0;border-left:var(--tree-line-width) var(--tree-node-line-style) var(--tree-line-color)}.node-lines:last-of-type:before{border-right:var(--tree-line-width) var(--tree-node-line-style) var(--tree-line-color);border-radius:0 var(--tree-line-border-radius) 0 0}.node-lines:last-of-type:after{border:0}.node-lines:only-of-type{padding:0}.node-lines:only-of-type:after,.node-lines:only-of-type:before{display:none}.node-lines.selected:after,.node-lines.selected:before{border-color:var(--tree-line-color-selected)}.vertical-line.selected{background-color:var(--tree-line-color-selected)}