/* Base styles for the search box and refinement lists (page-specific tweaks live in template-*.css). */
.ais-search-box { position: relative; max-width: 300px; width: 100%; }
.ais-search-box--input { padding-left: 24px; height: 100%; width: 100%; }
.ais-search-box--loading-indicator-wrapper,
.ais-search-box--magnifier,
.ais-search-box--reset {
  background: none;
  position: absolute;
  user-select: none;
}
.ais-search-box--magnifier { top: 4px; left: 7px; }
.ais-search-box--magnifier svg { display: block; }
.ais-search-box--loading-indicator-wrapper { display: none; left: 7px; top: 4px; }
.ais-search-box--loading-indicator-wrapper svg,
.ais-search-box--magnifier svg { vertical-align: middle; height: 14px; width: 14px; }
.ais-search-box--reset { cursor: pointer; top: 5px; right: 5px; margin: 0; border: 0; padding: 0; }
.ais-search-box--reset svg { display: block; width: 12px; height: 12px; }
.ais-refinement-list--item em { font-style: normal; font-weight: 700; }
/* The Related-results heading sits in the results area, not the dark sidebar, so it is gray.
   The compound selector beats the white .ais-header rule in template-search.css. */
.ais-header.ais-related-header { color: #808080; }