.sound-controls{position:absolute;z-index:60;top:calc(max(.75rem,env(safe-area-inset-top)) + 2.75rem);right:calc(max(.75rem,env(safe-area-inset-right)) + 4rem);color:#f4f1e7;pointer-events:auto}.sound-controls-button{display:inline-flex;min-width:2.75rem;min-height:2.75rem;align-items:center;justify-content:center;padding:0 .75rem;border:1px solid rgb(244 241 231 / 30%);border-radius:6px;color:#f4f1e7;background:#17231ff0;font:inherit;font-size:.75rem;font-weight:760;cursor:pointer;touch-action:manipulation}.sound-controls-toggle{padding:0}.sound-controls-icon{width:1.25rem;height:1.25rem}.sound-controls-button:hover{background:#2a3933}.sound-controls-button[aria-expanded=true],.sound-controls-button[aria-pressed=true]{border-color:#d9ec80;color:#17231f;background:#d9ec80}.sound-controls-button[aria-expanded=true]:hover,.sound-controls-button[aria-pressed=true]:hover{background:#e4f59a}.sound-controls-button:focus-visible,.sound-controls-range:focus-visible{outline:2px solid #d9ec80;outline-offset:3px}.sound-controls-panel{position:absolute;top:calc(100% + .5rem);right:0;display:grid;gap:.75rem;width:min(15rem,calc(100vw - 6rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100dvh - 8rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;padding:.75rem;border:1px solid rgb(244 241 231 / 30%);border-radius:8px;background:#17231ff5}.sound-controls-volume{display:grid;gap:.25rem}.sound-controls-label{display:flex;justify-content:space-between;font-size:.75rem;font-weight:760}.sound-controls-value{color:#d9ec80;font-variant-numeric:tabular-nums}.sound-controls-range{width:100%;min-height:2rem;margin:0;accent-color:#d9ec80;cursor:pointer}