.flujo{grid-template-columns:minmax(0,1fr);display:grid}.flujo--bucle{grid-template-columns:minmax(0,1fr) 1.75rem}.flujo-lista{grid-area:1/1/-1;grid-template-rows:subgrid;display:grid}.flujo-corchete{border:2px dashed var(--line);border-left:0;border-radius:0 12px 12px 0;grid-column:2;margin-top:1rem;margin-bottom:-1rem;margin-left:.35rem;transition:border-color .3s;position:relative}.flujo-corchete:before{content:"";border:4px solid #0000;border-right:6px solid var(--line);transition:border-right-color .3s;position:absolute;top:-5px;left:-2px}.flujo-corchete--activo{border-color:var(--brand)}.flujo-corchete--activo:before{border-right-color:var(--brand)}.flujo-conexion{position:relative}.flujo-paquete{background:var(--brand);width:8px;height:5px;box-shadow:0 0 0 2px var(--card);border-radius:1.5px;position:absolute}.flujo-paquete--baja{animation:.9s cubic-bezier(.4,0,.2,1) both flujo-baja;left:50%;translate:-50%}.flujo-paquete--sube{animation:1.1s cubic-bezier(.4,0,.2,1) both flujo-sube;right:-5px}@keyframes flujo-baja{0%{opacity:1;top:0}to{opacity:0;top:100%}}@keyframes flujo-sube{0%{opacity:1;top:100%}to{opacity:0;top:0}}