:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;margin:0;padding:0}body{overscroll-behavior:none}.app{height:100%}.cursor-line{position:absolute;top:0;bottom:0;width:1px;background-color:#a8b1b9;pointer-events:none;z-index:25}.scrollbar-track{position:relative;width:100%;height:12px;background-color:#ddd}.scrollbar-thumb{position:absolute;top:0;height:100%;border-radius:2px;background-color:#393b3b}.context-menu{position:fixed;max-width:280px;min-width:180px;background:#2f343c;color:#f6f7f9;box-shadow:inset 0 0 0 1px #fff3,0 1px 1px #11141866;list-style:none;margin:0;z-index:9999;border-radius:2px;padding:5px;text-align:left;font-size:14px}.context-menu>li{align-items:flex-start;border-radius:2px;color:inherit;display:flex;flex-direction:row;line-height:20px;padding:5px 7px;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.context-menu>li:hover{background-color:#8f99a826;color:inherit;cursor:pointer;text-decoration:none}.track{position:relative;border-bottom:1px solid #505559;box-sizing:border-box}.track.muted{opacity:.5}.clip{position:absolute;background-color:#5f6b7c;border:1px solid #121418;color:#f6f7f9;border-radius:2px;padding:0 4px;box-sizing:border-box;display:flex;align-items:flex-start;overflow:hidden;cursor:pointer}.clip .clip-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip.selected{background-color:#246e6e;border:1px solid #161f2f;z-index:2}.track.selected{background-color:#4285f41a}.audio-editor{height:100%;width:100%;display:flex;flex-direction:column;color:#f6f7f9;font-size:14px}.editor-container{display:flex;height:calc(100% - 12px);width:100%}.track-headers{flex:0 0 250px;border-right:1px solid #505559;overflow-y:auto;background-color:#05080b;scrollbar-width:none}.track-area{flex:1;position:relative;overflow-x:hidden;overflow-y:hidden;background-color:#111418}.tracks-container{position:relative}.header-row{padding:0 16px;border-bottom:1px solid #505559;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between}.header-row>.track-title{padding:13px 0;flex-basis:50%;font-weight:700;display:flex;flex-direction:column;justify-content:space-around}.header-row>.track-title>.track-buttons>button{background:#ddd;border:none;cursor:pointer;margin-right:7px;border-radius:1px;width:17px;height:17px;text-align:center;display:inline-block;padding:0}.header-row>.track-title>.track-buttons>button:hover{opacity:.9}.header-row>.track-title>.track-buttons>button.track-mute:is(:hover,.on){background:#cd4246}.header-row>.track-title>.track-buttons>button.track-solo:is(:hover,.on){background:#fbb360}.header-row>.track-panvolume{display:flex;flex-direction:column;justify-content:space-evenly}.header-row>.track-panvolume>.track-controls{display:flex;align-items:center;justify-content:space-evenly;width:50%;font-weight:700}.header-row>.track-panvolume>.track-controls>input[type=range]{flex-basis:60%;background:transparent}.header-row>.track-panvolume>.track-controls>input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:107px;background:transparent}.header-row>.track-panvolume>.track-controls>input[type=range]::-webkit-slider-runnable-track{height:12px;background:#ddd;border:4px solid #05080b}.header-row>.track-panvolume>.track-controls>input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:8px;margin-top:-4px;background:#5f6b7c;border:1px solid #ddd;cursor:pointer}.header-row>.track-panvolume>.track-controls input[type=range]::-webkit-slider-thumb:hover{background:#555}.header-row>.track-panvolume>.track-controls>input[type=range]::-webkit-slider-thumb:active{background:#666;transform:scale(1.1)}.header-row>.track-panvolume>.track-controls>input[type=range]::-moz-range-track{height:12px;background:#ddd;border:4px solid #05080b}.header-row>.track-panvolume>.track-controls>input[type=range]::-moz-range-thumb{height:12px;width:8px;background:#5f6b7c;border:1px solid #ddd;cursor:pointer}.header-row>.track-panvolume>.track-controls>input[type=range]::-moz-range-thumb:active{background:#666;transform:scale(1.1)}.header-row>.track-panvolume>.track-controls>input[type=range]::-moz-focus-outer{border:0}