<commit_before>// credit to https://github.com/JedWatson/react-select for many css patterns used here
$crane-select-arrow-color: #666;
$crane-select-clear-color: #666;
$crane-select-border-color: #ddd;
$crane-select-border-radius: 5px;
$crane-select-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
$crane-select-focus-color: rgb(94, 158, 214);
$crane-select-height: 34px;
$crane-select-menu-max-height: 250px;
$crane-select-option-hover-bg-color: #e7eff7;
$crane-select-option-focus-bg-color: darken($crane-select-option-hover-bg-color, 10%);

.crane-select {
  position: relative;

  &.open {
    .crane-select-input-group {
      border-bottom: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }

    .crane-select-arrow {
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid $crane-select-arrow-color;
      border-top: 0;

      &:hover {
        border-bottom: 5px solid darken($crane-select-arrow-color, 25%);
      }
    }
  }

  &.focus:not(.open) {
    .crane-select-input-group {
      border: 1px solid $crane-select-focus-color;
      box-shadow: $crane-select-box-shadow;
    }
  }
}

.crane-select-input-group {
  border: 1px solid $crane-select-border-color;
  border-radius: $crane-select-border-radius;
}

.crane-select-value-group {
  position: absolute;
  top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: $crane-select-height;
  width: 100%;
  padding-left: 10px;
}

.crane-select-focus-placeholder,
.crane-select-input > input {
  height: ($crane-select-height - 2);
  display: inline-block;
  vertical-align: middle;
  outline: none;
}

.crane-select-input > input {
  width: 100%;<commit_msg>FIX: value-group width css<commit_after>// credit to https://github.com/JedWatson/react-select for many css patterns used here
$crane-select-arrow-color: #666;
$crane-select-clear-color: #666;
$crane-select-border-color: #ddd;
$crane-select-border-radius: 5px;
$crane-select-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
$crane-select-focus-color: rgb(94, 158, 214);
$crane-select-height: 34px;
$crane-select-menu-max-height: 250px;
$crane-select-option-hover-bg-color: #e7eff7;
$crane-select-option-focus-bg-color: darken($crane-select-option-hover-bg-color, 10%);

.crane-select {
  position: relative;

  &.open {
    .crane-select-input-group {
      border-bottom: 0;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }

    .crane-select-arrow {
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid $crane-select-arrow-color;
      border-top: 0;

      &:hover {
        border-bottom: 5px solid darken($crane-select-arrow-color, 25%);
      }
    }
  }

  &.focus:not(.open) {
    .crane-select-input-group {
      border: 1px solid $crane-select-focus-color;
      box-shadow: $crane-select-box-shadow;
    }
  }
}

.crane-select-input-group {
  border: 1px solid $crane-select-border-color;
  border-radius: $crane-select-border-radius;
}

.crane-select-value-group {
  position: absolute;
  top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: $crane-select-height;
  width: 100%;
  padding-left: 10px;
  padding-right: 44px;
  box-sizing: border-box;
}

.crane-select-focus-placeholder,
.crane-select-input > input {
  height: ($crane-select-height - 2);
  display: inline-block;
  vertical-align: middle;
  outline: none;
}

.crane-select-input > input {
  width: 100%;
{'fraction_non_alphanumeric': 0.15773809523809523, 'fraction_numerical': 0.03896103896103896, 'mean_word_length': 3.1632882882882885, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 2, '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': '4296288', 'n_tokens_mistral': 1533, 'n_tokens_neox': 1384, 'n_words': 262}