/* Motion. Short, functional, Material-derived. Animation exists to explain
   where something came from — never to entertain. Nothing loops except
   indeterminate progress. Everything respects prefers-reduced-motion. */
:root{
  --duration-instant:70ms; /* @kind other */
  --duration-fast:120ms; /* @kind other */
  --duration-base:180ms; /* @kind other */
  --duration-slow:240ms; /* @kind other */
  --duration-overlay:280ms; /* @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-color:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard); /* @kind other */
  --transition-elevation:box-shadow var(--duration-base) var(--ease-standard); /* @kind other */
  --transition-transform:transform var(--duration-base) var(--ease-standard); /* @kind other */
  --transition-drawer:width var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard); /* @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-overlay:0ms; /* @kind other */}
}