<commit_before>@import '~bpk-mixins/index';

.bpk-autosuggest {
  &__container--open {
    position: relative;
  }

  &__input {
    outline: 0;

    @include bpk-input;
  }

  &__suggestions-container {
    position: absolute;
    top: $bpk-input-height + $bpk-spacing-sm;
    width: 100%;

    &::after {
      position: absolute;
      bottom: 100%;
      left: 50%;
      content: ' ';
      width: 0;
      height: 0;
      margin-left: -$bpk-spacing-sm;
      border: solid transparent;
      border-width: $bpk-spacing-sm;
      border-bottom-color: $bpk-color-white;
      pointer-events: none;
    }
  }

  &__suggestions-list {
    margin: 0;
    padding-left: 0;
    background-color: $bpk-color-white;
    list-style: none;
    overflow: hidden;

    @include bpk-border-radius-sm;
    @include bpk-box-shadow-xl;
  }

  &__suggestion {
    padding: $bpk-spacing-sm;
    color: $bpk-color-gray-700;

    @include bpk-text-base;

    &:not(:last-child) {
      box-shadow: 0 1px 0 0 $bpk-color-gray-50;
    }
<commit_msg>Make .bpk-autosuggest__suggestions-container a child of .bpk-autosuggest__container--open, so styles don't appear when suggestions-container is not visible<commit_after>@import '~bpk-mixins/index';

.bpk-autosuggest {
  &__container--open {
    position: relative;

    .bpk-autosuggest__suggestions-container {
      position: absolute;
      top: $bpk-input-height + $bpk-spacing-sm;
      width: 100%;

      &::after {
        position: absolute;
        bottom: 100%;
        left: 50%;
        content: ' ';
        width: 0;
        height: 0;
        margin-left: -$bpk-spacing-sm;
        border: solid transparent;
        border-width: $bpk-spacing-sm;
        border-bottom-color: $bpk-color-white;
        pointer-events: none;
      }
    }
  }

  &__input {
    outline: 0;

    @include bpk-input;
  }

  &__suggestions-list {
    margin: 0;
    padding-left: 0;
    background-color: $bpk-color-white;
    list-style: none;
    overflow: hidden;

    @include bpk-border-radius-sm;
    @include bpk-box-shadow-xl;
  }

  &__suggestion {
    padding: $bpk-spacing-sm;
    color: $bpk-color-gray-700;

    @include bpk-text-base;

    &:not(:last-child) {
      box-shadow: 0 1px 0 0 $bpk-color-gray-50;
    }

{'fraction_non_alphanumeric': 0.14133805937084626, 'fraction_numerical': 0.01949490474080638, 'mean_word_length': 2.2582972582972585, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1085492', 'n_tokens_mistral': 880, 'n_tokens_neox': 809, 'n_words': 156}