<commit_before>@import "~amo/css/inc/vars";
@import "~core/css/inc/mixins";
@import "~ui/css/vars";

.SearchResult {
  list-style-type: none;
  margin: 0 0 1px;
}

.SearchResult-link {
  color: $text-color-default;
  text-decoration: none;
}

.SearchResult-result {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
  width: 100%;
}

.SearchResult-icon-wrapper {
  order: 1;

  .SearchResult--theme & {
    flex-grow: 1;
    margin-bottom: 10px;
    min-height: $theme-height-default;
    overflow: hidden;
    width: calc(100% + 20px);
  }

  @include respond-to(large) {
    border-radius: $border-radius-default;
  }
}

.SearchResult-icon-wrapper--no-theme-image {
  align-items: center;
  background: #ccc;
  color: $white;
  display: flex;
  font-size: 14px;
  font-weight: normal;
  justify-content: center;
  text-align: center;
  text-shadow: 0 0 1px $black;
}

.SearchResult-icon {
  display: inline-block;
  height: 32px;
  width: 32px;

  .SearchResult--theme & {
    border-radius: $border-radius-default;
    display: block;
    height: $theme-height-default;
    object-fit: cover;
    object-position: top left;
    width: 100%;
  }

  .SearchResult--persona & {
    height: 100px;
  }

  .AddonsCard--horizontal .SearchResult--persona & {
    height: $theme-height-default;
  }
}

.SearchResult-contents {
  display: flex;
  flex-flow: row wrap;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0 10px;
  order: 1;
  // `width: 0;` allows the users section to expand.
  width: 0;

  .SearchResult--theme & {
    @include respond-to(medium) {
      @include margin-start(0);

      width: 50%;
    }
  }
}

.SearchResult-name {
  @include font-medium();
<commit_msg>I5173 static theme persona style fix (#5178)<commit_after>@import "~amo/css/inc/vars";
@import "~core/css/inc/mixins";
@import "~ui/css/vars";

.SearchResult {
  list-style-type: none;
  margin: 0 0 1px;
}

.SearchResult-link {
  color: $text-color-default;
  text-decoration: none;
}

.SearchResult-result {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
  width: 100%;
}

.SearchResult-icon-wrapper {
  order: 1;

  .SearchResult--theme & {
    flex-grow: 1;
    margin-bottom: 10px;
    min-height: $theme-height-default;
    overflow: hidden;
    width: calc(100% + 20px);
  }

  @include respond-to(large) {
    border-radius: $border-radius-default;
  }
}

.SearchResult-icon-wrapper--no-theme-image {
  align-items: center;
  background: #ccc;
  color: $white;
  display: flex;
  font-size: 14px;
  font-weight: normal;
  justify-content: center;
  text-align: center;
  text-shadow: 0 0 1px $black;
}

.SearchResult-icon {
  display: inline-block;
  height: 32px;
  width: 32px;

  .SearchResult--theme & {
    border-radius: $border-radius-default;
    display: block;
    height: $theme-height-default;
    object-fit: cover;
    object-position: top left;
    width: 100%;
  }

  .SearchResult--persona & {
    height: 100px;
    object-position: top right;
  }
}

.SearchResult-contents {
  display: flex;
  flex-flow: row wrap;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0 10px;
  order: 1;
  // `width: 0;` allows the users section to expand.
  width: 0;

  .SearchResult--theme & {
    @include respond-to(medium) {
      @include margin-start(0);

      width: 50%;
    }
  }
}

.SearchResult-name {
  @include font-medium();

{'fraction_non_alphanumeric': 0.15230224321133412, 'fraction_numerical': 0.02715466351829988, 'mean_word_length': 2.9361207897793262, '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': '2262972', 'n_tokens_mistral': 1343, 'n_tokens_neox': 1239, 'n_words': 273}