.tool-illustration{--ease:cubic-bezier(.2,.8,.2,1);direction:ltr;width:100%;min-width:0;height:100%;min-height:0;position:relative}.tool-illustration>svg{width:90%;height:90%;display:block;position:absolute;inset:5%;overflow:visible}.tool-illustration .needle{transform-origin:100px 100px;animation:3.6s ease-in-out infinite tools-needle}.tool-illustration .hop{animation:tools-hop 4.8s var(--ease) infinite}.tool-illustration .hop2{animation:tools-hop2 4.8s var(--ease) infinite}.tool-illustration .wire{stroke-dasharray:300;stroke-dashoffset:300px;animation:tools-wire 5s var(--ease) infinite}.tool-illustration .flow{stroke-dasharray:6 8;animation:1.2s linear infinite tools-flow}.tool-illustration .pulse-node{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite tools-pnode}.tool-illustration .slide-block{animation:tools-sblock 4.5s var(--ease) infinite;transform-box:fill-box}.tool-illustration .field-row{opacity:0;animation:tools-frow 5s var(--ease) infinite}.tool-illustration .cell{animation:tools-cell 5s var(--ease) infinite;transform-box:fill-box;transform-origin:50%}.tool-illustration .range-l{animation:4s ease-in-out infinite tools-rangeL}.tool-illustration .range-r{animation:4s ease-in-out infinite tools-rangeR}.tool-illustration .range-fill{animation:4s ease-in-out infinite tools-rangeF}@keyframes tools-needle{0%{transform:rotate(-70deg)}35%{transform:rotate(25deg)}45%{transform:rotate(12deg)}70%{transform:rotate(38deg)}to{transform:rotate(-70deg)}}@keyframes tools-hop{0%,15%{transform:translate(0)}35%,65%{transform:translate(62px)}85%,to{transform:translate(0)}}@keyframes tools-hop2{0%,25%{opacity:1;transform:translate(0)}45%,70%{opacity:.35;transform:translate(124px)}90%,to{opacity:1;transform:translate(0)}}@keyframes tools-wire{0%{stroke-dashoffset:300px}45%,75%{stroke-dashoffset:0}to{stroke-dashoffset:-300px}}@keyframes tools-flow{to{stroke-dashoffset:-28px}}@keyframes tools-pnode{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes tools-sblock{0%{opacity:0;transform:translate(-120%)}20%,80%{opacity:1;transform:none}to{opacity:0;transform:translate(120%)}}@keyframes tools-frow{0%{opacity:0;transform:translateY(6px)}15%,80%{opacity:1;transform:none}to{opacity:0}}@keyframes tools-cell{0%,20%{rx:2;transform:scale(1)}45%,75%{rx:8;transform:scale(1.08)}to{rx:2;transform:scale(1)}}@keyframes tools-rangeL{0%,to{transform:translate(0)}50%{transform:translate(26px)}}@keyframes tools-rangeR{0%,to{transform:translate(0)}50%{transform:translate(-18px)}}@keyframes tools-rangeF{0%,to{transform:scaleX(1)}50%{transform:scaleX(.78)}}@keyframes tools-barg{0%,15%{transform:scaleX(.2)}45%,80%{transform:scaleX(1)}to{transform:scaleX(.2)}}.tool-illustration .barg{transform-box:fill-box;transform-origin:0;animation:tools-barg 4.5s var(--ease) infinite}@keyframes tools-gapPulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.tool-illustration .gp{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite tools-gapPulse}@keyframes tools-slide{0%,10%{transform:translate(0)}45%,60%{transform:translateX(var(--d))}95%,to{transform:translate(0)}}@keyframes tools-starfill{0%,15%{opacity:.2}35%,85%{opacity:1}to{opacity:.2}}.tool-illustration .star{animation:4s infinite tools-starfill}@keyframes tools-rise{0%,20%{transform:translateY(0)}50%,80%{transform:translateY(-14px)}to{transform:translateY(0)}}.tool-illustration .rise{transform-box:fill-box;animation:tools-rise 4s var(--ease) infinite}@keyframes tools-travel{0%{offset-distance:0%;opacity:0}10%,90%{opacity:1}to{offset-distance:100%;opacity:0}}@media (prefers-reduced-motion:reduce){.tool-illustration *,.tool-illustration :before,.tool-illustration :after{animation:none!important}.tool-illustration .wire{stroke-dashoffset:0}.tool-illustration .field-row,.tool-illustration .slide-block{opacity:1;transform:none}}
