<commit_before>body {
  background-color: #434656;
}

button {
  padding: 10px 30px;
  border-radius: 3px;
  background-color: #00BBFF;
  color: #FFFFFF;
  font-size: 1em;
  border:none;
  margin: 0px 5px;
}

button:active {
  box-shadow: inset 0px 0px 5px #333333;
}

button:hover {
  background-color: #22CCFF;
}

button > .button-icon {
  display: none;
}

@media (max-width: 690px) {
  button {
    padding: 8px 5px;
    font-size: 0.6em;
  }

  button > .button-text {
    display: none;
  }

  button > .button-icon {
    display: inline;
  }

  body {
    font-size: 14px;
  }
}

.hiddenInput {
  display: none;
}

.drawingArea {
  max-width: 75vw;
  max-height: 75vh;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
}

.canvas {
  box-shadow: 0px 0px 10px #000000;
}

.hiddenImg {
  visibility: hidden;
}

.preview {
  text-align:center;
  margin:auto;
  padding-top: 8px;
}


input[type=range] {
  -webkit-appearance: none;
  border: none;
  background-color: inherit;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 2px;
  cursor: pointer;
  background: #c5c3c3;
  transform: translateY(-250%);<commit_msg>Add more space between canvas and toolbar<commit_after>body {
  background-color: #434656;
}

button {
  padding: 10px 30px;
  border-radius: 3px;
  background-color: #00BBFF;
  color: #FFFFFF;
  font-size: 1em;
  border:none;
  margin: 0px 5px;
}

button:active {
  box-shadow: inset 0px 0px 5px #333333;
}

button:hover {
  background-color: #22CCFF;
}

button > .button-icon {
  display: none;
}

@media (max-width: 690px) {
  button {
    padding: 8px 5px;
    font-size: 0.6em;
  }

  button > .button-text {
    display: none;
  }

  button > .button-icon {
    display: inline;
  }

  body {
    font-size: 14px;
  }
}

.hiddenInput {
  display: none;
}

.drawingArea {
  max-width: 75vw;
  max-height: 75vh;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
}

.canvas {
  box-shadow: 0px 0px 10px #000000;
}

.hiddenImg {
  visibility: hidden;
}

.preview {
  text-align:center;
  margin:auto;
  padding-top: 10px;
}


input[type=range] {
  -webkit-appearance: none;
  border: none;
  background-color: inherit;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 2px;
  cursor: pointer;
  background: #c5c3c3;
  transform: translateY(-250%);
{'fraction_non_alphanumeric': 0.14511552492906363, 'fraction_numerical': 0.04904742602351034, 'mean_word_length': 3.1478991596638655, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '6462169', 'n_tokens_mistral': 1111, 'n_tokens_neox': 994, 'n_words': 213}