{%- comment -%}
  The theme's search box, plus the key that focuses it, shown where a
  keyboard is likely. Replaces components/search_header.html.
{%- endcomment -%}
{% capture search_placeholder %}{% include search_placeholder_custom.html %}{% endcapture %}

<div class="search" role="search">
  <div class="search-input-wrap">
    <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="{{ search_placeholder | strip_html | strip }}" autocomplete="off">
    <label for="search-input" class="search-label">
      <span class="sr-only">{{ search_placeholder | strip_html | strip }}</span>
      <svg viewBox="0 0 24 24" class="search-icon" aria-hidden="true"><use xlink:href="#svg-search"></use></svg>
    </label>
    <kbd class="search-hint" aria-hidden="true">/</kbd>
  </div>
  <div id="search-results" class="search-results"></div>
</div>