.flow:where(.astro-m2w5fyqf){--flow-accent: var(--sl-color-accent, #4f46e5);--flow-glow: color-mix(in srgb, var(--flow-accent), transparent 72%);display:flex;flex-direction:column;align-items:center;gap:0;margin:1.75rem 0;padding:.25rem 0}.flow__node:where(.astro-m2w5fyqf){position:relative;z-index:1;width:100%;max-width:19rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem;padding:.85rem 1rem;text-align:left;border:1px solid transparent;border-radius:.75rem;background:radial-gradient(circle at top left,var(--flow-glow),transparent 44%) padding-box,linear-gradient(var(--sl-color-bg),var(--sl-color-bg)) padding-box,linear-gradient(135deg,var(--flow-accent),var(--sl-color-gray-5) 68%) border-box;box-shadow:0 10px 24px #0000001f,inset 0 1px color-mix(in srgb,var(--sl-color-white),transparent 90%);opacity:0;transform:translateY(.45rem) scale(.98);animation:flow-node-in .48s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * .1s)}.flow__badge:where(.astro-m2w5fyqf){position:absolute;top:-.55rem;left:.8rem;display:grid;place-items:center;width:1.25rem;height:1.25rem;border:1px solid color-mix(in srgb,var(--flow-accent),var(--sl-color-bg) 35%);border-radius:999px;background:var(--sl-color-bg);color:var(--sl-color-accent-high);font-size:.68rem;font-weight:600;line-height:1}.flow__icon-shell:where(.astro-m2w5fyqf){display:grid;place-items:center;flex:0 0 auto;width:2.35rem;height:2.35rem;border-radius:.65rem;background:linear-gradient(180deg,color-mix(in srgb,var(--flow-accent),transparent 72%),transparent),var(--sl-color-gray-6);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--flow-accent),transparent 35%)}.flow__icon:where(.astro-m2w5fyqf){font-size:1.25rem;line-height:1}.flow__text:where(.astro-m2w5fyqf){display:flex;flex-direction:column;gap:.1rem}.flow__line:where(.astro-m2w5fyqf){font-size:.88rem;font-weight:600;line-height:1.3;color:var(--sl-color-white)}.flow__line--muted:where(.astro-m2w5fyqf){font-size:.78rem;font-weight:400;color:var(--sl-color-gray-3)}.flow__connector:where(.astro-m2w5fyqf){position:relative;z-index:2;width:100%;height:2.15rem;margin-block:-2px;opacity:0;animation:flow-connector-in .4s ease forwards;animation-delay:calc(var(--i) * .12s + .18s)}.flow__rail:where(.astro-m2w5fyqf){position:absolute;top:0;bottom:.35rem;left:50%;width:2px;transform:translate(-50%);border-radius:2px;background-color:var(--sl-color-gray-4);background-image:repeating-linear-gradient(to bottom,var(--flow-accent) 0 5px,transparent 5px 14px);background-size:100% 14px;background-repeat:repeat-y;animation:flow-dash 1.4s linear infinite}.flow__tip:where(.astro-m2w5fyqf){position:absolute;left:50%;bottom:-1px;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--flow-accent)}@keyframes flow-node-in{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes flow-connector-in{to{opacity:1}}@keyframes flow-dash{to{background-position-y:14px}}@media(min-width:720px){.flow:where(.astro-m2w5fyqf){flex-direction:row;justify-content:center;align-items:stretch;gap:0;padding:.75rem 0}.flow__node:where(.astro-m2w5fyqf){width:min(11.5rem,18vw);min-height:6.2rem;flex-direction:column;justify-content:center;text-align:center;gap:.55rem;padding:1rem .85rem}.flow__badge:where(.astro-m2w5fyqf){left:50%;transform:translate(-50%)}.flow__connector:where(.astro-m2w5fyqf){width:clamp(2.25rem,5vw,4rem);height:auto;min-height:6.2rem;margin:0 -1px}.flow__rail:where(.astro-m2w5fyqf){top:50%;right:.35rem;bottom:auto;left:0;width:auto;height:2px;transform:translateY(-50%);background-image:repeating-linear-gradient(to right,var(--flow-accent) 0 5px,transparent 5px 14px);background-size:14px 100%;background-repeat:repeat-x;animation-name:flow-dash-x}.flow__tip:where(.astro-m2w5fyqf){inset:50% -1px auto auto;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--flow-accent);border-right:0}}@keyframes flow-dash-x{to{background-position-x:14px}}@media(prefers-reduced-motion:reduce){.flow__node:where(.astro-m2w5fyqf),.flow__connector:where(.astro-m2w5fyqf){opacity:1;transform:none;animation:none}.flow__rail:where(.astro-m2w5fyqf){animation:none}}