/*
 * Meilisearch result styles.
 *
 * Material for MkDocs already provides full styling for .md-search-result__*
 * elements.  The only addition needed is the highlight token that Meilisearch
 * wraps around matched terms in the title and text snippets.
 */

.meili-highlight {
  background-color: var(--md-accent-fg-color--transparent, rgba(82, 146, 247, 0.2));
  color: var(--md-accent-fg-color, #4285f4);
  border-radius: 0.1rem;
  padding: 0 0.1rem;
}