/* Sound section in Settings: volume sliders and the mute switch (the switch itself is styled in graphics.css as .gfx-sw). */
.snd{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:2px dashed rgba(43,38,32,.3);border-radius:14px}
.snd>.h-disp{font-size:20px}
.snd-rows{display:flex;flex-direction:column;gap:8px}
.snd-row{display:grid;grid-template-columns:84px 1fr 44px;align-items:center;gap:10px;font-weight:800;font-size:14px}
.snd-row output{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:13px;text-align:right}
.snd-row input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:24px;background:transparent;margin:0}
.snd-row input[type="range"]::-webkit-slider-runnable-track{height:10px;border-radius:6px;border:2px solid var(--ink);background:var(--paper-3)}
.snd-row input[type="range"]::-moz-range-track{height:6px;border-radius:6px;border:2px solid var(--ink);background:var(--paper-3)}
.snd-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;border:2.5px solid var(--ink);background:var(--sky);box-shadow:0 2px 0 var(--ink)}
.snd-row input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--ink);background:var(--sky);box-shadow:0 2px 0 var(--ink)}
.snd-row input[type="range"]:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:8px}
.snd-row input[type="range"]:disabled{opacity:.45}
.snd-row input[type="range"]:disabled::-webkit-slider-thumb{background:var(--paper-3)}
.snd-note{margin:0;font-size:13px}