<commit_before>.autosuggest_input_form {
  width: 100%;
  height: 100%;
  opacity: 1;
  position: relative;
}

.error-box {
  height: 30px;
  width: 100%;
  max-width: 530px;
  margin: auto;
  margin-top: 0px;
  border-radius: 2px 2px 0 0;
  transition-property: transform;
  background-color: #ba4100;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  &.open {
    transform: translate(0, 0%);
  }
  &.closed {
    transform: translate(0, 100%);
  }
}

.error-text {
  font-family: 'Fira Sans Condensed';
}

.search_input,
.search_input:focus,
.search_input:active {
  width: 100%;
  margin: 16px;
  margin-right: 0;
  color: $secondary-color;
  padding: 0;
  background-color: #fafafa;
  display: inline-block;
  font-size: 16px;
  border: none;
  outline: none;
}

.input_form,
.input_form:focus,
.input_form:active {
  position: relative;
  height: 52px;
  background-color: #fafafa;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  padding: 0;
  font-size: 16px;
  border: none;
  border-radius: 2px;
  border-bottom: 1px solid transparent;
  outline: none;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  border-bottom: honeydew;
  border-left: honeydew;
  border-right: honeydew;
  border-radius: 2px;
  max-width: 530px;
  margin: auto;
}

.autocomplete_container {
  width: calc(100% + 52px);
  border-bottom: honeydew;
  border-left: honeydew;
  border-right: honeydew;
  border: 1px solid #e6e6e6;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 2px 2px;
  position: relative;
  z-index: 1;
}

.form_group {
  width: calc(100% - 104px);
  position: 'relative';
  padding-bottom: 0px;
}

.input_suggestion_item {
  padding: 10px;
  text-align: left;
  cursor: pointer;
}

.input_suggestion_item_active {
  @extend .input_suggestion_item;
  background-color: #e1f5ef;
}

.suggestion_text_bold {
  font-weight: 600;
  color: $secondary-color;
}

.search_button {
  border: none;
  position: absolute;
  border-radius: 0 2px 2px 0;
  right: 0;
  background-color: rgba($secondary-color, 0.85);
  height: 52px;
  width: 52px;
  display: inline-block;
  color: $mainwhite;

  &:hover:not(:disabled),
  &:focus {
    cursor: pointer;
    background-color: $secondary-color;
    z-index: 100;
  }

  &:disabled {
    opacity: 0.75;
  }
}

.fa-map-marker {
  color: $secondary-color;
}

.clear_button {
  border: none;
  padding: 0;
  color: $secondary-color;
  position: absolute;
  align-self: center;
  right: 52px;
  margin: 0 2px 2px 0;
  background-color: #fafafa;
  height: 41px;
  width: 41px;
  display: inline-block;

  &:hover {
    cursor: pointer;
  }

  &:focus {
    z-index: 100;
  }
}

.suggestion_text_muted {
  font-weight: lighter;
  font-size: 0.75em;
  color: rgba($secondary-color, 0.85);
}
<commit_msg>Style explore the map button per new wireframes<commit_after>@import "../base/colors";

.autosuggest_input_form {
  width: 100%;
  height: 100%;
  opacity: 1;
  position: relative;
}

.error-box {
  height: 30px;
  width: 100%;
  max-width: 530px;
  margin: auto;
  margin-top: 0px;
  border-radius: 2px 2px 0 0;
  transition-property: transform;
  background-color: #ba4100;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  &.open {
    transform: translate(0, 0%);
  }
  &.closed {
    transform: translate(0, 100%);
  }
}

.error-text {
  font-family: 'Fira Sans Condensed';
}

.search_input,
.search_input:focus,
.search_input:active {
  width: 100%;
  margin: 16px;
  margin-right: 0;
  color: $secondary-color;
  padding: 0;
  background-color: #fafafa;
  display: inline-block;
  font-size: 16px;
  border: none;
  outline: none;
}

.input_form,
.input_form:focus,
.input_form:active {
  position: relative;
  height: 52px;
  background-color: #fafafa;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  padding: 0;
  font-size: 16px;
  border: none;
  border-radius: 2px;
  border-bottom: 1px solid transparent;
  outline: none;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  border-bottom: honeydew;
  border-left: honeydew;
  border-right: honeydew;
  border-radius: 2px;
  max-width: 530px;
  margin: auto;
}

.autocomplete_container {
  width: calc(100% + 52px);
  border-bottom: honeydew;
  border-left: honeydew;
  border-right: honeydew;
  border: 1px solid #e6e6e6;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 2px 2px;
  position: relative;
  z-index: 1;
}

.form_group {
  width: calc(100% - 104px);
  position: 'relative';
  padding-bottom: 0px;
}

.input_suggestion_item {
  padding: 10px;
  text-align: left;
  cursor: pointer;
}

.input_suggestion_item_active {
  @extend .input_suggestion_item;
  background-color: #e1f5ef;
}

.suggestion_text_bold {
  font-weight: 600;
  color: $secondary-color;
}

.search_button {
  border: none;
  position: absolute;
  border-radius: 0 2px 2px 0;
  right: 0;
  background-color: $maingreen;
  height: 52px;
  width: 52px;
  display: inline-block;
  color: $mainwhite;

  &:hover:not(:disabled),
  &:focus {
    cursor: pointer;
    background-color: $hovergreen;
    z-index: 100;
  }

  &:disabled {
    background-color: $secondary-color;
  }
}

.fa-map-marker {
  color: $secondary-color;
}

.clear_button {
  border: none;
  padding: 0;
  color: $secondary-color;
  position: absolute;
  align-self: center;
  right: 52px;
  margin: 0 2px 2px 0;
  background-color: #fafafa;
  height: 41px;
  width: 41px;
  display: inline-block;

  &:hover {
    cursor: pointer;
  }

  &:focus {
    z-index: 100;
  }
}

.suggestion_text_muted {
  font-weight: lighter;
  font-size: 0.75em;
  color: rgba($secondary-color, 0.85);
}

{'fraction_non_alphanumeric': 0.1436482631313979, 'fraction_numerical': 0.04967276388655815, 'mean_word_length': 3.421364985163205, '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': '3518626', 'n_tokens_mistral': 2647, 'n_tokens_neox': 2353, 'n_words': 554}