<div class="header-global-search">
  <div class="header-global-search__head">
    <button class="btn btn-secondary btn--back">
      <i class="fas fa-arrow-left fa-lg"></i>
    </button>
    <form class="header-global-search__form" name="search_form" method="get" action="/search" data-clearable>
      <input id="search" aria-label="search" type="text" name="text" class="header-global-search__input" placeholder="Find products & inspiration" maxlength="100" autocomplete="off" spellcheck="false" dir="auto">
      <button class="btn btn-secondary btn--clear" type="button">
        <i class="icon far fa-times fa-lg"></i>
      </button>
      <button class="btn btn-secondary btn--search" aria-label="search submit" type="submit">
        <span class="header-global-search__submit-icon">
          <i class="fas fa-search fa-lg"></i>
        </span>
      </button>
    </form>
  </div>
  <div class="header-global-search__content global-search">
    {{> loader modifier="search-loader" hidden=true}}
    <div class="global-search__wrapper"></div>
  </div>
</div>
