@keyframes toast-from-top {
  0% {
    transform: translateY(-100%);
    opacity: 0%;
  }

  100% {
    transform: translateY(0);
    opacity: 100%;
  }
}

.toast-from-top {
  top: 0.75rem;
  animation: toast-from-top 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.guide-view .toast-from-top {
  top: 5rem;
}