.mini.svelte-1ehjsb5{z-index:30;border-radius:calc(var(--radius) + 10px);background:color-mix(in srgb, var(--bg) 78%, transparent);border:1px solid var(--ink-faint);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(640px,100vw - 24px);animation:svelte-1ehjsb5-rise-in .7s var(--spring) both;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:4px 12px;padding:10px 14px 8px 10px;display:grid;position:fixed;bottom:16px;left:50%;translate:-50%;box-shadow:0 20px 50px #0006}.cover.svelte-1ehjsb5{transition:scale .5s var(--spring);background:0 0;border:0;grid-area:cover;padding:0}.cover.svelte-1ehjsb5:hover{scale:1.08}.cover.svelte-1ehjsb5 img:where(.svelte-1ehjsb5){object-fit:cover;width:46px;height:46px;image-rendering:var(--thumb-rendering);border-radius:50%;animation:8s linear infinite paused svelte-1ehjsb5-spin;display:block}.cover.svelte-1ehjsb5 img.spin:where(.svelte-1ehjsb5){animation-play-state:running}.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);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;border-radius:4px;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;gap:2px;display:flex}.controls.svelte-1ehjsb5 button:where(.svelte-1ehjsb5){width:38px;height:38px;transition:scale .45s var(--spring), background-color .3s;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.controls.svelte-1ehjsb5 button:where(.svelte-1ehjsb5):hover{background:var(--ink-faint);scale:1.12}.controls.svelte-1ehjsb5 .pp:where(.svelte-1ehjsb5){background:var(--ink);color:var(--bg)}.controls.svelte-1ehjsb5 .pp:where(.svelte-1ehjsb5):hover{background:var(--ink)}.controls.svelte-1ehjsb5 .open:where(.svelte-1ehjsb5){border:1px solid var(--ink-faint);margin-left:4px}svg.svelte-1ehjsb5{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;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:18px;right:16px}.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;transition:width .45s var(--spring), opacity .3s, margin .45s var(--spring);border-radius:2px;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);border-radius:50%;width:12px;height:12px}.vol.svelte-1ehjsb5 input:where(.svelte-1ehjsb5)::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:12px;height:12px}@media (pointer:coarse){.vol.svelte-1ehjsb5 input:where(.svelte-1ehjsb5){opacity:1;width:64px;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;border-radius:50%;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-spin{to{rotate:360deg}}@keyframes svelte-1ehjsb5-blink{50%{opacity:.2}}@keyframes svelte-1ehjsb5-rise-in{0%{opacity:0;translate:-50% 30px}}