.nodeBox{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}.nodeBox:after,.nodeBox:before{content:"";border-right:1px solid #ddd;height:10px;width:50%;position:absolute;top:0;left:0}.nodeBox:not(:first-child):before{border-top:1px solid #ddd}.nodeBox:not(:last-child):after{left:50%;border-right:none;border-top:1px solid #ddd}.nodeBox .labelName{width:100px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background-color:purple;margin:10px 10px 0 10px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.nodeBox .childBox{display:flex;position:relative;padding:10px}.nodeBox .childBox:after{content:"";position:absolute;border-left:1px solid #ddd;height:10px;left:50%;top:0}#app>.nodeBox:after,#app>.nodeBox:before{content:none}*{margin:0;padding:0;box-sizing:inherit}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:12px;color:#fff;box-sizing:border-box}