.node-shimmer-wrap .node-image-block{width:24px;height:24px;border-radius:8px;margin-right:4px;overflow:hidden}.node-shimmer-wrap .node-title-block{width:136px;height:20px;border-radius:6px;overflow:hidden}.node-shimmer-wrap .node-desc-block{width:360px;height:21px;border-radius:6px;overflow:hidden}.node-shimmer-wrap .glare-shimmer{opacity:.5;background:rgba(71,71,71,.2);background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(51.56%,rgba(71,71,71,.2)),to(hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,hsla(0,0%,100%,0),rgba(71,71,71,.2) 51.56%,hsla(0,0%,100%,0));background-repeat:no-repeat;background-size:100% 100%;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:glareShimmer;animation-name:glareShimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes nodeShimmerStyles__glareShimmer__2ZM7i{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes nodeShimmerStyles__glareShimmer__2ZM7i{0%{background-position:-468px 0}to{background-position:468px 0}}
.flow-canvas-wrap{width:calc(100% - 360px);height:100%;padding:10px;position:relative}.flow-canvas-wrap .zoom-dropdown{width:74px;margin:0}.flow-canvas-wrap .zoom-dropdown .el-ss-default-filter{border:1px solid #eaeaea;padding:10px 9px;width:74px}.flow-canvas-wrap .zoom-dropdown .el-ss-default-filter .icon_phoenix-cheveron_open{position:absolute;top:10px;right:8px;-webkit-transform:none;transform:none}.flow-canvas-wrap .zoom-dropdown .el-ss-default-filter .icon_phoenix-cheveron_open:before{content:"\F1B91";color:#8f8f8f}.flow-canvas-wrap .zoom-dropdown .el-ss-dropdown-open{padding:9.5px 20px}.flow-canvas-wrap .zoom-dropdown .el-ss-tooltip-wrapper{width:100%}.flow-canvas-wrap .zoom-dropdown .el-ss-tooltip-wrapper span[class*=label-custom-image]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flow-canvas-wrap .zoom-dropdown .el-ss-tooltip-wrapper span[class*=label-custom-image] span{width:20px;height:20px;border-radius:4px;font-size:16px;color:#303030;font-weight:400;line-height:20px;text-align:center;background:#e5e9f0}.flow-canvas-wrap .zoom-dropdown .dropdown-popup,.flow-canvas-wrap .zoom-dropdown .el-ss-dropdown-open{width:240px;left:auto;right:0}.flow-canvas-wrap .layout-dropdown button{margin-right:8px!important}.flow-canvas-wrap .layout-dropdown .zoom-button{width:74px;height:36px;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}.flow-canvas-wrap .layout-dropdown .zoom-button span{font-size:14px;color:#555;font-weight:400;line-height:20px}.flow-canvas-wrap .layout-dropdown .zoom-button span i.icon_phoenix-down-arrow{font-size:18px;margin-left:8px}.flow-canvas-wrap .layout-dropdown .action-table-popover{position:absolute;top:100%;right:0;width:187px;height:auto;padding:12px 16px}.flow-canvas-wrap .layout-dropdown .action-table-popover .zoom-block .option-item{padding:8px;border-radius:4px;font-size:14px;color:#555;font-weight:400;line-height:20px}.flow-canvas-wrap .layout-dropdown .action-table-popover .zoom-block .option-item:hover{background:#f5f5f5}.flow-canvas-wrap .canva-toolbar{position:absolute;top:0;left:10px;width:calc(100% - 10px);height:auto;border-radius:8px;background:#fff;padding:8px;z-index:1;border:1px solid #e5e9f0}.flow-canvas-wrap .canva-toolbar button{width:36px;height:36px;border-radius:4px;margin-right:8px;padding:0}.flow-canvas-wrap .canva-toolbar button span{width:34px;height:34px;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;font-size:20px;color:#212121;font-weight:400;line-height:18px}.flow-canvas-wrap .canva-toolbar button span i{margin-left:0;font-size:20px}.flow-canvas-wrap .canva-toolbar button span i.icon_phoenix-Customize{font-size:17px}.flow-canvas-wrap .canva-toolbar button span .icon_phoenix-eye:before,.flow-canvas-wrap .canva-toolbar button span .icon_phoenix-setting2:before{font-size:16px;color:#212121}.flow-canvas-wrap .canva-toolbar button span .icon_phoenix-setting2{margin-top:-2px}.flow-canvas-wrap .canva-toolbar button:last-child{margin-right:0}.flow-canvas-wrap.with-drawer{width:calc(100% - 720px);height:100%}.flow-canvas-wrap.with-drawer .canva-toolbar{width:calc(100% - 20px);height:auto}.flow-canvas-wrap.with-drawer.detail-drawer-open{width:calc(100% - 360px);height:100%}.wf-node{width:400px;height:auto;border-radius:8px;padding:20px;min-height:64px;background:#fff;-webkit-box-shadow:0 2px 12px 1px rgba(33,33,33,.06);box-shadow:0 2px 12px 1px rgba(33,33,33,.06);border:2px solid transparent;-webkit-transition:all .3s ease;transition:all .3s ease}.wf-node.selected-node{border:2px solid #1976d2}.wf-node .node-options{width:24px;height:24px;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;border:0;padding:0;background:transparent;position:relative}.wf-node .node-options i{font-size:30px}.wf-node .node-heading{font-size:14px;color:#212121;font-weight:400;line-height:20px}.wf-node .node-heading i{font-size:20px}.wf-node .node-heading i.icon_phoenix-schedule-time{color:#8d9dca}.wf-node .node-desc{font-size:14px;color:#555;font-weight:400;line-height:18px;margin-top:20px;display:block}.wf-node .node-desc.error-node-desc{color:red}.wf-node .node-desc .clause-block{display:inline}.wf-node .node-desc .ab-template-list{background:transparent;padding:0;-webkit-box-shadow:none;box-shadow:none;margin-top:20px}.wf-node .node-desc .ab-template-list li{margin-bottom:12px;padding:0}.wf-node .node-desc .ab-template-list li small{font-size:12px;color:#555;font-weight:400;line-height:18px;width:20px;height:20px;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;border-radius:50%;background:#eaeaea;margin-right:8px}.wf-node .node-desc .ab-template-list li .template-block{border-radius:4px;width:100%;height:100%;border:1px solid #e5e9f0;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-node .node-desc .ab-template-list li .template-block:hover{background:#f5f5f5}.wf-node .node-desc .ab-template-list li:last-child{margin-bottom:0}.wf-node .node-desc .ab-template-list li:hover{background:transparent}.wf-node ul{border-radius:4px;padding:8px 0;background:#fff;-webkit-box-shadow:0 3px 14px 2px rgba(0,0,0,.1490196078);box-shadow:0 3px 14px 2px rgba(0,0,0,.1490196078);z-index:99!important}.wf-node ul li{padding:8px 12px}.wf-node ul li:hover{background:#f5f5f5}.wf-node.horizontal{min-height:84px}.end-node{display:-webkit-box;display:-ms-flexbox;display:flex;background:transparent;-webkit-box-shadow:none;box-shadow:none;padding:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.end-node .end-title{font-size:12px;color:#555;font-weight:400;line-height:18px;border-radius:4px;width:36px;height:22px;padding:2px 8px;margin:0 auto;background:#eaeaea}.end-node.horizontal{height:84px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.end-node.horizontal .wf-node-title{margin:0}.react-flow__edge-path{stroke-width:2px!important;stroke:#afbcdf!important}.drop-placeholder{border-radius:8px;width:272px;height:52px;position:absolute;z-index:99;padding:16px 13px;background:#eaeaea;border:1px dashed #ccc}.add-button{position:absolute;z-index:100}.add-button img{width:24px;height:24px;cursor:pointer}.edge-label{border-radius:4px;position:absolute;max-width:212px;min-height:28px;border:1px solid #ccc;padding:4px 8px}.edge-label,.horizontal-label{font-size:14px;color:#212121;font-weight:400;line-height:20px;background:#fff}.horizontal-label{width:100%;height:auto;border-radius:4px;display:block;padding:7px 12px;border:1px solid #e5e9f0;margin-top:8px}