.workflowgraph{padding:10px;position:relative}.workflowgraph svg{width:100%;height:100%;margin:auto;display:block;overflow:hidden}.workflowgraph .node>.shape{stroke:#555;stroke-width:.6px;fill:#fff}.workflowgraph .node.state.Container>.shape,.workflowgraph .node.state.NotYetStarted>.shape{stroke-dasharray:5 2}.workflowgraph .node.state.Failed>.shape,.workflowgraph rect.legend.Failed{fill:#de322f}.workflowgraph .node.state.CaughtError>.shape,.workflowgraph rect.legend.CaughtError{fill:orange}.workflowgraph .node.state.Succeeded>.shape,.workflowgraph rect.legend.Succeeded{fill:#2bd62e}.workflowgraph .node.state.InProgress>.shape,.workflowgraph rect.legend.InProgress{fill:#53c9ed}.workflowgraph .node.state.Cancelled>.shape,.workflowgraph rect.legend.Cancelled{fill:#ddd}.workflowgraph .node.anchor>.shape{fill:#ffda75}.workflowgraph .node.selected>.shape,.workflowgraph .node.state.hovered:not(.selected):not(.NotYetStarted)>.shape{stroke:#555;stroke-width:2px}.workflowgraph .node.state.Container.Failed>.shape{fill:#ee9592}.workflowgraph .node.state.Container.CaughtError>.shape{fill:#ffd27f}.workflowgraph .node.state.Container.Succeeded>.shape{fill:#91ea9a}.workflowgraph .node.state.Container.InProgress>.shape{fill:#a9e4f7}.workflowgraph .node.state.Container.Cancelled>.shape{fill:#eee}.workflowgraph marker{fill:#555}.workflowgraph path{stroke:#555;stroke-width:1px;background-color:#555}.workflowgraph .node.anchor,.workflowgraph .node.state.NotYetStarted{cursor:default}.workflowgraph .node.state{cursor:pointer}.workflowgraph tspan .label{text-shadow:none;font-size:12px;font-weight:400}.workflowgraph .tooltip{text-align:center;color:#16191f;opacity:0;pointer-events:none;background-color:#f1faff;border:1px solid #007dbc;border-radius:2px;width:300px;padding:14px;font-family:Arial,Helvetica,sans-serif;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root{--editor-background:#fff;--btnLightOutlineColor:#b8b8b8;--btnLightIconColor:#616161}.workflowgraph{justify-content:center;align-items:stretch;display:flex}.graph-buttons-container{z-index:1000;flex-direction:column;display:flex;position:absolute;top:2rem;left:2rem}.graph-buttons-container button{background-color:var(--editor-background);border:1px solid var(--btnLightOutlineColor);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;width:38px;height:30px;margin-bottom:10px;text-decoration:none;display:flex}.graph-buttons-container button svg{stroke-width:2px;width:14px;height:14px}.graph-buttons-container button:active{opacity:.7}.graph-buttons-container button path{stroke-width:2px}.graph-buttons-container button circle,.graph-buttons-container button line,.graph-buttons-container button path{stroke:var(--btnLightIconColor);fill:#0000}.graph-buttons-container button circle:nth-child(2){fill:var(--btnLightIconColor)}.graph-buttons-container button:focus{outline:none}