.hoarder-wide-input {
  width: var(--size-4-100);
}

.hoarder-medium-input {
  width: var(--size-4-75);
}

.hoarder-small-input {
  width: var(--size-4-50);
}

.hoarder-suggestion-dropdown {
  background: var(--background-primary);
  border: 1px solid var(--background-modifier-border);
  border-radius: var(--size-4-1);
  box-shadow: 0 var(--size-2-1) var(--size-4-2) rgba(0, 0, 0, 0.1);
  max-height: var(--size-4-50);
  overflow-y: auto;
  width: var(--size-4-50);
  position: absolute;
  z-index: 1000;
  display: block;
  opacity: 1;
  transition: opacity 150ms ease-in-out;
}

.hoarder-suggestion-dropdown-hidden {
  display: none;
  opacity: 0;
}

.hoarder-suggestion-item {
  padding: var(--size-4-2) var(--size-4-3);
  cursor: var(--cursor);
  transition: background-color 100ms ease-in-out;
}

.hoarder-suggestion-item:hover {
  background: var(--background-modifier-hover);
}

.setting-item-description {
  margin-bottom: var(--size-4-4);
}

/* Karakeep Highlight Callouts */
.callout[data-callout="karakeep-yellow"] {
  --callout-color: 254, 240, 138;
  --callout-icon: lucide-highlighter;
}

.callout[data-callout="karakeep-red"] {
  --callout-color: 254, 202, 202;
  --callout-icon: lucide-highlighter;
}

.callout[data-callout="karakeep-green"] {
  --callout-color: 187, 247, 208;
  --callout-icon: lucide-highlighter;
}

.callout[data-callout="karakeep-blue"] {
  --callout-color: 191, 219, 254;
  --callout-icon: lucide-highlighter;
}

.callout[data-callout^="karakeep-"] {
  margin: var(--size-4-2) 0;
}

.callout[data-callout^="karakeep-"] .callout-content {
  padding: var(--size-4-2) var(--size-4-3);
}