/* Motion only. Layout and colors live in app.css and ui-tokens.css. */
html[data-motion="on"] :is(.topbar #nav a, .scan-table tr, .queue-item) {
  transition:
    background-color 150ms ease,
    color 150ms ease;
}
html[data-motion="on"] #refreshData[aria-busy="true"] svg {
  animation: terminal-refresh 1s linear infinite;
}
html[data-motion="off"] *,
html[data-motion="off"] *:before,
html[data-motion="off"] *:after {
  animation: none !important;
  transition: none !important;
}
@keyframes terminal-refresh {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}