/* SuDu Motion 1.0.0. Page fades use Web Animations; the working DOM stays intact. */
:root {
  --sudu-motion-ease: cubic-bezier(.16, 1, .3, 1);
  --sudu-motion-page: 850ms;
  --sudu-motion-panel: 300ms;
  --sudu-motion-feedback: 200ms;
  --sudu-motion-loading-delay: 180ms;
}
@keyframes sudu-loading-arrive {
  from { opacity: 0; }
  to { opacity: 1; }
}
[data-sudu-loading] {
  animation: sudu-loading-arrive var(--sudu-motion-feedback) var(--sudu-motion-ease)
    var(--sudu-motion-loading-delay) both;
}
@media (prefers-reduced-motion: reduce) {
  [data-sudu-loading] { animation: none; }
}
@media print {
  [data-sudu-loading] { animation: none; }
}