<commit_before>@import 'part:@sanity/base/theme/variables-style';

@keyframes progressGlow {
  0% {
    box-shadow: 0 0 3px var(--progress-bar-bg);
  }

  100% {
    box-shadow: 0 0 15px var(--progress-bar-bg);
  }
}

:root {
  --height: 2.5em;
  --media-width: var(--height);
  --padding: var(--medium-padding);
}

.root {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  user-select: none;
  height: 2.5em;
  position: relative;
  clear: both;
}

.heading {
  min-width: 0; /* making ellipsis work */
  margin-right: var(--small-padding);
  flex-grow: 1;
  overflow: hidden;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.title {
  composes: ellipsis;
  font-size: 1em;
  line-height: var(--height);
  color: inherit;
  font-weight: 400;
  text-transform: none;
  padding: 0;
  margin: 0;
  max-width: 100%;

  @nest .hasSubtitle & {
    line-height: 1.3em;
  }
}

.subtitle {
  composes: ellipsis;
  color: inherit;
  margin: 0;
  padding: 0;
  padding-bottom: 0.25em;
  height: 1em;
  font-size: 0.7em;
  font-weight: 300;
  line-height: 1.5em;
}

.media {
  position: relative;
  flex-basis: 2.5rem;
  min-width: 2.5rem;
  margin-right: var(--small-padding);<commit_msg>[components] Fix subtitle overflow crop (#1071)<commit_after>@import 'part:@sanity/base/theme/variables-style';

@keyframes progressGlow {
  0% {
    box-shadow: 0 0 3px var(--progress-bar-bg);
  }

  100% {
    box-shadow: 0 0 15px var(--progress-bar-bg);
  }
}

:root {
  --height: 2.5em;
  --media-width: var(--height);
  --padding: var(--medium-padding);
}

.root {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  user-select: none;
  height: 2.5em;
  position: relative;
  clear: both;
}

.heading {
  min-width: 0; /* making ellipsis work */
  margin-right: var(--small-padding);
  flex-grow: 1;
  overflow: hidden;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.title {
  composes: ellipsis;
  font-size: 1em;
  line-height: var(--height);
  color: inherit;
  font-weight: 400;
  text-transform: none;
  padding: 0;
  margin: 0;
  max-width: 100%;

  @nest .hasSubtitle & {
    line-height: 1.3em;
  }
}

.subtitle {
  composes: ellipsis;
  color: inherit;
  margin: 0;
  padding: 0;
  padding-bottom: 0.25em;
  line-height: 1.5em;
  height: 1.5em;
  font-size: 0.7em;
  font-weight: 300;
}

.media {
  position: relative;
  flex-basis: 2.5rem;
  min-width: 2.5rem;
  margin-right: var(--small-padding);
{'fraction_non_alphanumeric': 0.1695583596214511, 'fraction_numerical': 0.04061514195583596, 'mean_word_length': 2.933333333333333, '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': '2143322', 'n_tokens_mistral': 1119, 'n_tokens_neox': 1031, 'n_words': 224}