/*!
 * jQuery Chord Transposer plugin v1.0 - styles
 */
.transpose-keys {
  margin: 10px 0;
  overflow: auto;
  font: normal 11px sans-serif;
}
.transpose-keys a {
  display: block;
  float: left;
  width: 2.25em;
  text-align: center;
  vertical-align: middle;
  margin: 0 .25em .25em 0;
  color: #333;
  background: #eee;
  text-decoration: none;
  padding: .4em .25em;
  border: solid 1px transparent;
  border-radius: 4px;
  outline: none;
}
.transpose-keys a.selected {
  background: #1a4fc4;
  color: #fff;
}
div.transpose-keys {
  width: 100%;
}
/* Dark mode */
#chord_div.chord-dark .transpose-keys a {
  background: #1e1e3a !important;
  color: #aac4ff !important;
  border-color: #3a3a5c !important;
}
#chord_div.chord-dark .transpose-keys a.selected {
  background: #3a6fd8 !important;
  color: #fff !important;
}