.Suggestions {
  @apply py-4;
}

.Suggestions-refresh button {
  @apply btu-button btu-button-outline btu-button-fill-none btu-button-gray mb-4 w-full before:btu-icon before:btu-icon-refresh-cw;
}

.Suggestions-refresh button.is-refreshing {
  @apply opacity-50 before:animate-spin;
}

.Suggestions-list {
  @apply border-t border-gray-200;
}

.Suggestions-list > .Widget-title {
  @apply !border-b-0 !bg-gray-50;
}

.Suggestions-list-add {
  @apply flex flex-wrap gap-2 py-4 !pe-2 pt-2;
}

.Suggestion-add {
  @apply btu-badge-primary btu-badge-sm cursor-pointer hover:bg-primary-100 hover:text-primary-800;
}

.Suggestion-add.is-added {
  @apply btu-badge-gray pointer-events-none text-gray-400 mix-blend-multiply dark:bg-gray-100 dark:mix-blend-normal;
}

.Suggestions-list-create {
  @apply flex-col;
}

.Suggestion-create {
  @apply py-2;
}

.Suggestion-create a {
  @apply text-sm;
}

.Suggestion-create:not(:first-child),
.Suggestions-list-create-item:not(:first-child) {
  @apply border-t border-gray-200;
}

/* Error message (AWS Comprehend job failed) */
.Suggestions .Message.is-error {
  @apply mb-4;
}
