<commit_before>.app-c-option-select {
  position: relative;
  padding: 0 0 1px;
  background-color: govuk-colour("grey-3");
  margin-bottom: govuk-spacing(6);

  @include media(desktop) {
    // Redefine scrollbars on desktop where these lists are scrollable
    // so they are always visible in option lists
    ::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px;
    }

    ::-webkit-scrollbar-thumb {
      border-radius: 4px;

      // scss-lint:disable ColorVariable
      background-color: rgba(0, 0, 0, .5);
      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }
  }

  .gem-c-checkboxes {
    margin: 0;
  }
}

.app-c-option-select__title {
  @include govuk-font(19, $weight: bold);
  padding: 10px 8px 5px 16px;
  margin: 0;
}

.app-c-option-select__button {
  padding-right: 40px;
  width: 100%;
  background: none;
  border: 0;
  text-align: left;
  cursor: pointer;
}

.app-c-option-select__icon {
  display: none;
  position: absolute;
  top: 0;
  right: govuk-spacing(2);
  width: 30px;
  height: 40px;
  fill: currentColor;
}

.app-c-option-select__container {
  position: relative;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  border: govuk-spacing(1) solid govuk-colour("grey-3");
  background-color: govuk-colour("white");
}

.app-c-option-select__container-inner {
  padding: govuk-spacing(1) 13px;
}

.app-c-option-select__filter {
  background: govuk-colour('white');
  border-left: govuk-spacing(1) solid govuk-colour("grey-3");
  border-right: govuk-spacing(1) solid govuk-colour("grey-3");
  padding: 13px 13px govuk-spacing(2) 13px;
}

.app-c-option-select__filter-input {
  @include govuk-font(19);
  padding-left: 33px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='40' height='40'%3E%3Cpath d='M25.7 24.8L21.9 21c.7-1 1.1-2.2 1.1-3.5 0-3.6-2.9-6.5-6.5-6.5S10 13.9 10 17.5s2.9 6.5 6.5 6.5c1.6 0 3-.6 4.1-1.5l3.7 3.7 1.4-1.4zM12 17.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E") govuk-colour("white") no-repeat -5px -3px;

  @include govuk-media-query($from: tablet) {
    @include govuk-font(16);
  }
}

.js-enabled {
  .app-c-option-select__container {<commit_msg>Remove unnecessary focus state from checkbox wrapper<commit_after>.app-c-option-select {
  position: relative;
  padding: 0 0 1px;
  background-color: govuk-colour("grey-3");
  margin-bottom: govuk-spacing(6);

  @include media(desktop) {
    // Redefine scrollbars on desktop where these lists are scrollable
    // so they are always visible in option lists
    ::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px;
    }

    ::-webkit-scrollbar-thumb {
      border-radius: 4px;

      // scss-lint:disable ColorVariable
      background-color: rgba(0, 0, 0, .5);
      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }
  }

  .gem-c-checkboxes {
    margin: 0;
  }
}

.app-c-option-select__title {
  @include govuk-font(19, $weight: bold);
  padding: 10px 8px 5px 16px;
  margin: 0;
}

.app-c-option-select__button {
  padding-right: 40px;
  width: 100%;
  background: none;
  border: 0;
  text-align: left;
  cursor: pointer;
}

.app-c-option-select__icon {
  display: none;
  position: absolute;
  top: 0;
  right: govuk-spacing(2);
  width: 30px;
  height: 40px;
  fill: currentColor;
}

.app-c-option-select__container {
  position: relative;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  border: govuk-spacing(1) solid govuk-colour("grey-3");
  background-color: govuk-colour("white");

  &:focus {
    outline: 0;
  }
}

.app-c-option-select__container-inner {
  padding: govuk-spacing(1) 13px;
}

.app-c-option-select__filter {
  background: govuk-colour('white');
  border-left: govuk-spacing(1) solid govuk-colour("grey-3");
  border-right: govuk-spacing(1) solid govuk-colour("grey-3");
  padding: 13px 13px govuk-spacing(2) 13px;
}

.app-c-option-select__filter-input {
  @include govuk-font(19);
  padding-left: 33px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='40' height='40'%3E%3Cpath d='M25.7 24.8L21.9 21c.7-1 1.1-2.2 1.1-3.5 0-3.6-2.9-6.5-6.5-6.5S10 13.9 10 17.5s2.9 6.5 6.5 6.5c1.6 0 3-.6 4.1-1.5l3.7 3.7 1.4-1.4zM12 17.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E") govuk-colour("white") no-repeat -5px -3px;

  @include govuk-media-query($from: tablet) {
    @include govuk-font(16);
  }
}

.js-enabled {
  .app-c-option-select__container {
{'fraction_non_alphanumeric': 0.171875, 'fraction_numerical': 0.08658854166666667, 'mean_word_length': 3.1410601976639714, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 4}, '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': '131504', 'n_tokens_mistral': 2217, 'n_tokens_neox': 1952, 'n_words': 373}