:root{
--dur-fast:120ms; /* @kind other */
--dur-base:180ms; /* @kind other */
--dur-slow:280ms; /* @kind other */
--dur-slower:420ms; /* @kind other */
--ease-standard:cubic-bezier(.2,.6,.2,1); /* @kind other */
--ease-out:cubic-bezier(.16,.84,.44,1); /* @kind other */
--ease-in:cubic-bezier(.5,0,.9,.4); /* @kind other */
--ease-drive:cubic-bezier(.34,.9,.28,1); /* @kind other */
--transition-control:background-color var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-standard); /* @kind other */
--transition-card:transform var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out),border-color var(--dur-base) var(--ease-standard); /* @kind other */
--lift-hover:-3px; /* @kind spacing */
--press-scale:.98; /* @kind other */
}
/* ease-standard = quick out, soft settle (the default). ease-drive = vehicle-like slides and carousels. */
@media (prefers-reduced-motion:reduce){:root{
--dur-fast:1ms; /* @kind other */
--dur-base:1ms; /* @kind other */
--dur-slow:1ms; /* @kind other */
--dur-slower:1ms; /* @kind other */
--lift-hover:0px; /* @kind spacing */
--press-scale:1; /* @kind other */
}}
