/* Soundbar size simulator (js/sd-sbsim.js). Linked by sd_sb_sim_html(), not by
   any page stylesheet, so every page that shows the simulator styles it the same. */
.sd-sbsim { margin: 10px 0 24px; }
.sd-sbsim-ctl, .sd-sbsim-pick { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: center; margin: 0 auto 10px; max-width: 760px; font-size: 14px; }
.sd-sbsim-ctl label, .sd-sbsim-pick label { font-weight: normal; margin: 0; display: flex; align-items: center; gap: 6px; }
.sd-sbsim-ctl select, .sd-sbsim-ctl input, .sd-sbsim-pick select { height: 30px; border: 1px solid #ccc; border-radius: 4px; padding: 0 6px; background: #fff; max-width: 260px; }
.sd-sbsim-ctl input { width: 70px; }
.sd-sbsim-unit button { border: 1px solid #ccc; background: #fff; padding: 3px 10px; font-size: 13px; cursor: pointer; }
.sd-sbsim-unit button:first-child { border-radius: 4px 0 0 4px; }
.sd-sbsim-unit button:last-child { border-radius: 0 4px 4px 0; border-left: 0; }
.sd-sbsim-unit button.on { background: #333; color: #fff; border-color: #333; }
.sd-sbsim-fig { max-width: 760px; margin: 0 auto; }
.sd-sbsim-svg { width: 100%; height: auto; display: block; }
.sd-sbsim-note { max-width: 680px; margin: 8px auto 0; }
.sd-sbsim-note p { margin: 6px 0; }
.sd-sbsim-note .sbs-small { font-size: 12px; color: #777; }
.sbs-wall { fill: #f4f1ec; }
.sbs-console { fill: #8a6a4d; }
.sbs-console-top { stroke: #6f533b; stroke-width: 2; }
.sbs-stand { fill: #333; }
.sbs-tv { fill: #1c1c1c; }
.sbs-screen { fill: #2b3440; }
.sbs-tvlabel { fill: #9aa7b6; font: 14px sans-serif; }
.sbs-bar1 { fill: #111; stroke: #000; stroke-width: 1; }
.sbs-bar2 { fill: none; stroke: #d14233; stroke-width: 2.5; stroke-dasharray: 7 4; }
.sbs-block { fill: rgba(209, 66, 51, .55); }
.sbs-dim { stroke-width: 1.5; }
.sbs-bar1-dim { stroke: #fff; }
.sbs-bar2-dim { stroke: #ffd7c9; }
.sbs-dimtext { font: 13px sans-serif; }
.sbs-bar1-txt { fill: #fff; }
.sbs-bar2-txt { fill: #ffd7c9; }
.sbs-warn { color: #b3261e; font-weight: bold; }
.sbs-key1 { border-bottom: 3px solid #111; }
.sbs-key2 { border-bottom: 3px dashed #d14233; }