.ledger-music-audio {
  display: none;
}

.ledger-music-panel {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 1000;
  display: grid;
  grid-template-columns: minmax(170px, auto) 92px;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid rgba(0, 217, 255, 0.42);
  background: rgba(2, 7, 10, 0.94);
  box-shadow: 0 0 20px rgba(0, 217, 255, 0.17);
}

.ledger-music-control {
  min-width: 170px;
  padding: 10px 14px;
  border: 1px solid #00d9ff;
  color: #00d9ff;
  background: rgba(2, 7, 10, 0.92);
  font-family:
    Consolas,
    "Microsoft YaHei",
    monospace;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.ledger-music-control:hover {
  color: #02070a;
  background: #00d9ff;
}

.ledger-music-control.is-playing {
  border-color: #39ff88;
  color: #39ff88;
}

.ledger-music-control.is-playing:hover {
  color: #02070a;
  background: #39ff88;
}

.ledger-music-volume {
  width: 92px;
  accent-color: #39ff88;
  cursor: pointer;
}

@media (max-width: 620px) {
  .ledger-music-panel {
    right: 10px;
    bottom: 10px;
    grid-template-columns: 1fr;
    width: min(250px, calc(100vw - 20px));
  }

  .ledger-music-control,
  .ledger-music-volume {
    width: 100%;
  }
}