#waveform{opacity:0;transition:opacity .15s ease-out}#waveform.ready{opacity:1}#waveform ::part(cursor){z-index:100!important;background:#18b26b!important;border-radius:1.5px!important;width:3px!important}#waveform ::part(progress){height:calc(100% - 24px)!important;top:24px!important}#waveform ::part(wrapper){padding-top:24px!important}#waveform ::part(regions-container){height:calc(100% - 24px)!important;top:24px!important}#waveform ::part(region){border:1px solid #fff!important;border-radius:8px!important;min-width:16px!important}#waveform ::part(region-handle-left){width:6px!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:3px!important;height:30px!important;top:50%!important;transform:translateY(-50%)translate(4px)!important}#waveform ::part(region-handle-right){width:6px!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:3px!important;height:30px!important;top:50%!important;transform:translateY(-50%)translate(-4px)!important}#waveform ::part(scroll){scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground)/.4)hsl(var(--muted)/.3);overflow-x:scroll!important}#waveform ::part(scroll)::-webkit-scrollbar{-webkit-appearance:none;height:8px;display:block!important}#waveform ::part(scroll)::-webkit-scrollbar-track{-webkit-appearance:none;background:hsl(var(--muted)/.3);border-radius:4px}#waveform ::part(scroll)::-webkit-scrollbar-thumb{-webkit-appearance:none;background:hsl(var(--muted-foreground)/.4);border-radius:4px;min-width:30px}#waveform ::part(scroll)::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground)/.6)}