.data-flow-container[data-v-57fba645]{align-items:center;display:flex;justify-content:center;min-height:60px;padding:1rem;position:relative}.data-flow-container.horizontal[data-v-57fba645]{flex-direction:row;min-width:120px}.data-flow-container.vertical[data-v-57fba645]{flex-direction:column;min-height:120px;min-width:60px}.flow-line[data-v-57fba645]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.flow-arrow[data-v-57fba645]{height:auto;max-width:200px;opacity:.6;transition:opacity .3s ease;width:100%}.data-flow-container[data-animating=true] .flow-arrow[data-v-57fba645]{opacity:1}.flow-arrow.vertical[data-v-57fba645]{max-height:200px;max-width:none}.particles[data-v-57fba645]{inset:0;pointer-events:none;position:absolute}.particle[data-v-57fba645]{background:linear-gradient(135deg,#0ea5e9,#10b981);border-radius:50%;height:8px;opacity:0;position:absolute;width:8px}.horizontal .particle[data-v-57fba645]{animation:flowHorizontal-57fba645 1.5s ease-in-out forwards;left:0;top:50%;transform:translateY(-50%)}.vertical .particle[data-v-57fba645]{animation:flowVertical-57fba645 1.5s ease-in-out forwards;left:50%;top:0;transform:translate(-50%)}.variant.subtle .flow-arrow[data-v-57fba645]{opacity:.3}.variant.subtle[data-animating=true] .flow-arrow[data-v-57fba645]{opacity:.6}@keyframes flowHorizontal-57fba645{0%{left:0;opacity:0;transform:translateY(-50%) scale(.5)}20%{opacity:1;transform:translateY(-50%) scale(1)}80%{opacity:1;transform:translateY(-50%) scale(1)}to{left:100%;opacity:0;transform:translateY(-50%) scale(.5)}}@keyframes flowVertical-57fba645{0%{opacity:0;top:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;top:100%;transform:translate(-50%) scale(.5)}}.particle-fade-enter-active[data-v-57fba645],.particle-fade-leave-active[data-v-57fba645]{transition:opacity .3s ease}.particle-fade-enter-from[data-v-57fba645],.particle-fade-leave-to[data-v-57fba645]{opacity:0}@media(prefers-color-scheme:dark){.flow-arrow[data-v-57fba645]{filter:brightness(1.2)}}