.sound-panel[hidden]{display:none}
.sound-panel{position:fixed;right:max(1.25rem,env(safe-area-inset-right));bottom:max(1.25rem,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:stretch;border:1px solid #657074;background:#111719f2;border-radius:3px;box-shadow:0 4px 22px #0003;color:#e9eee8;font:400 .875rem/1.3 var(--sans)}
.sound-toggle{display:flex;align-items:center;gap:.65rem;min-height:44px;padding:.65rem .9rem;border:0;background:none;color:inherit;cursor:pointer;font:inherit;white-space:nowrap}
.sound-toggle:hover,.sound-options>summary:hover{color:var(--accent)}
.sound-waves{display:none}.sound-panel[data-audio-state=playing] .sound-waves{display:block}.sound-panel[data-audio-state=playing] .sound-muted{display:none}
.sound-panel[data-audio-state=playing] .sound-toggle>svg{color:var(--accent)}
.sound-options{border-left:1px solid #566065}.sound-options>summary{list-style:none;cursor:pointer;display:grid;place-items:center;min-width:44px;min-height:44px;height:100%;padding:.6rem}.sound-options>summary::-webkit-details-marker{display:none}
.sound-settings{position:absolute;right:-1px;bottom:calc(100% + .65rem);width:230px;padding:1.1rem;background:#111719;border:1px solid #657074;border-radius:3px;box-shadow:0 4px 22px #0003}
.sound-settings label{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem;font-size:.9375rem}.sound-settings output{font:inherit;color:var(--accent)}
.sound-settings input{display:block;width:100%;min-height:32px;accent-color:var(--accent);cursor:pointer}.sound-settings p{font-size:.8125rem;line-height:1.5;color:#c1c8c5;margin-top:.7rem}.sound-settings p:empty{display:none}
.sound-panel :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:540px){.sound-panel{right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom))}.sound-toggle{padding:.6rem .75rem;font-size:.875rem}.sound-settings{width:215px}}
@media print{.sound-panel{display:none}}