@layer components{.aflow{--aflow-gold:var(--color-viz-gold);--aflow-line:var(--color-neutral-400);--aflow-cut:14px}@media (min-width:1024px){.aflow-stick{top:calc(var(--site-header-h) + 16px);height:min(100%, calc(100dvh - var(--site-header-h) - 40px));position:sticky}}.aflow-gap{flex:1000 1 0;min-height:48px;max-height:72px}.aflow-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-neutral-0);box-shadow:0 1px 2px #070d260a,0 6px 16px -8px #070d261a}.aflow-agent{--aflow-rest:0 2px 4px #070d260f, 0 14px 36px -8px #070d2624;border:1.5px solid var(--aflow-gold);box-shadow:var(--aflow-rest)}.aflow-label{white-space:nowrap}.aflow-vline{-webkit-mask-image:linear-gradient(#000 calc(50% - var(--aflow-cut)), transparent 0 calc(50% + var(--aflow-cut)), #000 0);mask-image:linear-gradient(#000 calc(50% - var(--aflow-cut)), transparent 0 calc(50% + var(--aflow-cut)), #000 0)}.aflow-merge svg{-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-size:100% 100%, 80px calc(2 * var(--aflow-cut));mask-size:100% 100%, 80px calc(2 * var(--aflow-cut));-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}.aflow-vline{background-color:var(--aflow-line);transform-origin:50% 0;width:2px;margin-left:-1px;position:absolute;inset:0 auto 0 50%}.aflow-chip-go{color:#0e6e4b;background-color:#e7f5ef;border-color:#bfe3d3}.aflow-chip-move{color:var(--color-brand-blue);background-color:#e6ebf5;border-color:#c5d1ec}.aflow-chip-alert{color:#a3261c;background-color:#fbeae8;border-color:#f1c9c5}.aflow-line,.aflow-pulse{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.aflow-line{stroke:var(--aflow-line);stroke-width:1.75px;stroke-dasharray:100}.aflow-pulse{stroke:var(--aflow-gold);stroke-width:4.5px;stroke-dasharray:4 120;stroke-dashoffset:4px;opacity:0}@media (prefers-reduced-motion:no-preference){.motion[data-anim]:not([data-anim=reset]) :is(.aflow-source,.aflow-agent,.aflow-crew,.aflow-decision){animation:motion-rise .5s var(--motion-ease) calc(var(--motion-delay) + var(--aflow-at,0s)) both}.aflow-crew{--aflow-at:1.65s}.aflow-decision{--aflow-at:2.15s}.motion[data-anim]:not([data-anim=reset]) .aflow-agent{animation:motion-rise .5s var(--motion-ease) calc(var(--motion-delay) + .9s) both, aflow-glow 1.3s ease-out calc(var(--motion-delay) + 1s) both}.motion[data-anim]:not([data-anim=reset]) .aflow-line{animation:aflow-draw .5s var(--motion-ease) calc(var(--motion-delay) + .3s) both}.motion[data-anim]:not([data-anim=reset]) .aflow-line-stem{animation-duration:.2s;animation-delay:calc(var(--motion-delay) + .75s)}.motion[data-anim]:not([data-anim=reset]) .aflow-merge .aflow-label{animation:motion-fade .4s ease-out calc(var(--motion-delay) + .6s) both}.motion[data-anim]:not([data-anim=reset]) .aflow-pulse{animation:aflow-pulse .6s ease-in calc(var(--motion-delay) + .4s + var(--aflow-lag,0s)) both, aflow-pulse-loop 4s linear calc(var(--motion-delay) + 4.5s + var(--aflow-lag,0s)) infinite}.aflow-pulse-engine{--aflow-lag:.15s}.motion[data-anim]:not([data-anim=reset]) .aflow-vline{animation:aflow-draw-v .35s var(--motion-ease) calc(var(--motion-delay) + var(--aflow-at)) both}.motion[data-anim]:not([data-anim=reset]) .aflow-link .aflow-label{animation:motion-fade .4s ease-out calc(var(--motion-delay) + var(--aflow-at) + .15s) both}.aflow-link-answers{--aflow-at:1.4s}.aflow-link-decide{--aflow-at:2s}.motion[data-anim]:not([data-anim=reset]) .aflow-chip{animation:motion-pop-in .4s var(--motion-ease) calc(var(--motion-delay) + 2.3s + var(--chip,0) * .12s) both}.aflow-chip:nth-child(2){--chip:1}.aflow-chip:nth-child(3){--chip:2}}@media (not (min-width:768px)) and (prefers-reduced-motion:no-preference){.motion.aflow[data-anim]:not([data-anim=reset]) :is(.aflow-source,.aflow-agent,.aflow-crew,.aflow-decision,.aflow-line,.aflow-vline,.aflow-label,.aflow-chip){animation:none}.aflow{transition:opacity .3s ease-out}.aflow[data-below]{opacity:0}}}@keyframes aflow-draw{0%{stroke-dashoffset:100px}}@keyframes aflow-draw-v{0%{transform:scaleY(0)}}@keyframes aflow-pulse{0%{opacity:0;stroke-dashoffset:4px}10%,85%{opacity:1}to{opacity:0;stroke-dashoffset:-100px}}@keyframes aflow-pulse-loop{0%{opacity:0;stroke-dashoffset:4px}3%,17%{opacity:.55}20%,to{opacity:0;stroke-dashoffset:-100px}}@keyframes aflow-glow{35%{box-shadow:var(--aflow-rest), 0 0 0 4px #e6ba2d38, 0 0 32px #e6ba2d73}}
