/* Volume Control demo app — measured on win2k-pro_window_volume-control.png (client origin (3, 22) under the dialog
   frame's caption; the menu bar starts right under the caption). */
.sv { position: relative; flex: 1; }
.sv > .sv__menu { position: absolute; left: 0; top: -1px; right: 0; }
.sv > .sv__menu-rule { position: absolute; left: 0; right: 0; top: 19px; }
.sv__col { position: absolute; top: 0; width: 90px; height: 244px; }
.sv__col > * { position: absolute; }
.sv__col > .sv__col-line { left: 2px; top: 21px; bottom: 0; }
/* Measured quirks: only the first separator runs from the menu line to the status bar (the others stop 5px / 3px short),
   and the line columns put the right speaker 3px further left than the master column does — under the balance
   trackbar, which paints over its first three columns. */
.sv__col--sep ~ .sv__col--sep > .sv__col-line { top: 26px; bottom: 2px; }
.sv__title, .sv__label { white-space: pre; }
.sv__title { left: 11px; top: 30px; }
.sv__balance-label { left: 11px; top: 50px; }
.sv__col > .sv__spk--l { left: 11px; top: 71px; }
.sv__col > .sv__spk--r { left: 72px; top: 71px; }
.sv__col--sep > .sv__spk--r { left: 68px; clip-path: inset(0 0 0 3px); }
.sv__col > .sv__balance { left: 26px; top: 70px; width: 45px; }
/* An etched rectangle 2px high: the shadow line stops a pixel short, the highlight closes the right end. */
.sv__col > .sv__rule { left: 11px; top: 104px; width: 72px; }
.sv__volume-label { left: 11px; top: 113px; }
.sv__col > .sv__volume { left: 31px; top: 128px; height: 91px; }
.sv__col > .sv__mute { left: 11px; top: 222px; }
.sv > .sv__status { position: absolute; left: 0; right: 0; bottom: 0; }