.sound-panel{width:380px;max-height:min(780px,calc(100dvh - 140px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a7b9b34d transparent}
.sound-mix-heading{display:flex;flex-direction:column;gap:8px;margin:25px 0 24px}.sound-mix-heading span{font-size:10px;opacity:.6}.sound-mix-heading strong{font:400 25px/1.15 Georgia,serif}
.sound-mixer{border-top:1px solid var(--line);padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.sound-mix-row[hidden]{display:none}.sound-mix-row>div{display:flex;justify-content:space-between;gap:8px;font-size:10px}.sound-mix-row output{font-size:9px;font-variant-numeric:tabular-nums;opacity:.6}.sound-mix-row label{line-height:1.4}
.sound-mix-row input{display:block;width:100%;height:25px;margin:3px 0 0;appearance:none;background:transparent;cursor:pointer}.sound-mix-row input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#bdb193 var(--level),#81918b40 var(--level));border-radius:2px}.sound-mix-row input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border:2px solid #d3c7ae;border-radius:50%;background:#233a43;margin-top:-4px}.sound-mix-row input::-moz-range-track{height:2px;background:#81918b50}.sound-mix-row input::-moz-range-progress{height:2px;background:#bdb193}.sound-mix-row input::-moz-range-thumb{width:8px;height:8px;border:2px solid #d3c7ae;border-radius:50%;background:#233a43}.sound-mix-row input:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.experience-controls .sound-mix-reset{height:30px;margin-top:14px;padding:0;font-size:9px;text-decoration:underline;text-underline-offset:4px;opacity:.65}.experience-controls .sound-mix-reset:hover{opacity:1}.sound-panel .sound-note{max-width:none}