.title {
  color: var(--color-text-light);
}

.toolbarSearch {
  width: 100%;
  max-width: 240px;
}

.hoverCard {
  max-width: var(--entry-info-hovercard-width);
}

.packageName {
  display: inline-block;
  color: var(--color-text-light);
}

.packageName:last-child {
  color: inherit;
}

.packageName + .packageName::before {
  display: inline-block;
  margin: 0 var(--space-xxxsmall);
  content: '/';
  color: var(--color-text-ultra-light);
}

.packageNameTagDuplicate {
  margin-right: var(--space-xxxsmall);
  vertical-align: middle;
}

.packageNameLabel {
  vertical-align: middle;
}

.packageNameTagDuplicate::before {
  content: 'd';
}

.root .packageName:hover,
.root .packageName:active,
.root .packageName:focus {
  text-decoration: none;
}

.root .packageName:hover .packageNameLabel,
.root .packageName:active .packageNameLabel,
.root .packageName:focus .packageNameLabel {
  text-decoration: underline;
}