.toast-item {
  opacity: 0;
  transform: translateY(0.625rem) scale(0.98);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.toast-item[data-position^="top"] {
  transform: translateY(-0.625rem) scale(0.98);
}

.toast-item[data-state="open"] {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.toast-item[data-state="closing"] {
  opacity: 0;
  transform: translateY(0.5rem) scale(0.96);
}

.toast-item[data-state="closing"][data-position^="top"] {
  transform: translateY(-0.5rem) scale(0.96);
}