.trending-card.svelte-1qy4oqc{display:flex;flex-direction:column;gap:var(--pd-md, 12px);width:100%;min-width:0;padding:var(--pd-2xs, 2px) var(--pd-2xs, 2px) var(--pd-md, 12px);container-name:trending-card;container-type:inline-size;cursor:pointer}.trending-card.svelte-1qy4oqc .cover:where(.svelte-1qy4oqc){position:relative;isolation:isolate;aspect-ratio:1 / 1;border-radius:var(--radius-sm, 4px);overflow:hidden;background:var(--base-bg, #0f1013)}.trending-card.svelte-1qy4oqc .cover-play:where(.svelte-1qy4oqc){display:block;width:100%;height:100%;padding:0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;color:inherit;cursor:pointer}.trending-card.svelte-1qy4oqc .cover-play:where(.svelte-1qy4oqc):focus-visible{outline:2px solid var(--color-brand-110, #6ad0e5);outline-offset:-2px}.trending-card.svelte-1qy4oqc .cover-play:where(.svelte-1qy4oqc) .cover-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.trending-card.svelte-1qy4oqc:hover .cover-play:where(.svelte-1qy4oqc) .cover-image{transform:scale(1.04)}.trending-card.svelte-1qy4oqc .cover-playback-icon:where(.svelte-1qy4oqc){position:absolute;inset-inline-end:0;inset-block-end:0;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--button-size-md, 36px);height:var(--button-size-md, 36px);border-start-start-radius:var(--radius-sm, 4px);background-color:var(--base-embed, #121116);pointer-events:none;--icon-width: var(--button-icon-size-md, 18px);--icon-height: var(--button-icon-size-md, 18px);--icon-fill: var(--base-print-light, #f7feff)}.trending-card.svelte-1qy4oqc .cover-playback-icon:where(.svelte-1qy4oqc) svg{translate:1px}.trending-card.svelte-1qy4oqc .cover-playback-icon:where(.svelte-1qy4oqc).cover-playback-icon--hover-reveal{opacity:0;transition:opacity var(--transition-fast, .12s ease)}.trending-card.svelte-1qy4oqc:hover .cover-playback-icon.cover-playback-icon--hover-reveal:where(.svelte-1qy4oqc),.trending-card.svelte-1qy4oqc:has(.cover-play:where(.svelte-1qy4oqc):focus-visible) .cover-playback-icon.cover-playback-icon--hover-reveal:where(.svelte-1qy4oqc){opacity:1}@container trending-card (min-width: 280px){.trending-card.svelte-1qy4oqc .cover-playback-icon:where(.svelte-1qy4oqc){width:var(--button-size-lg, 42px);height:var(--button-size-lg, 42px);--icon-width: var(--button-icon-size-lg, 20px);--icon-height: var(--button-icon-size-lg, 20px)}}.body.svelte-1qy4oqc{display:flex;flex-direction:column;gap:var(--pd-md, 12px);padding-inline:var(--pd-sm, 6px);min-width:0}.meta.svelte-1qy4oqc{display:flex;align-items:center;gap:var(--pd-xs, 4px);min-width:0;color:var(--base-print-subtle, #596576);--icon-width: var(--icon-2xs, 12px);--icon-height: var(--icon-2xs, 12px);--icon-fill: currentColor}.meta-stats.svelte-1qy4oqc{display:flex;align-items:center;gap:var(--pd-md, 12px);flex:1 1 auto;min-width:0;--meta-stats-bleed: calc(-1 * var(--pd-xs, 4px));clip-path:inset(var(--meta-stats-bleed) 0 var(--meta-stats-bleed) var(--meta-stats-bleed))}.meta-stats.svelte-1qy4oqc>.stat:where(.svelte-1qy4oqc){flex:0 1 auto;min-width:0;overflow:hidden}.meta-stats.svelte-1qy4oqc>.stat:where(.svelte-1qy4oqc) .time-since-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-counts.svelte-1qy4oqc{display:flex;align-items:center;flex:none;gap:var(--pd-md, 12px);min-width:max-content}.meta-counts.svelte-1qy4oqc>:where(.svelte-1qy4oqc){flex:none;min-width:max-content}.overflow-cell.svelte-1qy4oqc{flex:0 0 auto;display:flex;align-items:center}.overflow-cell.svelte-1qy4oqc .common-button.more.size-2xs{width:var(--button-height);min-width:var(--button-height);padding:0;--icon-width: var(--button-icon-size-2xs);--icon-height: var(--button-icon-size-2xs)}.stat.svelte-1qy4oqc{display:inline-flex;align-items:center;gap:var(--pd-xs, 4px);-webkit-user-select:none;user-select:none;white-space:nowrap}.titles.svelte-1qy4oqc{display:flex;flex-direction:column;gap:var(--pd-xs, 4px);min-width:0}.title.svelte-1qy4oqc{margin:0;color:var(--base-print-highlight, #ccd4dc);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.title.svelte-1qy4oqc:hover{color:var(--base-print-light, #f7feff)}.artist.svelte-1qy4oqc{display:flex;align-items:center;gap:var(--pd-xs, 4px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-list.svelte-1qy4oqc{color:var(--base-print-subtle, #8691a0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.artist-link.svelte-1qy4oqc{color:inherit;text-decoration:none}.artist-link.svelte-1qy4oqc:hover{color:var(--base-print-highlight, #e0ebf4)}.trending-card-barcode.svelte-1qy4oqc{display:flex;flex-shrink:0;align-items:center;padding:0;border:0;background:transparent;cursor:pointer;--routing-barcode-width: var(--button-size-2xs, 20px)}.trending-card-barcode.svelte-1qy4oqc:is(:where(.svelte-1qy4oqc):hover,:where(.svelte-1qy4oqc):focus-visible){--routing-barcode-color-mix: 100%}