.volume-button{position:absolute;z-index:4;left:max(12px,env(safe-area-inset-left));bottom:max(58px,calc(env(safe-area-inset-bottom) + 54px));display:flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid #ffffff29;border-radius:999px;color:#fff;background:#0000008f;backdrop-filter:blur(10px);font-size:11px;font-weight:600;line-height:1;cursor:pointer;opacity:.82;transition:opacity .2s ease,background .2s ease}.volume-button:hover,.volume-button:focus-visible{opacity:1;background:#000000c7}.volume-button svg{width:16px;height:16px;fill:currentColor}.volume-button svg path:not(:first-child){fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.volume-button:not(.is-muted) #volume-muted{display:none}.volume-button.is-muted #volume-wave{display:none}@media(max-width:420px){.volume-button{bottom:max(56px,calc(env(safe-area-inset-bottom) + 52px));padding:6px 9px}.volume-button span{font-size:10px}}