Opportunity Standard

<!--{ @id           Identifies Search for toggling }-->
<!--{ @class        Add "o-search-fixed" in production layouts }-->
<!--{ @aria-hidden  Add aria-hidden="true" in production layouts }-->
<div class="o-search " id="aria-c-search">
  <form class="o-search__form">
    <label class="label" for="2349576e35d76">Search for programs</label>
    <div class="input o-search__input">
      <!--{ @tabindex  Add tabindex="-1" to insure focusable elements are not visible when parent is hidden }-->
      <input data-js="search__input" id="2349576e35d76" inputmode="search" name="s" placeholder="Search" type="text" value="" />
      <!--{ @tabindex  Add tabindex="-1" to insure focusable elements are not visible when parent is hidden }-->
      <button class="o-search__submit" type="submit">
        <!--{ @tabindex  Add tabindex="-1" to insure focusable elements are not visible when parent is hidden }-->
        <svg class="icon-ui">
          <use href="#lucide-search"></use>
        </svg>
      </button>
    </div>
  </form>
</div>