.bpm-box-condition-wrapper{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:16px}.bpm-box-condition-wrapper:hover .bpm-node-handler{opacity:1}.bpm-box-condition-wrapper .bpm-box-condition-container{position:relative;display:flex}.bpm-box-condition-wrapper .bpm-box-condition-container:before{position:absolute;height:100%;width:3px;background-color:#fafafa;content:"";left:50%;transform:translate(-50%)}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-empty-node{width:200px;height:50px}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-node-condition-adder{position:absolute;top:-16px;left:50%;z-index:10;display:flex;align-items:center;justify-content:center;height:36px;width:90px;padding:0 10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px;line-height:36px;border-radius:18px;color:#222;background:#fff;border:2px solid #dedede;cursor:pointer;transform:translateX(-50%);transform-origin:center center;transition:all .3s cubic-bezier(.645,.045,.355,1)}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-node-condition-adder:hover{color:#0089ff;border:2px solid #0089ff}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-node-condition-adder:active,.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-node-condition-adder:focus{background-color:#e4e4e4}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-cover-first-bottom,.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-cover-first-top,.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-cover-last-bottom,.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-cover-last-top{position:absolute;height:7px;width:50%;background-color:#fafafa;content:""}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-canvas-condition-line-placeholder-first-top,.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-placeholder-first-bottom,.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-placeholder-last-bottom,.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-placeholder-last-top{position:absolute;height:0;width:50%;border-top:2px dashed #0089ff;background-color:#fafafa}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-placeholder-first-top{top:-2px;left:-1px}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-placeholder-last-top{top:-2px;right:-1px;border-color:#ff5219}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-placeholder-first-bottom{bottom:-2px;left:-1px}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-placeholder-last-bottom{bottom:-2px;right:-1px;border-color:#ff5219}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-cover-first-top{top:-5px;left:-1px}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-cover-first-bottom{bottom:-5px;left:-1px}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-cover-last-top{top:-5px;right:-1px}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-line-cover-last-bottom{right:-1px;bottom:-5px}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:40px 40px 0;background:transparent;border-top:2px solid #dedede;border-bottom:2px solid #dedede;min-width:280px}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-item.placeholder.first,.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-item.placeholder.last{border-top:2px dashed #0089ff;border-bottom:2px dashed #0089ff}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-item.placeholder:before{width:0;background-color:transparent;border-right:2px dashed #0089ff}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-item.placeholder.invalid{border-top:2px dashed #ff5219;border-bottom:2px dashed #ff5219}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-item.placeholder.invalid:before{border-color:#ff5219}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-item:before{position:absolute;top:0;left:0;right:0;bottom:0;content:"";margin:auto;width:2px;height:100%;background-color:#dedede}.bpm-box-condition-wrapper .bpm-box-condition-container .bpm-box-condition-item .bpm-node-arrow-bottom{display:none}