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

.table {
  min-width: 100%;
  display: grid;
  margin: 8px 0 !important;

  > div {
    padding: 4px 8px;
    padding-top: calc(var(--item-size) * 0.75 * 0.5 - 6px);
    transition: opacity 200ms;
  }
}

// Column headers
.header {
  vertical-align: bottom;
  text-align: left;
  border-bottom: 1px solid #ddd;
  background: #313233;
  position: sticky;
  top: $header-height;
  white-space: nowrap;
  padding-top: 4px !important;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  img {
    height: 16px;
    width: 16px;
    vertical-align: bottom;
  }

  :global(.app-icon) {
    margin-right: 4px;
  }
}

.alternateRow {
  background-color: #464748;
}

.mods,
.perks,
.archetype {
  padding-top: calc(var(--item-size) * 0.5 * 0.5 - 5px) !important;
}

.name {
  font-weight: bold;
  white-space: nowrap;
  &.header {
    font-weight: normal;
  }
}

.archetype {
  white-space: nowrap;
}

.selection {
  padding-left: 8px !important;
  padding-right: 2px !important;
  cursor: pointer;
}

.rating {
  white-space: nowrap;
}

.icon,
.power,
.locked,
.tag,
.wishList,
.dmg {
  text-align: center !important;
}

.icon {
  padding-top: 4px !important;
  width: calc(var(--item-size) * 0.75);
  img {
    display: block;
    width: calc(var(--item-size) * 0.75);
    height: calc(var(--item-size) * 0.75);
    box-sizing: border-box;
    pointer-events: none;
    border: 1px solid #ddd;
  }
  &.header {
    padding-top: 0;
  }
}

.inlineIcon {
  height: 14px;
  width: 14px;
  margin-right: 0;<commit_msg>Abuse postition: sticky<commit_after>@import '../variables';

.table {
  min-width: 100%;
  display: grid;
  margin: 8px 0 !important;

  > div {
    padding: 4px 8px;
    padding-top: calc(var(--item-size) * 0.75 * 0.5 - 6px);
    transition: opacity 200ms;
    background-color: #313233;
  }
}

// Column headers
.header {
  vertical-align: bottom;
  text-align: left;
  border-bottom: 1px solid #ddd;
  background: #313233;
  position: sticky;
  top: $header-height;
  white-space: nowrap;
  padding-top: 4px !important;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  img {
    height: 16px;
    width: 16px;
    vertical-align: bottom;
  }

  :global(.app-icon) {
    margin-right: 4px;
  }
}

.alternateRow {
  background-color: #464748 !important;
}

.mods,
.perks,
.archetype {
  padding-top: calc(var(--item-size) * 0.5 * 0.5 - 5px) !important;
}

.name {
  font-weight: bold;
  white-space: nowrap;
  &.header {
    font-weight: normal;
  }
}

.archetype {
  white-space: nowrap;
}

.selection {
  padding-left: 8px !important;
  padding-right: 2px !important;
  cursor: pointer;
  width: 20px;
  left: 0;
  position: sticky;
  top: $header-height + 30px;
  &.header {
    top: $header-height;
  }
  z-index: 1;
}

.rating {
  white-space: nowrap;
}

.icon,
.power,
.locked,
.tag,
.wishList,
.dmg {
  text-align: center !important;
}

.icon {
  padding-top: 4px !important;
  width: calc(var(--item-size) * 0.75);
  left: 30px;
  position: sticky;
  top: $header-height + 30px;
  &.header {
    top: $header-height;
    padding-top: 0;
  }
  z-index: 1;
  img {
    display: block;
    width: calc(var(--item-size) * 0.75);
    height: calc(var(--item-size) * 0.75);
    box-sizing: border-box;
    pointer-events: none;
    border: 1px solid #ddd;
  }
}

.inlineIcon {
  height: 14px;
  width: 14px;
  margin-right: 0;
{'fraction_non_alphanumeric': 0.16515903122264372, 'fraction_numerical': 0.03939305515027721, 'mean_word_length': 2.746448087431694, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3610154', 'n_tokens_mistral': 1505, 'n_tokens_neox': 1383, 'n_words': 307}