.tree{margin:18px;padding:0}.tree li:not(:empty):after,.tree li:not(:empty):before,.tree ul:not(:empty):after,.tree ul:not(:empty):before,.tree:not(:empty):after,.tree:not(:empty):before{display:block;position:absolute;content:""}.tree li,.tree ul{position:relative;margin:0;padding:0}.tree li{list-style:none}.tree li>div{color:#222;padding:10px;display:inline-block;font-size: 13px;}.tree .tree.vertical .cascade li,.tree .tree.vertical.cascade-1>li li,.tree .tree.vertical.cascade-2>li>ul>li li,.tree .tree.vertical.cascade-3>li>ul>li>ul>li li,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li li,.tree.cascade li,.tree.vertical .tree .cascade li{margin-left:24px}.tree.cascade li div{margin-top:12px}.tree .tree.vertical .cascade li:before,.tree .tree.vertical.cascade-1>li li:before,.tree .tree.vertical.cascade-2>li>ul>li li:before,.tree .tree.vertical.cascade-3>li>ul>li>ul>li li:before,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li li:before,.tree.cascade li:before,.tree.horizontal li:before,.tree.vertical .tree .cascade li:before{border-left:2px solid #ff5800;height:100%;width:0;top:0;left:-12px}.tree.cascade li:after{border-top:2px solid #ff5800;width:12px;left:-12px;top:24px}.tree .tree.vertical .cascade li:last-child:before,.tree .tree.vertical.cascade-1>li li:last-child:before,.tree .tree.vertical.cascade-2>li>ul>li li:last-child:before,.tree .tree.vertical.cascade-3>li>ul>li>ul>li li:last-child:before,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li li:last-child:before,.tree.cascade li:last-child:before,.tree.vertical .tree .cascade li:last-child:before{height:24px;top:0}.tree.cascade>li:first-child:before{top:24px}.tree.cascade>li:only-child,.tree.horizontal>li:only-child{margin-left:0}.tree.cascade>li:only-child:after,.tree.cascade>li:only-child:before,.tree.horizontal li:only-child:before,.tree.horizontal>li:only-child:after,.tree.horizontal>li:only-child:before,.tree.vertical li:only-child:after,.tree.vertical>li:only-child:after,.tree.vertical>li:only-child:before{content:none}.tree.horizontal li{display:flex;align-items:center;margin-left:24px}.tree.horizontal li div{margin:6px 0}.tree.horizontal li:first-child:before{height:50%;top:50%}.tree.horizontal li:last-child:before{height:50%;bottom:50%;top:auto}.tree.horizontal li ul:after,.tree.horizontal li:after{border-top:2px solid #ff5800;height:0;width:12px;top:50%;left:-12px}.tree .tree.vertical .cascade:after,.tree .tree.vertical.cascade-1>li:after,.tree .tree.vertical.cascade-2>li>ul>li:after,.tree .tree.vertical.cascade-3>li>ul>li>ul>li:after,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li:after,.tree.horizontal li ul:after,.tree.vertical .tree .cascade:after{left:0}.tree.vertical{display:flex}.tree.vertical ul{display:flex;justify-content:center}.tree.vertical li{display:flex;flex-direction:column;align-items:center}.tree.vertical li div{margin:12px 6px}.tree.vertical li:before{border-left:2px solid #ff5800;height:12px;width:0;top:0}.tree.vertical li:after{border-top:2px solid #ff5800;height:0;width:100%}.tree.vertical li:first-child:after{border-top:2px solid #ff5800;height:0;width:50%;left:50%}.tree.vertical li:last-child:after{border-top:2px solid #ff5800;height:0;width:50%;right:50%}.tree.vertical li ul:before{border-left:2px solid #ff5800;height:12px;width:0;top:-12px}.tree .tree.vertical .cascade,.tree .tree.vertical.cascade-1>li,.tree .tree.vertical.cascade-2>li>ul>li,.tree .tree.vertical.cascade-3>li>ul>li>ul>li,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li,.tree.vertical .tree .cascade{flex-direction:column;align-items:start;padding:0 12px}.tree .tree.vertical .cascade:before,.tree .tree.vertical.cascade-1>li:before,.tree .tree.vertical.cascade-2>li>ul>li:before,.tree .tree.vertical.cascade-3>li>ul>li>ul>li:before,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li:before,.tree.vertical .tree .cascade:before{left:24px}.tree .tree.vertical .cascade:first-child:after,.tree .tree.vertical.cascade-1>li:first-child:after,.tree .tree.vertical.cascade-2>li>ul>li:first-child:after,.tree .tree.vertical.cascade-3>li>ul>li>ul>li:first-child:after,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li:first-child:after,.tree.vertical .tree .cascade:first-child:after{left:24px;width:100%}.tree .tree.vertical .cascade:last-child:after,.tree .tree.vertical.cascade-1>li:last-child:after,.tree .tree.vertical.cascade-2>li>ul>li:last-child:after,.tree .tree.vertical.cascade-3>li>ul>li>ul>li:last-child:after,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li:last-child:after,.tree.vertical .tree .cascade:last-child:after{left:0;width:24px}.tree .tree.vertical .cascade li,.tree .tree.vertical .cascade ul,.tree .tree.vertical.cascade-1>li li,.tree .tree.vertical.cascade-1>li ul,.tree .tree.vertical.cascade-2>li>ul>li li,.tree .tree.vertical.cascade-2>li>ul>li ul,.tree .tree.vertical.cascade-3>li>ul>li>ul>li li,.tree .tree.vertical.cascade-3>li>ul>li>ul>li ul,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li li,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li ul,.tree.vertical .tree .cascade li,.tree.vertical .tree .cascade ul{display:block}.tree .tree.vertical .cascade li:after,.tree .tree.vertical .cascade li:before,.tree .tree.vertical .cascade ul:after,.tree .tree.vertical .cascade ul:before,.tree .tree.vertical.cascade-1>li li:after,.tree .tree.vertical.cascade-1>li li:before,.tree .tree.vertical.cascade-1>li ul:after,.tree .tree.vertical.cascade-1>li ul:before,.tree .tree.vertical.cascade-2>li>ul>li li:after,.tree .tree.vertical.cascade-2>li>ul>li li:before,.tree .tree.vertical.cascade-2>li>ul>li ul:after,.tree .tree.vertical.cascade-2>li>ul>li ul:before,.tree .tree.vertical.cascade-3>li>ul>li>ul>li li:after,.tree .tree.vertical.cascade-3>li>ul>li>ul>li li:before,.tree .tree.vertical.cascade-3>li>ul>li>ul>li ul:after,.tree .tree.vertical.cascade-3>li>ul>li>ul>li ul:before,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li li:after,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li li:before,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li ul:after,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li ul:before,.tree.vertical .tree .cascade li:after,.tree.vertical .tree .cascade li:before,.tree.vertical .tree .cascade ul:after,.tree.vertical .tree .cascade ul:before{border:none}.tree .tree.vertical .cascade div,.tree .tree.vertical.cascade-1>li div,.tree .tree.vertical.cascade-2>li>ul>li div,.tree .tree.vertical.cascade-3>li>ul>li>ul>li div,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li div,.tree.vertical .tree .cascade div{margin:12px 0 0}.tree .tree.vertical .cascade li:after,.tree .tree.vertical.cascade-1>li li:after,.tree .tree.vertical.cascade-2>li>ul>li li:after,.tree .tree.vertical.cascade-3>li>ul>li>ul>li li:after,.tree .tree.vertical.cascade-4>li>ul>li>ul>li>ul>li li:after,.tree.vertical .tree .cascade li:after{border-top:2px solid #ff5800;width:12px;height:0;left:-12px;top:24px;content:""}