.typeahead-search-view {
  position: relative;
  width: 100%;
  font-family: var(--typography-font-sans);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
}

.typeahead-search-view .typeahead-search-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  position: relative;
  width: 100%;
}

.typeahead-search-view .typeahead-search-input-wrapper {
  position: relative;
  width: 100%;
}

.typeahead-search-view .typeahead-search-menu {
  display: none;
  flex-direction: column;
  gap: var(--spacing-8);
  max-height: calc(100dvh - 213px);
  overflow-y: auto;
}

.typeahead-search-view .typeahead-search-menu[data-open='true'] {
  display: flex;
}

.typeahead-search-view .typeahead-search-menu[data-open='false'] {
  display: none;
}

.typeahead-search-view .typeahead-search-pending {
  padding: var(--spacing-12);
  color: var(--color-subtle);
  font-size: var(--font-size-medium-16);
}

.typeahead-search-view .typeahead-search-no-results {
  padding: var(--spacing-12);
  color: var(--color-subtle);
  font-size: var(--font-size-medium-16);
  text-align: center;
}

.typeahead-search-view .menu-item-view[aria-selected='true'] {
  background-color: var(--background-color-blue-subtle);
  border: var(--border-width-base) solid var(--border-color-blue);
  outline: var(--border-width-base) solid var(--border-color-blue);
  outline-offset: -2px;
}

.typeahead-search-view .menu-item-view[aria-selected='true'] .menu-item-label {
  color: var(--color-blue);
}

.typeahead-search-view .menu-item-view[aria-selected='true'] .menu-item-pos, .typeahead-search-view .menu-item-view[aria-selected='true'] .menu-item-description {
  color: var(--color-base);
}