.theme-transition-enabled,
.theme-transition-enabled body,
.theme-transition-enabled .card,
.theme-transition-enabled .header,
.theme-transition-enabled .button,
.theme-transition-enabled .search-field {
  transition: background-color var(--duration-normal) var(--ease-standard), border-color var(--duration-normal) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard), color var(--duration-normal) var(--ease-standard), fill var(--duration-normal) var(--ease-standard), stroke var(--duration-normal) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);
}

.theme-transition-enabled svg,
.theme-transition-enabled svg * {
  transition: fill var(--duration-normal) var(--ease-standard), stroke var(--duration-normal) var(--ease-standard);
}

@keyframes roozio-spin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}