.audio-player.svelte-bqnmoc{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;height:80px}.audio-player.svelte-bqnmoc.has-background{justify-content:flex-start;gap:16px;box-sizing:border-box;height:auto;background:#ccc6;border-radius:4px;padding:12px 12px 12px 18px}.audio-player.svelte-bqnmoc .play-pause-btn:where(.svelte-bqnmoc){display:flex;justify-content:center;align-items:center;width:32px;height:18px;border:none;padding:0;background:none;cursor:pointer}.audio-player.svelte-bqnmoc .play-pause-btn:where(.svelte-bqnmoc) .play-icon:where(.svelte-bqnmoc){width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid var(--black)}.audio-player.svelte-bqnmoc .play-pause-btn:where(.svelte-bqnmoc) .pause-icon:where(.svelte-bqnmoc){position:relative;left:-3px;display:flex;gap:4px;width:10px;height:18px}.audio-player.svelte-bqnmoc .play-pause-btn:where(.svelte-bqnmoc) .pause-icon:where(.svelte-bqnmoc) .bar:where(.svelte-bqnmoc){width:3px;height:18px;background-color:var(--black)}.audio-player.svelte-bqnmoc .progress-bar-container:where(.svelte-bqnmoc){position:relative;width:100%;max-width:427px;height:14px;border-radius:7px;background:var(--grey);overflow:hidden;-webkit-user-select:none;user-select:none;cursor:pointer}.audio-player.svelte-bqnmoc .progress-bar-container:where(.svelte-bqnmoc) .progress-bar-fill:where(.svelte-bqnmoc){position:absolute;inset:0;background:var(--black);pointer-events:none;transform-origin:left center;will-change:transform}.audio-player.svelte-bqnmoc .time-display:where(.svelte-bqnmoc){width:150px;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}