.w3-flow .w3-pick{margin-bottom:1rem}.w3-flow-list{display:grid;gap:1.25rem}.w3-flow-row{position:relative;padding:.875rem 1rem .75rem;border-radius:1rem;border:1px solid var(--viz-hairline);background:var(--viz-wash);transition:border-color var(--viz-dur-micro) ease}.w3-flow-row[data-active=true]{border-color:var(--viz-neutral)}.w3-flow-row:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}.w3-flow-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem;margin:0 0 .75rem}.w3-flow-name{font-size:.875rem;font-weight:600;color:var(--fg)}.w3-flow-total{font-family:var(--pb-display, inherit);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--fg)}.w3-flow-unit{font-family:var(--font-sans, inherit);font-size:.75rem;font-weight:450;letter-spacing:0;color:var(--fg-subtle)}.w3-flow-stage{position:relative;display:grid;grid-template-columns:minmax(7.5rem,32%) minmax(3rem,1fr) minmax(4rem,18%)}.w3-flow-sources{position:relative;grid-column:1}.w3-flow-src{position:absolute;right:1rem;transform:translateY(-50%);display:flex;align-items:baseline;gap:.5rem;line-height:1.15;white-space:nowrap;transition:opacity var(--viz-dur-ui) ease}.w3-flow-src[data-dim=true]{opacity:.4}.w3-flow-src-name{font-size:.75rem;color:var(--fg-muted);white-space:nowrap}.w3-flow-src-val{font-size:.75rem;font-weight:600;color:var(--fg)}.w3-flow-node{position:absolute;right:0;width:6px;border-radius:3px 0 0 3px;background:var(--mark)}.w3-flow-svg{grid-column:2;width:100%;height:100%;overflow:visible}.w3-flow-ribbon{fill:color-mix(in oklab,var(--mark) 58%,transparent);stroke:none;cursor:default;transition:fill var(--viz-dur-ui) var(--viz-ease-out),opacity var(--viz-dur-ui) var(--viz-ease-out)}.w3-flow-ribbon:hover{fill:color-mix(in oklab,var(--mark) 70%,transparent)}.w3-flow-ribbon[data-dim=true]{opacity:.35}.w3-flow-call{position:absolute;grid-column:3;left:0;right:0;display:grid;place-items:center;min-height:2px;border-radius:0 .5rem .5rem 0;background:color-mix(in oklab,var(--fg) 14%,var(--pbc-surface));box-shadow:inset 0 0 0 1px var(--viz-hairline);transform-origin:left center}.w3-flow-stage{grid-template-rows:100%}.w3-flow-call{grid-row:1}.w3-flow-call span{font-size:.6875rem;font-weight:600;color:var(--fg-muted);white-space:nowrap}.w3-flow-sum{margin:.625rem 0 0;font-size:.75rem;color:var(--fg-subtle);font-variant-numeric:tabular-nums}@container (max-width: 480px){.w3-flow-row{padding:.75rem .75rem .625rem}.w3-flow-stage{grid-template-columns:minmax(6.5rem,40%) minmax(2rem,1fr) 3.25rem}.w3-flow-src{right:.75rem}}[data-reveal=pending] .w3-flow-ribbon{clip-path:inset(0 100% 0 0)}[data-reveal=in] .w3-flow-ribbon{transition:clip-path var(--viz-dur-draw) var(--viz-ease-emph) calc(var(--viz-delay-marks) + .2s + var(--seq, 0ms)),fill var(--viz-dur-ui) ease,opacity var(--viz-dur-ui) ease}[data-reveal=pending] .w3-flow-node{transform:scaleY(0)}[data-reveal=in] .w3-flow-node{transition:transform var(--viz-dur-mark) var(--viz-ease-emph) var(--viz-delay-marks)}[data-reveal=pending] .w3-flow-src{opacity:0}[data-reveal=in] .w3-flow-src{transition:opacity var(--viz-dur-ui) ease var(--viz-delay-marks)}[data-reveal=pending] .w3-flow-call{transform:scaleX(0);opacity:0}[data-reveal=in] .w3-flow-call{transition:transform var(--viz-dur-mark) var(--viz-ease-emph) .9s,opacity var(--viz-dur-ui) ease .9s}@media (forced-colors: active){.w3-flow-ribbon{forced-color-adjust:none;fill:GrayText}.w3-flow-ribbon[data-slot="1"],.w3-flow-ribbon[data-slot="3"],.w3-flow-ribbon[data-slot="5"]{fill:Canvas;stroke:CanvasText;stroke-width:1.5px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.w3-flow-node,.w3-flow-call{forced-color-adjust:none;background:CanvasText}.w3-flow-node[data-slot="1"],.w3-flow-node[data-slot="3"],.w3-flow-node[data-slot="5"]{background:repeating-linear-gradient(45deg,CanvasText 0 2px,Canvas 2px 4px);box-shadow:inset 0 0 0 1px CanvasText}.w3-flow-call span{color:Canvas}.w3-flow .w3-pick button[aria-pressed=true]{forced-color-adjust:none;border:2px solid Highlight;background:Highlight;color:HighlightText}}@container (max-width: 640px){.w3-flow .w3-pick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-right:-.25rem}.w3-flow .w3-pick button{flex:none}}