.ap[data-v-9cc4a5fa]{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--pri) 12%,var(--card)),var(--card));border:1px solid var(--line);border-radius:14px;display:flex;gap:14px;margin:0 0 16px;padding:12px 14px}.ap.playing[data-v-9cc4a5fa]{border-color:color-mix(in srgb,var(--pri) 55%,var(--line))}.ap-play[data-v-9cc4a5fa]{background:linear-gradient(150deg,var(--pri2),var(--pri) 75%);border:none;border-radius:50%;box-shadow:0 4px 14px color-mix(in srgb,var(--pri) 40%,transparent);cursor:pointer;display:grid;flex:none;height:46px;place-items:center;transition:transform .12s ease;width:46px}.ap-play[data-v-9cc4a5fa]:active{transform:scale(.93)}.ap-play svg[data-v-9cc4a5fa]{fill:#fff;height:22px;width:22px}.ap-body[data-v-9cc4a5fa]{flex:1;min-width:0}.ap-top[data-v-9cc4a5fa]{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:7px}.ap-label[data-v-9cc4a5fa]{color:var(--mut);font-size:12px;font-weight:700;letter-spacing:.01em}.ap-rates[data-v-9cc4a5fa]{display:flex;gap:4px}.ap-rate[data-v-9cc4a5fa]{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--mut);cursor:pointer;font-size:11px;font-weight:700;padding:2px 8px}.ap-rate.on[data-v-9cc4a5fa]{background:var(--pri);border-color:var(--pri);color:#fff}.ap-scrub[data-v-9cc4a5fa]{cursor:pointer;padding:6px 0}.ap-track[data-v-9cc4a5fa]{background:var(--line);height:5px;overflow:hidden}.ap-fill[data-v-9cc4a5fa],.ap-track[data-v-9cc4a5fa]{border-radius:999px}.ap-fill[data-v-9cc4a5fa]{background:linear-gradient(90deg,var(--pri2),var(--pri));height:100%;transition:width .15s linear}.ap-time[data-v-9cc4a5fa]{color:var(--mut);display:flex;font-size:11px;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:3px}