:root{
--duration-instant:80ms; /* @kind other */
--duration-fast:140ms; /* @kind other */
--duration-base:220ms; /* @kind other */
--duration-slow:360ms; /* @kind other */
--duration-page:520ms; /* @kind other */
--ease-standard:cubic-bezier(.2,.6,.25,1); /* @kind other */
--ease-out:cubic-bezier(0,.55,.35,1); /* @kind other */
--ease-in:cubic-bezier(.55,0,1,.45); /* @kind other */
/* No bounce, no spring overshoot: the brand reads calm and unhurried. */
--transition-control:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);
}