.music-switch{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #cdd6c9;border-radius:50%;padding:7px;color:#8a9884;flex-shrink:0;transition:background .2s,border-color .2s}
.music-switch:hover{background:#e7eddd;border-color:#9dad92}.music-switch[data-music-state="playing"]{background:#e5eddb;border-color:#b0c4a2;color:#577a52}
.music-bars{display:flex;align-items:center;justify-content:center;gap:2px;height:16px;margin:0!important}.music-bars i{display:block;width:2px;height:5px;border-radius:2px;background:currentColor;transform-origin:center;opacity:.65}.music-bars i:nth-child(2){height:13px}.music-bars i:nth-child(3){height:9px}.music-bars i:nth-child(4){height:6px}
[data-music-state="playing"] .music-bars i{opacity:1;animation:music-breathe 1.3s ease-in-out infinite alternate}[data-music-state="playing"] .music-bars i:nth-child(2){animation-delay:-.5s}[data-music-state="playing"] .music-bars i:nth-child(3){animation-delay:-.9s}[data-music-state="playing"] .music-bars i:nth-child(4){animation-delay:-.3s}
[data-music-state="loading"] .music-bars{opacity:.5}[data-music-state="error"] .music-bars{color:#ad8559}
.dialog-heading{column-gap:10px}.dialog-heading .music-switch{margin-left:auto;margin-right:0;width:29px;height:29px}.dialog-heading .close-button{flex-shrink:0}
.music-settings{margin-bottom:13px}.music-settings .settings-row{border-bottom:0;padding-bottom:8px}.music-volume{display:flex!important;align-items:center;gap:15px;margin:8px 0!important;font-size:11px!important;color:#7b8c70}.music-volume input{accent-color:#60835b;flex:1;max-width:225px;min-width:80px;padding:0!important;height:24px;cursor:pointer}.music-volume output{min-width:32px;font-size:10px;font-variant-numeric:tabular-nums}
.music-credit{font-size:10px;line-height:1.8;color:#89957e;margin:9px 0 0}.music-credit a{color:inherit}.music-license-credit{display:block;font-size:9px;color:#a1aa96;margin-top:4px}.music-load-status{font-size:11px;color:#9a805a;line-height:1.6;margin-top:6px}.music-load-status:empty{display:none}
@keyframes music-breathe{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
@media(max-width:560px){.topbar nav{gap:8px}.music-switch{width:27px;height:27px;padding:5px}.dialog-heading .music-switch{margin-right:8px}.music-credit{font-size:9px}}
@media(prefers-reduced-motion:reduce){.music-bars i{animation:none!important}.music-switch{transition:none}}
html[data-motion="off"] .music-bars i{animation:none!important}