.flow[data-astro-cid-b4cvosw6]{--flow-step:1.6s;--flow-cycle:calc(var(--flow-step) * 4);--flow-pad:1.5rem;--flow-badge:2.25rem;--flow-gap:1rem;--flow-axis:calc(var(--flow-pad) + var(--flow-badge) / 2 + 1px);position:relative}.flow-n-3[data-astro-cid-b4cvosw6]{--flow-cycle:calc(var(--flow-step) * 3)}.flow-n-5[data-astro-cid-b4cvosw6]{--flow-cycle:calc(var(--flow-step) * 5)}.flow-n-6[data-astro-cid-b4cvosw6]{--flow-cycle:calc(var(--flow-step) * 6)}.flow-list[data-astro-cid-b4cvosw6]{gap:1.25rem;display:grid;position:relative}.flow-step[data-astro-cid-b4cvosw6]{padding:var(--flow-pad);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--shadow-card);gap:1rem;display:flex;position:relative}.flow-step[data-astro-cid-b4cvosw6]:after{content:"";border-radius:inherit;border:1.5px solid var(--color-brand);opacity:0;pointer-events:none;position:absolute;inset:-1px;box-shadow:0 0 0 4px #2f67ca14,0 18px 40px -22px #2f67ca99}.flow-head[data-astro-cid-b4cvosw6]{flex-direction:column;align-items:center;gap:.75rem;display:flex;position:relative}.flow-badge[data-astro-cid-b4cvosw6]{z-index:2;width:var(--flow-badge);height:var(--flow-badge);background:var(--color-brand-light);color:var(--color-brand);font-family:var(--font-mono);box-shadow:0 0 0 5px var(--color-surface);border-radius:999px;flex:none;place-items:center;font-size:.75rem;font-weight:600;display:grid;position:relative}.flow-icon[data-astro-cid-b4cvosw6]{z-index:2;color:var(--color-fg-subtle);background:var(--color-surface);border-radius:.5rem;padding:.25rem;display:none;position:relative}.flow-body[data-astro-cid-b4cvosw6]{min-width:0;padding-top:.3rem}.flow-track[data-astro-cid-b4cvosw6],.flow-rail[data-astro-cid-b4cvosw6]{z-index:1;pointer-events:none;position:absolute}.flow-line[data-astro-cid-b4cvosw6],.flow-dash[data-astro-cid-b4cvosw6],.flow-mover[data-astro-cid-b4cvosw6]{position:absolute;inset:0}.flow-line[data-astro-cid-b4cvosw6]{background:#2f67ca29;border-radius:2px}.flow-packet[data-astro-cid-b4cvosw6]{opacity:0;background:radial-gradient(circle at 35% 35%,#fff 0 18%,#7b9cff 40%,#2f67ca 100%);border-radius:999px;width:12px;height:12px;position:absolute;box-shadow:0 0 0 4px #7b9cff40,0 0 18px 4px #2f67ca8c}.flow-rail[data-astro-cid-b4cvosw6]{left:var(--flow-axis);top:var(--flow-axis);bottom:var(--flow-axis);width:2px;translate:-1px}.flow-rail[data-astro-cid-b4cvosw6] .flow-dash[data-astro-cid-b4cvosw6]{background:repeating-linear-gradient(#2f67ca8c 0 6px,#0000 6px 14px)}.flow-rail[data-astro-cid-b4cvosw6] .flow-packet[data-astro-cid-b4cvosw6]{top:0;left:50%;translate:-50% -50%}.flow-track[data-astro-cid-b4cvosw6]{display:none}@media (width>=64rem){.flow-list[data-astro-cid-b4cvosw6]{gap:var(--flow-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.flow-step[data-astro-cid-b4cvosw6]{flex-direction:column;gap:1.75rem}.flow-head[data-astro-cid-b4cvosw6]{flex-direction:row;justify-content:space-between}.flow-icon[data-astro-cid-b4cvosw6]{display:inline-grid}.flow-body[data-astro-cid-b4cvosw6]{padding-top:0}.flow-rail[data-astro-cid-b4cvosw6]{display:none}.flow-track[data-astro-cid-b4cvosw6]{top:var(--flow-axis);left:var(--flow-axis);height:2px;width:calc((100% + var(--flow-gap)) * 3 / 4);display:block;translate:0 -1px}.flow-n-3[data-astro-cid-b4cvosw6] .flow-track[data-astro-cid-b4cvosw6]{width:calc((100% + var(--flow-gap)) * 2 / 3)}.flow-n-5[data-astro-cid-b4cvosw6] .flow-track[data-astro-cid-b4cvosw6]{width:calc((100% + var(--flow-gap)) * 4 / 5)}.flow-n-6[data-astro-cid-b4cvosw6] .flow-track[data-astro-cid-b4cvosw6]{width:calc((100% + var(--flow-gap)) * 5 / 6)}.flow-track[data-astro-cid-b4cvosw6] .flow-dash[data-astro-cid-b4cvosw6]{background:repeating-linear-gradient(90deg,#2f67ca8c 0 6px,#0000 6px 14px)}.flow-track[data-astro-cid-b4cvosw6] .flow-packet[data-astro-cid-b4cvosw6]{top:50%;left:0;translate:-50% -50%}}@media (width<=63.99rem){.flow-step[data-astro-cid-b4cvosw6]:last-child .flow-head[data-astro-cid-b4cvosw6]:after{content:"";z-index:1;top:calc(var(--flow-badge) + 3px);bottom:calc(-1 * var(--flow-pad) + 1px);background:var(--color-surface);width:14px;position:absolute;left:50%;translate:-50%}}@media (prefers-reduced-motion:no-preference){.flow-track[data-astro-cid-b4cvosw6] .flow-dash[data-astro-cid-b4cvosw6]{animation:1.2s linear infinite flow-dash-x}.flow-rail[data-astro-cid-b4cvosw6] .flow-dash[data-astro-cid-b4cvosw6]{animation:1.2s linear infinite flow-dash-y}.flow-track[data-astro-cid-b4cvosw6] .flow-mover[data-astro-cid-b4cvosw6]{animation:flow-travel-x-4 var(--flow-cycle) linear infinite}.flow-rail[data-astro-cid-b4cvosw6] .flow-mover[data-astro-cid-b4cvosw6]{animation:flow-travel-y-4 var(--flow-cycle) linear infinite}.flow-n-3[data-astro-cid-b4cvosw6] .flow-track[data-astro-cid-b4cvosw6] .flow-mover[data-astro-cid-b4cvosw6]{animation-name:flow-travel-x-3}.flow-n-5[data-astro-cid-b4cvosw6] .flow-track[data-astro-cid-b4cvosw6] .flow-mover[data-astro-cid-b4cvosw6]{animation-name:flow-travel-x-5}.flow-n-6[data-astro-cid-b4cvosw6] .flow-track[data-astro-cid-b4cvosw6] .flow-mover[data-astro-cid-b4cvosw6]{animation-name:flow-travel-x-6}.flow-n-3[data-astro-cid-b4cvosw6] .flow-rail[data-astro-cid-b4cvosw6] .flow-mover[data-astro-cid-b4cvosw6]{animation-name:flow-travel-y-3}.flow-n-5[data-astro-cid-b4cvosw6] .flow-rail[data-astro-cid-b4cvosw6] .flow-mover[data-astro-cid-b4cvosw6]{animation-name:flow-travel-y-5}.flow-n-6[data-astro-cid-b4cvosw6] .flow-rail[data-astro-cid-b4cvosw6] .flow-mover[data-astro-cid-b4cvosw6]{animation-name:flow-travel-y-6}.flow-packet[data-astro-cid-b4cvosw6]{animation:flow-packet var(--flow-cycle) linear infinite}.flow-n-3[data-astro-cid-b4cvosw6] .flow-packet[data-astro-cid-b4cvosw6]{animation-name:flow-packet-3}.flow-n-5[data-astro-cid-b4cvosw6] .flow-packet[data-astro-cid-b4cvosw6]{animation-name:flow-packet-5}.flow-n-6[data-astro-cid-b4cvosw6] .flow-packet[data-astro-cid-b4cvosw6]{animation-name:flow-packet-6}.flow-badge[data-astro-cid-b4cvosw6]{animation:flow-badge var(--flow-cycle) var(--ease-out-expo) infinite}.flow-step[data-astro-cid-b4cvosw6]:after{animation:flow-card var(--flow-cycle) var(--ease-out-expo) infinite}.flow-step-2[data-astro-cid-b4cvosw6] .flow-badge[data-astro-cid-b4cvosw6],.flow-step-2[data-astro-cid-b4cvosw6]:after{animation-delay:calc(var(--flow-step) * 1)}.flow-step-3[data-astro-cid-b4cvosw6] .flow-badge[data-astro-cid-b4cvosw6],.flow-step-3[data-astro-cid-b4cvosw6]:after{animation-delay:calc(var(--flow-step) * 2)}.flow-step-4[data-astro-cid-b4cvosw6] .flow-badge[data-astro-cid-b4cvosw6],.flow-step-4[data-astro-cid-b4cvosw6]:after{animation-delay:calc(var(--flow-step) * 3)}.flow-step-5[data-astro-cid-b4cvosw6] .flow-badge[data-astro-cid-b4cvosw6],.flow-step-5[data-astro-cid-b4cvosw6]:after{animation-delay:calc(var(--flow-step) * 4)}.flow-step-6[data-astro-cid-b4cvosw6] .flow-badge[data-astro-cid-b4cvosw6],.flow-step-6[data-astro-cid-b4cvosw6]:after{animation-delay:calc(var(--flow-step) * 5)}}@keyframes flow-dash-x{to{background-position:14px 0}}@keyframes flow-dash-y{to{background-position:0 14px}}@keyframes flow-travel-x-3{0%{transform:translate(0)}66.667%,to{transform:translate(100%)}}@keyframes flow-travel-x-4{0%{transform:translate(0)}75%,to{transform:translate(100%)}}@keyframes flow-travel-x-5{0%{transform:translate(0)}80%,to{transform:translate(100%)}}@keyframes flow-travel-x-6{0%{transform:translate(0)}83.333%,to{transform:translate(100%)}}@keyframes flow-travel-y-3{0%{transform:translateY(0)}66.667%,to{transform:translateY(100%)}}@keyframes flow-travel-y-4{0%{transform:translateY(0)}75%,to{transform:translateY(100%)}}@keyframes flow-travel-y-5{0%{transform:translateY(0)}80%,to{transform:translateY(100%)}}@keyframes flow-travel-y-6{0%{transform:translateY(0)}83.333%,to{transform:translateY(100%)}}@keyframes flow-packet-3{0%{opacity:0}3%,66.667%{opacity:1}74%,to{opacity:0}}@keyframes flow-packet{0%{opacity:0}3%,75%{opacity:1}82%,to{opacity:0}}@keyframes flow-packet-5{0%{opacity:0}3%,80%{opacity:1}86%,to{opacity:0}}@keyframes flow-packet-6{0%{opacity:0}3%,83.333%{opacity:1}89%,to{opacity:0}}@keyframes flow-badge{0%,24%,to{box-shadow:0 0 0 5px var(--color-surface), 0 0 0 7px #2f67ca00;transform:scale(1)}5%{box-shadow:0 0 0 5px var(--color-surface), 0 0 0 8px #2f67ca8c, 0 0 18px 6px #7b9cff73;transform:scale(1.16)}14%{box-shadow:0 0 0 5px var(--color-surface), 0 0 0 7px #2f67ca40;transform:scale(1.04)}}@keyframes flow-card{0%{opacity:0}5%{opacity:1}20%,to{opacity:0}}
