:root{
  --arq-ease:cubic-bezier(.2,0,0,1); /* @kind other */
  --arq-t-fast:140ms; /* @kind other */
  --arq-t-base:220ms; /* @kind other */
  --arq-t-slow:420ms; /* @kind other */
  --arq-t-reveal:900ms; /* @kind other */
  --arq-stagger:60ms; /* @kind other */
  --arq-shift:12px;
  --arq-shift-max:16px;
}

@keyframes arq-rise{from{opacity:0;transform:translateY(var(--arq-shift))}to{opacity:1;transform:none}}
@keyframes arq-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes arq-mask{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes arq-sweep{from{transform:translateX(-101%)}to{transform:translateX(0)}}
@keyframes arq-settle{from{transform:rotate(-14deg) scale(.94);opacity:0}to{transform:none;opacity:1}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}
}