.hw-fade-out {
  animation: hw-fade-out var(--page-fade-dur, 250ms) var(--page-fade-ease, ease) both;
}

.hw-fade-in {
  animation: hw-fade-in var(--page-fade-dur, 250ms) var(--page-fade-ease, ease) both;
}

@keyframes hw-fade-out {
  to {
    opacity: 0;
  }
}

@keyframes hw-fade-in {
  from {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hw-fade-out,
  .hw-fade-in {
    animation-duration: 1ms;
  }
}