.xui-flowchart__wrapper{display:flex;flex-direction:column;justify-content:space-between;width:116px;height:55px;padding:1px 3px 1px;background-color:#fff;border:1px solid #c2c8d5;border-radius:4px;box-shadow:0 2px 5px 1px rgba(0,0,0,.06);color:#000}.xui-flowchart__wrapper:hover{border-color:#5f95ff;box-shadow:0 2px 5px 2px rgba(0,0,0,.2);cursor:pointer}.xui-flowchart__wrapper.mainMaterial{background-color:#f59d56}.xui-flowchart__wrapper.purchase{z-index:1;background-color:rgba(153,255,255,.4)}.xui-flowchart__wrapper.product{z-index:1;background-color:#fff}.xui-flowchart__wrapper.delay .xui-flowchart__actualTime{color:#ff4343}.xui-flowchart__wrapper.forward .xui-flowchart__actualTime{color:#5cc970}.xui-flowchart__wrapper.pause .xui-flowchart__actualTime{color:#ffd351}.xui-flowchart__header{line-height:1.1;display:flex;align-items:center;justify-content:space-between;height:12px}.xui-flowchart__endTime,.xui-flowchart__startTime{font-size:12px;text-align:center;line-height:1;min-width:28px}.xui-flowchart__body .xui-flowchart__label{font-size:13px;text-align:center;line-height:1;word-break:break-all}.xui-flowchart__body .xui-flowchart__label.xui-flowchart--small{font-size:12px}.xui-flowchart__footer{line-height:1.1;font-size:12px;position:relative;display:flex;align-items:center;justify-content:space-between;height:12px}.xui-flowchart__footer .xui-flowchart__actualTime{text-align:center;font-size:12px;line-height:1}.xui-flowchart__footer .xui-flowchart__materialType{position:absolute;right:0;bottom:0;height:100%;display:flex;font-size:12px;align-items:center;justify-content:center;background:#bfbfbf;margin-right:-8px;padding:6px}.node{display:flex;align-items:center;width:100%;height:100%;background-color:#fff;border:1px solid #c2c8d5;border-left:4px solid #5f95ff;border-radius:4px;box-shadow:0 2px 5px 1px rgba(0,0,0,.06)}.node img{width:20px;height:20px}.node .label,.node img{flex-shrink:0;margin-left:8px}.node .label{display:inline-block;width:104px;color:#666;font-size:12px}.node .status{flex-shrink:0}.node.success{border-left:4px solid #52c41a}.node.failed{border-left:4px solid #ff4d4f}.node.running .status img{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.x6-node-selected .node{border-color:#1890ff;border-radius:2px;box-shadow:0 0 0 4px #d4e8fe}.x6-node-selected .node.success{border-color:#52c41a;border-radius:2px;box-shadow:0 0 0 4px #ccecc0}.x6-node-selected .node.failed{border-color:#ff4d4f;border-radius:2px;box-shadow:0 0 0 4px #fedcdc}.x6-edge:hover path:nth-child(2){stroke:#1890ff;stroke-width:1px}.x6-edge-selected path:nth-child(2){stroke-width:1.5px!important}@-webkit-keyframes running-line{to{stroke-dashoffset:-1000}}@keyframes running-line{to{stroke-dashoffset:-1000}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.node-legend{position:absolute;bottom:250px;right:50px}.node-legend .xui-flowchart__wrapper{width:165px;height:70px;border:1px solid #333;border-radius:0;box-shadow:none}.node-legend .xui-flowchart__wrapper .xui-flowchart__endTime,.node-legend .xui-flowchart__wrapper .xui-flowchart__footer .xui-flowchart__actualTime,.node-legend .xui-flowchart__wrapper .xui-flowchart__startTime{font-size:12px}.legend{position:absolute;bottom:70px;right:50px}.legend .wrapper{font-size:13px;width:165px;padding:8px 4px;border:1px solid #333}.legend .wrapper .legend-item{display:flex;align-items:center;height:22px}.legend .wrapper .legend-item .legend-icon{border:1px solid #c2c8d5;width:40px;height:15px;padding:0 6px;margin-right:5px}.legend .wrapper .legend-item .legend-icon.purchase{z-index:1;background-color:rgba(153,255,255,.4)}.legend .wrapper .legend-item .legend-icon.design{z-index:1;background-color:rgba(153,150,255,.4)}.legend .wrapper .legend-item .legend-icon.product{z-index:1;background-color:#fff}.legend .wrapper .legend-item .legend-icon .delay,.legend .wrapper .legend-item .legend-icon.delayFont{color:#ff4343}.legend .wrapper .legend-item .legend-icon .forward,.legend .wrapper .legend-item .legend-icon.forwardFont{color:#5cc970}.legend .wrapper .legend-item .legend-icon .pause,.legend .wrapper .legend-item .legend-icon.pauseFont{color:#ffd351}.legend .wrapper .legend-item .legend-icon .name{-webkit-transform:scale(.8);transform:scale(.8)}.legend .wrapper .legend-item.purchase{z-index:1;background-color:rgba(153,255,255,.4)}.legend .wrapper .legend-item.design{z-index:1;background-color:rgba(153,150,255,.4)}.legend .wrapper .legend-item.product{z-index:1;background-color:#fff}.legend .wrapper .legend-item .delay,.legend .wrapper .legend-item.delayFont{color:#ff4343}.legend .wrapper .legend-item .forward,.legend .wrapper .legend-item.forwardFont{color:#5cc970}.legend .wrapper .legend-item .pause,.legend .wrapper .legend-item.pauseFont{color:#ffd351}#container{display:flex;border:1px solid #dfe3e8}.x6-edge-selected path:nth-child(2){stroke:#1890ff;stroke-width:4;z-index:20}.x6-edge:hover path:nth-child(2){stroke:#0f0;stroke-width:4;z-index:20}#stencil{width:180px;height:100%;position:relative;border-right:1px solid #dfe3e8}#graph-container{width:100%;height:100%}.x6-widget-stencil,.x6-widget-stencil-title{background-color:#fff}.x6-widget-stencil-group-title{background-color:#fff!important}.x6-widget-transform{margin:-1px 0 0 -1px;padding:0}.x6-widget-transform,.x6-widget-transform>div{border:1px solid #239edd}.x6-widget-transform-active-handle,.x6-widget-transform>div:hover{background-color:#3dafe4}.x6-widget-transform-resize{border-radius:0}.x6-widget-selection-inner{border:1px solid #239edd}.x6-widget-selection-box{opacity:0}