:root{
  --duration-instant:80ms; /* @kind other */
  --duration-fast:140ms; /* @kind other */
  --duration-base:220ms; /* @kind other */
  --duration-slow:420ms; /* @kind other */
  --duration-reveal:700ms; /* @kind other */

  /* Ease out for entrances, the "kick" for interactive feedback. No bounces. */
  --ease-out:cubic-bezier(0.22,1,0.36,1); /* @kind other */
  --ease-in-out:cubic-bezier(0.65,0,0.35,1); /* @kind other */
  --ease-kick:cubic-bezier(0.34,1.4,0.64,1); /* @kind other */

  --transition-interactive:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out); /* @kind other */
  --press-scale:0.985; /* @kind other */
  --press-offset:2px; /* @kind spacing */
}
@media (prefers-reduced-motion:reduce){
  :root{
    --duration-instant:0ms; /* @kind other */
    --duration-fast:0ms; /* @kind other */
    --duration-base:0ms; /* @kind other */
    --duration-slow:0ms; /* @kind other */
    --duration-reveal:0ms; /* @kind other */
  }
}