.graph-canvas{perspective:1400px}.graph-stage{transform-style:preserve-3d}.graph-node{transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s}.graph-node[data-state=planned]{opacity:.62;transform:translateZ(0)}.graph-node[data-state=running]{opacity:1;will-change:transform;transform:translateZ(30px)}.graph-node[data-state=done]{opacity:1;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--f-accent) 45%, transparent);transform:translateZ(0)}.graph-node[data-state=skipped]{opacity:.45;transform:translateZ(0)}.graph-node[data-state=failed]{opacity:1;box-shadow:0 10px 24px color-mix(in srgb, var(--f-bad) 18%, transparent);transform:translateZ(16px)}.graph-node[data-state=unavailable]{opacity:.8;-webkit-backdrop-filter:blur(3px)saturate(.75);backdrop-filter:blur(3px)saturate(.75);box-shadow:inset 0 2px 6px color-mix(in srgb, var(--f-ink) 7%, transparent);transform:translateZ(-14px)}.graph-packet{z-index:3;background:var(--f-accent);width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in srgb, var(--f-accent) 22%, transparent), 0 0 8px color-mix(in srgb, var(--f-accent) 55%, transparent);offset-rotate:0deg;pointer-events:none;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.graph-stage[data-lit=true] .graph-wire{opacity:.22;transition:opacity .2s}.graph-stage[data-lit=true] .graph-wire[data-lit=true]{opacity:1;stroke:var(--f-accent);stroke-width:2.25px}.graph-node[data-lit=true]{outline:1.5px solid color-mix(in srgb, var(--f-accent) 55%, transparent);outline-offset:2px}.graph-drops{pointer-events:none;grid-template-columns:1fr 1.3fr 1fr;column-gap:18px;margin:4px -20px -20px;display:grid}.graph-drops i{background:linear-gradient(180deg, transparent, var(--f-line-2));justify-self:center;width:1px;height:26px;position:relative}.graph-drops i:after{content:"";background:var(--f-line-2);border-radius:50%;width:5px;height:5px;position:absolute;bottom:0;left:-2px}@media (max-width:1023px){.graph-drops{display:none}}@media (prefers-reduced-motion:reduce){.graph-node{transition:none}.graph-packet{display:none}.graph-stage[data-lit=true] .graph-wire{transition:none}}