<commit_before>// Cribbed from https://github.com/fraserxu/react-dropdown
@import "vendor/dropdown";
.Dropdown-control {
  padding: 8px 30px 8px 10px;
  min-width: 150px;
  .placeholder {
    font-weight: 700;
  }
}

.inline-nav {
  display: flex;
  margin-top: 2em;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.inline-nav-el {
  padding: 0;
  margin: 0 16px;
  @include small{
    margin: 0;
  }
  text-align: center;
}

.button,
.button:link,
.button:active,
.button:visited {
  color: $base-color;
}

.button {
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  display: inline-block;
  border: 1px solid lighten($border-color, 35%);
  border-radius: 3px;;
  text-align: center;
  font-weight: 700;
  background-color: $base-background-color;

  @include box-shadow;
  &:active {
    @include inset-shadow;
  }
  &:hover {
    background-color: $strong-color;
    color: $base-background-color;
  }
}

.impact.hero-button{
      background-color:tint($mid-blue, 85%);

  &:hover{
    background-color: tint($mid-blue, 70%);
  }
 }


.hero-button {
  display: inline-block;
  border-radius: 3px;
  border: none;
  padding: 12px 20px 8px;
    @include small{
      padding: 17px 7px 9px;
    }

  .icon {
    width: 100px;
    height: 100px;
    // because these icons are more rectangular
    margin-top: -12px;
    margin-bottom: -12px;

    &:hover{

    };
  }

  &:hover {
    background-color: darken($base-background-rgba, 1%);

    label {
      color: tint($highlight-orange, 60%);
    }

    .impact {
      color: tint($dark-blue, 60%);
    }
  }

}

// Radio selector
.inline-radio-selector {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1em;
}

.inline-radio-item {
  text-align: center;
}


input.radio-item {
  &:empty {
    margin-left: -9999px;
  }

  // Styling labels
  &:empty ~ label {
    position: relative;
    color:$mid-blue;
    float: left;
    line-height: 2.5em;
    text-indent: 1rem;
    margin-top: 1em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;<commit_msg>Fixes Firefox overlapping buttons bug<commit_after>// Cribbed from https://github.com/fraserxu/react-dropdown
@import "vendor/dropdown";
.Dropdown-control {
  padding: 8px 30px 8px 10px;
  min-width: 150px;
  .placeholder {
    font-weight: 700;
  }
}

.inline-nav {
  display: flex;
  margin-top: 2em;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.inline-nav-el {
  padding: 0;
  margin: 0 16px;
  @include small{
    margin: 0;
  }
  text-align: center;
}

.button,
.button:link,
.button:active,
.button:visited {
  color: $base-color;
}

.button {
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  display: inline-block;
  border: 1px solid lighten($border-color, 35%);
  border-radius: 3px;;
  text-align: center;
  font-weight: 700;
  background-color: $base-background-color;

  @include box-shadow;
  &:active {
    @include inset-shadow;
  }
  &:hover {
    background-color: $strong-color;
    color: $base-background-color;
  }
}

.impact.hero-button{
      background-color:tint($mid-blue, 85%);

  &:hover{
    background-color: tint($mid-blue, 70%);
  }
 }


.hero-button {
  display: inline-block;
  border-radius: 3px;
  border: none;
  padding: 12px 20px 8px;
    @include small{
      padding: 17px 7px 9px;
    }

  .icon {
    width: 100px;
    height: 100px;
    // because these icons are more rectangular
    margin-top: -12px;
    margin-bottom: -12px;

    &:hover{

    };
  }

  &:hover {
    background-color: darken($base-background-rgba, 1%);

    label {
      color: tint($highlight-orange, 60%);
    }

    .impact {
      color: tint($dark-blue, 60%);
    }
  }

}

// Radio selector
.inline-radio-selector {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1em;
}

.inline-radio-item {
  text-align: center;
}


input.radio-item {
  float: left;
  &:empty {
    margin-left: -9999px;
  }

  // Styling labels
  &:empty ~ label {
    position: relative;
    color:$mid-blue;
    float: left;
    line-height: 2.5em;
    text-indent: 1rem;
    margin-top: 1em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
{'fraction_non_alphanumeric': 0.15141393898908928, 'fraction_numerical': 0.029392117568470273, 'mean_word_length': 2.7093311312964494, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '639714', 'n_tokens_mistral': 1852, 'n_tokens_neox': 1668, 'n_words': 363}