.level-meter{cursor:ns-resize;touch-action:none;display:inline-flex;position:relative}.level-meter:before{content:"";width:max(100%, var(--hit-min));height:max(100%, var(--hit-min));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.level-meter:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.level-meter-mark{background:var(--silkscreen);pointer-events:none;height:1px;position:absolute;left:-2px;right:-2px}.level-meter[data-muted] .level-meter-mark{background:var(--silkscreen-faint)}.output-meter{--output-meter-h:44px;--output-meter-column-w:6px;--output-meter-column-gap:2px;flex:none;align-items:center;display:flex}.output-meter-well{align-items:stretch;gap:var(--output-meter-column-gap);height:var(--output-meter-h);border:1px solid var(--line-faint);background:var(--panel-inset);border-radius:0;display:flex;position:relative;overflow:hidden}.output-meter-top-latch{z-index:2;background:var(--record-red);opacity:0;pointer-events:none;height:3px;position:absolute;top:0;left:0;right:0}.output-meter[data-top-latch=latched] .output-meter-top-latch{opacity:1}.output-meter-top-status{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.output-meter-track{width:var(--output-meter-column-w);height:100%;position:relative}.output-meter-channel-divider{background:var(--line-faint);pointer-events:none;flex:0 0 1px;block-size:100%;inline-size:1px}.output-meter-fill{background:var(--silkscreen);transform-origin:50% 100%;will-change:transform;position:absolute;inset:0}.output-meter-peak{pointer-events:none;will-change:transform;transition:opacity var(--duration-micro) var(--ease);position:absolute;inset:0}.output-meter-peak-line{background:var(--hero-white);height:1px;position:absolute;bottom:0;left:0;right:0}.output-meter[data-meter-variant=voice]{--output-meter-h:20px;--output-meter-column-w:3px;--output-meter-column-gap:1px}@media (max-width:719px){.output-meter{--output-meter-h:36px}}