/* Floating notifications stay above the page actions on every shared shell. */
.app-toast-stack{
  top:20px;
  right:20px;
  bottom:auto;
  flex-direction:column;
}

.app-toast{
  animation:app-toast-in-top .18s ease-out;
}

@keyframes app-toast-in-top{
  from{opacity:0;transform:translateY(-10px)}
  to{opacity:1;transform:none}
}

/* Fallbacks retained by the operational and branding screens. */
.flash{
  top:20px;
  right:20px;
  bottom:auto;
  z-index:3000;
}

.tenant-brand-toast{
  top:22px;
  right:22px;
  bottom:auto;
  z-index:3000;
}

@media(max-width:640px){
  .app-toast-stack,.flash,.tenant-brand-toast{
    top:12px;
    right:12px;
    bottom:auto;
  }
}