:root{--m-ease:cubic-bezier(.2, .8, .2, 1);--m-ease-in-out:cubic-bezier(.65, 0, .35, 1);--m-fast:.2s;--m-base:.5s;--m-slow:.7s;--m-stagger:70ms}@media (prefers-reduced-motion:no-preference){html[data-motion] [data-reveal]{transition:opacity var(--m-slow) var(--m-ease), transform var(--m-slow) var(--m-ease);transition-delay:calc(var(--i,0) * var(--m-stagger))}html[data-motion] [data-reveal]:not([data-shown]){opacity:0;transform:translateY(10px)}html[data-motion] [data-grow]{transform-origin:0;transition:transform .9s var(--m-ease);transition-delay:calc(.2s + var(--i,0) * 90ms)}html[data-motion] [data-reveal]:not([data-shown]) [data-grow]{transform:scaleX(0)}html[data-motion] [data-loop]:not([data-playing]) *,html[data-motion] [data-loop]:not([data-playing]) :before,html[data-motion] [data-loop]:not([data-playing]) :after{animation-play-state:paused!important}.m-rise{animation:m-rise .8s var(--m-ease) .12s both}.m-toast-in{animation:m-toast-in var(--m-base) var(--m-ease) 1.1s both}html[data-motion] .m-toast-cycle{animation:m-toast-cycle 12s var(--m-ease) 7s infinite}html[data-motion] .m-step{animation:m-step var(--dur,10s) var(--m-ease) var(--d,0s) infinite backwards}html[data-motion] .m-step-out{animation:m-step-out var(--dur,10s) var(--m-ease) var(--d,0s) infinite backwards}html[data-motion] .m-wipe{transform-origin:100%;animation:m-wipe var(--dur,10s) var(--m-ease-in-out) var(--d,0s) infinite backwards}html[data-motion] .m-orbit{animation:m-spin var(--dur,40s) linear infinite}html[data-motion] .m-orbit.m-reverse{animation-direction:reverse}html[data-motion] .m-orbit>*>.m-upright{animation:m-spin var(--dur,40s) linear infinite reverse}html[data-motion] .m-orbit.m-reverse>*>.m-upright{animation-direction:normal}html[data-motion] .m-ripple{animation:m-ripple 4.5s var(--m-ease) infinite}html[data-motion] .m-swap-a{animation:m-swap-a var(--dur,9s) var(--m-ease) var(--d,0s) infinite}html[data-motion] .m-swap-b{animation:m-swap-b var(--dur,9s) var(--m-ease) var(--d,0s) infinite}}.m-swap-b,.m-step-out{opacity:0}.m-wipe{transform:scaleX(0)}@keyframes m-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes m-toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes m-toast-cycle{0%,86%{opacity:1;transform:none}90%{opacity:0;transform:translateY(4px)}95%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes m-step{0%{opacity:0;transform:translateY(4px)}5%,82%{opacity:1;transform:none}88%,to{opacity:0;transform:none}}@keyframes m-step-out{0%{opacity:1}5%,88%{opacity:0}94%,to{opacity:1}}@keyframes m-wipe{0%{transform:scaleX(1)}9%,to{transform:scaleX(0)}}@keyframes m-spin{to{transform:rotate(360deg)}}@keyframes m-ripple{0%{opacity:.7;transform:scale(.55)}70%,to{opacity:0;transform:scale(1.35)}}@keyframes m-swap-a{0%,42%{opacity:1;transform:none}47%,92%{opacity:0;transform:translateY(-3px)}97%,to{opacity:1;transform:none}}@keyframes m-swap-b{0%,45%{opacity:0;transform:translateY(3px)}50%,90%{opacity:1;transform:none}95%,to{opacity:0;transform:translateY(3px)}}
