search-autosuggest {
  display: block;
  position: relative;
  --input-padding-block: 0.6em;
  --input-padding-inline: 1.3em;
}
search-autosuggest input-field {
  cursor: pointer;
  grid-gap: initial;
  align-content: stretch;
  width: 100%;
}
search-autosuggest input-field .input::-webkit-search-decoration, search-autosuggest input-field .input::-webkit-search-cancel-button, search-autosuggest input-field .input::-webkit-search-results-button, search-autosuggest input-field .input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
search-autosuggest input-symbol {
  grid-row: 1 !important;
  z-index: 2;
  margin: 0;
  height: 100%;
  padding: var(--input-padding-block) var(--input-padding-inline);
  --input-border-radius: 0 4ch 4ch 0;
  width: initial;
  cursor: pointer;
}
search-autosuggest input-symbol svg {
  width: 1em;
  height: 1em;
}
search-autosuggest input-symbol.search-button {
  pointer-events: all;
}
search-autosuggest input-symbol.close-button {
  pointer-events: none;
  display: none;
}
search-autosuggest::before {
  content: "";
  height: 50%;
  width: 100%;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  background: white;
  border-bottom-left-radius: var(--search-autosuggest-border-radius, 4ch);
  border-bottom-right-radius: var(--search-autosuggest-border-radius, 4ch);
}
search-autosuggest.is-showing-suggestions {
  --input-border-colour: rgba(white, 0);
  box-shadow: 0 0px 16px -3px rgba(0, 0, 0, 0.2);
  border-top-left-radius: var(--search-autosuggest-border-radius, 4ch);
  border-top-right-radius: var(--search-autosuggest-border-radius, 4ch);
}
search-autosuggest.is-showing-suggestions::after {
  opacity: 1;
}
search-autosuggest.is-showing-suggestions::before {
  --search-autosuggest-border-radius: 0;
}
search-autosuggest.is-showing-suggestions .results:not(:empty) {
  pointer-events: all;
  opacity: 1;
  transform: translateY(0);
}
search-autosuggest .results {
  position: absolute;
  width: 100%;
  top: 100%;
  list-style-type: none;
  box-shadow: 0px 2.6px 3.8px -37px rgba(0, 0, 0, 0.022), 0px 10.8px 5.3px -37px rgba(0, 0, 0, 0.031), 0px 23.9px 6.7px -37px rgba(0, 0, 0, 0.039), 0px 37.5px 9.1px -37px rgba(0, 0, 0, 0.048), 0px 44px 19px -37px rgba(0, 0, 0, 0.07), 0 10px 20px -3px rgba(0, 0, 0, 0.2);
  z-index: 56;
  background-color: #FFFFFF;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  pointer-events: none;
  overflow: auto;
  max-height: 90vh;
  opacity: 0;
  transition: var(--transition);
  transform: translateY(var(--gutter1-));
  z-index: -1;
}
search-autosuggest .results:empty {
  display: initial;
}
search-autosuggest .results li {
  border-top: 1px solid #F7F7F7;
}
search-autosuggest .results li a {
  color: #666666;
  padding: var(--input-padding-block) calc(var(--input-padding-inline) + 0.4em);
  --link-hover-colour: var(--theme);
  display: block;
  font-size: 0.8em;
  transition: none;
}
@media (hover: hover) {
  search-autosuggest .results li a:hover {
    color: white;
    background: var(--theme-background-bar);
  }
}
search-autosuggest .results li a:focus {
  color: white;
  background: var(--theme-background-bar);
}
search-autosuggest .results li:last-of-type {
  margin-bottom: var(--gutter0);
}
search-autosuggest .results li.no-results {
  color: #666666;
  padding: var(--input-padding-block) calc(var(--input-padding-inline) + 0.4em);
  display: block;
  font-size: 0.8em;
  font-style: italic;
  margin-bottom: 0;
}
/*# sourceMappingURL=../../sourcemaps/components/search/search-autosuggest.css.map */