.inventory-channels-demo .ic-caption{font:11px Arial,sans-serif;letter-spacing:.6px;fill:#bcccaa}.inventory-channels-demo .ic-label{font:14px Arial,sans-serif;fill:#d9e3cb}.inventory-channels-demo .ic-small{font:11px Arial,sans-serif;fill:#bccba9}.inventory-channels-demo .ic-tiny{font:9px Arial,sans-serif;fill:#b8c5a6}.inventory-channels-demo .ic-number{font:700 43px Arial,sans-serif;fill:#e4d6a5;transform-box:fill-box;transform-origin:center}.inventory-channels-demo .ic-orca{font:700 29px Arial,sans-serif;letter-spacing:5px;fill:#203020}.inventory-channels-demo .ic-channel{font:600 17px Arial,sans-serif;fill:#e5e6d2}.inventory-channels-demo .ic-channel-qty{font:700 32px Arial,sans-serif;fill:#e4d6a5;transform-box:fill-box;transform-origin:center}.inventory-channels-demo .ic-new,.inventory-channels-demo [class*="ic-next-"],.inventory-channels-demo .ic-feed,.inventory-channels-demo .ic-stock-packet{opacity:0}
.inventory-channels-demo .inv-stock{animation:ic-stock 10s infinite}.inventory-channels-demo .inv-bin{animation:ic-bin 10s infinite}.inventory-channels-demo .inv-scan-beam{animation:ic-scan 10s infinite}.inventory-channels-demo .ic-old{animation:ic-old 10s infinite}.inventory-channels-demo .ic-new{animation:ic-new 10s infinite}.inventory-channels-demo .ic-stock-packet{animation:ic-stock-packet 10s linear infinite}.inventory-channels-demo .ic-feed-0{animation:ic-feed-a 10s linear infinite}.inventory-channels-demo .ic-feed-1{animation:ic-feed-b 10s linear infinite}.inventory-channels-demo .ic-feed-2{animation:ic-feed-c 10s linear infinite}.inventory-channels-demo .ic-prev-0{animation:ic-prev-a 10s infinite}.inventory-channels-demo .ic-next-0{animation:ic-next-a 10s infinite}.inventory-channels-demo .ic-prev-1{animation:ic-prev-b 10s infinite}.inventory-channels-demo .ic-next-1{animation:ic-next-b 10s infinite}.inventory-channels-demo .ic-prev-2{animation:ic-prev-c 10s infinite}.inventory-channels-demo .ic-next-2{animation:ic-next-c 10s infinite}
@keyframes ic-stock{0%,2.4%{opacity:.15;transform:translateY(-35px)}9.6%,100%{opacity:1;transform:none}}@keyframes ic-bin{0%,9.6%{opacity:0}14.4%,100%{opacity:1}}@keyframes ic-scan{0%,11.2%{opacity:0}14.4%,18.4%{opacity:1}21.6%,100%{opacity:0}}@keyframes ic-old{0%,26.4%{opacity:1}27.2%,100%{opacity:0}}@keyframes ic-new{0%,26.4%{opacity:0}27.2%{opacity:1;fill:#fff0ba}34%,100%{opacity:1;fill:#e4d6a5}}@keyframes ic-stock-packet{0%,20%{transform:translate(300px,252px);opacity:0}20.8%{transform:translate(300px,252px);opacity:1}26.4%{transform:translate(350px,252px);opacity:1}27.2%,100%{opacity:0;transform:translate(350px,252px)}}
@keyframes ic-feed-a{0%,37.6%{transform:translate(650px,267px);opacity:0}38.4%{transform:translate(650px,267px);opacity:1}40.8%{transform:translate(700px,267px)}45.6%{transform:translate(700px,148px)}48%{transform:translate(750px,148px);opacity:1}48.8%,100%{transform:translate(750px,148px);opacity:0}}
@keyframes ic-feed-b{0%,47.2%{transform:translate(650px,267px);opacity:0}48%{transform:translate(650px,267px);opacity:1}54.4%{transform:translate(750px,267px);opacity:1}55.2%,100%{transform:translate(750px,267px);opacity:0}}
@keyframes ic-feed-c{0%,51.2%{transform:translate(650px,267px);opacity:0}52%{transform:translate(650px,267px);opacity:1}54.4%{transform:translate(700px,267px)}59.2%{transform:translate(700px,386px)}61.6%{transform:translate(750px,386px);opacity:1}62.4%,100%{transform:translate(750px,386px);opacity:0}}
@keyframes ic-prev-a{0%,48%{opacity:1}48.8%,100%{opacity:0}}@keyframes ic-next-a{0%,48%{opacity:0;transform:translateY(9px) scale(.85)}48.8%{opacity:1;transform:translateY(0) scale(1.22)}53.8%,100%{opacity:1;transform:none}}@keyframes ic-prev-b{0%,54.4%{opacity:1}55.2%,100%{opacity:0}}@keyframes ic-next-b{0%,54.4%{opacity:0;transform:translateY(9px) scale(.85)}55.2%{opacity:1;transform:translateY(0) scale(1.22)}60.2%,100%{opacity:1;transform:none}}@keyframes ic-prev-c{0%,61.6%{opacity:1}62.4%,100%{opacity:0}}@keyframes ic-next-c{0%,61.6%{opacity:0;transform:translateY(9px) scale(.85)}62.4%{opacity:1;transform:translateY(0) scale(1.22)}67.4%,100%{opacity:1;transform:none}}
.inventory-channels-demo.is-still .ic-old,.inventory-channels-demo.is-still [class*="ic-prev-"],.inventory-channels-demo.is-still .ic-feed,.inventory-channels-demo.is-still .ic-stock-packet{opacity:0}.inventory-channels-demo.is-still .ic-new,.inventory-channels-demo.is-still [class*="ic-next-"]{opacity:1}@media(prefers-reduced-motion:reduce){.inventory-channels-demo .ic-old,.inventory-channels-demo [class*="ic-prev-"],.inventory-channels-demo .ic-feed,.inventory-channels-demo .ic-stock-packet{opacity:0}.inventory-channels-demo .ic-new,.inventory-channels-demo [class*="ic-next-"]{opacity:1}}

.inventory-channels-demo .ic-route{fill:none;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 4px #c8db89);opacity:0}.inventory-channels-demo .ic-route-0{stroke:#e2cd8e;animation:ic-route-a 10s linear infinite}.inventory-channels-demo .ic-route-1{stroke:#b7d18b;animation:ic-route-b 10s linear infinite}.inventory-channels-demo .ic-route-2{stroke:#93c7b3;animation:ic-route-c 10s linear infinite}.inventory-channels-demo .ic-feed{filter:drop-shadow(0 0 6px #d3dd9b)}.inventory-channels-demo .ic-hub-glow{animation:ic-hub-glow 10s infinite}.inventory-channels-demo .ic-channel-frame-0{animation:ic-frame-a 10s infinite}.inventory-channels-demo .ic-channel-frame-1{animation:ic-frame-b 10s infinite}.inventory-channels-demo .ic-channel-frame-2{animation:ic-frame-c 10s infinite}.inventory-channels-demo .ic-confirm{opacity:0}.inventory-channels-demo .ic-confirm-0{animation:ic-confirm-a 10s infinite}.inventory-channels-demo .ic-confirm-1{animation:ic-confirm-b 10s infinite}.inventory-channels-demo .ic-confirm-2{animation:ic-confirm-c 10s infinite}
@keyframes ic-route-a{0%,37%{opacity:0;stroke-dashoffset:1}38%{opacity:1;stroke-dashoffset:1}49%,100%{opacity:.7;stroke-dashoffset:0}}@keyframes ic-route-b{0%,46%{opacity:0;stroke-dashoffset:1}47%{opacity:1;stroke-dashoffset:1}55%,100%{opacity:.7;stroke-dashoffset:0}}@keyframes ic-route-c{0%,50%{opacity:0;stroke-dashoffset:1}51%{opacity:1;stroke-dashoffset:1}63%,100%{opacity:.7;stroke-dashoffset:0}}
@keyframes ic-hub-glow{0%,22%{stroke:#a5a273;stroke-width:1}27%,32%{stroke:#eee0a4;stroke-width:4}40%,100%{stroke:#a5a273;stroke-width:1}}
@keyframes ic-frame-a{0%,48%{stroke:#6c8056;stroke-width:1;fill:#1c2d22}50%{stroke:#ecdc9d;stroke-width:3;fill:#3d5130}58%,100%{stroke:#acb880;stroke-width:1;fill:#233725}}
@keyframes ic-frame-b{0%,54%{stroke:#6c8056;stroke-width:1;fill:#1c2d22}56%{stroke:#cee7a2;stroke-width:3;fill:#3d5130}64%,100%{stroke:#acb880;stroke-width:1;fill:#233725}}
@keyframes ic-frame-c{0%,61%{stroke:#6c8056;stroke-width:1;fill:#1c2d22}63%{stroke:#b3e2cf;stroke-width:3;fill:#3d5130}71%,100%{stroke:#acb880;stroke-width:1;fill:#233725}}
@keyframes ic-confirm-a{0%,48%{opacity:0}51%,100%{opacity:1}}@keyframes ic-confirm-b{0%,55%{opacity:0}58%,100%{opacity:1}}@keyframes ic-confirm-c{0%,62%{opacity:0}65%,100%{opacity:1}}
.inventory-channels-demo.is-still .ic-route{opacity:.7;stroke-dashoffset:0}.inventory-channels-demo.is-still .ic-confirm{opacity:1}@media(prefers-reduced-motion:reduce){.inventory-channels-demo .ic-route{opacity:.7;stroke-dashoffset:0}.inventory-channels-demo .ic-confirm{opacity:1}}
.inventory-channels-demo .inv-scan-beam{filter:drop-shadow(0 0 8px #d5f39c)}.inventory-channels-demo .inv-bin{filter:drop-shadow(0 0 6px #d6dc96)}