@import "@/styles/variables.scss";
@import "@/styles/mixins";
.dropdownItem {
  padding: 0.5rem 0 0.5rem 1rem;
  box-shadow: inset 0px -1px 0px rgba(44, 44, 44, 0.15);
  display: block;
  p {
    @include p1;
    color: $black;
  }
  &:hover {
    background-color: $grey-light;
  }
}
.resourceItem {
  word-break: break-all;
  h4 {
    @include h4;
    color: $black;
    padding-bottom: 0.5rem;
    @include text-overflow;
    &:hover {
      color: $blue;
    }
  }
  p {
    @include p1;
    color: #808080;
    @include multi-line-ellipsis;
  }
  :global(.algolia-docsearch-suggestion--highlight) {
    color: $red-light;
    background-color: $white;
  }
}