.bf-menus[data-v-8ebeeb6c]{flex:0 0 250px;border-right:1px solid #e6e6e6}.bf-menus .bf-menu-card[data-v-8ebeeb6c]{display:flex;width:200px;height:100px;margin:10px auto;border-radius:4px;transition-duration:.3s;cursor:move;border:1px solid #e6e6e6}.bf-menus .bf-menu-card[data-v-8ebeeb6c]:hover{box-shadow:3px 3px 12px 0 rgba(0,0,0,.1)}.bf-menus .bf-menu-card .left[data-v-8ebeeb6c]{flex:0 0 60px;display:flex;align-items:center;justify-content:center}.bf-menus .bf-menu-card .left .card-icon[data-v-8ebeeb6c]{font-size:30px}.bf-menus .bf-menu-card .right[data-v-8ebeeb6c]{flex:1;display:flex;flex-direction:column;overflow:hidden}.bf-menus .bf-menu-card .right .card-title[data-v-8ebeeb6c]{flex-shrink:0;font-weight:600;font-size:14px;padding-top:20px;color:#000}.bf-menus .bf-menu-card .right .card-desc[data-v-8ebeeb6c]{display:-webkit-box;font-size:12px;margin:15px 0 12px;line-height:20px;color:#666;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bf-node[data-v-18fa7571]{display:flex;flex-direction:column;position:absolute;z-index:20;width:200px;height:100px;background-color:#fff;border:1px solid #e6e6e6;border-radius:4px;padding:0 12px;box-sizing:border-box;cursor:move}.bf-node[data-v-18fa7571]:hover{box-shadow:3px 3px 12px 0 rgba(0,0,0,.1)}.bf-node:hover .node-operation[data-v-18fa7571]{opacity:1;width:25px}.bf-node.invalid-node[data-v-18fa7571]{border:2px solid #f4516c}.bf-node .node-name[data-v-18fa7571]{flex:1;display:flex;align-items:center;vertical-align:top;font-weight:600;height:24px;line-height:24px;font-size:14px;margin-top:10px;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bf-node .node-name .node-icon[data-v-18fa7571]{font-size:16px;margin-right:8px}.bf-node .node-desc[data-v-18fa7571]{display:-webkit-box;flex-shrink:0;height:40px;font-size:12px;margin:12px 0 12px;line-height:20px;color:#666;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bf-node .node-operation[data-v-18fa7571]{display:flex;flex-direction:column;justify-content:center;position:absolute;top:5px;left:100%;width:0;height:50px;margin:0;padding:0;background-color:#fff;border:1px solid #e6e6e6;border-radius:2px;box-sizing:border-box;opacity:0;cursor:pointer;transition-duration:.3s;overflow:hidden}.bf-node .node-operation .operation-btn[data-v-18fa7571]{flex:1;width:100%;line-height:25px;text-align:center;transition-duration:.3s}.bf-node .node-operation .el-icon-edit[data-v-18fa7571]:hover{background-color:#1874d3;color:#fff}.bf-node .node-operation .el-icon-delete[data-v-18fa7571]:hover{background-color:#f4516c;color:#fff}.bf-playground[data-v-0823248c]{position:relative;min-width:6000px;min-height:5000px;width:1000%;height:1000%;transform-origin:0 0}.bf-playground .bf-menu-card[data-v-0823248c]{position:absolute;z-index:20;width:200px;height:100px;background-color:#fff;border:1px solid #e6e6e6;border-radius:4px}.bf-control[data-v-533fa3ff],.bf-playground .bf-menu-card[data-v-0823248c]:hover{box-shadow:3px 3px 12px 0 rgba(0,0,0,.1)}.bf-control[data-v-533fa3ff]{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;background-color:#fff;padding:12px;border-radius:2px}.bf-control .bf-control-btn[data-v-533fa3ff]{font-size:24px;color:#555;margin:0 12px;cursor:pointer;transition-duration:.3s}.bf-control .reset-btn[data-v-533fa3ff]:hover{color:#1874d3;transform:rotate(1turn)}.bf-control .zoom-in-btn[data-v-533fa3ff]:hover{color:#1874d3;transform:scale(1.2)}.bf-control .zoom-out-btn[data-v-533fa3ff]:hover{color:#1874d3;transform:scale(.8)}.better-flow[data-v-6cc541f2]{width:100%;height:100%;overflow:hidden;display:flex}.better-flow .bf-viewport[data-v-6cc541f2]{position:relative;flex:1;z-index:1;overflow:hidden;background-color:#f5f5f5}.better-flow .bf-viewport .playground-container[data-v-6cc541f2]{width:100%;height:100%;overflow:auto}