.kp-order-process-grid{position:relative}
.kp-order-process-grid>li.kp-step-waiting{opacity:0;transform:translateX(-22px) translateY(10px)}
.kp-order-process-grid>li.kp-step-arriving{animation:kp-step-arrive .55s cubic-bezier(.22,.61,.36,1) both}
.kp-order-process-grid>.kp-step-arrow{position:absolute;pointer-events:none;z-index:2;color:#022451;width:52px;height:52px;display:grid;place-items:center;animation:kp-step-guide .36s ease both}
.kp-step-arrow svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes kp-step-arrive{from{opacity:0;transform:translateX(-22px) translateY(10px)}to{opacity:1;transform:none}}
@keyframes kp-step-guide{0%{opacity:0;transform:translateX(-14px)}35%,75%{opacity:1}100%{opacity:0;transform:translateX(12px)}}
@media(prefers-reduced-motion:reduce){.kp-order-process-grid>li.kp-step-waiting{opacity:1;transform:none}.kp-order-process-grid>li.kp-step-arriving{animation:none}.kp-order-process-grid>.kp-step-arrow{display:none}}