:root{
  /* Restrained, architectural motion: things move once, quickly, and stop. */
  --duration-instant:80ms;/* @kind other */
  --duration-fast:140ms;/* @kind other */
  --duration-base:220ms;/* @kind other */
  --duration-slow:400ms;/* @kind other */
  --duration-slide:600ms;/* @kind other */

  --ease-standard:cubic-bezier(.2,0,0,1);/* @kind other */
  --ease-out:cubic-bezier(.16,1,.3,1);/* @kind other */
  --ease-in:cubic-bezier(.7,0,.84,0);/* @kind other */
  --ease-linear:linear;/* @kind other */

  --transition-hover: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 */

  --press-scale:0.98;/* @kind other */
  --hover-tint:rgba(0,0,0,.06);
  --hover-tint-inverse:rgba(255,255,255,.12);
}
@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-slide:0ms;/* @kind other */}
}