xrpl-dev-portal/styles/_forms.scss

.search {
  .input-group-text {
    border-width: 0;
    color: $white;
    background-color: $gray-800;
    border-radius: $border-radius-sm 0 0 $border-radius-sm;
    padding: .5rem .5rem .5rem 1rem;
    line-height: 1.5;
  }

  .ds-input {
    background-color: $gray-800;
    border-radius: 0 $border-radius-sm $border-radius-sm 0;
    padding: .75rem 1rem .75rem .5rem;
    width: 100%;
    border: 1px solid $gray-800;

    &:focus {
      box-shadow: none;
      border-color: $white;
    }
  }

  .algolia-autocomplete {
    flex-grow: 1;
  }
}

#algolia-autocomplete-listbox-0 {
    z-index: 1100 !important;
}

// Algolia Search results --------------------------------------------------
.algolia-autocomplete .ds-dropdown-menu [class^="ds-dataset-"] {
  background-color: rgba(0,0,0,0.9);
  border: 1px solid $gray-900;
  border-radius: $border-radius-lg;
}
.algolia-autocomplete .ds-dropdown-menu::before {
  background-color: rgba(0,0,0,0.9);
  border-color: $gray-900;
}
.algolia-docsearch-suggestion {
  background-color: rgba(0,0,0,0.9);
}
.algolia-autocomplete .algolia-docsearch-suggestion--category-header {
  color: $white;
  border: 0 solid $secondary;
  border-bottom-width: 1px;
  font-weight: bold;
}

.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {
  color: $white;
}

.algolia-autocomplete .algolia-docsearch-suggestion--title {
  color: $white;
}

.algolia-autocomplete .algolia-docsearch-suggestion--text {
  font-size: 0.8rem;
  color: $gray-200;
}

.algolia-autocomplete .algolia-docsearch-suggestion--highlight {
  color: $white;
  background-color: $green-800;
}

@include media-breakpoint-down(md) {
  .algolia-autocomplete .ds-dropdown-menu {
    min-width: unset;
  }
}