/* Reign's restrained interpretation of Transitions.dev panel, tab, check,
   feedback and skeleton patterns. No layout, input or business-state delays. */
:root {
  --motion-fast: 160ms;
  --motion-feedback: 180ms;
  --motion-panel: 220ms;
  --motion-ease: cubic-bezier(.22, 1, .36, 1);
}

/* The renderer plays these once per state edge, not on every polling render. */
[data-motion="panel"], [data-motion="backdrop"],
[data-motion="success"], [data-motion="check"] {
  animation: none;
  transition: none;
}
[data-motion="indicator"] { pointer-events: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  #app *, #app *::before, #app *::after,
  #inventory-app *, #inventory-app *::before, #inventory-app *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}