:root{
  /* Motion is functional: it explains where something came from, never decorates.
     No bounce, no spring, no scale-in-from-nothing. */
  --duration-instant:80ms; /* @kind other */
  --duration-fast:120ms; /* @kind other */
  --duration-base:180ms; /* @kind other */
  --duration-slow:240ms; /* @kind other */
  --duration-deliberate:320ms; /* @kind other */

  --ease-standard:cubic-bezier(.2,0,0,1); /* @kind other */
  --ease-decelerate:cubic-bezier(0,0,0,1); /* @kind other */
  --ease-accelerate:cubic-bezier(.3,0,1,1); /* @kind other */
  --ease-emphasized:cubic-bezier(.2,0,0,1); /* @kind other */

  --transition-control:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard); /* @kind other */
  --transition-surface:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard); /* @kind other */
  --transition-overlay:opacity var(--duration-base) var(--ease-decelerate),transform var(--duration-base) var(--ease-decelerate); /* @kind other */
}
@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-deliberate:0ms; /* @kind other */
}}