<commit_before>@use '../../variables.scss' as *;

.container {
  padding: 16px;
}

.assigned {
  display: flex;
  flex-direction: row;

  @include phone-portrait {
    flex-direction: column;
  }
}

.itemAndMods {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-right: 32px;

  & > :first-child {
    margin-right: 8px;
  }

  @include phone-portrait {
    margin-bottom: 16px;
  }
  .energyMeter {
    margin-top: 3px;
    padding: 3px 0;
    @include phone-portrait {
      padding: 3px 0 20px;
    }
  }
}

.unassigned {
  composes: sub-bucket from global;
}

.headerInfo {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.headerName {
  font-weight: bold;
  font-size: large;<commit_msg>Fix mod assignment drawer not showing all items on narrow screens<commit_after>@use '../../variables.scss' as *;

.container {
  padding: 16px;
}

.assigned {
  display: flex;
  flex-flow: row wrap;
  gap: 16px 32px;

  @include phone-portrait {
    flex-flow: column nowrap;
  }
}

.itemAndMods {
  display: flex;
  flex-direction: row;
  align-items: flex-start;

  & > :first-child {
    margin-right: 8px;
  }

  .energyMeter {
    margin-top: 3px;
    padding: 3px 0;
    @include phone-portrait {
      padding: 3px 0 20px;
    }
  }
}

.unassigned {
  composes: sub-bucket from global;
}

.headerInfo {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.headerName {
  font-weight: bold;
  font-size: large;
{'fraction_non_alphanumeric': 0.13769597818677573, 'fraction_numerical': 0.0190865712338105, 'mean_word_length': 2.697732997481108, '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': '4823335', 'n_tokens_mistral': 587, 'n_tokens_neox': 555, 'n_words': 128}