#app{
  background:#fcf8f5;
}
#app>.screen,#app>.vto-screen{
  opacity:1;
  transform:translateX(0) scale(1);
  transform-origin:50% 50%;
  transition:
    opacity 190ms ease,
    transform 220ms cubic-bezier(.22,.72,.26,1);
  will-change:opacity,transform;
}
#app.screen-transition-leaving>.screen,
#app.screen-transition-leaving>.vto-screen{
  opacity:0;
  transform:translateX(-11px) scale(.998);
  transition-duration:125ms;
  transition-timing-function:ease-in;
  pointer-events:none;
}
#app.screen-transition-entering>.screen,
#app.screen-transition-entering>.vto-screen{
  opacity:.18;
  transform:translateX(14px) scale(.998);
}
@media(prefers-reduced-motion:reduce){
  #app>.screen,#app>.vto-screen{transition:none!important;transform:none!important}
}