.waveform{position:relative;min-width:0;width:100%;height:3.8rem;margin:.7rem 0 .1rem;color:var(--orange,#ef9b52);isolation:isolate}.waveform svg{display:block;width:100%;height:2.8rem;overflow:visible;pointer-events:none}.waveform path{fill:none;stroke:currentColor;stroke-width:.65;stroke-linecap:round;vector-effect:non-scaling-stroke}.waveform-base{color:var(--muted,#b8b8bb);opacity:.5}.waveform-played{color:var(--orange,#ef9b52)}.waveform-seek{position:absolute;inset:0 0 1rem;width:100%;height:2.8rem;margin:0;opacity:0;cursor:pointer;z-index:1}.waveform-seek:disabled{cursor:default}.waveform:focus-within{outline:1px solid currentColor;outline-offset:5px;border-radius:4px}.waveform-time{display:block;text-align:right;font-size:.65rem;line-height:1rem;font-variant-numeric:tabular-nums;color:var(--muted,#b8b8bb)}.waveform.loading:before{content:'';position:absolute;inset:.4rem 0 1.3rem;border-radius:3px;background:currentColor;opacity:.045;animation:waveform-loading 1.4s ease-in-out infinite}.waveform.unavailable{height:1.2rem;margin:.2rem 0}.waveform.unavailable svg,.waveform.unavailable .waveform-seek{display:none}.tile .waveform{height:3.2rem}.tile .waveform svg,.tile .waveform-seek{height:2.2rem}@keyframes waveform-loading{50%{opacity:.12}}@media(prefers-reduced-motion:reduce){.waveform.loading:before{animation:none}}@media(max-width:520px){.waveform{height:3.2rem}.waveform svg,.waveform-seek{height:2.2rem}}
/* Developed by Flexxi */