.visual-range{color:#fff;font-size:11px;line-height:1.5;display:block}.visual-range>span{justify-content:space-between;align-items:center;gap:15px;display:flex}.visual-range output{color:var(--cyan);white-space:nowrap;font:600 11px ui-monospace,monospace}.visual-range input{width:100%;min-width:0;min-height:30px;accent-color:var(--cyan);cursor:pointer;margin:8px 0 0;display:block}.interactive-instrument{color:#fff;width:100%;min-width:0}.interactive-instrument>svg{width:100%;height:175px;margin:0;display:block}.instrument-controls{padding:0 20px 18px}.visual-choices{flex-wrap:wrap;gap:5px;display:flex}.visual-choices button{background:var(--blue);color:#fff;cursor:pointer;border:1px solid #ffffff80;flex:1;min-height:38px;padding:8px 7px;font-size:10px;line-height:1.3}.visual-choices button[aria-pressed=true]{background:var(--cyan);color:var(--blue);border-color:var(--cyan);font-weight:650}.interactive-instrument .instrument-explanation{color:#fff;min-height:58px;margin:12px 0 0;font-size:11px;line-height:1.6}.labs-home .interactive-instrument :is(button,input):focus-visible,.ob-page .interactive-instrument :is(button,input):focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.labs-instrument .labs-instrument-visual{height:auto;min-height:300px;display:block;overflow:visible}.ob-visual .interactive-instrument>svg{height:230px;margin:12px 0}.ob-visual .instrument-controls{padding:0 0 20px}.ob-visual .instrument-explanation{min-height:36px}@media (width<=1100px) and (width>=821px){.instrument-controls{padding-inline:15px}.visual-choices button{flex:40%}.interactive-instrument .instrument-explanation{min-height:72px}}@media (width<=820px){.labs-instrument .labs-instrument-visual{width:100%;min-height:0}}@media (width<=560px){.visual-choices button{min-height:44px}.interactive-instrument .instrument-explanation{min-height:48px}.ob-visual .interactive-instrument>svg{height:190px}}.ob-visual>.interactive-instrument{font:inherit;border:0;padding:0;display:block}