.music-control{display:flex;align-items:center;position:relative;gap:3px;flex-shrink:0}
.music-toggle{display:grid;place-items:center;flex-shrink:0;color:#bfc8cc;line-height:1}
.music-toggle svg{width:22px;height:22px}
.music-toggle[aria-pressed="true"]{color:#f2dfb5;border-color:#d9b87066}
.music-toggle[aria-pressed="true"] .music-off{display:none}
.music-volume-open{font-size:9px;line-height:1;min-width:25px;min-height:32px;padding:2px;color:#dfd5c2;letter-spacing:-.03em}
.music-volume-panel{position:absolute;z-index:60;right:0;top:calc(100% + 18px);width:242px;padding:20px;background:#171f24f7;color:#eceeea;border:1px solid #d4dce042;border-radius:13px;box-shadow:0 16px 38px #0007,inset 0 1px #fff1;backdrop-filter:blur(22px);display:grid;grid-template-columns:1fr auto;gap:15px 12px;font-size:12px}
.music-volume-panel label{font-size:12px;color:#f0efea}.music-volume-panel output{font-variant-numeric:tabular-nums;color:#e1c99d;font-size:11px}
.music-volume-panel input{grid-column:1/-1;width:100%;accent-color:#d5bd91;cursor:pointer;margin:2px 0;height:22px}
.music-volume-panel p{grid-column:1/-1;font-size:10px!important;line-height:1.5;color:#aeb8bd;margin:0}
.music-volume-panel[hidden],.music-volume-open[hidden]{display:none}
.high-contrast .music-volume-panel{background:#000;border-color:#fff}.high-contrast .music-volume-panel p{color:#fff}
@media(max-width:480px){.music-control{gap:0}.music-volume-open{min-width:23px;font-size:8px}.music-volume-panel{right:-38px;top:calc(100% + 20px);width:min(242px,calc(100vw - 32px))}}