#tray-sound { display:grid; place-items:center; position:relative; width:24px; min-width:24px; height:24px; }
#tray-sound img { width:20px; height:20px; image-rendering:pixelated; }
#tray-sound[aria-pressed=true]::after { content:''; position:absolute; width:18px; height:2px; background:#b00000; transform:rotate(-45deg); box-shadow:0 1px white; }
.sound-properties { width:420px; height:auto; min-height:0; resize:none; }
.sound-properties .window-controls button:not([data-win=close]) { display:none; }
.sound-properties .aux-content { display:flex; flex-direction:column; flex:0 1 auto; padding:10px; overflow:auto; }
.sound-properties fieldset { margin:0 0 12px; border:2px groove white; padding:10px; min-width:0; }
.sound-option { display:flex; align-items:center; gap:6px; margin:7px 0; font-size:12px; }
.sound-option input { accent-color:#000080; }
.sound-volume-row { display:flex; align-items:center; gap:8px; margin:5px 0 10px; }
.sound-volume-row input { flex:1; min-width:0; accent-color:navy; }
.sound-volume-row output { min-width:35px; text-align:right; font-size:12px; }
.sound-preview { display:flex; align-items:center; gap:8px; }
.sound-preview select { flex:1; min-width:0; background:white; }
.sound-note { margin:0; font-size:11px; line-height:1.4; }
.sound-feedback { min-height:16px; margin-top:6px; font-size:11px; }
@media(max-width:680px),(max-width:1000px) and (max-height:500px){
  .window.sound-properties:not(.maximized) { height:auto!important; max-height:calc(var(--viewport-height) - var(--mobile-top) - var(--taskbar-height) - 6px); }
  .sound-option { min-height:30px; }
  .sound-option input { width:18px; height:18px; }
  .sound-preview select { min-height:34px; font-size:16px; }
  #tray-sound { height:34px; }
}

.sound-volume-row input[type=range] { appearance:none; -webkit-appearance:none; height:22px; background:transparent; padding:0; margin:0; }
.sound-volume-row input::-webkit-slider-runnable-track { height:5px; background:#888; border:1px solid; border-color:#555 white white #555; }
.sound-volume-row input::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:11px; height:19px; margin-top:-8px; background:#c0c0c0; border:2px solid; border-color:white #333 #333 white; border-radius:0; }
.sound-volume-row input::-moz-range-track { height:4px; background:#888; border:1px inset white; }
.sound-volume-row input::-moz-range-thumb { width:9px; height:16px; background:#c0c0c0; border:2px outset white; border-radius:0; }
.sound-option input[type=checkbox] { appearance:none; width:13px; height:13px; margin:0; background:white; border:2px solid; border-color:#555 white white #555; border-radius:0; display:grid; place-content:center; }
.sound-option input:checked::after { content:'✓'; color:black; font:bold 12px Arial,sans-serif; line-height:9px; }
.sound-properties input:focus-visible { outline:1px dotted black; outline-offset:2px; }