.workflow-canvas-wrapper{height:100%;position:relative;width:100%}.workflow-canvas-wrapper .react-flow{height:100%;width:100%}.workflow-canvas-wrapper .react-flow__viewport{background:transparent}.workflow-canvas-wrapper .workflow-node{background:#fff;border:1px solid #c3c4c7;border-radius:0;box-shadow:0 1px 1px rgba(0,0,0,.04);cursor:pointer;min-width:220px;padding:0;transition:all .2s ease}.workflow-canvas-wrapper .workflow-node:hover{border-color:#3b82f6;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.workflow-canvas-wrapper .workflow-node.selected{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.2)}.workflow-canvas-wrapper .workflow-node--trigger{border-left:4px solid #10b981}.workflow-canvas-wrapper .workflow-node--trigger .workflow-node__icon{color:#10b981}.workflow-canvas-wrapper .workflow-node--action{border-left:4px solid #3b82f6}.workflow-canvas-wrapper .workflow-node--action .workflow-node__icon{color:#3b82f6}.workflow-canvas-wrapper .workflow-node--condition{border-left:4px solid #f59e0b}.workflow-canvas-wrapper .workflow-node--condition .workflow-node__icon{color:#f59e0b}.workflow-canvas-wrapper .workflow-node--delay{border-left:4px solid #8b5cf6}.workflow-canvas-wrapper .workflow-node--delay .workflow-node__icon{color:#8b5cf6}.workflow-canvas-wrapper .workflow-node__icon{display:inline-block;font-size:24px;margin-bottom:8px}.workflow-canvas-wrapper .workflow-node__label{color:#1f2937;font-size:14px;font-weight:600;margin:8px 0 4px}.workflow-canvas-wrapper .workflow-node__label strong{display:block}.workflow-canvas-wrapper .workflow-node__detail{color:#6b7280;font-size:12px;margin-top:4px;word-break:break-word}.workflow-canvas-wrapper .workflow-node .wp-components-card__body{padding:16px}.workflow-canvas-wrapper .react-flow__handle{background:#3b82f6;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);height:10px;width:10px}.workflow-canvas-wrapper .react-flow__handle:hover{background:#2563eb;height:12px;width:12px}.workflow-canvas-wrapper .react-flow__handle.connectable{cursor:crosshair}.workflow-canvas-wrapper .react-flow__edge.selected .react-flow__edge-path{stroke:#2271b1;stroke-width:3}.workflow-canvas-wrapper .react-flow__edge:hover .react-flow__edge-path{stroke-width:3}.workflow-canvas-wrapper .react-flow__edge-path{fill:none;stroke:var(--wp-admin-theme-color)!important;stroke-dasharray:3 3;stroke-linecap:round;stroke-linejoin:round;stroke-width:1!important;transition:all .15s ease}.workflow-canvas-wrapper .react-flow__edge.animated .react-flow__edge-path,.workflow-canvas-wrapper .react-flow__edge[data-animated=true] .react-flow__edge-path{animation:edgeFlow 2s linear infinite;stroke-dasharray:5 5}@keyframes edgeFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}.workflow-canvas-wrapper .react-flow__edge.react-flow__edge-smoothstep .react-flow__edge-path{stroke-linecap:round;stroke-linejoin:round}.workflow-canvas-wrapper .react-flow__edge.react-flow__edge-straight .react-flow__edge-path{stroke-linecap:round}.workflow-canvas-wrapper .react-flow__edges{z-index:1}.workflow-canvas-wrapper .react-flow__nodes{z-index:2}.workflow-canvas-wrapper .workflow-node-selected{z-index:10!important}.workflow-canvas-wrapper .workflow-node-selected .components-card{box-shadow:0 0 0 3px rgba(34,113,177,.25),0 4px 12px rgba(0,0,0,.1)!important;transition:box-shadow .2s ease}.workflow-canvas-wrapper .workflow-node-selected .react-flow__handle{z-index:20!important}.workflow-canvas-wrapper .workflow-node-selected.workflow-node-error .components-card{box-shadow:0 0 0 3px rgba(214,54,56,.25),0 4px 12px rgba(0,0,0,.1)!important}.workflow-canvas-wrapper .workflow-node-setup,.workflow-canvas-wrapper .workflow-node-valid{z-index:9!important}.workflow-canvas-wrapper .workflow-node-setup .components-card,.workflow-canvas-wrapper .workflow-node-valid .components-card{transition:box-shadow .2s ease}.workflow-canvas-wrapper .workflow-node-setup .react-flow__handle,.workflow-canvas-wrapper .workflow-node-valid .react-flow__handle{z-index:20!important}.workflow-canvas-wrapper .workflow-node-error{z-index:8!important}.workflow-canvas-wrapper .workflow-node-error .components-card{transition:box-shadow .2s ease}.workflow-canvas-wrapper .workflow-node-error .react-flow__handle{z-index:20!important}.workflow-canvas-wrapper .react-flow__minimap{background:#fff;border:1px solid #dcdcde;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden}.workflow-canvas-wrapper .react-flow__minimap .react-flow__minimap-mask{fill:hsla(240,3%,94%,.6);stroke:var(--wp-admin-theme-color,#2271b1);stroke-width:2px}.workflow-canvas-wrapper .react-flow__minimap .react-flow__minimap-node{fill:#f0f0f1;rx:2px;ry:2px;stroke:#c3c4c7;stroke-width:1px}.workflow-canvas-wrapper .react-flow__minimap .react-flow__minimap-node.selected{fill:var(--wp-admin-theme-color,#2271b1);stroke:var(--wp-admin-theme-color-darker-10,#135e96);stroke-width:2px}.workflow-canvas-wrapper .react-flow__background{background-color:transparent}.workflow-canvas-wrapper .react-flow__panel{margin:12px}.workflow-canvas-wrapper .edgebutton-foreignobject{overflow:visible}.workflow-canvas-wrapper .edgebutton-foreignobject .insert-step-button:hover{background:#135e96!important;transform:scale(1.05)}.workflow-canvas-wrapper .edgebutton-foreignobject .insert-step-button:active{transform:scale(.95)!important}.workflow-canvas-wrapper .components-card{transition:all .15s ease}.workflow-canvas-wrapper .components-card:hover{box-shadow:0 2px 6px rgba(0,0,0,.15)}.workflow-action-picker-popover .components-popover__content,.workflow-trigger-picker-popover .components-popover__content{border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:0}.workflow-action-picker-popover .workflow-action-item:hover,.workflow-action-picker-popover .workflow-trigger-item:hover,.workflow-trigger-picker-popover .workflow-action-item:hover,.workflow-trigger-picker-popover .workflow-trigger-item:hover{background:#f0f0f1;border-color:#2271b1!important}.workflow-action-picker-popover .workflow-action-item:active,.workflow-action-picker-popover .workflow-trigger-item:active,.workflow-trigger-picker-popover .workflow-action-item:active,.workflow-trigger-picker-popover .workflow-trigger-item:active{background:#e0e0e1}.react-flow__node-triggerPlaceholder .components-button:hover{box-shadow:0 4px 12px rgba(34,113,177,.2)!important;transform:translateY(-2px)}.react-flow__node-triggerPlaceholder .components-button:active{transform:translateY(0)}.react-flow__attribution{display:none!important}.workflow-action-picker-modal .components-modal__content,.workflow-trigger-picker-modal .components-modal__content{margin-top:0;overflow:visible;padding:0!important}.workflow-action-picker-modal .components-modal__header,.workflow-trigger-picker-modal .components-modal__header{border-bottom:1px solid #dcdcde;margin-bottom:0;padding:20px 24px}.workflow-action-picker-modal .components-modal__header .components-modal__header-heading,.workflow-trigger-picker-modal .components-modal__header .components-modal__header-heading{font-size:18px;font-weight:600}.workflow-action-picker-modal .workflow-action-item:hover,.workflow-action-picker-modal .workflow-trigger-item:hover,.workflow-trigger-picker-modal .workflow-action-item:hover,.workflow-trigger-picker-modal .workflow-trigger-item:hover{background-color:#f6f7f7!important;border-color:#2271b1!important;box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.workflow-action-picker-modal .workflow-action-item:active,.workflow-action-picker-modal .workflow-trigger-item:active,.workflow-trigger-picker-modal .workflow-action-item:active,.workflow-trigger-picker-modal .workflow-trigger-item:active{box-shadow:0 1px 4px rgba(0,0,0,.08);transform:translateY(0)}.workflow-action-picker-modal .workflow-action-item:focus,.workflow-action-picker-modal .workflow-trigger-item:focus,.workflow-trigger-picker-modal .workflow-action-item:focus,.workflow-trigger-picker-modal .workflow-trigger-item:focus{border-color:#2271b1!important;box-shadow:0 0 0 2px #2271b1;outline:none}.workflow-action-picker-modal div[style*=overflowY],.workflow-trigger-picker-modal div[style*=overflowY]{scrollbar-color:#c3c4c7 transparent;scrollbar-width:thin}.workflow-action-picker-modal div[style*=overflowY]::-webkit-scrollbar,.workflow-trigger-picker-modal div[style*=overflowY]::-webkit-scrollbar{width:10px}.workflow-action-picker-modal div[style*=overflowY]::-webkit-scrollbar-track,.workflow-trigger-picker-modal div[style*=overflowY]::-webkit-scrollbar-track{background:transparent;margin:4px 0}.workflow-action-picker-modal div[style*=overflowY]::-webkit-scrollbar-thumb,.workflow-trigger-picker-modal div[style*=overflowY]::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#c3c4c7;border:2px solid transparent;border-radius:5px}.workflow-action-picker-modal div[style*=overflowY]::-webkit-scrollbar-thumb:hover,.workflow-trigger-picker-modal div[style*=overflowY]::-webkit-scrollbar-thumb:hover{background-color:#a7aaad}.workflow-action-picker-modal .components-modal__frame,.workflow-trigger-picker-modal .components-modal__frame{animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.workflow-error-popover .components-popover__content,.workflow-error-popover>div{max-width:300px!important;min-width:300px!important;width:300px!important}