@keyframes dropdownShow {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes dropdownHide {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(-10px); }
}
.animate-dropdown-show {
  animation: dropdownShow 0.2s ease-out forwards;
}
.animate-dropdown-hide {
  animation: dropdownHide 0.15s ease-in forwards;
}