/* OMGS ATV drag-mat animation. Requires the inline contents of img/atv.svg inside .atv-rig. */
.atv-track{--atv-w:300px;--atv-dur:8s;position:relative;height:calc(var(--atv-w)*.42);overflow:hidden;
  background:#b9774a radial-gradient(circle at 30% 40%,#a3663d 1px,transparent 1.5px) 0 0/10px 10px;border-top:4px solid #fff;border-radius:6px}
.atv-trail{position:absolute;right:71%;top:calc(var(--atv-w)*.42*.18 - var(--atv-w)*.42*.98 + var(--atv-w)*.375);height:200vh;width:300vw;
  background:repeating-linear-gradient(180deg,#c58256 0 9px,#9d6038 9px 12px);
  animation:atv-trail var(--atv-dur) linear infinite}
.atv-rig{position:absolute;bottom:2%;left:calc(-1*var(--atv-w));width:var(--atv-w);animation:atv-drive var(--atv-dur) linear infinite}
.atv-rig svg{position:relative;z-index:1;display:block;width:100%;height:auto}
.atv-rig .atv-wheel{animation:atv-spin .7s linear infinite}
.atv-rig .atv-body{animation:atv-bump .25s ease-in-out infinite alternate}
@keyframes atv-drive{0%{left:calc(-1*var(--atv-w))}80%,100%{left:100%}}
@keyframes atv-trail{0%,80%{opacity:1}95%,100%{opacity:0}}
@keyframes atv-spin{to{transform:rotate(360deg)}}
@keyframes atv-bump{to{transform:translateY(1.5px)}}
@media (prefers-reduced-motion:reduce){
  .atv-rig,.atv-trail,.atv-rig .atv-wheel,.atv-rig .atv-body{animation:none}
  .atv-rig{left:calc(55% - var(--atv-w)/2)}
}