.ap.svelte-16t1q9p{--track-color: rgba(0, 0, 0, .08);--progress-start: var(--color-primary);--progress-end: var(--color-secondary);display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;padding:6px 12px;min-height:38px}.ap__button.svelte-16t1q9p{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;color:#fff;background:linear-gradient(310deg,var(--color-primary) 0%,var(--color-secondary) 100%);box-shadow:0 2px 8px #ff6b6b59}.ap__button.svelte-16t1q9p:disabled{opacity:.5;cursor:not-allowed}.ap__icon.svelte-16t1q9p{width:16px;height:16px}.ap__content.svelte-16t1q9p{min-width:0}.ap__label.svelte-16t1q9p{font-weight:600;color:#2b2b2b;line-height:1.15;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap__wave.svelte-16t1q9p{position:relative;height:16px;border-radius:2px;overflow:hidden;display:flex;align-items:center;gap:2px;padding:0 2px}.bar.svelte-16t1q9p{width:2px;background-color:#000;border-radius:1px;opacity:.66;flex-shrink:0;transition:background-color .1s linear}.bar.played.svelte-16t1q9p{background:linear-gradient(180deg,var(--progress-start),var(--progress-end));opacity:1}@media (min-width: 480px){.ap.svelte-16t1q9p{padding:8px 14px;column-gap:12px;min-height:42px}.ap__button.svelte-16t1q9p{width:30px;height:30px}.ap__icon.svelte-16t1q9p{width:18px;height:18px}}