/* Smooth theme transitions */
html,
body,
body *,
body *::before,
body *::after {
  transition-property: background-color, color, border-color, box-shadow, text-decoration-color, fill, stroke;
  transition-duration: .36s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}

html {
  transition-property: background-color;
}

body {
  transition-property: background-color, color;
}

@media (prefers-reduced-motion: reduce) {
  html,
  body,
  body *,
  body *::before,
  body *::after {
    transition-duration: .01ms !important;
    transition-delay: 0ms !important;
  }
}