<commit_before>// hides existing content on /search/all_courses
#course_filter,
#catalog_content {
  height: 0;
  width: 0;
  overflow: hidden;
}

.mmooc-all-courses {
  max-width: 1146px;
  margin-top: 55px;

  h1 {
    margin-bottom: 24px;
    font-family: Roboto;
    font-size: 32px;
    color: @textColor;
  }

  p {
    margin-bottom: 80px;
    font-family: Roboto;
    font-size: 16px;
    color: @textColor;
    opacity: 0.5;
    letter-spacing: 0;
    line-height: 24px;
  }
}

// TODO: move to a separate file when buttons are refactored
.mmooc-button {
  padding: 12px 24px;
  border: none;
  border-radius: 4px;
  font-family: Roboto;
  font-size: 14px;
  color: @white;
  outline: none;
  text-align: center;
  cursor: pointer;

  span {
    text-decoration: none;

    &:last-child {
      display: none;
    }
  }

  &:hover,
  &:focus,
  &:active {
    color: @white !important;
    text-decoration: none;

    span {
      text-decoration: none !important;

      &:last-child {
        display: none;
      }
    }
  }
}


.mmooc-button-primary {
  background-color: @darkerTealColor;
}

.mmooc-button-secondary {
  background-color: @darkTealColor;
}<commit_msg>Update loading wrapper styles<commit_after>// hides existing content on /search/all_courses
#course_filter,
#catalog_content {
  height: 0;
  width: 0;
  overflow: hidden;
}

.mmooc-all-courses {
  max-width: 1146px;
  margin-top: 55px;

  h1 {
    margin-bottom: 24px;
    font-family: Roboto;
    font-size: 32px;
    color: @textColor;
  }

  p {
    margin-bottom: 80px;
    font-family: Roboto;
    font-size: 16px;
    color: @textColor;
    opacity: 0.5;
    letter-spacing: 0;
    line-height: 24px;
  }
}

// TODO: move to a separate file when buttons are refactored
.mmooc-button {
  padding: 12px 24px;
  border: none;
  border-radius: 4px;
  font-family: Roboto;
  font-size: 14px;
  color: @white;
  outline: none;
  text-align: center;
  cursor: pointer;

  span {
    text-decoration: none;

    &:last-child {
      display: none;
    }
  }

  &:hover,
  &:focus,
  &:active {
    color: @white !important;
    text-decoration: none;

    span {
      text-decoration: none !important;

      &:last-child {
        display: none;
      }
    }
  }
}

.mmooc-loader-wrapper {
  span {
    display: block;
    margin: 20px auto;
  }
}

.mmooc-button-primary {
  background-color: @darkerTealColor;
}

.mmooc-button-secondary {
  background-color: @darkTealColor;
}
{'fraction_non_alphanumeric': 0.13130081300813007, 'fraction_numerical': 0.024390243902439025, 'mean_word_length': 2.55635838150289, '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': '5919042', 'n_tokens_mistral': 1007, 'n_tokens_neox': 928, 'n_words': 210}