.flow[data-astro-cid-bqigp2hy]{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid;position:relative}.flow[data-astro-cid-bqigp2hy]:before{content:"";background:linear-gradient(90deg, transparent, var(--line-3) 12%, var(--line-3) 88%, transparent);height:1px;position:absolute;top:116px;left:8%;right:8%}.step[data-astro-cid-bqigp2hy]{flex-direction:column;gap:24px;min-width:0;display:flex;position:relative}.frame[data-astro-cid-bqigp2hy]{border-radius:var(--r-16);background:var(--bg-0);box-shadow:inset 0 0 0 1px var(--line-1);transition:box-shadow .5s var(--ease-out-quad), opacity .5s var(--ease-out-quad);padding:6px;position:relative}.copy[data-astro-cid-bqigp2hy]{padding-inline:4px}.num[data-astro-cid-bqigp2hy]{font-family:var(--font-mono);letter-spacing:.12em;color:var(--fg-3);transition:color .5s var(--ease-out-quad);align-items:center;gap:10px;font-size:12px;display:inline-flex}.num-dot[data-astro-cid-bqigp2hy]{width:6px;height:6px;box-shadow:inset 0 0 0 1px var(--line-strong);transition:background-color .5s var(--ease-out-quad), box-shadow .5s var(--ease-out-quad);border-radius:50%}.copy[data-astro-cid-bqigp2hy] h3[data-astro-cid-bqigp2hy]{margin-top:14px}.text[data-astro-cid-bqigp2hy]{max-width:34ch;color:var(--fg-3);margin-top:8px;font-size:15px;line-height:1.55}.flow[data-astro-cid-bqigp2hy][data-running] .step[data-astro-cid-bqigp2hy][data-state=idle] .frame[data-astro-cid-bqigp2hy]{opacity:.55}.flow[data-astro-cid-bqigp2hy][data-running] .step[data-astro-cid-bqigp2hy][data-state=active] .frame[data-astro-cid-bqigp2hy]{box-shadow:inset 0 0 0 1px var(--line-3), 0 24px 60px -30px #000}.flow[data-astro-cid-bqigp2hy][data-running] .step[data-astro-cid-bqigp2hy][data-state=active] .num[data-astro-cid-bqigp2hy]{color:var(--fg-1)}.flow[data-astro-cid-bqigp2hy][data-running] .step[data-astro-cid-bqigp2hy][data-state=active] .num-dot[data-astro-cid-bqigp2hy],.flow[data-astro-cid-bqigp2hy][data-running] .step[data-astro-cid-bqigp2hy][data-state=done] .num-dot[data-astro-cid-bqigp2hy]{background:var(--fg-2);box-shadow:none}@media (width<=1024px){.flow[data-astro-cid-bqigp2hy]{grid-template-columns:minmax(0,1fr);gap:40px;max-width:520px}.flow[data-astro-cid-bqigp2hy]:before{display:none}.step[data-astro-cid-bqigp2hy]{gap:20px}}