.scrollbar-thin {
  scrollbar-width: thin;
}

.scrollbar-thin::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.scrollbar-thumb-gray-300::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  border-radius: 999px;
}

.scrollbar-track-transparent::-webkit-scrollbar-track {
  background: transparent;
}

.animate-in.fade-in.slide-in-from-top-1 {
  animation: slide-fade-top-1 0.2s ease-out both;
}

.animate-in.fade-in.slide-in-from-top-2 {
  animation: slide-fade-top-2 0.2s ease-out both;
}

.animate-in.fade-in {
  animation: fade-in 0.2s ease-out both;
}

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

@keyframes slide-fade-top-1 {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slide-fade-top-2 {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}