.toast-overlay {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 80;
  color: $accent-2;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 280ms cubic-bezier(0.34, 1.56, 0.64, 1);
  filter: drop-shadow(0 4px 20px rgba(255, 138, 171, 0.6));
  pointer-events: none;
}

.toast-overlay--show {
  transform: translate(-50%, -50%) scale(1);
}

