.mini.svelte-1ehjsb5{z-index:30;background:var(--bg);border:1px solid var(--ink-faint);view-transition-name:player;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cover meta controls""bar bar bar";align-items:center;gap:2px 10px;width:min(640px,100vw - 24px);padding:8px 10px 4px;transition:opacity .35s;display:grid;position:fixed;bottom:16px;left:50%;translate:-50%}.mini.top.svelte-1ehjsb5{width:min(460px,100vw - 110px);padding:5px 6px 2px;top:10px;bottom:auto}.mini.top.svelte-1ehjsb5 .cover:where(.svelte-1ehjsb5) img:where(.svelte-1ehjsb5){width:30px;height:30px}.mini.top.svelte-1ehjsb5 .a:where(.svelte-1ehjsb5),.mini.top.svelte-1ehjsb5 .time:where(.svelte-1ehjsb5),.mini.top.svelte-1ehjsb5 .vol:where(.svelte-1ehjsb5){display:none}.mini.top.svelte-1ehjsb5 .controls:where(.svelte-1ehjsb5) button:where(.svelte-1ehjsb5){width:28px;height:28px}.mini.top.svelte-1ehjsb5 .bar:where(.svelte-1ehjsb5){height:8px}body:has(.stage.idle) .mini.top.svelte-1ehjsb5:not(:focus-within){opacity:0;pointer-events:none}@media (width<=640px){.mini.top.svelte-1ehjsb5{left:auto;right:10px;translate:0}}.cover.svelte-1ehjsb5{background:0 0;border:0;grid-area:cover;padding:0}.cover.svelte-1ehjsb5 img:where(.svelte-1ehjsb5){object-fit:cover;width:42px;height:42px;image-rendering:var(--thumb-rendering);display:block}.meta.svelte-1ehjsb5{text-align:left;background:0 0;border:0;flex-direction:column;grid-area:meta;align-items:flex-start;min-width:0;padding:2px 0;line-height:1.3;display:flex}.meta.svelte-1ehjsb5:hover .t:where(.svelte-1ehjsb5){text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.fmt.svelte-1ehjsb5{border:1px solid var(--ink-faint);letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;margin-right:6px;padding:0 5px;font-size:9px;line-height:14px;display:inline-block}.t.svelte-1ehjsb5,.a.svelte-1ehjsb5{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.t.svelte-1ehjsb5{font-size:13px}.a.svelte-1ehjsb5{color:var(--ink-dim);font-size:11px}.controls.svelte-1ehjsb5{grid-area:controls;align-items:center;gap:2px;display:flex}.controls.svelte-1ehjsb5 button:where(.svelte-1ehjsb5){background:0 0;border:0;place-items:center;width:34px;height:34px;display:grid}.controls.svelte-1ehjsb5 button:where(.svelte-1ehjsb5):hover{background:var(--surface-raised);color:var(--accent)}.controls.svelte-1ehjsb5 .pp:where(.svelte-1ehjsb5),.controls.svelte-1ehjsb5 .pp:where(.svelte-1ehjsb5):hover{background:var(--ink);color:var(--bg)}.controls.svelte-1ehjsb5 .close:where(.svelte-1ehjsb5):hover{background:var(--red);color:var(--bg)}svg.svelte-1ehjsb5{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:square;stroke-linejoin:miter;width:15px;height:15px}svg.svelte-1ehjsb5 .fill:where(.svelte-1ehjsb5){fill:currentColor}.bar.svelte-1ehjsb5{cursor:pointer;touch-action:none;background:linear-gradient(var(--ink-faint), var(--ink-faint)) center / 100% 2px no-repeat;grid-area:bar;align-items:center;height:14px;display:flex}.bar.svelte-1ehjsb5 .fill:where(.svelte-1ehjsb5){background:var(--accent);height:2px;display:block}.time.svelte-1ehjsb5{color:var(--ink-dim);pointer-events:none;font-size:10px;position:absolute;bottom:13px;right:12px}.vol.svelte-1ehjsb5{align-items:center;display:flex}.vol.svelte-1ehjsb5 input:where(.svelte-1ehjsb5){opacity:0;appearance:none;background:linear-gradient(90deg, var(--accent) calc(var(--v) * 100%), var(--ink-faint) 0);width:0;height:4px;margin:0}.vol.svelte-1ehjsb5:hover input:where(.svelte-1ehjsb5),.vol.svelte-1ehjsb5:focus-within input:where(.svelte-1ehjsb5){opacity:1;width:84px;margin:0 6px 0 2px}.vol.svelte-1ehjsb5 input:where(.svelte-1ehjsb5)::-webkit-slider-thumb{appearance:none;background:var(--ink);width:8px;height:12px}.vol.svelte-1ehjsb5 input:where(.svelte-1ehjsb5)::-moz-range-thumb{background:var(--ink);border:0;width:8px;height:12px}@media (pointer:coarse){.vol.svelte-1ehjsb5 input:where(.svelte-1ehjsb5){opacity:1;width:64px;margin:0 6px 0 2px}}@media (width>=900px){.vol.svelte-1ehjsb5 input:where(.svelte-1ehjsb5){opacity:1;width:84px;margin:0 6px 0 2px}}@media (width<=420px){.vol.svelte-1ehjsb5{display:none}}.dots.svelte-1ehjsb5{gap:3px;display:inline-flex}.dots.svelte-1ehjsb5 i:where(.svelte-1ehjsb5){background:currentColor;width:3px;height:3px;animation:1s infinite svelte-1ehjsb5-blink}.dots.svelte-1ehjsb5 i:where(.svelte-1ehjsb5):nth-child(2){animation-delay:.15s}.dots.svelte-1ehjsb5 i:where(.svelte-1ehjsb5):nth-child(3){animation-delay:.3s}@keyframes svelte-1ehjsb5-blink{50%{opacity:.2}}