*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0}.waveform-container{display:flex;align-items:flex-start;gap:10px;padding-left:40px;height:auto;position:relative}.waveform{flex:1;height:100%;background-color:transparent;padding:0;margin:0;box-sizing:border-box}.play-pause{position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.5;pointer-events:none;transition:opacity 0.3s ease}.play-pause.enabled{opacity:1;pointer-events:auto}.waveform-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(-45deg,#353535 25%,#444 25%,#444 50%,#353535 50%,#353535 75%,#444 75%,#444);background-size:50px 50px;animation:skeleton-loading 20s infinite ease-in-out;opacity:.8;border-radius:15px}@keyframes skeleton-loading{0%{background-position:-100% 100%;opacity:.8}25%{background-position:100% -100%;opacity:.6}50%{background-position:-100% 100%;opacity:.4}75%{background-position:100% -100%;opacity:.6}100%{background-position:-100% 100%;opacity:.8}}