/* Header search box and its autocomplete dropdown (Views/Shared/Components/SearchBox/Default.cshtml). Loaded after the theme's styles.css and uses the --mechan-* tokens from mechan.brand.css. The view wraps the input and its min-length warning in `.search-box-field`, so the field and the submit button stay on one row and the warning can hang below the field without growing the header's height. */ #small-search-box-form { display: flex; align-items: flex-start; } #small-search-box-form .search-box-field { display: flex; align-items: center; flex: 1 1 auto; position: relative; } #small-search-box-form .search-box-field input.search-box-text { width: 100%; } #small-search-box-form #min-length-warning { position: absolute; top: 100%; left: 0; margin-top: 2px; color: red; font-size: 0.85em; } /* jQuery UI's autocomplete widget appends its `