.sparkle-doctor-finder {
  min-height: 12rem;
}

.sparkle-doctor-finder__loading,
.sparkle-doctor-finder__error {
  align-items: center;
  background-color: var(--un-color-secondary-50);
  color: var(--un-color-primary-base);
  display: flex;
  font-size: 1rem;
  gap: 0.75rem;
  justify-content: center;
  min-height: 12rem;
  padding: 1.5rem;
  text-align: center;
}

.sparkle-doctor-finder__loading[hidden],
.sparkle-doctor-finder__error[hidden] {
  display: none;
}

.sparkle-doctor-finder__error {
  color: #a50000;
}

.sparkle-doctor-finder__spinner {
  animation: sparkle-doctor-finder-spin 0.8s linear infinite;
  border: 0.2rem solid var(--un-color-secondary-200);
  border-radius: 9999px;
  border-top-color: var(--un-color-primary-base);
  height: 1.5rem;
  width: 1.5rem;
}

@keyframes sparkle-doctor-finder-spin {
  to {
    transform: rotate(360deg);
  }
}