.dg-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--color-fg-2);font-size:10.5px}.dg-text{font-family:var(--font-mono);fill:var(--color-fg);font-size:12px}.dg-node{transform-box:fill-box;transform-origin:50%}.dg-edge{stroke-dasharray:none}.dg-comet{stroke-dasharray:.12 1.12;stroke-dashoffset:-1.06px}.dg-ring{opacity:0;transform-box:fill-box;transform-origin:50%}@keyframes dg-node{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes dg-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes dg-comet{0%{stroke-dashoffset:.12px}to{stroke-dashoffset:-1.06px}}@keyframes dg-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}@keyframes dg-in{0%{opacity:0}}@keyframes dg-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce),print{.is-visible[data-diagram] *{animation:none!important}.is-visible[data-diagram] .dg-edge{stroke-dasharray:none!important}}
.is-visible[data-diagram^=g-] .dg-node{animation:dg-node .4s var(--ease-out-expo) both;animation-delay:calc(var(--d,0) * 1ms)}.is-visible[data-diagram^=g-] .dg-edge{stroke-dasharray:1;animation:dg-draw .35s var(--ease-draw) both;animation-delay:calc(var(--d,0) * 1ms)}.is-visible[data-diagram^=g-] .dg-comet{animation:10s cubic-bezier(.4,0,.2,1) infinite glyph-comet;animation-delay:calc(var(--d,0) * 1ms)}@keyframes glyph-comet{0%{stroke-dashoffset:.12px}4.5%,to{stroke-dashoffset:-1.06px}}.is-visible[data-diagram^=g-] .dg-ring{animation:.6s ease-out forwards dg-ring;animation-delay:calc(var(--d,0) * 1ms)}.g-problem{opacity:0}.is-visible[data-diagram^=g-] .g-problem{animation:.3s ease-out both dg-out;animation-delay:calc(var(--d,0) * 1ms)}.is-visible[data-diagram^=g-] .g-fix{animation:.3s ease-out both dg-in;animation-delay:calc(var(--d,0) * 1ms)}
.rescue-problem,.rescue-leader,.rescue-step-03{opacity:0}.rescue-muted{fill:var(--color-fg-2)}.is-visible[data-diagram=rescue] .dg-node{animation:dg-node .48s var(--ease-out-expo) both;animation-delay:calc(var(--d,0) * 1ms)}.is-visible[data-diagram=rescue] .dg-edge{stroke-dasharray:1;animation:dg-draw .4s var(--ease-draw) both;animation-delay:calc(var(--d,0) * 1ms)}.is-visible[data-diagram=rescue] .dg-comet{animation:9s cubic-bezier(.4,0,.2,1) 2.1s infinite rescue-comet}@keyframes rescue-comet{0%{stroke-dashoffset:.12px}4.5%,to{stroke-dashoffset:-1.06px}}.is-visible[data-diagram=rescue] .rescue-problem{animation:1.1s ease-out .9s both rescue-visit}.is-visible[data-diagram=rescue] .rescue-solid{animation:1.1s ease-out .9s both rescue-dip}.is-visible[data-diagram=rescue] .rescue-leader{animation:.8s ease-out 1s both rescue-leader}.is-visible[data-diagram=rescue] .rescue-leader-label{animation:.3s ease-out 1s both dg-in}.is-visible[data-diagram=rescue] .rescue-step-03{animation:.3s ease-out 1.95s both dg-out}.is-visible[data-diagram=rescue] .rescue-reconnected{animation:.3s ease-out 1.95s both dg-in}@keyframes rescue-visit{0%{opacity:0}27.27%,72.73%{opacity:1}to{opacity:0}}@keyframes rescue-dip{0%{opacity:1}27.27%,72.73%{opacity:0}to{opacity:1}}@keyframes rescue-leader{0%,62.5%{opacity:1}to{opacity:0}}
.auto-comet{stroke-dasharray:.08 1.12}.is-visible[data-diagram=automation] .dg-node{animation:dg-node .48s var(--ease-out-expo) both;animation-delay:calc(var(--d,0) * 1ms)}.is-visible[data-diagram=automation] .dg-edge{stroke-dasharray:1;animation:dg-draw .45s var(--ease-draw) both;animation-delay:calc(var(--d,0) * 1ms)}.is-visible[data-diagram=automation] .dg-comet{animation:8s cubic-bezier(.4,0,.2,1) infinite auto-comet;animation-delay:calc(var(--d,0) * 1ms)}.is-visible[data-diagram=automation] .dg-ring{animation:8s ease-out 1.9s infinite auto-ring}@keyframes auto-comet{0%{stroke-dashoffset:.12px}4.4%,to{stroke-dashoffset:-1.06px}}@keyframes auto-ring{0%{opacity:.7;transform:scale(1)}7.5%,to{opacity:0;transform:scale(3.4)}}.is-visible[data-diagram=automation] .auto-node{transition:opacity .2s}[data-flow][data-active=trigger] .is-visible[data-diagram=automation] .auto-node:not([data-step=trigger]),[data-flow][data-active=process] .is-visible[data-diagram=automation] .auto-node:not([data-step=process]),[data-flow][data-active=integration] .is-visible[data-diagram=automation] .auto-node:not([data-step=integration]),[data-flow][data-active=outcome] .is-visible[data-diagram=automation] .auto-node:not([data-step=outcome]){opacity:.35}[data-flow][data-active=trigger] li[data-step=trigger],[data-flow][data-active=process] li[data-step=process],[data-flow][data-active=integration] li[data-step=integration],[data-flow][data-active=outcome] li[data-step=outcome]{border-top-color:var(--color-fg)}