.ap[data-v-6a053f21]{background:color-mix(in srgb, var(--color-surface-hover) 74%, #000 26%);border-radius:10px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;min-height:74px;padding:12px;display:grid}.ap__play[data-v-6a053f21]{background:color-mix(in srgb, var(--color-accent) 18%, transparent);width:42px;height:42px;color:color-mix(in srgb, var(--color-accent) 88%, #fff 12%);cursor:pointer;border:0;border-radius:999px;place-items:center;font-size:32px;display:grid}.ap__play[data-v-6a053f21]:disabled{cursor:not-allowed;opacity:.55}.ap__mobile-wave[data-v-6a053f21],.ap__mobile-time[data-v-6a053f21]{display:none}.ap__body[data-v-6a053f21]{gap:10px;min-width:0;display:grid}.ap__top[data-v-6a053f21]{align-items:center;gap:8px;min-width:0;display:flex}.ap__music[data-v-6a053f21]{color:var(--color-text-secondary);flex:none;font-size:16px}.ap__title[data-v-6a053f21]{min-width:0;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.ap__time[data-v-6a053f21]{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.ap__controls[data-v-6a053f21]{grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:12px;display:grid}.ap__progress[data-v-6a053f21]{cursor:pointer;background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.ap__progress-fill[data-v-6a053f21]{border-radius:inherit;background:var(--color-accent);height:100%;position:relative}.ap__progress-fill[data-v-6a053f21]:after{content:"";background:var(--color-accent);border-radius:999px;width:12px;height:12px;transition:transform .15s;position:absolute;top:50%;right:0;transform:translate(50%,-50%)scale(0);box-shadow:0 0 0 2px #0000006b}.ap--reduced-motion .ap__progress-fill[data-v-6a053f21]:after,.ap--reduced-motion .ap__progress-fill[data-v-6a053f21],.ap--reduced-motion .ap__progress[data-v-6a053f21],.ap--reduced-motion .ap__volume-fill[data-v-6a053f21]:after,.ap--reduced-motion .ap__volume-fill[data-v-6a053f21],.ap--reduced-motion .ap__volume-bar[data-v-6a053f21]{transition:none!important}.ap--reduced-motion .ap__volume-btn.is-muted[data-v-6a053f21]{color:color-mix(in srgb, var(--color-accent) 78%, #fff 22%)}.ap .sr-only[data-v-6a053f21]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ap__fallback[data-v-6a053f21]{color:var(--color-text-secondary);font-size:12px}.ap__volume[data-v-6a053f21]{justify-content:center;align-items:center;width:30px;display:flex;position:relative}.ap__volume-btn[data-v-6a053f21]{width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.ap__volume-btn.is-muted[data-v-6a053f21]{color:color-mix(in srgb, var(--color-accent) 78%, #fff 22%)}.ap__volume-bar[data-v-6a053f21]{cursor:pointer;opacity:0;transform-origin:bottom;background:#ffffff1a;border-radius:999px;width:8px;height:76px;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%)translateY(6px)scaleY(.88)}.ap__volume:focus-within .ap__volume-bar[data-v-6a053f21],.ap__volume.is-adjusting .ap__volume-bar[data-v-6a053f21],.ap__volume.is-volume-open .ap__volume-bar[data-v-6a053f21]{opacity:1;transform:translate(-50%)translateY(0)scaleY(1)}.ap__volume.is-muted .ap__volume-bar[data-v-6a053f21],.ap__volume.is-hover-suppressed:not(.is-adjusting) .ap__volume-bar[data-v-6a053f21]{opacity:0;pointer-events:none;transform:translate(-50%)translateY(6px)scaleY(.88)}.ap__volume-fill[data-v-6a053f21]{border-radius:inherit;background:#fff;position:absolute;bottom:0;left:0;right:0}.ap__volume-fill[data-v-6a053f21]:after{content:"";background:color-mix(in srgb, var(--color-text-primary) 100%, var(--color-accent) 80%);border-radius:999px;width:10px;height:10px;transition:transform .15s;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)scale(0)}.ap.is-compact[data-v-6a053f21]{background:color-mix(in srgb, var(--color-bg) 72%, #000 28%);width:100%;min-width:168px;min-height:40px;box-shadow:none;border:0;border-radius:999px;grid-template-columns:22px minmax(54px,1fr) 32px;gap:6px;padding:6px 10px}.ap.is-compact .ap__play[data-v-6a053f21]{width:22px;height:28px;color:var(--color-text-primary);background:0 0;font-size:0}.ap.is-compact .ap__play svg[data-v-6a053f21],.ap.is-compact .ap__body[data-v-6a053f21]{display:none}.ap.is-compact .ap__play[data-v-6a053f21]:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:9px solid color-mix(in srgb, var(--color-text-primary) 88%, var(--color-text-secondary) 12%);width:0;height:0;margin-left:1px}.ap.is-compact .ap__play.is-playing[data-v-6a053f21]:before{background:linear-gradient(to right, var(--color-accent) 0 3px, transparent 3px 6px, var(--color-accent) 6px 9px);border:0;width:9px;height:12px;margin-left:0}.ap.is-compact .ap__mobile-wave[data-v-6a053f21]{cursor:pointer;opacity:0;touch-action:none;align-items:center;gap:2px;min-width:0;height:22px;transition:opacity .18s;display:flex}.ap.is-compact .ap__mobile-wave.is-ready[data-v-6a053f21]{opacity:1}.ap.is-compact .ap__mobile-bar[data-v-6a053f21]{background:color-mix(in srgb, var(--color-text-secondary) 24%, #fff 6%);border-radius:999px;flex:2px;min-width:2px;max-width:3px}.ap.is-compact .ap__mobile-bar.is-active[data-v-6a053f21]{background:color-mix(in srgb, var(--color-accent) 82%, #fff 18%)}.ap.is-compact .ap__mobile-time[data-v-6a053f21]{width:32px;color:color-mix(in srgb, var(--color-text-secondary) 82%, #fff 18%);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-size:13px;font-weight:620;line-height:1;display:block}@media (width<=560px){.ap[data-v-6a053f21]{background:color-mix(in srgb, var(--color-bg) 72%, #000 28%);width:min(50%,220px);min-width:168px;min-height:40px;box-shadow:none;border:0;border-radius:999px;grid-template-columns:22px minmax(54px,1fr) 32px;gap:6px;padding:6px 10px}.ap__play[data-v-6a053f21]{width:22px;height:28px;color:var(--color-text-primary);background:0 0;font-size:0}.ap__play svg[data-v-6a053f21]{display:none}.ap__play[data-v-6a053f21]:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:9px solid color-mix(in srgb, var(--color-text-primary) 88%, var(--color-text-secondary) 12%);width:0;height:0;margin-left:1px}.ap__play.is-playing[data-v-6a053f21]:before{background:linear-gradient(to right, var(--color-accent) 0 3px, transparent 3px 6px, var(--color-accent) 6px 9px);border:0;width:9px;height:12px;margin-left:0}.ap__body[data-v-6a053f21]{display:none}.ap__mobile-wave[data-v-6a053f21]{cursor:pointer;opacity:0;touch-action:none;align-items:center;gap:2px;min-width:0;height:22px;transition:opacity .18s;display:flex}.ap__mobile-wave.is-ready[data-v-6a053f21]{opacity:1}.ap__mobile-bar[data-v-6a053f21]{background:color-mix(in srgb, var(--color-text-secondary) 24%, #fff 6%);border-radius:999px;flex:2px;min-width:2px;max-width:3px}.ap__mobile-bar.is-active[data-v-6a053f21]{background:color-mix(in srgb, var(--color-accent) 82%, #fff 18%)}.ap__mobile-time[data-v-6a053f21]{width:32px;color:color-mix(in srgb, var(--color-text-secondary) 82%, #fff 18%);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;text-align:right;font-size:13px;font-weight:620;line-height:1;display:block}}@media (hover:hover) and (pointer:fine){.ap__progress:hover .ap__progress-fill[data-v-6a053f21]:after{transform:translate(50%,-50%)scale(1)}.ap__volume-btn[data-v-6a053f21]:hover{color:var(--color-text-primary)}.ap__volume:hover .ap__volume-bar[data-v-6a053f21]{opacity:1;transform:translate(-50%)translateY(0)scaleY(1)}.ap__volume-bar:hover .ap__volume-fill[data-v-6a053f21]:after{transform:translate(-50%,-50%)scale(1)}}@media (hover:none),(pointer:coarse){.ap__progress-fill[data-v-6a053f21]:after,.ap__volume-fill[data-v-6a053f21]:after{display:none}.ap__volume-bar[data-v-6a053f21]{pointer-events:none}.ap__volume.is-volume-open .ap__volume-bar[data-v-6a053f21],.ap__volume.is-adjusting .ap__volume-bar[data-v-6a053f21]{pointer-events:auto}}