.flow-choose[data-v-5bec0220]{width:100%;min-height:360px;color:#33474d}.flow-toolbar[data-v-5bec0220]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:62px;padding:10px 16px;border:1px solid #dfe9e9;border-radius:7px 7px 0 0;background:#f7faf9;-webkit-box-sizing:border-box;box-sizing:border-box}.change-summary[data-v-5bec0220],.flow-actions[data-v-5bec0220],.flow-summary[data-v-5bec0220],.flow-toolbar[data-v-5bec0220],.summary-item[data-v-5bec0220]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.summary-item[data-v-5bec0220]{color:#7e8e93;font-size:12px}.summary-item strong[data-v-5bec0220]{margin-left:7px;color:#344950;font-size:20px}.summary-item.enabled strong[data-v-5bec0220]{color:#238676}.summary-divider[data-v-5bec0220]{width:1px;height:26px;margin:0 18px;background:#dce6e5}.change-summary[data-v-5bec0220]{margin-left:20px;padding:6px 10px;border-radius:4px;background:#fff;font-size:12px;gap:12px}.change-summary .added[data-v-5bec0220]{color:#23916d}.change-summary .removed[data-v-5bec0220]{color:#d65d5d}.flow-body[data-v-5bec0220]{display:grid;grid-template-columns:minmax(460px,1fr) 310px;min-height:440px;border:1px solid #dfe9e9;border-top:0;border-radius:0 0 7px 7px;overflow:hidden}.flow-node-list[data-v-5bec0220]{min-width:0;padding:0 20px 20px;background:#fff}.preview-heading[data-v-5bec0220],.section-heading[data-v-5bec0220]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:62px}.preview-title[data-v-5bec0220],.section-title[data-v-5bec0220]{color:#2c4148;font-size:15px;font-weight:600}.preview-tip[data-v-5bec0220],.section-tip[data-v-5bec0220]{margin-left:12px;color:#94a2a7;font-size:12px}.preview-count[data-v-5bec0220],.section-count[data-v-5bec0220]{min-width:32px;height:22px;padding:0 7px;border-radius:11px;color:#fff;background:#2b7f73;font-size:12px;line-height:22px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.node-list[data-v-5bec0220]{display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:10px}.flow-node[data-v-5bec0220]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;height:64px;padding:0 12px;border:1px solid #e1e9ea;border-radius:6px;background:#fafcfc;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s ease,background-color .2s ease;transition:border-color .2s ease,background-color .2s ease}.flow-node.selected[data-v-5bec0220]{border-color:#b6d8d1;background:#eff8f6}.flow-node.removed[data-v-5bec0220]{border-color:#e9c2c2;background:#fff7f7}.node-order[data-v-5bec0220]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;margin-right:10px;border-radius:50%;color:#718388;background:#e7eeee;font-size:13px;font-weight:600}.selected .node-order[data-v-5bec0220]{color:#fff;background:#2d8b7d}.node-content[data-v-5bec0220]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.node-content[data-v-5bec0220] .el-checkbox__label{max-width:155px;overflow:hidden;color:#34474d;font-weight:500;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.node-description[data-v-5bec0220]{margin-top:4px;padding-left:24px;color:#a0aaae;font-size:11px}.node-status[data-v-5bec0220]{-webkit-box-flex:0;-ms-flex:none;flex:none;margin-left:8px;font-size:11px}.node-status.added[data-v-5bec0220],.node-status.enabled[data-v-5bec0220]{color:#238676}.node-status.removed[data-v-5bec0220]{color:#d65d5d}.node-status.disabled[data-v-5bec0220]{color:#a3adb1}.flow-preview[data-v-5bec0220]{min-width:0;padding:0 16px 18px;border-left:1px solid #dfe9e9;background:#f7faf9}.preview-heading .preview-tip[data-v-5bec0220]{display:block;margin:4px 0 0}.preview-list[data-v-5bec0220]{max-height:300px;overflow-y:auto}.preview-node[data-v-5bec0220]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:40px;margin-bottom:8px;padding:5px 4px 5px 8px;border:1px solid #dbe8e5;border-radius:5px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.preview-node[data-v-5bec0220]:not(:last-child):after{position:absolute;bottom:-8px;left:21px;width:1px;height:8px;background:#8ebeb6;content:""}.preview-order[data-v-5bec0220]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:26px;height:26px;margin-right:9px;border-radius:50%;color:#fff;background:#2d8b7d;font-size:11px}.preview-name[data-v-5bec0220]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;overflow:hidden;color:#40555b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.remove-node[data-v-5bec0220]{color:#a1acae}.remove-node[data-v-5bec0220]:hover{color:#d65d5d}.flow-empty[data-v-5bec0220],.preview-empty[data-v-5bec0220]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#9aa7aa}.preview-empty[data-v-5bec0220]{height:190px;font-size:12px}.preview-empty i[data-v-5bec0220]{margin-bottom:10px;font-size:30px}.removed-nodes[data-v-5bec0220]{margin-top:18px;padding-top:12px;border-top:1px dashed #e1bcbc}.removed-title[data-v-5bec0220]{margin-bottom:6px;color:#ce6060;font-size:12px;font-weight:600}.removed-node[data-v-5bec0220]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:30px;color:#a77575;font-size:12px}.removed-node span[data-v-5bec0220]{text-decoration:line-through}.removed-node .el-button[data-v-5bec0220]{color:#2b7f73;font-size:12px}.flow-empty[data-v-5bec0220]{min-height:320px;border:1px solid #dfe9e9;border-top:0}.flow-empty i[data-v-5bec0220]{margin-bottom:12px;font-size:38px}@media (max-width:980px){.flow-body[data-v-5bec0220]{grid-template-columns:1fr}.flow-preview[data-v-5bec0220]{border-top:1px solid #dfe9e9;border-left:0}}@media (max-width:680px){.flow-toolbar[data-v-5bec0220]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flow-actions[data-v-5bec0220]{margin-top:10px}.node-list[data-v-5bec0220]{grid-template-columns:1fr}}