<commit_before>.post-recipients {
  .post-recipients-label {
    float: left;
    margin-top: 7px;
  }

  .react-select {
    &-container {
      margin: -5px 0 3px 20px;
    }

    &__control {
      border: none;
      box-shadow: none !important; // to remove "outline" on focus
      min-height: inherit;
    }

    &__value-container {
      padding: 3px 5px;

      // Add custom visual trigger instead of "placeholder" prop,
      // (the latter is only displayed when nothing is selected)
      &:after {
        content: 'Add/Edit...';
        color: #ccc;
        font-size: 0.9em;
        margin-left: -2px;
      }
    }

    // This can only be styled with CSS, not a style object
    &__control--is-focused .react-select__value-container:after {
      content: '';
    }

    &__multi-value {
      background-color: #ebf5ff;
      border: 1px solid #b3d9ff;
      border-radius: 3px;
      margin: 2px 5px 2px 0;

      &__label {
        color: #555599;
        font-size: 0.9em;
        padding: 2px 4px 2px 5px;
      }

      &__remove {
        padding: 1px 3px 0 3px;

        &:hover {
          color: #fff;
        }
      }
    }

    &__menu {
      margin-top: 0;
      border-radius: 4px;
      border: 1px solid #66afe9;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    &__menu-list {
      max-height: 200px;
      padding: 0 10px 10px 0;
    }

    &__group {
      padding: 6px 0;
    }

    &__group-heading {
      color: #666;
      font-size: 1em;<commit_msg>Fix z-index in PostRecipients<commit_after>.post-recipients {
  .post-recipients-label {
    float: left;
    margin-top: 7px;
  }

  .react-select {
    &-container {
      margin: -5px 0 3px 20px;
    }

    &__control {
      border: none;
      box-shadow: none !important; // to remove "outline" on focus
      min-height: inherit;
    }

    &__value-container {
      padding: 3px 5px;

      // Add custom visual trigger instead of "placeholder" prop,
      // (the latter is only displayed when nothing is selected)
      &:after {
        content: 'Add/Edit...';
        color: #ccc;
        font-size: 0.9em;
        margin-left: -2px;
      }
    }

    // This can only be styled with CSS, not a style object
    &__control--is-focused .react-select__value-container:after {
      content: '';
    }

    &__multi-value {
      background-color: #ebf5ff;
      border: 1px solid #b3d9ff;
      border-radius: 3px;
      margin: 2px 5px 2px 0;

      &__label {
        color: #555599;
        font-size: 0.9em;
        padding: 2px 4px 2px 5px;
      }

      &__remove {
        padding: 1px 3px 0 3px;

        &:hover {
          color: #fff;
        }
      }
    }

    &__menu {
      margin-top: 0;
      border-radius: 4px;
      border: 1px solid #66afe9;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
      z-index: 20;
    }

    &__menu-list {
      max-height: 200px;
      padding: 0 10px 10px 0;
    }

    &__group {
      padding: 6px 0;
    }

    &__group-heading {
      color: #666;
      font-size: 1em;
{'fraction_non_alphanumeric': 0.12144455097475232, 'fraction_numerical': 0.05241291147331416, 'mean_word_length': 1.6752136752136753, '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': '1730292', 'n_tokens_mistral': 1267, 'n_tokens_neox': 1084, 'n_words': 294}