.element{position:absolute}.fill{width:100%;height:100%}.multi-track-view{background-color:var(--multi-track-view-background-color,transparent);border:var(--multi-track-view-zoom-bar-border-width)solid silver;padding:5px;position:relative;overflow:hidden}.multi-track-view *{-webkit-user-select:none;user-select:none}.multi-track-view .zoom-bar{background-color:var(--multi-track-view-zoom-bar-fill-color,#ffe0c0);border-radius:var(--multi-track-view-zoom-bar-border-radius,0px);outline:var(--multi-track-view-zoom-bar-border-width,1px)solid var(--multi-track-view-zoom-bar-border-color,gray);height:15px;top:5px;left:5px;right:5px}.multi-track-view .zoom-bar-handle{background-color:var(--multi-track-view-zoom-bar-handle-fill-color,#e57f18);border-radius:var(--multi-track-view-zoom-bar-border-radius,0px);cursor:move;height:100%}.multi-track-view .waveform-area{cursor:text;width:100%;height:100%;position:absolute}.multi-track-view .waveform-row{pointer-events:none}.multi-track-view .waveform-row .waveform{position:absolute;overflow:hidden}.multi-track-view .waveform-row .waveform .waveform-title,.multi-track-view .waveform-row .waveform .react-resizable-handle,.multi-track-view .waveform-row .waveform .waveform-graphic{pointer-events:auto}.multi-track-view .waveform-row .waveform .waveform-title{width:100%;position:absolute}.multi-track-view .waveform-row .waveform .waveform-graphic{cursor:text;position:absolute;top:1.5em;bottom:0}.multi-track-view .waveform-row .waveform .waveform-graphic>canvas,.multi-track-view .waveform-row .waveform .waveform-graphic>img{image-rendering:pixelated}.multi-track-view .waveform-row .waveform .waveform-graphic>svg,.multi-track-view .waveform-row .waveform .waveform-graphic>canvas,.multi-track-view .waveform-row .waveform .waveform-graphic>img{position:absolute}.multi-track-view .waveform-row .waveform .waveform-graphic>svg,.multi-track-view .waveform-row .waveform .waveform-graphic>canvas{width:100%;height:100%}.multi-track-view .waveform-row .waveform .waveform-loading-text{background:var(--multi-track-view-waveform-loading-text-background-color,white);border-radius:2px;margin:2px;padding:2px;position:absolute;bottom:0}.multi-track-view .waveform-row .waveform .waveform-loading-text svg{width:12px}.multi-track-view .marker-position{pointer-events:none;position:absolute;top:15px;bottom:5px;left:6px}.multi-track-view .marker-position.solid{border-left:1px solid var(--multi-track-view-position-marker-line-color,gray)}.multi-track-view .marker-position.dotted{border-left:1px dotted var(--multi-track-view-position-marker-line-color,gray)}.multi-track-view .marker-position .marker-position-top{background:#88adef;width:12px;height:5px;transform:translate(-6px)}.multi-track-view .waveform-cue-point-marker{width:2px;height:100%;position:absolute}.multi-track-view .waveforms{position:absolute;inset:25px 5px 5px;overflow:hidden}.multi-track-view .waveform-row{background:var(--multi-track-view-waveform-row-fill-color,#f0f0f0);width:100%;height:100px;position:absolute}.multi-track-view .waveform{background:var(--multi-track-view-waveform-back-color,#fff);border:var(--multi-track-view-waveform-border-width,1px)solid var(--multi-track-view-waveform-border-color,silver);-webkit-user-select:none;user-select:none;height:100%;position:absolute}.multi-track-view .waveform-title{background:var(--multi-track-view-waveform-header-back-color,#4b4b4b);color:var(--multi-track-view-waveform-header-fore-color,#fff);text-overflow:ellipsis;white-space:nowrap;height:1.5em;font-size:.85em;overflow:hidden}.multi-track-view .waveform-title:not(.read-only){cursor:move}.multi-track-view .waveform-positioner{display:inline-block;position:absolute}.multi-track-view .waveform-envelope polyline.defined-envelope{stroke:var(--multi-track-view-envelope-line-color,#e57f18)}.multi-track-view .waveform-envelope polyline.hidden-defined-envelope{stroke:#0000}.multi-track-view .waveform-envelope polyline.effective-envelope{stroke:var(--multi-track-view-effective-envelope-line-color,#c8c8c8)}.multi-track-view .waveform-envelope rect.defined-envelope-point{fill:var(--multi-track-view-envelope-point-fill-color,red)}.multi-track-view .waveform-envelope .hidden-defined-envelope,.multi-track-view .waveform-envelope .defined-envelope-point{cursor:pointer}.react-resizable{position:relative}.react-resizable-handle{width:5px;position:absolute}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;top:0;bottom:0}.react-resizable-handle-w{left:0}.react-resizable-handle-e{right:0}.waveform-recording-duration{background:var(--multi-track-view-recorded-duration-back-color,#939);color:#fff;white-space:nowrap;margin:.5em;padding:.25em .5em;position:absolute;top:1.5em}.waveform-recording-duration.over{background-color:var(--multi-track-view-placeholder-duration-back-color,#ff6a33)}