:root{
/* Motion is quick and slightly overshooting. Nothing eases slowly in;
   things snap. */
--dur-instant:80ms; /* @kind other */
--dur-fast:140ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:320ms; /* @kind other */
--dur-slower:520ms; /* @kind other */

--ease-snap:cubic-bezier(.16,1,.3,1); /* @kind other */
--ease-overshoot:cubic-bezier(.34,1.56,.64,1); /* @kind other */
--ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */

--transition-control:transform var(--dur-fast) var(--ease-overshoot),box-shadow var(--dur-fast) var(--ease-snap),background-color var(--dur-fast) linear,color var(--dur-fast) linear; /* @kind other */

/* Press = the element drops into its own shadow. */
--press-shift:translate(3px,3px); /* @kind other */
--hover-lift:translate(-1px,-1px); /* @kind other */
}