@keyframes order-flow-dot-appear{0%{opacity:.2}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.order-flow-arrow{--order-flow-draw-duration:2s;--order-flow-fade-duration:.3s;--order-flow-start-delay:0s}.order-flow-arrow[data-draw=ready] :is(.order-flow-dot,.order-flow-tip){opacity:.2}.order-flow-arrow[data-draw=true] :is(.order-flow-dot,.order-flow-tip){animation:order-flow-dot-appear var(--order-flow-fade-duration) cubic-bezier(.22, 1, .36, 1) both;animation-delay:calc(var(--order-flow-start-delay) + var(--order-flow-draw-duration) * var(--order-flow-dot-progress))}@media (min-width:48rem){.order-flow-arrow[data-variant="1"]{--order-flow-start-delay:calc(var(--order-flow-draw-duration) + var(--order-flow-fade-duration) + .1s)}}}