@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pop {
  0% { opacity: 0; transform: scale(0.96); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes shake-small {
  0%, 100% { transform: translateX(0); }
  30% { transform: translateX(-3px); }
  60% { transform: translateX(3px); }
}

@keyframes fade-soft {
  from { opacity: 0; }
  to { opacity: 1; }
}

.history-item {
  animation: fadeIn 230ms ease-out both;
}

.history-item.animation-pop {
  animation-name: pop;
}

.history-item.animation-shake-small {
  animation-name: shake-small;
}

.history-item.animation-fade-soft {
  animation-name: fade-soft;
}

.is-restoring .history-item {
  animation: none;
}