.diagram{width:100%;height:auto;display:block;overflow:visible}.diagram .link,.diagram .line{fill:none;stroke:var(--color-hairline);stroke-width:var(--diagram-stroke);stroke-linecap:round;stroke-linejoin:round}.diagram .link,.diagram .line:not(.line-dashed){stroke-dasharray:1;stroke-dashoffset:0}.diagram .line{stroke:var(--color-heading)}.diagram .line-dashed{stroke:var(--color-muted);stroke-dasharray:3 9}.diagram .node{fill:var(--diagram-bg,var(--color-background));stroke:var(--color-heading);stroke-width:var(--diagram-stroke);transform-box:fill-box;transform-origin:50%}.diagram .node-solid{fill:var(--color-heading)}.diagram .node-accent{fill:var(--color-accent);stroke:var(--color-accent)}.diagram .node-ghost{stroke:var(--color-muted);stroke-dasharray:3 7;stroke-linecap:round}.diagram .packet{fill:var(--color-accent);pointer-events:none}.diagram.is-live .node:not(.node-ghost){cursor:pointer}.diagram.is-live .node-outline:hover{stroke:var(--color-accent)}.o1{--o:1}.o2{--o:2}.o3{--o:3}.o4{--o:4}.o5{--o:5}.o6{--o:6}.o7{--o:7}.o8{--o:8}.o9{--o:9}@keyframes diagram-draw{0%{stroke-dashoffset:1px}}@keyframes diagram-appear{0%{opacity:0}}@keyframes diagram-node{0%{opacity:0;transform:scale(.5)}}@keyframes diagram-resolve{0%{opacity:0;fill-opacity:0;transform:scale(.5)}45%{opacity:1;fill-opacity:0;transform:none}to{fill-opacity:1}}@media (prefers-reduced-motion:no-preference){.diagram .link,.diagram .line,.diagram .node{animation-duration:var(--motion-slow);animation-timing-function:var(--ease-in-out);animation-fill-mode:both;animation-delay:calc(var(--o,0) * var(--diagram-step) + var(--motion-base))}.diagram .link,.diagram .line{animation-name:diagram-draw}.diagram .line-dashed{animation-name:diagram-appear}.diagram .node{animation-name:diagram-node;animation-timing-function:var(--ease-out)}.diagram .node-solid,.diagram .node-accent{animation-name:diagram-resolve}.diagram.is-armed .link,.diagram.is-armed .line,.diagram.is-armed .node{animation-play-state:paused}.diagram .node{transition:stroke var(--motion-fast) linear}}.diagram .link.is-route{stroke:var(--color-accent)}.diagram .node-outline.is-on{fill:var(--color-accent);stroke:var(--color-accent)}.diagram.is-near .node-accent{stroke:var(--color-heading)}.is-enhanced .diagram [data-step]{opacity:var(--motion-dim)}.is-enhanced .diagram [data-step].is-on{opacity:1}.is-enhanced .diagram .link[data-step].is-current{stroke:var(--color-accent)}.is-enhanced .diagram .node[data-step].is-on{fill:var(--color-heading)}.is-enhanced .diagram .node[data-step].is-current{fill:var(--color-accent);stroke:var(--color-accent)}@media (prefers-reduced-motion:no-preference){.diagram [data-step],.diagram .link{transition:opacity var(--motion-base) linear, fill var(--motion-base) linear, stroke var(--motion-base) linear}.diagram [data-hub]{transition:translate var(--motion-base) var(--ease-out)}}