<commit_before>#tutorial-navigator {
  border: 1px solid #ddd;
  border-radius: 3px;
}

#tutorial-navigator .tutorial-header {
  border-bottom: 2px solid #ddd;
  padding: 40px 0;
  display: table;
  width: 100%;
}

#tutorial-navigator .tutorial-header .step-circle {
  text-align: center;
}

#tutorial-navigator .tutorial-header .step-circle a {
  background: #ddd;
  border: 1px solid #ddd;
  border-radius: 100%;
  padding: 15px;
  height: 60px;
  width: 60px;
  display: inline-block;
  line-height: 30px;
  color: #fff;
  font-size: 25px;
}

#tutorial-navigator .tutorial-header .step-circle span.step-label {
  display: block;
  padding: 15px 0px 0px 0px;
  font-size: 20px;
  color: #ddd;
}


#tutorial-navigator .tutorial-header .step-circle.active a {
  background: #4fcb1f;
  color: #fff;
  border-color: #4fcb1f;
}

#tutorial-navigator .tutorial-header .step-circle.active span.step-label {
  color: #000;
}

#tutorial-navigator .step,
#tutorial-navigator .code-snippets {
  padding: 40px;
  border-radius: 3px;
}

#tutorial-navigator .step > h3,
#tutorial-navigator .code-snippets > h3 {
  margin-top: 0px;
  margin-bottom: 40px;
  padding-left: 15px;
}

#tutorial-navigator .step .app-type {
  cursor: pointer;
  padding: 20px;
}

#tutorial-navigator .step .app-type .app-type-item{
  display: block;
  padding: 20px;
  border-radius: 3px;
}

#tutorial-navigator .step .app-type:hover .app-type-item {
  background: #fff;
}

#tutorial-navigator .step .app-type .app-type-item span,
#tutorial-navigator .step .app-type .app-type-item strong {
  display: block;
  width: 100%;
  text-align: center;
  color: #666;
}

#tutorial-navigator .step .app-type:hover .app-type-item span,
#tutorial-navigator .step .app-type:hover .app-type-item strong {
  color: #44C7F4;
}

#tutorial-navigator .step .app-type .app-type-item span.icon {
  font-size: 7em;
}

#tutorial-navigator .step .app-type .app-type-item strong.label {
  text-transform: capitalize;
  font-size: 1.3em;
}

#tutorial-navigator .step .tutorial-item {
  display: inline-block;
  float: none;
  margin-bottom: 20px;
  vertical-align: top;
}

#tutorial-navigator .step .tutorial-item,
#tutorial-navigator .step .tutorial-item a,
#tutorial-navigator .step .tutorial-item a strong {
  /*background: none;*/
  border-radius: 3px;
}

#tutorial-navigator .step .tutorial-item:hover {
  background: #fff;
}

#tutorial-navigator .step .tutorial-item span {<commit_msg>Add hover state to tutorial items<commit_after>#tutorial-navigator {
  border: 1px solid #ddd;
  border-radius: 3px;
}

#tutorial-navigator .tutorial-header {
  border-bottom: 2px solid #ddd;
  padding: 40px 0;
  display: table;
  width: 100%;
}

#tutorial-navigator .tutorial-header .step-circle {
  text-align: center;
}

#tutorial-navigator .tutorial-header .step-circle a {
  background: #ddd;
  border: 1px solid #ddd;
  border-radius: 100%;
  padding: 15px;
  height: 60px;
  width: 60px;
  display: inline-block;
  line-height: 30px;
  color: #fff;
  font-size: 25px;
}

#tutorial-navigator .tutorial-header .step-circle span.step-label {
  display: block;
  padding: 15px 0px 0px 0px;
  font-size: 20px;
  color: #ddd;
}


#tutorial-navigator .tutorial-header .step-circle.active a {
  background: #4fcb1f;
  color: #fff;
  border-color: #4fcb1f;
}

#tutorial-navigator .tutorial-header .step-circle.active span.step-label {
  color: #000;
}

#tutorial-navigator .step,
#tutorial-navigator .code-snippets {
  padding: 40px;
  border-radius: 3px;
}

#tutorial-navigator .step > h3,
#tutorial-navigator .code-snippets > h3 {
  margin-top: 0px;
  margin-bottom: 40px;
  padding-left: 15px;
}

#tutorial-navigator .step .app-type {
  cursor: pointer;
  padding: 20px;
}

#tutorial-navigator .step .app-type .app-type-item{
  display: block;
  padding: 20px;
  border-radius: 3px;
}

#tutorial-navigator .step .app-type:hover .app-type-item {
  background: #fff;
}

#tutorial-navigator .step .app-type .app-type-item span,
#tutorial-navigator .step .app-type .app-type-item strong {
  display: block;
  width: 100%;
  text-align: center;
  color: #666;
}

#tutorial-navigator .step .app-type:hover .app-type-item span,
#tutorial-navigator .step .app-type:hover .app-type-item strong {
  color: #44C7F4;
}

#tutorial-navigator .step .app-type .app-type-item span.icon {
  font-size: 7em;
}

#tutorial-navigator .step .app-type .app-type-item strong.label {
  text-transform: capitalize;
  font-size: 1.3em;
}

#tutorial-navigator .step .tutorial-item {
  display: inline-block;
  float: none;
  margin-bottom: 20px;
  vertical-align: top;
}

#tutorial-navigator .step .tutorial-item,
#tutorial-navigator .step .tutorial-item a.logo-tutorial,
#tutorial-navigator .step .tutorial-item a.logo-tutorial strong {
  /*background: none;*/
  border-radius: 3px;
}

#tutorial-navigator .step .tutorial-item:hover,
#tutorial-navigator .step .tutorial-item:hover a.logo-tutorial,
#tutorial-navigator .step .tutorial-item:hover a.logo-tutorial strong,
#tutorial-navigator .step .tutorial-item:hover a.logo-tutorial span {
  background: #fff;
  color: #44C7F4;
}

#tutorial-navigator .step .tutorial-item span {
{'fraction_non_alphanumeric': 0.14580896686159844, 'fraction_numerical': 0.02729044834307992, 'mean_word_length': 3.690127970749543, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '330756', 'n_tokens_mistral': 2198, 'n_tokens_neox': 1991, 'n_words': 435}