/* web-base/_colors.scss */
/* search/suggester.scss */
#search-text-input + ul {
  /* Undo vendor styling */
  background: white;
  z-index: 3;
}
#search-text-input + ul > li {
  padding: inherit;
  cursor: inherit;
}
#search-text-input + ul > li:hover {
  background: inherit;
  color: inherit;
}
#search-text-input + ul > li:hover mark {
  background: inherit;
}
#search-text-input + ul > li[aria-selected=true] {
  background: inherit;
  color: inherit;
}
#search-text-input + ul > li mark {
  background: inherit;
  font-weight: bold;
  padding: 0;
}
#search-text-input + ul .catalog-id-suggestion-first::before,
#search-text-input + ul .pi-suggestion-first::before,
#search-text-input + ul .institution-suggestion-first::before {
  color: hsl(0, 0%, 34.5%);
  display: block;
  font-style: italic;
  padding: 0.3em 0 0.3em 0.25em;
}
#search-text-input + ul .catalog-id-suggestion-first::before {
  content: "Go directly to:";
}
#search-text-input + ul .pi-suggestion-first::before {
  content: "Go directly to Principal Investigator Lab page";
}
#search-text-input + ul .institution-suggestion-first::before {
  content: "Go directly to Institution page";
}
#search-text-input + ul .catalog-id-suggestion-first,
#search-text-input + ul .term-root-category-suggestion-first,
#search-text-input + ul .pi-suggestion-first,
#search-text-input + ul .institution-suggestion-first {
  border-top: 1px dotted hsl(0, 0%, 86.7%);
}
#search-text-input + ul .term-leaf-category-suggestion .suggestion-parent {
  text-indent: 0.5em;
}
#search-text-input + ul .term-see-more-suggestion .suggestion-parent {
  text-indent: 0.25em;
}
#search-text-input + ul .suggestion-parent {
  cursor: pointer;
  display: block;
  padding: 4px 8px;
}
#search-text-input + ul .suggestion-parent .suggestion-query mark {
  color: black;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  max-width: 340px;
}
#search-text-input + ul .suggestion-parent .suggestion-light {
  color: hsl(0, 0%, 66.7%);
}
#search-text-input + ul .suggestion-parent .suggestion-highlight {
  color: #172544;
}

.search-bar-container > .input-container > .awesomplete > ul {
  margin-top: -1.4rem;
}
.search-bar-container > .input-container > .awesomplete > ul .suggestion-parent:hover,
.search-bar-container > .input-container > .awesomplete > ul li[aria-selected=true] .suggestion-parent {
  background: rgba(23, 37, 68, 0.05) !important;
  color: black !important;
  border: 1px dotted #172544;
  padding: 3px 7px !important;
}
.search-bar-container > .input-container > .awesomplete > ul .suggestion-parent:hover .suggestion-light, .search-bar-container > .input-container > .awesomplete > ul .suggestion-parent:hover .suggestion-highlight,
.search-bar-container > .input-container > .awesomplete > ul li[aria-selected=true] .suggestion-parent .suggestion-light,
.search-bar-container > .input-container > .awesomplete > ul li[aria-selected=true] .suggestion-parent .suggestion-highlight {
  color: black !important;
}
.search-bar-container > .input-container > .awesomplete > ul .suggestion-parent:hover mark,
.search-bar-container > .input-container > .awesomplete > ul li[aria-selected=true] .suggestion-parent mark {
  background: transparent !important;
}
.search-bar-container > .input-container > .awesomplete > ul li:first-child::before {
  background-color: hsl(0, 0%, 86.7%);
  color: black;
  content: "Search suggestions";
  display: block;
  padding: 0.3em 0 0.4em 0.25em;
}
.search-bar-container > .input-container > .awesomplete > ul::before {
  background: hsl(0, 0%, 86.7%);
}
.search-bar-container > .input-container > .awesomplete > ul .suggestion-parent.pi-parent, .search-bar-container > .input-container > .awesomplete > ul .suggestion-parent.org-parent {
  color: #172544;
}

.search-input-visible #search-text-input + ul {
  min-width: 170%;
}

/*# sourceMappingURL=suggester.scss.post.css.map */