https://shop.riverrockoutfitter.com/js/int-global-typeahead.js

1/**
2 * Expand the search box when the user clicks on it.
3 */
4document.body.addEventListener(
5  "lclyTypeaheadShowOptions_masthead_autocomplete",
6  () => {
7    const intMastHeadGlobalSearch = document.getElementById('masthead_global_search');
8    const intMastShadowRoot = document.getElementById('lcly_shadow_root_masthead_autocomplete').shadowRoot;
9    const intMastHeadGlobalSearchDrop = intMastShadowRoot.querySelector('.search-drop');
10    intMastHeadGlobalSearchDrop.style.width = intMastHeadGlobalSearch.offsetWidth + 'px';
11    intMastHeadGlobalSearch.style.borderBottomLeftRadius = '0px';
12    intMastHeadGlobalSearch.style.borderBottomRightRadius = '0px';
13    intMastHeadGlobalSearch.style.borderTopLeftRadius = '25px';
14    intMastHeadGlobalSearch.style.borderTopRightRadius = '25px';
15  },
16  false,
17);
18
19/**
20 * Collapse the search box when the user clicks away.
21 */
22document.body.addEventListener(
23    "lclyTypeaheadHideOptions_masthead_autocomplete",
24    () => {
25        const intMastHeadGlobalSearch = document.getElementById('masthead_global_search');
26        intMastHeadGlobalSearch.style.borderRadius = '9999px';
27    },
28    false,
29);