@keyframes scaleIn { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } }

@keyframes scaleOut { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.8); } }

.tippy-box[data-animation=scale][data-state=visible] {
  animation: scaleIn 200ms ease-out;
}

.tippy-box[data-animation=scale][data-state=hidden] {
  animation: scaleOut 150ms ease-in;
}