/* motion-city: /jobs + /hire metro pages and /hardest-to-fill. transform/opacity only; final state is the default. */
.rr-motion-pay{margin:18px 0 6px;max-width:720px}
.rr-motion-track{position:relative;height:10px;border-radius:999px;background:var(--s200)}
.rr-motion-fill{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--acc);transform-origin:0 50%}
.rr-motion-mark{position:absolute;top:-5px;width:4px;height:20px;margin-left:-2px;border-radius:2px;background:var(--navy)}
.rr-motion-legend{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:13.5px;color:var(--s600)}
.rr-motion-legend b{display:block;color:var(--navy);font-size:15px}
.rr-motion-legend span:nth-child(2){text-align:center}.rr-motion-legend span:last-child{text-align:right}
.rr-motion-score{display:inline-block;width:96px;height:6px;border-radius:999px;background:var(--s200);overflow:hidden;vertical-align:middle}
.rr-motion-score i{display:block;height:100%;background:var(--hard);transform-origin:0 50%;transform:scaleX(var(--rr-s,1))}
.rr-motion-score.elev i{background:var(--elev)}.rr-motion-score.std i{background:var(--std)}
@media (prefers-reduced-motion:no-preference) and (scripting:enabled){
.rr-motion-fill,.rr-motion-score i{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.rr-motion-mark{transition:opacity .3s .6s,transform .3s .6s}
.rr-motion-row{transition:opacity .45s,transform .45s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rr-d,0s)}
.rr-motion-score i{transition-delay:calc(var(--rr-d,0s) + .2s)}
.rr-motion-pay:not(.rr-motion-in) .rr-motion-fill,.rr-motion-row:not(.rr-motion-in) .rr-motion-score i{transform:scaleX(0)}
.rr-motion-pay:not(.rr-motion-in) .rr-motion-mark{opacity:0;transform:translateY(-6px)}
.rr-motion-row:not(.rr-motion-in){opacity:0;transform:translateY(14px)}
/* Failsafe: if the script never runs, show everything after 2.5s. The script cancels this on load. */
.rr-motion-pay:not(.rr-motion-in) .rr-motion-fill,.rr-motion-pay:not(.rr-motion-in) .rr-motion-mark,.rr-motion-row:not(.rr-motion-in),.rr-motion-row:not(.rr-motion-in) .rr-motion-score i{animation:rr-motion-show 0s 2.5s forwards}
.rr-motion-js .rr-motion-pay *,.rr-motion-js .rr-motion-row,.rr-motion-js .rr-motion-row *{animation:none!important}
}
@keyframes rr-motion-show{to{opacity:1;transform:none}}