.play.svelte-42ski0{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:16px;grid-template-columns:168px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.play.svelte-42ski0:has(.open:where(.svelte-42ski0):hover){border-color:var(--line-strong)}.art.svelte-42ski0{background:var(--panel-2);min-height:96px;position:relative}.image.svelte-42ski0{position:absolute;inset:0}.art.svelte-42ski0 img:where(.svelte-42ski0){object-fit:cover;object-position:var(--cover-focus);width:100%;height:100%;display:block}.sample-tag.svelte-42ski0{z-index:1;background:var(--ink);color:var(--text);text-transform:uppercase;letter-spacing:.06em;position:absolute;top:10px;left:10px}.listen.svelte-42ski0{z-index:1;display:flex;position:relative}.art.svelte-42ski0 .listen:where(.svelte-42ski0){position:absolute;bottom:10px;left:10px}.open.svelte-42ski0{color:var(--text);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding-left:18px;text-decoration:none;display:grid}.open.svelte-42ski0:after{content:"";position:absolute;inset:0}.open.svelte-42ski0:focus-visible{outline:none}.open.svelte-42ski0:focus-visible:after{border-radius:inherit;outline:2px solid var(--lime);outline-offset:-2px}.text.svelte-42ski0{gap:4px;min-width:0;padding:12px 0;display:grid}.title.svelte-42ski0{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.version.svelte-42ski0{color:var(--text-2)}.meta.svelte-42ski0{color:var(--text-2);text-transform:uppercase;font-size:12px}.cause.svelte-42ski0{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.cause.svelte-42ski0 i:where(.svelte-42ski0){border-radius:3px;flex:none;width:10px;height:10px}.numbers.svelte-42ski0{text-align:right;gap:24px;margin:0;padding:0 22px;display:flex}.numbers.svelte-42ski0 dd:where(.svelte-42ski0){margin:0;font-size:22px;font-weight:800;font-stretch:125%}.compact.svelte-42ski0{border-radius:12px;grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:12px;padding:8px 16px 8px 8px}.compact.svelte-42ski0 .open:where(.svelte-42ski0){grid-template-columns:minmax(0,1fr) minmax(0,15rem) auto;gap:0 16px;padding-left:0}.compact.svelte-42ski0 .text:where(.svelte-42ski0){display:contents}.compact.svelte-42ski0 .title:where(.svelte-42ski0){grid-area:1/1}.compact.svelte-42ski0 .meta:where(.svelte-42ski0){grid-area:2/1;font-size:11px}.compact.svelte-42ski0 .cause:where(.svelte-42ski0){grid-area:1/2/3}.compact.svelte-42ski0 .numbers:where(.svelte-42ski0){grid-area:1/3/3;gap:16px;padding:0}.compact.svelte-42ski0 .numbers:where(.svelte-42ski0) dt:where(.svelte-42ski0){font-size:10px}.compact.svelte-42ski0 .numbers:where(.svelte-42ski0) dd:where(.svelte-42ski0){font-size:16px;line-height:1.2}@media (width<=640px){.play.svelte-42ski0{grid-template-columns:minmax(0,1fr)}.art.svelte-42ski0{min-height:64px}.open.svelte-42ski0{grid-template-columns:minmax(0,1fr);gap:0;padding-left:0}.text.svelte-42ski0{padding:12px 14px 4px}.title.svelte-42ski0{white-space:normal}.numbers.svelte-42ski0{text-align:left;justify-content:flex-start;padding:4px 14px 12px}.numbers.svelte-42ski0 dd:where(.svelte-42ski0){font-size:18px}.compact.svelte-42ski0{padding:8px 12px 8px 8px}.compact.svelte-42ski0 .open:where(.svelte-42ski0){grid-template-columns:minmax(0,1fr) auto;column-gap:12px}.compact.svelte-42ski0 .cause:where(.svelte-42ski0){grid-area:3/1/4/3;font-size:12px}.compact.svelte-42ski0 .numbers:where(.svelte-42ski0){text-align:right;grid-area:1/2/3;gap:12px}.compact.svelte-42ski0 .numbers:where(.svelte-42ski0) dd:where(.svelte-42ski0){font-size:15px}}