/* Motion — short, calm, no bounce. Everything eases out. */
:root{
--duration-instant:80ms; /* @kind other */
--duration-fast:140ms; /* @kind other */
--duration-normal:220ms; /* @kind other */
--duration-slow:360ms; /* @kind other */
--duration-slower:600ms; /* @kind other */
--ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
--ease-in-out:cubic-bezier(.45,.05,.55,.95); /* @kind other */
--ease-entrance:cubic-bezier(.16,.84,.44,1); /* @kind other */
--transition-color:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);
--transition-elevation:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);
--transition-collapse:height var(--duration-normal) var(--ease-out),opacity var(--duration-fast) var(--ease-out);
--press-scale:.985; /* @kind other */
--hover-lift:-2px /* @kind spacing */
}
@media(prefers-reduced-motion:reduce){:root{
--duration-instant:0ms; /* @kind other */
--duration-fast:0ms; /* @kind other */
--duration-normal:0ms; /* @kind other */
--duration-slow:0ms; /* @kind other */
--duration-slower:0ms; /* @kind other */
--press-scale:1; /* @kind other */
--hover-lift:0px /* @kind spacing */
}}