<commit_before>@import '../../scss/variables.scss';

@mixin item-size {
  width: 44px;
  height: 44px;
  width: var(--item-size);
  height: var(--item-size);
}

@mixin item-size-padded {
  width: 48px;
  height: 48px;
  width: calc(var(--item-size) + 4px);
  height: calc(var(--item-size) + 4px);
}

.item-stat {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 9.5px;
  padding: 0 2px;
  background: rgba(221, 221, 221, .85);
  color: #000;
  min-width: 10px;
  text-align: center;
  -webkit-user-select: none;
  box-sizing: content-box;
}
.itemQuality .item-quality ~ .item-stat, .show-reviews .item-review ~ .item-stat {
  background-color: transparent;
}

.item-quality {
  left: 0;
  text-align: left;
  display: none;
  .itemQuality & {
    display: block;
  }
}

dim-simple-item {
  outline: none;
}

dim-store-item {
  width: 52px;
  height: 52px;
  width: calc(var(--item-size) + 8px);
  height: calc(var(--item-size) + 8px);
}

.item {
  @include item-size-padded;
  margin: 2px;
  position: relative;
  contain: strict;
  cursor: pointer;
  box-sizing: border-box;
  transition: opacity .2s, transform .2s;
}

.search-hidden {
  opacity: .2;
  transform: scale(.85);
}

.item-xp-bar {
  height: 4px;
  width: 100%;
  background-color: $xp;
}

.item-xp-bar-small {
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: $xp;
}

.item-img {
  @include item-size;
  border: 2px solid #DDD;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  box-sizing: content-box;
  &:focus {
    outline: none;
  }
  &.complete {
    border-color: $gold;
  }
  &.transparent {<commit_msg>Take the border off of engrams<commit_after>@import '../../scss/variables.scss';

@mixin item-size {
  width: 44px;
  height: 44px;
  width: var(--item-size);
  height: var(--item-size);
}

@mixin item-size-padded {
  width: 48px;
  height: 48px;
  width: calc(var(--item-size) + 4px);
  height: calc(var(--item-size) + 4px);
}

.item-stat {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 9.5px;
  padding: 0 2px;
  background: rgba(221, 221, 221, .85);
  color: #000;
  min-width: 10px;
  text-align: center;
  -webkit-user-select: none;
  box-sizing: content-box;
}
.itemQuality .item-quality ~ .item-stat, .show-reviews .item-review ~ .item-stat {
  background-color: transparent;
}

.item-quality {
  left: 0;
  text-align: left;
  display: none;
  .itemQuality & {
    display: block;
  }
}

dim-simple-item {
  outline: none;
}

dim-store-item {
  width: 52px;
  height: 52px;
  width: calc(var(--item-size) + 8px);
  height: calc(var(--item-size) + 8px);
}

.item {
  @include item-size-padded;
  margin: 2px;
  position: relative;
  contain: strict;
  cursor: pointer;
  box-sizing: border-box;
  transition: opacity .2s, transform .2s;
}

.search-hidden {
  opacity: .2;
  transform: scale(.85);
}

.item-xp-bar {
  height: 4px;
  width: 100%;
  background-color: $xp;
}

.item-xp-bar-small {
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: $xp;
}

.item-img {
  @include item-size;
  border: 2px solid #DDD;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  box-sizing: content-box;
  &:focus {
    outline: none;
  }
  &.complete {
    border-color: $gold;
  }
  &.transparent, .sort-375726501 & {
{'fraction_non_alphanumeric': 0.1730310262529833, 'fraction_numerical': 0.03609785202863962, 'mean_word_length': 2.9727488151658767, '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': '6120433', 'n_tokens_mistral': 1472, 'n_tokens_neox': 1367, 'n_words': 302}