/* A brief crossfade preserves gradients and artwork while the theme changes. */
html.theme-crossfade::view-transition-old(root),
html.theme-crossfade::view-transition-new(root) {
  animation-duration: 350ms;
  animation-timing-function: ease-in-out;
}
html.theme-colors-changing,
html.theme-colors-changing *,
html.theme-colors-changing *::before,
html.theme-colors-changing *::after {
  transition: color 350ms ease-in-out, background-color 350ms ease-in-out,
    border-color 350ms ease-in-out, box-shadow 350ms ease-in-out !important;
}
@media (prefers-reduced-motion: reduce) {
  html.theme-crossfade::view-transition-old(root),
  html.theme-crossfade::view-transition-new(root) { animation: none; }
  html.theme-colors-changing * { transition: none !important; }
}