/*
 * This is a manifest file that'll be compiled into application.css.
 */

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
  -webkit-animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

.dropdown-menu {
  @apply absolute left-0 right-0 z-10 mt-2 rounded-xl shadow-card;
  background-color: #ffffff;
  display: none;
  max-height: 300px;
  overflow-y: auto;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-item {
  @apply block w-full px-4 py-2.5 text-sm cursor-pointer;
  color: #64748B;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.dropdown-item:hover,
.dropdown-item-active {
  background-color: #F1F5F9;
  color: #1E293B;
}