.product-art{min-width:0;margin:0}.product-art>div{width:100%}.product-art svg{width:100%;height:auto;display:block;overflow:visible}.product-art .art-level,.product-art .art-alarm-level,.product-art .art-temp,.product-art [class^=art-meter-]{transform-box:fill-box;transform-origin:bottom}.art-bar{transform-box:fill-box;transform-origin:0}.art-route-truck{transform:translate(75px,-16px)}.art-doc-travel{transform:translate(150px)}.art-barrier{transform-origin:115px 217px}.art-needle{transform-origin:183px 136px}.art-tas-arm{transform-origin:224px 100px}.art-draw{stroke-dasharray:1;stroke-dashoffset:0}.art-flow{stroke-dasharray:6 12}.is-active .art-flow{animation:3s linear 4 citia-flow}.is-active .art-tas-truck{animation:1.3s ease-out both citia-arrive}.is-active .art-tas-arm{animation:1s ease-out .8s both citia-arm}.is-active .art-level,.is-active .art-alarm-level,.is-active .art-temp{animation:1.8s ease-in-out both citia-rise}.is-active .art-radar,.is-active .art-signal,.is-active .art-rfid{animation:1.8s ease-out both citia-pulse}.is-active .art-pin{animation:1.2s ease-out 2.2s both citia-pulse}.is-active .art-draw{animation:2s ease-out both citia-draw}.is-active .art-doc-travel{animation:1.7s ease-out both citia-document}.is-active .art-seq-1{animation:.7s .3s both citia-led}.is-active .art-seq-2{animation:.7s .8s both citia-led}.is-active .art-seq-3{animation:.7s 1.3s both citia-led}.is-active .art-weigh-truck{animation:1.6s ease-out both citia-settle}.is-active .art-bar{animation:1.5s .7s both citia-fill}.is-active .art-barrier{animation:1.6s ease-in-out .6s both citia-gate}.is-active .art-card{animation:1.2s ease-in-out both citia-tap}.is-active .art-route-truck{animation:2.4s ease-in-out both citia-route}.is-active .art-beacon{animation:2s 1.8s both citia-flash}.is-active .art-shackle{animation:1s ease-out both citia-lock}.is-active .art-water{animation:2.4s ease-in-out both citia-water}.is-active .art-needle{animation:1.8s ease-in-out both citia-needle}.is-active .art-lens{animation:2s ease-in-out both citia-scan}.is-active .art-boxes{animation:2s ease-out both citia-boxes}.is-active .art-ring{animation:2s ease-out both citia-ring}.is-active .art-meter-1{animation:1.2s both citia-rise}.is-active .art-meter-2{animation:1.6s both citia-rise}.is-active .art-meter-3{animation:2s both citia-rise}@keyframes citia-flow{to{stroke-dashoffset:-36px}}@keyframes citia-arrive{0%{transform:translate(-65px)}to{transform:translate(0)}}@keyframes citia-arm{0%{transform:rotate(-26deg)}to{transform:rotate(0)}}@keyframes citia-rise{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@keyframes citia-pulse{0%{opacity:.15}35%{opacity:1}65%{opacity:.25}to{opacity:1}}@keyframes citia-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes citia-document{0%{opacity:.3;transform:translate(-45px)}to{opacity:1;transform:translate(150px)}}@keyframes citia-led{0%{opacity:.12}to{opacity:1}}@keyframes citia-settle{0%{transform:translate(-50px,-3px)}70%{transform:translateY(2px)}to{transform:translate(0)}}@keyframes citia-fill{0%{transform:scaleX(.1)}to{transform:scaleX(1)}}@keyframes citia-gate{0%{transform:rotate(43deg)}to{transform:rotate(0)}}@keyframes citia-tap{0%{transform:translate(-35px,10px)}55%{transform:translate(24px,-8px)}to{transform:translate(0)}}@keyframes citia-route{0%{transform:translate(-180px,150px)}35%{transform:translateY(150px)}65%{transform:translateY(-16px)}to{transform:translate(75px,-16px)}}@keyframes citia-flash{0%,30%,60%,to{opacity:1}15%,45%{opacity:.15}}@keyframes citia-lock{0%{transform:translateY(-22px)}to{transform:translateY(0)}}@keyframes citia-water{0%{transform:translateY(18px)}65%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes citia-needle{0%{transform:rotate(-95deg)}75%{transform:rotate(8deg)}to{transform:rotate(0)}}@keyframes citia-scan{0%{transform:translate(-30px,-26px)}50%{transform:translate(8px,-12px)}to{transform:translate(0)}}@keyframes citia-boxes{0%{transform:translate(-42px)}to{transform:translate(0)}}@keyframes citia-ring{0%{stroke-dashoffset:.76px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.product-art svg *{animation:none!important}}