/* One coordinated cycle: demand, shortage, buyer review, delivery, receipt. */
.demand-purchasing-demo .pd-caption{font:10px Arial,sans-serif;letter-spacing:.8px;fill:#becbab}.demand-purchasing-demo .pd-label{font:14px Arial,sans-serif;fill:#e4e8d3}.demand-purchasing-demo .pd-tiny{font:10px Arial,sans-serif;fill:#bdcaa8}.demand-purchasing-demo .pd-small{font:12px Arial,sans-serif;fill:#c2ceaf}.demand-purchasing-demo .pd-value{font:bold 25px Arial,sans-serif;fill:#e2cb91}.demand-purchasing-demo .pd-number{font:bold 35px Arial,sans-serif;fill:#e2cb91}.demand-purchasing-demo .pd-orca{font:bold 29px Arial,sans-serif;letter-spacing:5px;fill:#203321}
.pd-order-0{animation:pd-order-a 12s infinite}.pd-order-1{animation:pd-order-b 12s infinite}.pd-order-2{animation:pd-order-c 12s infinite}.pd-demand{animation:pd-demand 12s infinite}.pd-demand-token{animation:pd-demand-token 12s infinite}.pd-hub{animation:pd-hub 12s infinite}.pd-gap{animation:pd-gap 12s infinite}.pd-route{animation:pd-route 12s infinite}.pd-review{animation:pd-review 12s infinite}.pd-sent{animation:pd-sent 12s infinite}.pd-received{animation:pd-received 12s infinite}.pd-approval{animation:pd-approval 12s infinite;transform-box:fill-box;transform-origin:center}.pd-po-token{animation:pd-po-token 12s infinite}.pd-restock{animation:pd-restock 12s infinite}.pd-stock-old{animation:pd-stock-old 12s infinite}.pd-stock-new{animation:pd-stock-new 12s infinite}.pd-delivery{animation:pd-delivery 12s infinite}.pd-ready{animation:pd-ready 12s infinite}
@keyframes pd-order-a{0%{opacity:0;transform:translateX(-15px)}5%,100%{opacity:1;transform:translateX(0)}}
@keyframes pd-order-b{0%,4%{opacity:0;transform:translateX(-15px)}10%,100%{opacity:1;transform:translateX(0)}}
@keyframes pd-order-c{0%,9%{opacity:0;transform:translateX(-15px)}15%,100%{opacity:1;transform:translateX(0)}}
@keyframes pd-demand{0%,14%{opacity:0}17%,100%{opacity:1}}
@keyframes pd-demand-token{0%,16%{opacity:0;transform:translate(244px,170px)}18%{opacity:1;transform:translate(244px,170px)}25%{opacity:1;transform:translate(295px,170px)}27%,100%{opacity:0;transform:translate(295px,170px)}}
@keyframes pd-hub{0%,23%,38%,100%{stroke:#96a070;stroke-width:1}28%,33%{stroke:#efda9c;stroke-width:3}}
@keyframes pd-gap{0%,26%{opacity:0}31%,100%{opacity:1}}
@keyframes pd-route{0%,43%{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}45%{opacity:1;stroke-dashoffset:1}53%,100%{opacity:1;stroke-dashoffset:0}}
@keyframes pd-review{0%,31%{opacity:0}35%,45%{opacity:1}46%,100%{opacity:0}}
@keyframes pd-sent{0%,45%{opacity:0}46%,76%{opacity:1}77%,100%{opacity:0}}
@keyframes pd-received{0%,76%{opacity:0}78%,100%{opacity:1}}
@keyframes pd-approval{0%,37%{opacity:0;transform:scale(.8)}39%{opacity:1;transform:scale(1)}44%{opacity:0;transform:scale(1.7)}100%{opacity:0;transform:scale(1.7)}}
@keyframes pd-po-token{0%,44%{opacity:0;transform:translate(610px,176px)}46%{opacity:1;transform:translate(610px,176px)}53%{opacity:1;transform:translate(710px,176px)}55%,100%{opacity:0;transform:translate(710px,176px)}}
@keyframes pd-delivery{0%,54%{opacity:0;transform:translate(842px,328px)}57%{opacity:1;transform:translate(842px,328px)}63%{opacity:1;transform:translate(842px,400px)}74%{opacity:1;transform:translate(510px,400px)}77%,100%{opacity:0;transform:translate(480px,400px)}}
@keyframes pd-restock{0%,75%{opacity:0;transform:translateY(-15px)}80%,100%{opacity:1;transform:translateY(0)}}
@keyframes pd-stock-old{0%,78%{opacity:1}79%,100%{opacity:0}}
@keyframes pd-stock-new{0%,78%{opacity:0}79%,86%{opacity:1;fill:#f5e1a5}92%,100%{opacity:1;fill:#e2cb91}}
@keyframes pd-ready{0%,81%{opacity:0}85%,100%{opacity:1}}
.demand-purchasing-demo.is-still :is(.pd-demand-token,.pd-po-token,.pd-delivery,.pd-approval,.pd-review,.pd-sent,.pd-stock-old){opacity:0}.demand-purchasing-demo.is-still :is(.pd-order,.pd-demand,.pd-gap,.pd-received,.pd-restock,.pd-stock-new,.pd-ready){opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.demand-purchasing-demo svg *{animation:none!important}.demand-purchasing-demo :is(.pd-demand-token,.pd-po-token,.pd-delivery,.pd-approval,.pd-review,.pd-sent,.pd-stock-old){opacity:0}.demand-purchasing-demo :is(.pd-order,.pd-demand,.pd-gap,.pd-received,.pd-restock,.pd-stock-new,.pd-ready){opacity:1;transform:none}}