.password-rule.text-green-500::before {
    content: '✓ ';
}
.password-rule.text-gray-500::before {
    content: '• ';
}
.rotate-animation {
    animation: spin 1s linear infinite;
}
input[type="password"]::-ms-reveal {
  display: none;
}

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

/* Custom styles for suggestions UI */
.suggestion-item {
  padding: 8px 12px;
  cursor: pointer;
}

.suggestion-item:hover {
  background-color: #f3f4f6;
}

.suggestion-item.active {
  background-color: #007bff; /* blue highlight */
  color: #fff;              /* white text */
}

.suggestions-container {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}