.workflow-diagram{margin:2rem 0}.workflow-diagram__canvas{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);border-radius:.75rem;place-items:center;min-height:26rem;padding:1.5rem;display:grid;overflow:auto}.workflow-diagram__canvas svg{max-width:none;height:auto}.workflow-diagram__status{min-height:1.5rem;color:var(--sl-color-gray-2);margin-block:.5rem 0}.workflow-diagram__status:empty{display:none}.workflow-diagram__error{color:var(--sl-color-accent-high)}.workflow-diagram__canvas .node rect,.workflow-diagram__canvas .node polygon,.workflow-diagram__canvas .node path{filter:drop-shadow(0 .45rem .75rem color-mix(in srgb, var(--sl-color-black) 45%, transparent));fill:var(--sl-color-black)!important;stroke:var(--sl-color-gray-3)!important}.workflow-diagram__canvas .node rect{rx:.8rem;ry:.8rem}.workflow-diagram__canvas .node.local rect,.workflow-diagram__canvas .node.local polygon,.workflow-diagram__canvas .node.local path{fill:var(--sl-color-black)!important;stroke:var(--sl-color-accent)!important}.workflow-diagram__canvas .node.resident rect,.workflow-diagram__canvas .node.resident polygon,.workflow-diagram__canvas .node.resident path{fill:var(--sl-color-black)!important;stroke:var(--sl-color-gray-2)!important}.workflow-diagram__canvas .node.actions rect,.workflow-diagram__canvas .node.actions polygon,.workflow-diagram__canvas .node.actions path,.workflow-diagram__canvas .node.workflowRef rect,.workflow-diagram__canvas .node.workflowRef polygon,.workflow-diagram__canvas .node.workflowRef path{fill:var(--sl-color-accent-low)!important;stroke:var(--sl-color-accent-high)!important}.workflow-diagram__canvas .nodeLabel,.workflow-diagram__canvas .nodeLabel *,.workflow-diagram__canvas .label text,.workflow-diagram__canvas .edgeLabel{color:var(--sl-color-white)!important;fill:var(--sl-color-white)!important;opacity:1!important}.workflow-node-card{white-space:normal;width:15rem;min-height:10.25rem;display:inline-block;text-align:center!important}.workflow-node-card>span{display:block}.workflow-node-title{overflow-wrap:anywhere;text-wrap:balance;min-height:6.5em;margin-bottom:.35rem;font-size:1.08rem;font-weight:750;line-height:1.3}.workflow-node-description{overflow-wrap:anywhere;text-wrap:pretty;margin-top:.4rem;font-size:.78rem;font-weight:500;line-height:1.35;display:block}.workflow-node-meta{overflow-wrap:anywhere;font-size:.88rem;font-weight:600;line-height:1.55}.workflow-diagram__canvas .workflow-node-title{color:var(--sl-color-accent-high)!important}.workflow-diagram__canvas .workflow-node-meta,.workflow-diagram__canvas .workflow-node-description{color:var(--sl-color-gray-2)!important}.workflow-diagram__canvas .workflow-diagram__interactive-node{cursor:pointer}.workflow-diagram__canvas .workflow-diagram__interactive-node:hover rect,.workflow-diagram__canvas .workflow-diagram__interactive-node:hover polygon,.workflow-diagram__canvas .workflow-diagram__interactive-node:hover path,.workflow-diagram__canvas .workflow-diagram__interactive-node:focus-visible rect,.workflow-diagram__canvas .workflow-diagram__interactive-node:focus-visible polygon,.workflow-diagram__canvas .workflow-diagram__interactive-node:focus-visible path{filter:brightness(1.18);stroke-width:4px!important}.workflow-diagram__canvas .workflow-diagram__interactive-node:focus-visible{outline:none}.workflow-node-dialog{border:1px solid var(--sl-color-gray-3);width:min(34rem,100% - 2rem);color:var(--sl-color-white);background:var(--sl-color-gray-6);box-shadow:0 1.5rem 5rem color-mix(in srgb, var(--sl-color-black) 55%, transparent);border-radius:.9rem;padding:1.5rem}.workflow-node-dialog::backdrop{background:color-mix(in srgb, var(--sl-color-black) 76%, transparent);backdrop-filter:blur(4px)}.workflow-node-dialog__close-form{float:right}.workflow-node-dialog__close{width:2rem;height:2rem;color:var(--sl-color-white);background:var(--sl-color-gray-5);cursor:pointer;font:inherit;border:0;border-radius:50%;font-size:1.35rem;line-height:1}.workflow-node-dialog__eyebrow{color:var(--sl-color-accent-high);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:700}.workflow-node-dialog h2{margin:0 2.5rem 1.25rem 0}.workflow-node-dialog dl{grid-template-columns:minmax(7rem,auto) 1fr;gap:.65rem 1rem;margin:0;display:grid}.workflow-node-dialog dt{color:var(--sl-color-gray-2);font-weight:600}.workflow-node-dialog dd{overflow-wrap:anywhere;margin:0}.workflow-diagram__canvas .edgeLabel,.workflow-diagram__canvas .edgeLabel p{background:var(--sl-color-black)!important}.workflow-diagram__canvas .flowchart-link{stroke:var(--sl-color-gray-2)!important}.workflow-diagram__canvas marker path{fill:var(--sl-color-gray-2)!important;stroke:var(--sl-color-gray-2)!important}.workflow-diagram__steps{width:100%;margin:0;padding:0;list-style:none}.workflow-diagram__step{padding-left:2rem;position:relative}.workflow-diagram__step:not(:last-child){padding-bottom:1.5rem}.workflow-diagram__step-marker{z-index:1;box-sizing:border-box;background:var(--sl-color-accent,var(--site-signal));width:.7rem;height:.7rem;box-shadow:0 0 0 3px var(--sl-color-black,var(--site-ink));border-radius:50%;position:absolute;top:.55rem;left:.2rem}.workflow-diagram__step-connector{background:var(--sl-color-gray-3,var(--site-dim));width:2px;position:absolute;top:1.35rem;bottom:-.35rem;left:.59rem}.workflow-diagram__step-control{z-index:1;width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;text-decoration:none;display:block;position:relative}.workflow-diagram__step-control:hover .workflow-diagram__step-title,.workflow-diagram__step-control:focus-visible .workflow-diagram__step-title{color:var(--sl-color-accent-high,var(--site-signal-high));text-underline-offset:.2em;text-decoration:underline}.workflow-diagram__step-title,.workflow-diagram__step-description,.workflow-diagram__step-meta{display:block}.workflow-diagram__step-title{color:var(--sl-color-white,var(--site-text));font-size:1rem;font-weight:750;line-height:1.35}.workflow-diagram__step-description{color:var(--sl-color-gray-2,var(--site-muted));margin-top:.3rem;font-size:.88rem;line-height:1.45}.workflow-diagram__step-meta{color:var(--sl-color-gray-2,var(--site-muted));margin-top:.4rem;font-size:.75rem;line-height:1.45}@media (width<=50rem){.workflow-diagram__canvas{background:0 0;border:0;border-radius:0;min-height:0;padding:0;display:block;overflow:visible}}
