.last-modified {
  text-align: right;
}
.last-modified span {
  color: var(--mu-muted-color);
}

#catalog-container .keys {
  text-align: right;
  margin-bottom: 0.6rem;
}
#catalog-container .keys .box {
  display: inline-block;
  margin: 0 0.3rem 0 var(--mu-font-size);
  height: var(--mu-font-size);
  width: var(--mu-font-size);
}

#catalog-container .catalog-table tbody tr td {
  background-color: inherit;
  border-bottom-color: none;
}
#catalog-container .catalog-table tbody tr.active {
  opacity: 1;
}

#catalog-container .catalog-table tbody tr.retired {
  opacity: 0.4;
  font-style: italic;
  display: none;
}

#catalog-container .catalog-table tbody tr.drop-d {
  background-color: var(--mu-primary-background) !important;
}
#catalog-container .catalog-table tbody tr.drop-d td {
  border-bottom-color: var(--mu-primary) !important;
}

#catalog-container .catalog-table tbody tr.half-step {
  background-color: var(--mu-pop-background) !important;
}
#catalog-container .catalog-table tbody tr.half-step td {
  border-bottom-color: var(--mu-pop) !important;
}

#catalog-container .catalog-table tbody tr.whole-step {
  background-color: var(--mu-spark-background) !important;
}
#catalog-container .catalog-table tbody tr.whole-step td {
  border-bottom-color: var(--mu-spark) !important;
}

#catalog-container .catalog-table .artist-name {
  color: var(--mu-muted-color);
}

#catalog-container .catalog-table .tuning {
  color: var(--mu-muted-color);
}