<commit_before>.slider {
  -webkit-appearance: none;
  width: 100%;
  margin: 8.35px 0;
}
.slider:focus {
  outline: none;
}
.slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 13.3px;
  cursor: pointer;
  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
  background: #ffbae6;
  border-radius: 25px;
  //border: 2.3px solid #dbd58f;
}
.slider::before::-webkit-slider-thumb {
}
.slider::-webkit-slider-thumb {
  border: 5px solid #ffcdff;
  height: 30px;
  width: 30px;
  border-radius: 12px;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10.65px;
  background-size: 20px;
  background: #ffff7d url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='20px'><text x='0' y='18' font-size='18'>🦄</text></svg>") no-repeat;
}
.slider:focus::-webkit-slider-thumb {
  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
}

.slider:focus::-webkit-slider-runnable-track {
  background: #ff91d8;
  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
}
.slider::-moz-range-track {
  content: '🦄';
  width: 100%;
  height: 13.3px;
  cursor: pointer;
  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
  background: #ffbae6;
  border-radius: 25px;
  border: 2.3px solid #dbd58f;
}
.slider::-moz-range-thumb {
  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
  border: 5px solid #ffcdff;
  height: 30px;
  width: 30px;
  border-radius: 12px;
  cursor: pointer;
  background: #ffff7d url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='20px'><text x='0' y='18' font-size='18'>🦄</text></svg>") no-repeat;
}
.slider::-ms-track {
  width: 100%;
  height: 13.3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.slider::-ms-fill-lower {
  background: #ff68ca;
  border: 2.3px solid #dbd58f;
  border-radius: 50px;
  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
}
.slider::-ms-fill-upper {
  background: #ff91d8;
  border: 2.3px solid #dbd58f;
  border-radius: 50px;
  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
}
.slider::-ms-thumb {
  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
  border: 5px solid #ffcdff;
  width: 30px;
  border-radius: 12px;
  cursor: pointer;
  height: 13.3px;
  background: #ffff7d url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='20px'><text x='0' y='18' font-size='18'>🦄</text></svg>") no-repeat;
}
.slider:focus::-ms-fill-lower {
  background: #ff91d8;
}
.slider:focus::-ms-fill-upper {
  background: #ffbae6;
}
<commit_msg>[example-studio] Fix extremely serious issue with custom slider thumb<commit_after>.slider {
  -webkit-appearance: none;
  width: 100%;
  margin: 8.35px 0;
}
.slider:focus {
  outline: none;
}
.slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 13.3px;
  cursor: pointer;
  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
  background: #ffbae6;
  border-radius: 25px;
  //border: 2.3px solid #dbd58f;
}
.slider::before::-webkit-slider-thumb {
}
.slider::-webkit-slider-thumb {
  border: 5px solid #ffcdff;
  height: 30px;
  width: 30px;
  border-radius: 12px;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
  background-size: 20px;
  background: #ffff7d url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='20px'><text x='0' y='18' font-size='18'>🦄</text></svg>") no-repeat;
}
.slider:focus::-webkit-slider-thumb {
  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
}

.slider:focus::-webkit-slider-runnable-track {
  background: #ff91d8;
  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
}
.slider::-moz-range-track {
  content: '🦄';
  width: 100%;
  height: 13.3px;
  cursor: pointer;
  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
  background: #ffbae6;
  border-radius: 25px;
  border: 2.3px solid #dbd58f;
}
.slider::-moz-range-thumb {
  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
  border: 5px solid #ffcdff;
  height: 30px;
  width: 30px;
  border-radius: 12px;
  cursor: pointer;
  background: #ffff7d url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='20px'><text x='0' y='18' font-size='18'>🦄</text></svg>") no-repeat;
}
.slider::-ms-track {
  width: 100%;
  height: 13.3px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.slider::-ms-fill-lower {
  background: #ff68ca;
  border: 2.3px solid #dbd58f;
  border-radius: 50px;
  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
}
.slider::-ms-fill-upper {
  background: #ff91d8;
  border: 2.3px solid #dbd58f;
  border-radius: 50px;
  box-shadow: 1.4px 1.4px 1.7px #ffb2df, 0px 0px 1.4px #ffccea;
}
.slider::-ms-thumb {
  box-shadow: 4.1px 4.1px 7.2px #27aaff, 0px 0px 4.1px #41b4ff;
  border: 5px solid #ffcdff;
  width: 30px;
  border-radius: 12px;
  cursor: pointer;
  height: 13.3px;
  background: #ffff7d url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='20px' width='20px'><text x='0' y='18' font-size='18'>🦄</text></svg>") no-repeat;
}
.slider:focus::-ms-fill-lower {
  background: #ff91d8;
}
.slider:focus::-ms-fill-upper {
  background: #ffbae6;
}

{'fraction_non_alphanumeric': 0.1885608856088561, 'fraction_numerical': 0.09132841328413284, 'mean_word_length': 3.9326660600545953, 'pattern_counts': {'":': 0, '<': 27, '<?xml version=': 0, '>': 27, 'https://': 0, 'lorem ipsum': 0, 'www.': 6, 'xml': 12}, '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': '3866308', 'n_tokens_mistral': 2719, 'n_tokens_neox': 2408, 'n_words': 478}