/* Each mechanism has its own response: damped fuel, acceleration, revs, gear detents. */
.precision-gauge.sweeping[data-part="0"] .gauge-needle{animation:fuel-response 4.6s ease-in-out both}.precision-gauge.sweeping[data-part="1"] .gauge-needle{animation:speed-response 3.4s cubic-bezier(.4,0,.25,1) both}.precision-gauge.sweeping[data-part="2"] .gauge-needle{animation:rpm-response 2.1s cubic-bezier(.22,.6,.3,1) both}.precision-gauge.sweeping[data-part="3"] .gauge-needle{animation:gear-response 3.6s linear both}
@keyframes fuel-response{0%{transform:rotate(-135deg)}58%{transform:rotate(135deg)}65%{transform:rotate(135deg)}100%{transform:rotate(var(--rest))}}
@keyframes speed-response{0%{transform:rotate(-135deg)}12%{transform:rotate(-110deg)}28%{transform:rotate(-30deg)}47%{transform:rotate(135deg)}54%{transform:rotate(135deg)}100%{transform:rotate(var(--rest))}}
@keyframes rpm-response{0%{transform:rotate(-135deg)}26%{transform:rotate(135deg)}34%{transform:rotate(124deg)}41%{transform:rotate(132deg)}100%{transform:rotate(var(--rest))}}
@keyframes gear-response{0%,7%{transform:rotate(-135deg)}9%,16%{transform:rotate(-96deg)}18%,25%{transform:rotate(-58deg)}27%,34%{transform:rotate(-19deg)}36%,43%{transform:rotate(19deg)}45%,52%{transform:rotate(58deg)}54%,61%{transform:rotate(96deg)}63%,70%{transform:rotate(135deg)}72%,79%{transform:rotate(96deg)}81%,88%{transform:rotate(58deg)}90%,100%{transform:rotate(var(--rest))}}
@media(prefers-reduced-motion:reduce){.precision-gauge.sweeping .gauge-needle{animation:none!important}}