.search-suggestions-field { position: relative; display: block; flex: 1; min-width: 0; }
.search-suggestions-field > input { width: 100%; box-sizing: border-box; }
.search-suggestions-field .search-suggestions { position: absolute; z-index: 30; top: 100%; left: 0; right: 0; display: block; font-weight: 400; }
.search-suggestions-field .search-suggestions ul { margin: .35rem 0 0; padding: 0; list-style: none; border: 1px solid #bcc9c8; border-radius: .5rem; background: #fff; box-shadow: 0 4px 16px #162c2926; max-height: 20rem; overflow-y: auto; }
.search-suggestions li { padding: .8rem; cursor: pointer; border-bottom: 1px solid #e2e7e6; }
.search-suggestions li strong, .search-suggestions li span { display: block; overflow-wrap: anywhere; }
.search-suggestions li span { font-size: .82rem; color: #475b5b; }
.search-suggestions li[aria-selected="true"], .search-suggestions li:hover { background: #e2f2ef; outline: 2px solid #23635b; outline-offset: -2px; }
.search-suggestions-field .search-suggestions__status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }