.dependencies {
  color: var(--muted);
  font-size: 14px;
}

.dependencies-label {
  display: block;
  margin-bottom: 5px;
}

.dependency-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.dependency {
  display: inline-flex;
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: 7px;
  color: var(--lime);
  text-decoration: none;
  background: #101813;
}

.dependency:hover {
  border-color: var(--green);
  background: #1e3023;
}

.dependency.unavailable {
  color: var(--muted);
  cursor: not-allowed;
}

.main-mod {
  margin-bottom: 9px;
}

.main-mod strong {
  color: var(--lime);
}
