@view-transition { navigation: auto; }
::view-transition-group(root) { animation-duration: var(--psbt-duration,700ms); }
::view-transition-old(root), ::view-transition-new(root) {
  mix-blend-mode: normal;
  animation-duration: var(--psbt-duration,700ms);
  animation-timing-function: var(--psbt-easing,cubic-bezier(.22,1,.36,1));
  animation-fill-mode: both;
}
::view-transition-old(root) { animation-name: psbt-out; }
::view-transition-new(root) { animation-name: psbt-in; }
@keyframes psbt-out {
  from { opacity: 1; filter: blur(0); }
  to { opacity: var(--psbt-fade,0); filter: blur(var(--psbt-blur,14px)); }
}
@keyframes psbt-in {
  from { opacity: var(--psbt-fade,0); filter: blur(var(--psbt-blur,14px)); }
  to { opacity: 1; filter: blur(0); }
}
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}