.orders-caption{font:10px Arial,sans-serif;letter-spacing:.6px;fill:#bdcbaa}.orders-heading{font:18px Arial,sans-serif;fill:#e4e8d0}.orders-small{font:11px Arial,sans-serif;fill:#b6c6a5}.orders-label{font:14px Arial,sans-serif;fill:#e0e5cc}.orders-linked{animation:orders-link 12s infinite}.orders-packet{animation:orders-packet 12s infinite}.orders-received{animation:orders-received 12s infinite}.orders-processing{animation:orders-processing 12s infinite}.orders-shipped{animation:orders-shipped 12s infinite}.orders-progress{stroke-dasharray:506;animation:orders-progress 12s infinite}.orders-dot-two{animation:orders-dot-two 12s infinite}.orders-dot-three{animation:orders-dot-three 12s infinite}.orders-demo svg [class^="orders-"]{animation-delay:var(--orders-start,-5.5s)}
@keyframes orders-link{0%,12%{opacity:0}23%,95%{opacity:1}100%{opacity:0}}@keyframes orders-packet{0%,2%{transform:translateX(0);opacity:0}5%{transform:translateX(0);opacity:1}17%{transform:translateX(113px);opacity:1}21%,100%{transform:translateX(113px);opacity:0}}@keyframes orders-received{0%,34%{opacity:1}35%,100%{opacity:0}}@keyframes orders-processing{0%,34%{opacity:0}35%,67%{opacity:1}68%,100%{opacity:0}}@keyframes orders-shipped{0%,67%{opacity:0}68%,95%{opacity:1}100%{opacity:0}}@keyframes orders-progress{0%,24%{stroke-dashoffset:506}40%,57%{stroke-dashoffset:253}72%,100%{stroke-dashoffset:0}}@keyframes orders-dot-two{0%,34%{fill:#455c3c}35%,100%{fill:#d4c18a}}@keyframes orders-dot-three{0%,67%{fill:#455c3c}68%,100%{fill:#c2d7a3}}
.orders-demo.is-still .orders-received,.orders-demo.is-still .orders-processing,.orders-demo.is-still .orders-packet{opacity:0}.orders-demo.is-still .orders-shipped,.orders-demo.is-still .orders-linked{opacity:1}.orders-demo.is-still .orders-progress{stroke-dashoffset:0}.orders-demo.is-still .orders-dot-two,.orders-demo.is-still .orders-dot-three{fill:#c2d7a3}@media(prefers-reduced-motion:reduce){.orders-demo .orders-received,.orders-demo .orders-processing,.orders-demo .orders-packet{opacity:0}}