.player.svelte-nfsfpn{--c:var(--a)}.full.svelte-nfsfpn{background:var(--ink-2);border-left:6px solid var(--c);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.bare.svelte-nfsfpn{flex-direction:column;gap:8px;display:flex}.head.svelte-nfsfpn{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pname.svelte-nfsfpn{color:var(--c);overflow-wrap:anywhere;font-size:2.1rem}.corner.svelte-nfsfpn{color:var(--muted)}.transport.svelte-nfsfpn{align-items:center;gap:12px;display:flex}.play.svelte-nfsfpn{background:var(--c);min-height:0;color:var(--ink);border:none;border-radius:50%;flex:none;padding:0;transition:transform .12s,box-shadow .15s}@media (hover:hover){.play.svelte-nfsfpn:hover{background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb, var(--c) 30%, transparent);transform:scale(1.07)}.wave.svelte-nfsfpn:hover rect:where(.svelte-nfsfpn):not(.done){opacity:.45}}.play.svelte-nfsfpn svg:where(.svelte-nfsfpn){fill:currentColor}.wave.svelte-nfsfpn{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;min-width:0;height:56px}.wave.svelte-nfsfpn svg:where(.svelte-nfsfpn){width:100%;height:100%;display:block}.wave.svelte-nfsfpn:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.wave.svelte-nfsfpn rect:where(.svelte-nfsfpn){fill:var(--c);opacity:.28;transition:opacity .1s}.wave.svelte-nfsfpn rect.done:where(.svelte-nfsfpn){opacity:1}.meta.svelte-nfsfpn{justify-content:space-between;gap:8px;display:flex}.time.svelte-nfsfpn{color:var(--dim);font-weight:400}.heard.svelte-nfsfpn{color:var(--paper)}.meter.svelte-nfsfpn{background:var(--line);border-radius:3px;height:6px;position:relative}.fill.svelte-nfsfpn{background:var(--c);border-radius:3px;transition:width .3s;position:absolute;inset:0 auto 0 0}.gate.svelte-nfsfpn{background:var(--paper);width:2px;height:14px;position:absolute;top:-4px}.gatecopy.svelte-nfsfpn{color:var(--muted);font-weight:400}.gatecopy.ok.svelte-nfsfpn{color:var(--c);font-weight:700}.compact.svelte-nfsfpn{background:var(--ink-2);border-left:4px solid var(--c);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 14px 10px 12px;display:flex}.cname.svelte-nfsfpn{min-width:0;color:var(--c);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1.4rem;overflow:hidden}.ctag.svelte-nfsfpn{color:var(--dim);white-space:nowrap}.spinner.svelte-nfsfpn{border:2px solid #0000004d;border-top-color:var(--ink);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite svelte-nfsfpn-spin}@keyframes svelte-nfsfpn-spin{to{transform:rotate(360deg)}}