.music-control {
  position: fixed;
  z-index: 20;
  top: max(12px, env(safe-area-inset-top));
  right: max(12px, calc((100vw - 480px) / 2 + 12px), env(safe-area-inset-right));
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  color: var(--muted);
  background: transparent;
  border: 1px solid #c9c9bc;
  border-radius: 50%;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.music-control[hidden] { display: none; }
.music-control svg { width: 17px; height: 17px; fill: currentColor; }
.music-control .music-icon-pause { display: none; }
.music-control[data-state="playing"] .music-icon-play,
.music-control[data-state="loading"] .music-icon-play { display: none; }
.music-control[data-state="playing"] .music-icon-pause,
.music-control[data-state="loading"] .music-icon-pause { display: inline; }
.music-control:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }