:root{
/* Everything eases out. No bounce, no spring, no overshoot anywhere. */
--ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
--ease-in-out:cubic-bezier(.4,0,.2,1); /* @kind other */
--ease-material:cubic-bezier(.16,.84,.44,1); /* @kind other */ /* long reveals, image wipes */

--dur-instant:90ms; /* @kind other */
--dur-fast:160ms; /* @kind other */   /* hover, focus */
--dur-base:240ms; /* @kind other */   /* buttons, small state change */
--dur-slow:420ms; /* @kind other */   /* panel, dialog */
--dur-reveal:720ms; /* @kind other */ /* scroll-in fade + rise */
--dur-wipe:1100ms; /* @kind other */  /* trowel wipe / material reveal */

--rise-distance:14px; /* @kind spacing */  /* scroll reveal translate */
--stagger:90ms; /* @kind other */
}
@media (prefers-reduced-motion:reduce){
:root{
--dur-reveal:1ms; /* @kind other */
--dur-wipe:1ms; /* @kind other */
--rise-distance:0px; /* @kind spacing */
--stagger:0ms; /* @kind other */
}
}