<commit_before>app-query-collections {
  height: 100%;
}

.query-collections-wrapper {
  height: 100%;
  max-width: 320px;
  width: 320px;
  background: var(--theme-off-bg-color);
  padding: 0 5px;
  will-change: width;
  overflow: hidden;

  &.query-collections-wrapper--close {
    width: 0;
    padding: 0;
    flex-grow: 0;
  }
}

.query-collections__actions--right {
  float: right;
}

.query-collections__inner {
  height: 100%;
  overflow: auto;
  background: var(--theme-bg-color);
}

.query-title-icon {
  display: flex;
  margin-right: 5px;
}

.query-collections__title {
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px;
}

.query-collections__actions {
  margin-bottom: 10px;
  padding: 0 10px;
}

.query-collections__feedback-box {
  position: absolute;
  left: 5px;
  bottom: 5px;
}

.query-collections__items-wrapper {
  font-size: fontsize(13);
}

.query-collections__empty {
  padding: 50px 10px;
  text-align: center;
}

.query-collections__empty-icon {
  margin-bottom: 10px;
  opacity: .7;
}

.query-collections__item-details-wrapper {
  display: flex;
  padding: 5px 10px;
  border-bottom: 1px solid var(--theme-border-color);
  cursor: pointer;
  transition: all .3s ease;

  &:hover {
    background: rgba(var(--rgb-theme-font), .05);

    .query-collections__item-icon {
      opacity: 1;
    }
  }
}

.query-collections__item-details {
  flex: 1;
}

.query-collections__item-right {
  display: flex;
  align-items: center;
}

.query-collections__item-icon {
  opacity: 0;
  transition: all .3s ease;
}

.query-collections__item-icon__button {
  background: var(--theme-off-bg-color);
  border: 0;
  color: var(--theme-font-color);
}

.query-collections__item-title {
  display: flex;
  align-items: center;
  font-weight: bold;
}

.query-collections__item-description {
  font-size: fontsize(12);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.query-collections__item-meta {
  font-size: fontsize(12);
}

.query-collections__item-content-wrapper {
  overflow: hidden;
  max-height: 9999em;
  transition: all .3s ease;
}

.query-collections__item-content--hidden {
  max-height: 0;
  opacity: 0;
}

.query-collections__item-nested {
  padding-left: 10px;
}

.query-collections__item-queries-item {
  display: flex;
  padding: 10px;
  cursor: pointer;
  transition: all .3s ease;

  &:hover {
    background: rgba(var(--rgb-theme-font), .05);

    .query-collections__item-queries-item-icon {
      opacity: 1;
      // transform: translateX(0);
    }
  }
}

.query-collections__item-queries-item-title {
  display: flex;
  align-items: center;<commit_msg>Nested items in query collections Closes #1265<commit_after>app-query-collections {
  height: 100%;
}

.query-collections-wrapper {
  height: 100%;
  max-width: 320px;
  width: 320px;
  background: var(--theme-off-bg-color);
  padding: 0 5px;
  will-change: width;
  overflow: hidden;

  &.query-collections-wrapper--close {
    width: 0;
    padding: 0;
    flex-grow: 0;
  }
}

.query-collections__actions--right {
  float: right;
}

.query-collections__inner {
  height: 100%;
  overflow: auto;
  background: var(--theme-bg-color);
}

.query-title-icon {
  display: flex;
  margin-right: 5px;
}

.query-collections__title {
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px;
}

.query-collections__actions {
  margin-bottom: 10px;
  padding: 0 10px;
}

.query-collections__feedback-box {
  position: absolute;
  left: 5px;
  bottom: 5px;
}

.query-collections__items-wrapper {
  font-size: fontsize(13);
}

.query-collections__empty {
  padding: 50px 10px;
  text-align: center;
}

.query-collections__empty-icon {
  margin-bottom: 10px;
  opacity: .7;
}

.query-collections__item-details-wrapper {
  display: flex;
  padding: 5px 10px;
  border-bottom: 1px solid var(--theme-border-color);
  cursor: pointer;
  transition: all .3s ease;

  &:hover {
    background: rgba(var(--rgb-theme-font), .05);

    .query-collections__item-icon {
      opacity: 1;
    }
  }
}

.query-collections__item-details {
  flex: 1;
}

.query-collections__item-right {
  display: flex;
  align-items: center;
}

.query-collections__item-icon {
  opacity: 0;
  transition: all .3s ease;
}

.query-collections__item-icon__button {
  background: var(--theme-off-bg-color);
  border: 0;
  color: var(--theme-font-color);
}

.query-collections__item-title {
  display: flex;
  align-items: center;
  font-weight: bold;
}

.query-collections__item-description {
  font-size: fontsize(12);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.query-collections__item-meta {
  font-size: fontsize(12);
}

.query-collections__item-content-wrapper {
  overflow: hidden;
  max-height: 9999em;
  transition: all .3s ease;
  padding-left: 10px;
}

.query-collections__item-content--hidden {
  max-height: 0;
  opacity: 0;
}

.query-collections__item-queries-item {
  display: flex;
  padding: 10px;
  cursor: pointer;
  transition: all .3s ease;

  &:hover {
    background: rgba(var(--rgb-theme-font), .05);

    .query-collections__item-queries-item-icon {
      opacity: 1;
      // transform: translateX(0);
    }
  }
}

.query-collections__item-queries-item-title {
  display: flex;
  align-items: center;
{'fraction_non_alphanumeric': 0.1446012972148035, 'fraction_numerical': 0.027851964898893553, 'mean_word_length': 3.3618968386023296, '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': '3401799', 'n_tokens_mistral': 2103, 'n_tokens_neox': 1961, 'n_words': 366}