#app-view{view-transition-name:app-view}::view-transition-old(app-view){animation:app-view-old var(--dur-navigation) var(--ease-view) both}::view-transition-new(app-view){animation:app-view-new var(--dur-view) var(--ease-view) var(--dur-view-delay) both}#app-view.is-view-leaving{animation:app-view-old var(--dur-navigation) var(--ease-view) both}#app-view.is-view-entering{animation:app-view-new var(--dur-view) var(--ease-view) var(--dur-view-delay) both}@keyframes app-view-old{0%{opacity:1}to{opacity:0}}@keyframes app-view-new{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){::view-transition-old(app-view),::view-transition-new(app-view),#app-view.is-view-leaving,#app-view.is-view-entering{animation:none}}