<commit_before>:root {
  --color-dark-divider: rgba(0, 0, 0, 0.12);
  --color-dark-disabled: rgba(0, 0, 0, 0.38);
  --image-size: 96px;
}

.action {
  margin-top: 8px;
  height: 48px;
  display: inline-flex;
  align-items: center;
}

.hint {
  margin: 0 8px;
}

.listItem {
  height: var(--image-size);
  width: 100%;
}

.listItem + .listItem {
  margin-top: 8px;
}

.missingImage {
  composes: listItem;
  composes: clickable resetButton from 'components/styles/mixins.css';
  position: relative;
  border-radius: 2px;
  border: 2px dashed var(--color-dark-divider);
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  padding: 16px;
  user-select: none;
}

.imageItem {
  composes: listItem;
  position: relative;
  display: flex;
  align-items: center;
}

.imageWrapper {
  flex: 0 0 var(--image-size);
  height: var(--image-size);
}

.imageInfo {
  flex: 1 1 auto;
  padding: 0 8px 0 16px;
}

.imageRemove {
  composes: clickable resetButton from 'components/styles/mixins.css';
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  color: var(--color-dark-disabled);<commit_msg>Prop order<commit_after>:root {
  --color-dark-divider: rgba(0, 0, 0, 0.12);
  --color-dark-disabled: rgba(0, 0, 0, 0.38);
  --image-size: 96px;
}

.action {
  margin-top: 8px;
  height: 48px;
  display: inline-flex;
  align-items: center;
}

.hint {
  margin: 0 8px;
}

.listItem {
  height: var(--image-size);
  width: 100%;
}

.listItem + .listItem {
  margin-top: 8px;
}

.missingImage {
  composes: listItem;
  composes: clickable resetButton from 'components/styles/mixins.css';
  position: relative;
  border-radius: 2px;
  border: 2px dashed var(--color-dark-divider);
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  padding: 16px;
  user-select: none;
}

.imageItem {
  align-items: center;
  composes: listItem;
  display: flex;
  position: relative;
}

.imageWrapper {
  flex: 0 0 var(--image-size);
  height: var(--image-size);
}

.imageInfo {
  flex: 1 1 auto;
  padding: 0 8px 0 16px;
}

.imageRemove {
  composes: clickable resetButton from 'components/styles/mixins.css';
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  color: var(--color-dark-disabled);
{'fraction_non_alphanumeric': 0.15371692566148676, 'fraction_numerical': 0.03527929441411172, 'mean_word_length': 3.330909090909091, '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': '7468318', 'n_tokens_mistral': 1002, 'n_tokens_neox': 921, 'n_words': 224}