:root{--motion-instant:90ms;--motion-tick:var(--dur-tick,.12s);--motion-state:var(--dur-motion,.14s);--motion-layout:var(--dur-motion-layout,.18s);--motion-enter:var(--dur-motion-surface,.22s);--motion-enter-expressive:.7s;--motion-alive:1.6s;--motion-attention:2.4s;--motion-ease:var(--ease-motion,cubic-bezier(.22, 1, .36, 1));--motion-ease-exit:var(--ease-motion-in,cubic-bezier(.4, 0, 1, 1));--motion-ease-alive:cubic-bezier(.45, 0, .55, 1);--motion-rise:6px;--motion-step:8px}@keyframes os-motion-rise{0%{opacity:0;transform:translateY(var(--motion-rise))}}@keyframes os-motion-fade{0%{opacity:0}}@keyframes os-motion-step{0%{opacity:0;transform:translateX(var(--motion-step))}}@keyframes os-motion-breathe{0%,to{transform:scale(1)}50%{transform:scale(.94)}}@keyframes os-motion-glow{0%,to{opacity:1}50%{opacity:.55}}@keyframes os-motion-ring{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(1.7)}}[data-motion=rise]{animation:os-motion-rise var(--motion-enter) var(--motion-ease) both}[data-motion=fade]{animation:os-motion-fade var(--motion-enter) var(--motion-ease) both}[data-motion=step]{animation:os-motion-step var(--motion-layout) var(--motion-ease) both}@media (prefers-reduced-motion:reduce){:root{--motion-rise:0px;--motion-step:0px}}