.searchBar{display:flex;position:relative;z-index:10}.searchBar.focused{z-index:999}.searchBar input{height:100%;padding:.5rem;width:100%}.searchBar[thin] input{padding:.25rem .5rem}.searchBar .magnify-icon{align-items:center;bottom:0;display:flex;margin-right:.5rem;position:absolute;right:0;top:0}.searchBar[thin] .magnify-icon{margin-right:.25rem}.searchBar .searchResults{display:none}.searchBar .searchResults.showResults{background-color:var(--background);border:1px solid var(--primary);display:flex;flex-direction:column;left:0;margin-top:-.5rem;padding:1rem;position:absolute;top:100%;width:20rem;z-index:-1}.searchBar .searchResults.showResults li{list-style:none;padding:.25rem 1rem}.searchBar .searchResults.showResults li:hover{background-color:var(--primary);color:var(--onPrimary)}