/* Keep each existing control's width, height and hit area; replace only its face. */
:is(#sound-toggle,.music-toggle).music-bell-button,
:is(#sound-toggle,.music-toggle).music-bell-button:hover,
:is(#sound-toggle,.music-toggle).music-bell-button:active,
:is(#sound-toggle,.music-toggle).music-bell-button[aria-pressed="true"]{position:relative;padding:0;border-color:transparent;background:transparent;box-shadow:none;color:#080808}
.music-bell-art{position:absolute;inset:2px;display:block;font-style:normal;pointer-events:none;transform-origin:50% 24%;opacity:.85}
.music-bell-image{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border:0;border-radius:0;background:transparent}
.music-bell-note{position:absolute;left:28%;top:24%;width:38%;height:38%;display:block;transform:rotate(-24deg);overflow:visible;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #fff)}
.music-bell-button[aria-pressed="true"] .music-bell-art{opacity:1;filter:none}
.music-bell-button>span{display:none!important}
@media(prefers-reduced-motion:reduce){.music-bell-art{animation:none}}

@media(hover:hover){.music-bell-button:hover .music-bell-art{opacity:1;filter:brightness(1.13)}}