/**************************************************************
* Common Fonts, Colors, etc.
**************************************************************/
/**************************************************************
* Mixin Definitions
**************************************************************/
h2,
h3 {
  color: #1696F0;
}
h2 .malicious-package-count,
h3 .malicious-package-count {
  color: #F6F6F6;
}
.malicious-package-list {
  font-family: "Roboto Mono";
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 0.5rem;
}
.malicious-package-list > span {
  display: inline-block;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 300px;
  word-break: break-word;
  text-indent: -1.125rem;
  padding-left: 1.125rem;
  max-width: 300px;
}
.malicious-package-list > span::before {
  content: '• ';
  color: #CCC;
}
.malicious-package-list > span span.ecosystem {
  font-style: italic;
  font-size: 0.825rem;
  color: #1696F0;
}
.malicious-package-list > span span.added-date {
  display: block;
  font-size: 0.625rem;
  color: #CCC;
  font-style: italic;
  margin-bottom: 1rem;
  padding-left: 1.125rem;
}
.more-button-container {
  text-align: right;
  margin-top: 1rem;
}
.more-button-container .button {
  height: 2.5rem;
  line-height: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}