/* Tag Display Styles */

.bookmark-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-block-start: 0.5rem;
}

.bookmark-tags:empty {
  display: none;
}

.tag {
  background-color: var(--ls-accent-subtle);
  border-radius: 0.1875rem;
  color: var(--ls-accent-hover);
  font-family: var(--minimalist-typography-code-family);
  font-size: 0.6875rem;
  line-height: 1.4;
  padding-block: 0.125rem;
  padding-inline: 0.375rem;
  white-space: nowrap;
}

.tag-overflow {
  color: var(--ls-text-tertiary);
  font-family: var(--minimalist-typography-code-family);
  font-size: 0.6875rem;
  line-height: 1.4;
  padding-block: 0.125rem;
  padding-inline: 0.25rem;
  white-space: nowrap;
}

/* Edit dialog tag input hint */
.tags-hint {
  color: var(--ls-text-tertiary);
  font-size: 0.75rem;
  margin-block-start: 0.25rem;
}