@keyframes present
{
  from { transform: translateY(0); }
  to   { transform: translateY(calc(100vh - 100%)); } 
}

#dialog
{
  display:   none;
  position:  fixed;
  top:       0;
  right:     0;
  transform: translateY(0);
}

#dialog.present
{
  display:     block;
  animation:   present 5s linear forwards;
  will-change: transform;
}