---
layout: libdoc_page.liquid
eleventyExcludeFromCollections: true
permalink: search/index.html
---
<form action="/search/"
    class="d-flex fd-column | pos-relative | pl-5 pr-5 | search_form | auto-search-wrapper"
    d-none="md">
    <label for="searchInputAlt"
        class="pos-absolute | ml-5 t-tY-50 | fvs-wght-400 fs-1 tt-uppercase | bc-neutral-100">
        {{ libdocMessages.searchResultsNoResultForQuery[pageLang] }}
    </label>
    <input  id="searchInputAlt"
            type="search"
            name="search"
            autocomplete="off"
            class="maxw-100 pl-5 pr-5 pt-4 pb-4 | fs-3 | c-neutral-900 bc-neutral-100 brad-4 bwidth-1 bstyle-dashed bcolor-neutral-500"
            placeholder="{{ libdocMessages.searchPlaceholder[pageLang] }}"
            value="">
    <div class="d-flex ai-center | pos-absolute top-0 right-0 | h-100 mr-5">
        <button type="button"
            class="pos-relative | p-4 pr-5 | fs-3 | bc-neutral-100 brad-4 c-neutral-900 b-0 cur-pointer | search_form__clear_btn"
            title="{{ libdocMessages.searchClear[pageLang] }}"
            hidden>
            <span class="icon-x | pos-absolute top-50 left-50 t-tY-50 t-tX-50"></span>
        </button>
        <button type="submit"
            class="pos-relative | h-100 p-0 ar-square | fs-5 | brad-4 bc-primary-500 c-neutral-100 bwidth-1 bstyle-dashed bcolor-neutral-100 cur-pointer"
            title="{{ libdocMessages.searchSubmit[pageLang] }}">
            <span class="icon-magnifying-glass | pos-absolute top-50 left-50 t-tY-50 t-tX-50"></span>
        </button>
    </div>
</form>
<ul id="searchResults"
    class="d-flex fd-column"
    mt-5="xs,sm">
</ul>
<script src="/core/assets/js/search.js"></script>