<commit_before>html, body {
  font: 13px Helvetica Neue, Lucida Grande, sans-serif;
  height: 100%;
  margin: 0;
  background: rgb(236, 236, 236);
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
}

.cursor-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
}


/* MARK: - Controls */

input {
  vertical-align: middle;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: .5px solid rgb(172, 172, 172);
  background:
    linear-gradient(to bottom, rgb(240, 240, 240) .5px, transparent .5px),
    linear-gradient(to right , rgb(240, 240, 240) .5px, transparent .5px),
    linear-gradient(to left  , rgb(240, 240, 240) .5px, transparent .5px),
    linear-gradient(to top   , rgb(240, 240, 240) .5px, transparent .5px) #fff;
}

input[type=number]::-webkit-outer-spin-button {
  width: 4px;
}
input[type=number]::-webkit-inner-spin-button {
  display: none;
}
input[type=number]:hover::-webkit-inner-spin-button,
input[type=number]:focus::-webkit-inner-spin-button {
  display: block;
}
input[type=number][readonly]::-webkit-inner-spin-button,
input[type=number]:disabled::-webkit-inner-spin-button {
  display: none;
}

input[type=range] {
  background: 0;
  border: 0;
  box-shadow: none;
  -webkit-appearance: none;
}
input[type=range]::-webkit-slider-container {
}
input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  background: rgb(179, 179, 179);
  height: 3px;
  border-radius: 100px;
  border: 0;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin: -5px 0;
  width: 12px;
  height: 12px;
  background: #fff;
  border: .5px solid rgb(172, 172, 172);
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .19);
  border-radius: 100px;
}
input[type=range]:not(:disabled)::-webkit-slider-thumb:active {
  background: rgb(240, 240, 240);
}

button {
  position: relative;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  padding: 1px 5px;
  background: #fff;
  border: .5px solid rgb(172, 172, 172);
  border-radius: 3px;
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .19);
  outline-offset: -2px;
}
button.icon16 {
  width: 28px;
  height: 18px;
}
button:not(:disabled):active {
  background: linear-gradient(#fff .5px, transparent .5px), linear-gradient(rgb(230, 230, 230), rgb(221, 221, 221));
}
button:focus {
  z-index: 1;
}
button:disabled,
input[type=range]:disabled {
  opacity: .57;
}

.segmented {
  display: inline-block;
  border-radius: 3px;
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .19);
}
.segmented > button {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  box-shadow: inset -1px 0 rgb(229, 229, 229);
}
.segmented > button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: .5px solid rgb(172, 172, 172);
}
.segmented > button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right: .5px solid rgb(172, 172, 172);
  box-shadow: none;
}


/* MARK: - Editor */

.editor {
  display: -webkit-flex;
  -webkit-flex-direction: row;
  height: 100%;
}

.layers.panel {
  position: relative;
  border-right: 1px solid rgb(184, 184, 184);
}
.canvas {
  overflow: hidden;
  -webkit-flex: 1;
  position: relative;
  background: rgb(255, 255, 255);
}
.inspector.panel {
  width: 213px;
  border-left: 1px solid rgb(184, 184, 184);
}


/* MARK: - Panels */

