/* Out-of-flow sound control: none of the original header or page geometry moves. */
.drawing-sound-button{position:absolute;width:24px;height:24px;min-width:24px;min-height:24px;padding:4px;display:grid;place-items:center;color:inherit;opacity:.68;border:1px solid transparent;border-radius:50%;background:transparent;z-index:3;touch-action:manipulation;transition:opacity .2s,border-color .2s}
.drawing-sound-button svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.drawing-sound-button:hover,.drawing-sound-button[aria-pressed=true]{opacity:1;border-color:currentColor}
.drawing-sound-button:focus-visible{outline:2px solid currentColor;outline-offset:3px;opacity:1}
.drawing-sound-button[aria-pressed=false] .drawing-sound-waves,.drawing-sound-button[aria-pressed=true] .drawing-sound-slash{display:none}
.drawing-sound-button:disabled{opacity:.3;cursor:default}
.drawing-sound-status{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
@media(max-width:760px){.drawing-sound-button{width:28px;height:28px;min-width:28px;min-height:28px;padding:5px}}
@media(prefers-reduced-motion:reduce){.drawing-sound-button{transition:none}}

@media(max-width:350px){.drawing-sound-button{width:24px;height:24px;min-width:24px;min-height:24px;padding:4px}}