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