.tappa-music-selector {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:4px 10px;
  color:var(--lg-ink,var(--notte,#18213e));
  font-family:inherit;
  inline-size:calc(100% - 20px);
  max-inline-size:760px;
  min-inline-size:0;
  margin:8px auto;
  padding:6px 10px;
  box-sizing:border-box;
  border:1px solid var(--lg-edge,#6c879b);
  border-radius:var(--lg-die-radius,14px);
  background:linear-gradient(165deg,var(--lg-paper,#fff),var(--lg-surface,#edf8fa));
  box-shadow:var(--lg-shadow,inset 0 1px 1px #fff,0 3px 8px #18213e24);
}
.tappa-music-selector h3 {
  margin:0;
  max-inline-size:12ch;
  font-size:12px;
  font-weight:600;
  overflow-wrap:anywhere;
}
.tappa-music-choices { display:flex;gap:4px;min-inline-size:0; }
.tappa-music-choices button {
  flex:1 1 0;
  min-inline-size:44px;
  min-block-size:var(--lg-target,44px);
  box-sizing:border-box;
  padding:6px 8px;
  border:2px solid var(--lg-edge,#6c879b);
  border-radius:var(--lg-radius,999px);
  background:linear-gradient(165deg,var(--lg-paper,#fff),var(--lg-surface,#edf8fa));
  box-shadow:var(--lg-shadow,inset 0 1px 1px #fff,0 3px 8px #18213e24);
  color:inherit;
  font:inherit;
  font-size:12px;
  line-height:1.3;
  overflow-wrap:anywhere;
  cursor:pointer;
  touch-action:manipulation;
  appearance:none;
  -webkit-appearance:none;
  -webkit-tap-highlight-color:transparent;
}
.tappa-music-choices button[aria-pressed="true"] {
  font-weight:750;
  border:2px solid var(--lg-ink,var(--notte,#18213e));
}
.tappa-music-choices button[aria-busy="true"] {
  outline:3px double var(--lg-ink,var(--notte,#18213e));
  outline-offset:-3px;
  cursor:progress;
}
.tappa-music-choices button:focus-visible {
  outline:3px solid var(--lg-ink,var(--notte,#18213e));
  outline-offset:3px;
  box-shadow:0 0 0 3px var(--lg-paper,#fff);
}
.tappa-music-choices button:active:not(:disabled) { transform:translateY(1px); }
.tappa-music-choices button:disabled { color:var(--lg-muted,#45576a);cursor:not-allowed;box-shadow:none; }
.tappa-music-status {
  grid-column:2;
  margin:0;
  min-block-size:1.4em;
  font-size:12px;
  line-height:1.4;
  color:var(--lg-ink,var(--notte,#18213e));
  overflow-wrap:anywhere;
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .tappa-music-selector,.tappa-music-choices button {
    background:linear-gradient(165deg,#ffffffeb,var(--lg-tint,#edf8fad9));
    backdrop-filter:blur(var(--lg-blur,12px)) saturate(1.25);
    -webkit-backdrop-filter:blur(var(--lg-blur,12px)) saturate(1.25);
  }
}
@media(hover:hover) {
  .tappa-music-choices button:hover:not(:disabled) { border-color:var(--lg-ink,var(--notte,#18213e)); }
}
@media(max-width:600px) {
  .tappa-music-selector { grid-template-columns:minmax(0,1fr); }
  .tappa-music-status { grid-column:1; }
  .tappa-music-choices button { padding-inline:6px;min-block-size:48px; }
}
@media(prefers-reduced-transparency:reduce) {
  .tappa-music-selector,.tappa-music-choices button {
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    background:var(--lg-paper,#fff);
  }
}
@media(forced-colors:active) {
  .tappa-music-selector,.tappa-music-status { color:CanvasText;background:Canvas;box-shadow:none; }
  .tappa-music-choices button { background:Canvas;color:ButtonText;border-color:ButtonText;box-shadow:none; }
  .tappa-music-choices button[aria-pressed="true"] { background:Highlight;color:HighlightText;border-color:Highlight; }
  .tappa-music-choices button[aria-busy="true"] { outline:2px solid Highlight; }
  .tappa-music-choices button:focus-visible { outline-color:Highlight; }
}