.jukebox.svelte-zeypbu{gap:var(--space-l);align-items:start;display:grid}@media (width>=900px){.jukebox.paired.svelte-zeypbu{gap:var(--space-xl);grid-template-columns:minmax(0,38rem) minmax(15rem,22rem)}}form.svelte-zeypbu{max-width:38rem}.shortlist.svelte-zeypbu{border:1px solid color-mix(in oklab, var(--accent), transparent 65%);padding:var(--space-s) var(--space-m)}.shortlist-head.svelte-zeypbu{font-family:var(--font-body);font-size:var(--step--1);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-text);font-weight:600}.count.svelte-zeypbu{letter-spacing:.08em;font-weight:500}.shortlist-scroll.svelte-zeypbu{margin:var(--space-xs) 0 0;scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--accent), transparent 55%) transparent;max-height:21rem;padding:0;list-style:none;overflow-y:auto}.entry.svelte-zeypbu{align-items:center;gap:var(--space-xs);padding-block:var(--space-2xs);display:flex}.entry.svelte-zeypbu+.entry:where(.svelte-zeypbu){border-block-start:1px solid color-mix(in oklab, var(--accent), transparent 85%)}.art.small.svelte-zeypbu{outline-offset:1px;width:32px;height:32px}.entry.svelte-zeypbu .track:where(.svelte-zeypbu){flex:1;min-width:0}.entry-name.svelte-zeypbu,.entry.svelte-zeypbu .track-artists:where(.svelte-zeypbu){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.entry-name.svelte-zeypbu{font-family:var(--font-display);font-size:var(--step-0);font-weight:500;line-height:1.2}.search.svelte-zeypbu,.from.svelte-zeypbu{border:0;border-block-end:1px solid color-mix(in oklab, var(--accent), transparent 45%);width:100%;font-family:var(--font-body);font-size:var(--step-1);color:var(--ink);background:0 0;border-radius:0;padding:.6em .1em}.search.svelte-zeypbu::placeholder,.from.svelte-zeypbu::placeholder{color:var(--ink-soft);opacity:.7}.search.svelte-zeypbu:focus-visible,.from.svelte-zeypbu:focus-visible{border-block-end-color:var(--accent-text);outline:none}.search.svelte-zeypbu::-webkit-search-cancel-button{display:none}.results.svelte-zeypbu{margin:0;padding:0;list-style:none}.hit.svelte-zeypbu{align-items:center;gap:var(--space-s);width:100%;padding:var(--space-xs) .1em;border:0;border-block-end:1px solid color-mix(in oklab, var(--accent), transparent 78%);text-align:left;color:inherit;background:0 0;display:flex}@media (hover:hover){.hit.svelte-zeypbu:hover{background:color-mix(in oklab, var(--accent), transparent 92%)}}.art.svelte-zeypbu{object-fit:cover;outline:1px solid color-mix(in oklab, var(--accent), transparent 60%);outline-offset:2px;width:44px;height:44px}.track.svelte-zeypbu{flex-direction:column;min-width:0;display:flex}.track-name.svelte-zeypbu{font-family:var(--font-display);font-size:var(--step-1);font-weight:500;line-height:1.2}.track-artists.svelte-zeypbu{font-size:var(--step--1);letter-spacing:.04em;color:var(--ink-soft)}.picked.svelte-zeypbu{align-items:center;gap:var(--space-s);padding:var(--space-s) .1em;border-block-end:1px solid color-mix(in oklab, var(--accent), transparent 60%);display:flex}.change.svelte-zeypbu{font-family:var(--font-body);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);text-underline-offset:3px;background:0 0;border:0;margin-inline-start:auto;font-weight:600;text-decoration:underline}.send-row.svelte-zeypbu{align-items:flex-end;gap:var(--space-m);flex-wrap:wrap;margin-block-start:var(--space-m);display:flex}.from.svelte-zeypbu{font-size:var(--step-0);flex:14rem}.send.svelte-zeypbu{background:var(--accent);color:var(--parchment);font-family:var(--font-body);font-size:var(--step-0);letter-spacing:.06em;padding:var(--space-xs) var(--space-l);border:0;border-radius:999px;flex:none;font-weight:500;transition:scale .15s}.send.svelte-zeypbu:active{scale:.97}.send.svelte-zeypbu:disabled{opacity:.6}.note.svelte-zeypbu{font-family:var(--font-display);color:var(--ink-soft);margin-block-start:var(--space-s);font-style:italic}.error.svelte-zeypbu{color:var(--accent-text)}.done.svelte-zeypbu{padding-block:var(--space-m)}.done-line.svelte-zeypbu{font-family:var(--font-display);font-size:var(--step-2);line-height:1.3}.done-line.svelte-zeypbu em:where(.svelte-zeypbu){color:var(--accent-text)}.done-note.svelte-zeypbu{color:var(--ink-soft);margin-block-start:var(--space-xs);font-style:italic}.again.svelte-zeypbu{font-family:var(--font-body);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);background:0 0;border:0;margin-block-start:var(--space-m);font-weight:600}.ts-symbol.svelte-1nidkwj{width:1.5rem;display:block}