@media(prefers-reduced-motion:no-preference){
 .zebra-process > div > span {transition:transform 300ms cubic-bezier(.22,1,.36,1);}
 .zebra-process > div:hover > span {transform:translateY(-3px);}
 .zebra-process.is-running > div:not(:last-child) > span::after {
   animation:craft-arrow 650ms ease both;
   animation-delay:var(--step-delay,0ms);
 }
}
@keyframes craft-arrow {from {opacity:.12;} to {opacity:1;}}
@media(prefers-reduced-motion:reduce){
 .zebra-process > div > span {transition:none;transform:none;}
 .zebra-process > div > span::after {animation:none!important;}
}