/* Motion confirms actions and reveals surfaces. It does not decorate. Sections never animate on scroll. */
:root{
--duration-fast:120ms; /* @kind other */
--duration-medium:200ms; /* @kind other */
--duration-leave:160ms; /* @kind other */
--ease-enter:ease-out; /* @kind other */
--ease-leave:ease-in; /* @kind other */
--transition-interactive:color var(--duration-fast) var(--ease-enter),background-color var(--duration-fast) var(--ease-enter),border-color var(--duration-fast) var(--ease-enter),box-shadow var(--duration-fast) var(--ease-enter);
--transition-surface:opacity var(--duration-medium) var(--ease-enter),transform var(--duration-medium) var(--ease-enter)}
@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms; /* @kind other */
--duration-medium:0ms; /* @kind other */
--duration-leave:0ms /* @kind other */}*,*::before,*::after{transition-duration:0ms !important;animation-duration:0ms !important}}