/* Motion says "forward". Movement is directional (x/y translate), quick, and
   eased out. No bounce, no spring overshoot, no spin. */
:root{
  --sp-duration-instant:80ms; /* @kind other */
  --sp-duration-fast:140ms; /* @kind other */
  --sp-duration-base:220ms; /* @kind other */
  --sp-duration-slow:360ms; /* @kind other */
  --sp-duration-reveal:560ms; /* @kind other */

  --sp-ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --sp-ease-in-out:cubic-bezier(.4,0,.2,1); /* @kind other */
  --sp-ease-entrance:cubic-bezier(.16,.84,.44,1); /* @kind other */

  --sp-transition-control:background-color var(--sp-duration-fast) var(--sp-ease-out),color var(--sp-duration-fast) var(--sp-ease-out),border-color var(--sp-duration-fast) var(--sp-ease-out),box-shadow var(--sp-duration-fast) var(--sp-ease-out),transform var(--sp-duration-fast) var(--sp-ease-out),opacity var(--sp-duration-fast) var(--sp-ease-out); /* @kind other */
  --sp-transition-surface:box-shadow var(--sp-duration-base) var(--sp-ease-out),transform var(--sp-duration-base) var(--sp-ease-out); /* @kind other */

  --sp-lift-hover:translateY(-2px); /* @kind other */
  --sp-press-scale:.97; /* @kind other */
  --sp-nudge-x:4px; /* forward nudge on arrow/chevron hover. @kind spacing */
}