.card.svelte-xel3me{border-radius:var(--jx-radius);border:1px solid var(--jx-line);background:#ffffff09;gap:12px;padding:10px;transition:transform .25s,border-color .25s,background .25s;display:grid}.card.svelte-xel3me:hover{background:#ffffff0f;transform:translateY(-3px)}.card.active.svelte-xel3me{box-shadow:var(--jx-glow-pink);border-color:#ff3d9a8c}.art.svelte-xel3me{cursor:pointer;background:0 0;border:0;border-radius:16px;padding:0;position:relative}.play.svelte-xel3me{color:#0b0814;background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .2s;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 8px 24px #00000080}.art.svelte-xel3me:hover .play:where(.svelte-xel3me){transform:scale(1.08)}.play.svelte-xel3me svg:where(.svelte-xel3me){fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:18px;height:18px}.rank.svelte-xel3me{font:800 44px/1 var(--jx-display);color:#fff;text-shadow:0 4px 20px #0009;position:absolute;bottom:8px;left:12px}.body.svelte-xel3me{gap:4px;min-width:0;padding:0 4px 6px;display:grid}.title.svelte-xel3me{white-space:nowrap;text-overflow:ellipsis;min-height:24px;font-size:16px;font-weight:700;text-decoration:none;overflow:hidden;color:var(--jx-ink)!important}.by.svelte-xel3me{color:var(--jx-muted);align-items:center;gap:8px;font-size:14px;display:flex}.facts.svelte-xel3me{color:var(--jx-muted);flex-wrap:wrap;gap:4px 10px;font-size:12.5px;display:flex}.prem.svelte-xel3me{color:var(--jx-amber-ink);font-weight:700}.genre.svelte-xel3me{color:var(--jx-cyan);font-weight:600}
