<commit_before>.PowerSelect {
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;

  &:focus {
    outline: none;
  }
}

.PowerSelect--focused {
  border-color: #66afe9;
}

.PowerSelect--disabled {
  background-color: #eee;
  cursor: not-allowed;

  .PowerSelect__Trigger {
    pointer-events: none;
  }

  .PowerSelect__TriggerInput {
    background-color: #eee;
  }
}

.PowerSelect--open {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 0;

  .PowerSelect__TriggerStatus::before {
    transform: rotate(-180deg);
  }
}

.PowerSelect__Trigger {
  position: relative;
  height: 34px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.PowerSelect__Menu {
  background-color: #fff;
  border: 1px solid #ccc;

  &:focus {
    outline: none;
  }
}

.PowerSelect__Options {
  position: relative;
  max-height: 238px;
  overflow: auto;
}

.PowerSelect__OptGroup {
  padding-left: 8px;
}

.PowerSelect__OptGroup__Label {
  font-weight: bold;
  font-size: 0.9em;
  color: #666;
  padding: 8px 0 4px;
}

.PowerSelect__Option {
  cursor: pointer;
  padding: 8px 12px;

  &:not(.PowerSelect__Option--disabled):hover {
    background-color: #fbfbfb;
  }
}

.PowerSelect__Option--disabled {
  color: #999;
  cursor: not-allowed;
}

.PowerSelect__Option--highlighted {
  background-color: #f1f1f1;
}

.PowerSelect__BeforeOptions {
  padding: 8px 12px;
}

.PowerSelect__Placeholder {
  color: #ccc;
  font-size: 14px;
}

.PowerSelect__SearchInputContainer {
  padding: 8px;
}

.PowerSelect__SearchInput {
  display: block;
  width: 100%;
  height: 34px;
  padding: 4px 8px;
  line-height: 1.4;
  font-size: inherit;
  border: 1px solid #ccc;
  border-radius: 2px;
  cursor: pointer;

  &:focus {
    border-color: #66afe9;
    outline: none;
  }
}

.PowerSelect__TriggerInput {
  display: inline-block;
  width: 100%;
  height: 34px;
  border: none;
  cursor: pointer;
  padding: 4px 8px 4px 8px;
  font-size: inherit;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;

  &:focus {
    outline: none;
  }
}

.PowerSelect__Trigger__LHS,
.PowerSelect__Trigger__RHS {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

.PowerSelect__TriggerLabel {
  padding: 6px 22px 6px 8px;
}

.PowerSelect__Trigger__LHS + .PowerSelect__TriggerLabel {
  padding-left: 4px;
}

.PowerSelect__TriggerStatus {
  padding-top: 2px;
  padding-right: 8px;
  padding-left: 4px;

  &::before {
    content: '';
    display: block;
    border-top: 4px solid #ccc;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }
}

.PowerSelect__Clear {
  padding: 4px;
  color: #888;
  &:hover {
    color: #333;
  }
  &::before {
    content: '×'
  }
}

.PowerSelect__Trigger--empty {
  .PowerSelect__Clear {
    visibility: hidden;
  }
}

.PowerSelect__TriggerLabel,
.PowerSelect__TriggerInputContainer,
.PowerSelectMultiple__OptionsContainer,
.PowerSelect__Clear,
.PowerSelect__TriggerStatus {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  height: 34px;
}


// MultiSelect
.PowerSelectMultiple__OptionsContainer {
  padding-top: 2px;
  padding-bottom: 2px;
}

.PowerSelectMultiple__SelectedOptions {
  list-style: none;
  padding-left: 0;
  display: block;

  &::after {
    content: '';
    display: table;
    clear: both;
  }

  > li {
    display: block;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
  }
}
<commit_msg>Fixes invisible trigger buttons on smaller width.<commit_after>.PowerSelect {
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;

  &:focus {
    outline: none;
  }
}

.PowerSelect--focused {
  border-color: #66afe9;
}

.PowerSelect--disabled {
  background-color: #eee;
  cursor: not-allowed;

  .PowerSelect__Trigger {
    pointer-events: none;
  }

  .PowerSelect__TriggerInput {
    background-color: #eee;
  }
}

.PowerSelect--open {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom: 0;

  .PowerSelect__TriggerStatus::before {
    transform: rotate(-180deg);
  }
}

.PowerSelect__Trigger {
  position: relative;
  height: 34px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.PowerSelect__Menu {
  background-color: #fff;
  border: 1px solid #ccc;

  &:focus {
    outline: none;
  }
}

.PowerSelect__Options {
  position: relative;
  max-height: 238px;
  overflow: auto;
}

.PowerSelect__OptGroup {
  padding-left: 8px;
}

.PowerSelect__OptGroup__Label {
  font-weight: bold;
  font-size: 0.9em;
  color: #666;
  padding: 8px 0 4px;
}

.PowerSelect__Option {
  cursor: pointer;
  padding: 8px 12px;

  &:not(.PowerSelect__Option--disabled):hover {
    background-color: #fbfbfb;
  }
}

.PowerSelect__Option--disabled {
  color: #999;
  cursor: not-allowed;
}

.PowerSelect__Option--highlighted {
  background-color: #f1f1f1;
}

.PowerSelect__BeforeOptions {
  padding: 8px 12px;
}

.PowerSelect__Placeholder {
  color: #ccc;
  font-size: 14px;
}

.PowerSelect__SearchInputContainer {
  padding: 8px;
}

.PowerSelect__SearchInput {
  display: block;
  width: 100%;
  height: 34px;
  padding: 4px 8px;
  line-height: 1.4;
  font-size: inherit;
  border: 1px solid #ccc;
  border-radius: 2px;
  cursor: pointer;

  &:focus {
    border-color: #66afe9;
    outline: none;
  }
}

.PowerSelect__TriggerInput {
  display: inline-block;
  width: 100%;
  height: 34px;
  border: none;
  cursor: pointer;
  padding: 4px 8px 4px 8px;
  font-size: inherit;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;

  &:focus {
    outline: none;
  }
}

.PowerSelect__Trigger__LHS,
.PowerSelect__Trigger__RHS {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

.PowerSelect__TriggerLabel {
  padding: 6px 22px 6px 8px;
}

.PowerSelect__Trigger__LHS + .PowerSelect__TriggerLabel {
  padding-left: 4px;
}

.PowerSelect__TriggerStatus {
  padding-top: 2px;
  padding-right: 8px;
  padding-left: 4px;

  &::before {
    content: '';
    display: block;
    border-top: 4px solid #ccc;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }
}

.PowerSelect__Clear {
  padding: 4px;
  color: #888;
  &:hover {
    color: #333;
  }
  &::before {
    content: '×'
  }
}

.PowerSelect__Trigger--empty {
  .PowerSelect__Clear {
    visibility: hidden;
  }
}

.PowerSelect__TriggerLabel,
.PowerSelect__TriggerInputContainer,
.PowerSelectMultiple__OptionsContainer,
.PowerSelect__Clear,
.PowerSelect__TriggerStatus {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  height: 34px;
}

.PowerSelect__TriggerLabel {
  overflow: hidden;
  max-width: 0px;
}

// MultiSelect
.PowerSelectMultiple__OptionsContainer {
  padding-top: 2px;
  padding-bottom: 2px;
}

.PowerSelectMultiple__SelectedOptions {
  list-style: none;
  padding-left: 0;
  display: block;

  &::after {
    content: '';
    display: table;
    clear: both;
  }

  > li {
    display: block;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
  }
}

{'fraction_non_alphanumeric': 0.12728302421067536, 'fraction_numerical': 0.027042333286139034, 'mean_word_length': 3.4399748585795096, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '6858862', 'n_tokens_mistral': 2806, 'n_tokens_neox': 2605, 'n_words': 527}