/* HP 1.5.7 R22: real document navigation, no delayed click or hidden body. */
:root {
  --hp-page-fade-out: 500ms;
  --hp-page-fade-in: 500ms;
}
@view-transition { navigation: auto; }
::view-transition-group(root) {
  animation-duration: max(var(--hp-page-fade-out), var(--hp-page-fade-in));
  animation-timing-function: ease-in-out;
}
::view-transition-image-pair(root) { isolation: isolate; }
::view-transition-old(root) {
  animation: hp-page-fade-out var(--hp-page-fade-out) ease-in-out both;
  mix-blend-mode: plus-lighter;
}
::view-transition-new(root) {
  animation: hp-page-fade-in var(--hp-page-fade-in) ease-in-out both;
  mix-blend-mode: plus-lighter;
}
@keyframes hp-page-fade-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes hp-page-fade-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none !important; }
}

:root{--hp-page-fade-out:500ms;--hp-page-fade-in:1000ms;--hp-field-number-size:16px;}