.panel {
  display: -webkit-flex;
  -webkit-flex-direction: column;
  background: rgb(230, 230, 230);
  font-size: 11px;
  letter-spacing: .035em;
}
.panel-header {
  border-bottom: 1px solid rgb(184, 184, 184);
  background: rgb(245, 245, 245);
  height: 26px;
}
.panel-content {
  -webkit-flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.panel-footer {
  border-top: 1px solid rgb(219, 219, 219);
  background: linear-gradient(rgb(251, 251, 251), rgb(239, 239, 239));
  height: 31px;
}

.panel-resizer {
  position: absolute;
  top: 0;
  height: 100%;
  width: 5px;
  cursor: col-resize;
}
.layers.panel > .panel-resizer {
  right: -3px;
}
.inspector.panel > .panel-resizer {
  left: -3px;
}


/* MARK: - Inspector */

.inspector .panel-content {
  margin-bottom: -1px;
}
.inspector section {
  padding: 8px 8px 9px;
  position: relative;
}
.inspector section::after {
  content: '';
  display: block;
  background: linear-gradient(to right, rgb(184, 184, 184), rgba(184, 184, 184, 0));
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.inspector h1 {
  font-weight: bold;
  font-size: inherit;
  margin: 0;
  color: rgb(81, 81, 81);
}
.inspector .matrix {
  display: table;
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
}
.inspector .matrix > .row {
  display: -webkit-flex;
  -webkit-align-items: flex-start;
}
.inspector .matrix .row > label {
  width: 65px;
  box-sizing: border-box;
  padding: 3px 0;
  padding-right: 12px;
  text-align: right;
}
.inspector .matrix .mid {
  width: 16px;
}
.inspector .matrix .slider {
  -webkit-flex: 2;
  margin-right: 12px;
  height: 18px;
  line-height: 16px;
}
.inspector .matrix .slider > input {
  width: 100%;
}
.inspector .matrix .field {
  -webkit-flex: 1;
  padding-bottom: 5px;
}
.inspector .matrix .field > input {
  width: 100%;
  height: 18px;
  padding: 0 3px;
}
.inspector .matrix .field > select {
  width: 100%;
  margin: 0;
}
.inspector .matrix .field > label {
  display: block;
  padding-top: 2px;
  text-align: center;
  font-size: 9px;
}


/* MARK: - Canvas */

.canvas canvas,
.canvas .container {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.selection-container {
  transform: translateZ(0);
}<commit_msg>Use unprefixed property names<commit_after>html, body {
  font: 13px Helvetica Neue, Lucida Grande, sans-serif;
  height: 100%;
  margin: 0;
  background: rgb(236, 236, 236);
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.cursor-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
}


/* MARK: - Controls */

input {
  vertical-align: middle;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: .5px solid rgb(172, 172, 172);
  background:
    linear-gradient(to bottom, rgb(240, 240, 240) .5px, transparent .5px),
    linear-gradient(to right , rgb(240, 240, 240) .5px, transparent .5px),
    linear-gradient(to left  , rgb(240, 240, 240) .5px, transparent .5px),
    linear-gradient(to top   , rgb(240, 240, 240) .5px, transparent .5px) #fff;
}

input[type=number]::-webkit-outer-spin-button {
  width: 4px;
}
input[type=number]::-webkit-inner-spin-button {
  display: none;
}
input[type=number]:hover::-webkit-inner-spin-button,
input[type=number]:focus::-webkit-inner-spin-button {
  display: block;
}
input[type=number][readonly]::-webkit-inner-spin-button,
input[type=number]:disabled::-webkit-inner-spin-button {
  display: none;
}

input[type=range] {
  background: 0;
  border: 0;
  box-shadow: none;
  -webkit-appearance: none;
}
input[type=range]::-webkit-slider-container {
}
input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  background: rgb(179, 179, 179);
  height: 3px;
  border-radius: 100px;
  border: 0;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin: -5px 0;
  width: 12px;
  height: 12px;
  background: #fff;
  border: .5px solid rgb(172, 172, 172);
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .19);
  border-radius: 100px;
}
input[type=range]:not(:disabled)::-webkit-slider-thumb:active {
  background: rgb(240, 240, 240);
}

button {
  position: relative;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  padding: 1px 5px;
  background: #fff;
  border: .5px solid rgb(172, 172, 172);
  border-radius: 3px;
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .19);
  outline-offset: -2px;
}
button.icon16 {
  width: 28px;
  height: 18px;
}
button:not(:disabled):active {
  background: linear-gradient(#fff .5px, transparent .5px), linear-gradient(rgb(230, 230, 230), rgb(221, 221, 221));
}
button:focus {
  z-index: 1;
}
button:disabled,
input[type=range]:disabled {
  opacity: .57;
}

.segmented {
  display: inline-block;
  border-radius: 3px;
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .19);
}
.segmented > button {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  box-shadow: inset -1px 0 rgb(229, 229, 229);
}
.segmented > button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: .5px solid rgb(172, 172, 172);
}
.segmented > button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-right: .5px solid rgb(172, 172, 172);
  box-shadow: none;
}


/* MARK: - Editor */

.editor {
  display: flex;
  flex-direction: row;
  height: 100%;
}

.layers.panel {
  position: relative;
  border-right: 1px solid rgb(184, 184, 184);
}
.canvas {
  overflow: hidden;
  flex: 1;
  position: relative;
  background: rgb(255, 255, 255);
}
.inspector.panel {
  width: 213px;
  border-left: 1px solid rgb(184, 184, 184);
}


/* MARK: - Panels */

.panel {
  display: flex;
  flex-direction: column;
  background: rgb(230, 230, 230);
  font-size: 11px;
  letter-spacing: .035em;
}
.panel-header {
  border-bottom: 1px solid rgb(184, 184, 184);
  background: rgb(245, 245, 245);
  height: 26px;
}
.panel-content {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.panel-footer {
  border-top: 1px solid rgb(219, 219, 219);
  background: linear-gradient(rgb(251, 251, 251), rgb(239, 239, 239));
  height: 31px;
}

.panel-resizer {
  position: absolute;
  top: 0;
  height: 100%;
  width: 5px;
  cursor: col-resize;
}
.layers.panel > .panel-resizer {
  right: -3px;
}
.inspector.panel > .panel-resizer {
  left: -3px;
}


/* MARK: - Inspector */

.inspector .panel-content {
  margin-bottom: -1px;
}
.inspector section {
  padding: 8px 8px 9px;
  position: relative;
}
.inspector section::after {
  content: '';
  display: block;
  background: linear-gradient(to right, rgb(184, 184, 184), rgba(184, 184, 184, 0));
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.inspector h1 {
  font-weight: bold;
  font-size: inherit;
  margin: 0;
  color: rgb(81, 81, 81);
}
.inspector .matrix {
  display: table;
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
}
.inspector .matrix > .row {
  display: flex;
  align-items: flex-start;
}
.inspector .matrix .row > label {
  width: 65px;
  box-sizing: border-box;
  padding: 3px 0;
  padding-right: 12px;
  text-align: right;
}
.inspector .matrix .mid {
  width: 16px;
}
.inspector .matrix .slider {
  flex: 2;
  margin-right: 12px;
  height: 18px;
  line-height: 16px;
}
.inspector .matrix .slider > input {
  width: 100%;
}
.inspector .matrix .field {
  flex: 1;
  padding-bottom: 5px;
}
.inspector .matrix .field > input {
  width: 100%;
  height: 18px;
  padding: 0 3px;
}
.inspector .matrix .field > select {
  width: 100%;
  margin: 0;
}
.inspector .matrix .field > label {
  display: block;
  padding-top: 2px;
  text-align: center;
  font-size: 9px;
}


/* MARK: - Canvas */

.canvas canvas,
.canvas .container {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.selection-container {
  transform: translateZ(0);
}
{'fraction_non_alphanumeric': 0.1661939372451693, 'fraction_numerical': 0.07587307215032796, 'mean_word_length': 3.479158396188964, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 25, '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': '4425642', 'n_tokens_mistral': 5259, 'n_tokens_neox': 4341, 'n_words': 1085}