.flow:where(.astro-hhlwsdvo){--lane: 2.25rem;--ok: #34d399;--bad: #f87171;--accent-400: #60a5fa;--accent-500: #3b82f6;--accent-600: #2563eb}@media(min-width:768px){.flow:where(.astro-hhlwsdvo){--lane: 15rem}}.flow-row:where(.astro-hhlwsdvo){position:relative;display:grid;grid-template-columns:var(--lane) auto minmax(0,1fr);align-items:center;gap:.75rem;padding:.7rem .9rem .7rem 0;border-radius:1.1rem;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff14;transition:background-color .3s ease,box-shadow .3s ease}@media(min-width:1024px){.flow-row:where(.astro-hhlwsdvo){grid-template-columns:var(--lane) auto minmax(0,1fr) auto}}.flow-lane:where(.astro-hhlwsdvo){position:relative;align-self:stretch;display:grid;place-items:center}.flow-lane:where(.astro-hhlwsdvo):before{content:"";position:absolute;left:50%;top:-.7rem;bottom:-.7rem;width:2px;transform:translate(-50%);background:#ffffff1f}.flow-row:where(.astro-hhlwsdvo):first-child .flow-lane:where(.astro-hhlwsdvo):before{top:50%}.flow-end:where(.astro-hhlwsdvo) .flow-lane:where(.astro-hhlwsdvo):before{bottom:50%}.flow-node:where(.astro-hhlwsdvo){position:relative;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:999px;background:#1b1b1b;box-shadow:0 0 0 2px #ffffff2e;color:#0a0a0a;transition:background-color .25s ease,box-shadow .25s ease}.flow-node:where(.astro-hhlwsdvo) svg{display:none}.flow-icon:where(.astro-hhlwsdvo){display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.8rem;background:#ffffff12;color:#fff;transition:background-color .3s ease,color .3s ease}.flow-chips:where(.astro-hhlwsdvo){display:none;flex-wrap:wrap;justify-content:flex-end;gap:.35rem;max-width:15rem}@media(min-width:1024px){.flow-chips:where(.astro-hhlwsdvo){display:flex}}.flow-chips:where(.astro-hhlwsdvo) span:where(.astro-hhlwsdvo){border-radius:999px;padding:.15rem .55rem;font:500 .7rem/1.4 var(--font-mono, ui-monospace, monospace);color:#ffffffb3;background:#ffffff12}.flow-reason:where(.astro-hhlwsdvo),.flow-done:where(.astro-hhlwsdvo){display:none;margin-top:.35rem;width:fit-content;border-radius:999px;padding:.15rem .6rem;font:600 .75rem/1.4 var(--font-mono, ui-monospace, monospace)}.flow-reason:where(.astro-hhlwsdvo){color:#fecaca;background:#f8717129}.flow-done:where(.astro-hhlwsdvo){color:#a7f3d0;background:#34d39924}.flow-row:where(.astro-hhlwsdvo)[data-state=active]{background:color-mix(in oklab,var(--accent-500) 12%,transparent);box-shadow:inset 0 0 0 1.5px var(--accent-400)}.flow-row:where(.astro-hhlwsdvo)[data-state=active] .flow-icon:where(.astro-hhlwsdvo){background:var(--accent-600);color:#fff}.flow-row:where(.astro-hhlwsdvo)[data-state=pass] .flow-node:where(.astro-hhlwsdvo){background:var(--ok);box-shadow:0 0 0 2px color-mix(in oklab,var(--ok) 40%,transparent)}.flow-row:where(.astro-hhlwsdvo)[data-state=pass] .flow-node:where(.astro-hhlwsdvo) .flow-ok:where(.astro-hhlwsdvo){display:block}.flow-row:where(.astro-hhlwsdvo)[data-state=block]{background:#f871711a;box-shadow:inset 0 0 0 1.5px var(--bad)}.flow-row:where(.astro-hhlwsdvo)[data-state=block] .flow-icon:where(.astro-hhlwsdvo){background:var(--bad);color:#fff}.flow-row:where(.astro-hhlwsdvo)[data-state=block] .flow-node:where(.astro-hhlwsdvo){background:var(--bad);box-shadow:0 0 0 2px #f8717166}.flow-row:where(.astro-hhlwsdvo)[data-state=block] .flow-node:where(.astro-hhlwsdvo) .flow-x:where(.astro-hhlwsdvo){display:block}.flow-row:where(.astro-hhlwsdvo)[data-state=block] .flow-reason:where(.astro-hhlwsdvo){display:block}.flow-end:where(.astro-hhlwsdvo)[data-state=done]{background:#34d39914;box-shadow:inset 0 0 0 1.5px var(--ok)}.flow-end:where(.astro-hhlwsdvo)[data-state=done] .flow-icon:where(.astro-hhlwsdvo){background:var(--ok);color:#06120d}.flow-end:where(.astro-hhlwsdvo)[data-state=done] .flow-node:where(.astro-hhlwsdvo){background:var(--ok)}.flow-end:where(.astro-hhlwsdvo)[data-state=done] .flow-node:where(.astro-hhlwsdvo) .flow-ok:where(.astro-hhlwsdvo){display:block}.flow-end:where(.astro-hhlwsdvo)[data-state=done] .flow-done:where(.astro-hhlwsdvo){display:block}.flow-chain:where(.astro-hhlwsdvo){display:none;gap:4px}@media(min-width:1024px){.flow-chain:where(.astro-hhlwsdvo){display:flex}}.flow-chain:where(.astro-hhlwsdvo) span:where(.astro-hhlwsdvo){width:1.1rem;height:1.1rem;border-radius:.3rem;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1a;transition:background-color .3s ease}.flow-chain:where(.astro-hhlwsdvo) span:where(.astro-hhlwsdvo)[data-on]{background:color-mix(in oklab,var(--ok) 70%,transparent)}.flow-chain:where(.astro-hhlwsdvo) span:where(.astro-hhlwsdvo)[data-new]{animation:flow-block .6s cubic-bezier(.22,1,.36,1)}@keyframes flow-block{0%{transform:translateY(-10px) scale(.6);opacity:0}}.flow-packet:where(.astro-hhlwsdvo){position:absolute;left:0;top:0;z-index:2;display:inline-flex;align-items:center;gap:.4rem;max-width:calc(var(--lane) - .5rem);padding:.3rem .65rem .3rem .35rem;border-radius:999px;background:#fff;color:#0a0a0a;box-shadow:0 10px 24px -10px #0009;opacity:0;transition:background-color .2s ease,color .2s ease;will-change:transform,opacity}.flow-packet-icon:where(.astro-hhlwsdvo){display:grid;place-items:center;flex:none;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--accent-500);color:#fff}.flow-packet-label:where(.astro-hhlwsdvo){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:600 .72rem/1.2 var(--font-mono, ui-monospace, monospace)}.flow-packet:where(.astro-hhlwsdvo)[data-bad]{background:var(--bad);color:#fff}.flow-packet:where(.astro-hhlwsdvo)[data-bad] .flow-packet-icon:where(.astro-hhlwsdvo){background:#7f1d1d}@media(max-width:767px){.flow-packet:where(.astro-hhlwsdvo){padding:.15rem;max-width:none}.flow-packet-label:where(.astro-hhlwsdvo){display:none}}.flow-live:where(.astro-hhlwsdvo){animation:flow-pulse 1.6s ease-in-out infinite}@keyframes flow-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.flow-live:where(.astro-hhlwsdvo),.flow-chain:where(.astro-hhlwsdvo) span:where(.astro-hhlwsdvo)[data-new]{animation:none}.flow-row:where(.astro-hhlwsdvo),.flow-icon:where(.astro-hhlwsdvo),.flow-node:where(.astro-hhlwsdvo),.flow-packet:where(.astro-hhlwsdvo){transition:none}}