.src-pills {
  display: inline;
  margin-left: 0.16rem;
  vertical-align: baseline;
}

.src-pill {
  display: inline-block;
  padding: 0.01rem 0.28rem;
  margin-right: 0.14rem;
  margin-bottom: 0.04rem;
  border-radius: 999px;
  border: 1px solid rgba(138, 150, 168, 0.2);
  background: rgba(58, 69, 88, 0.26);
  color: #9aa9c0;
  font-size: 0.58rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.src-pill:hover {
  border-color: rgba(145, 173, 214, 0.44);
  background: rgba(72, 93, 125, 0.34);
  color: #d2deef;
}

.src-pill:focus-visible {
  outline: 2px solid rgba(122, 164, 219, 0.65);
  outline-offset: 1px;
}

.src-pill-raw {
  cursor: default;
  border-style: dashed;
  color: #b7c0cf;
}