.trending-card.svelte-1qy4oqc{gap:var(--pd-md,12px);width:100%;min-width:0;padding:var(--pd-2xs,2px) var(--pd-2xs,2px) var(--pd-md,12px);cursor:pointer;flex-direction:column;display:flex;container:trending-card/inline-size}.trending-card.svelte-1qy4oqc .cover:where(.svelte-1qy4oqc){isolation:isolate;aspect-ratio:1;border-radius:var(--radius-sm,4px);background:var(--base-bg,#0f1013);position:relative;overflow:hidden}.trending-card.svelte-1qy4oqc .cover-play:where(.svelte-1qy4oqc){appearance:none;width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:block}.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{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.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){z-index:1;width:var(--button-size-md,36px);height:var(--button-size-md,36px);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);border-start-start-radius:var(--radius-sm,4px);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-end:0;inset-inline-end:0}.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){opacity:1}.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 (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{gap:var(--pd-md,12px);padding-inline:var(--pd-sm,6px);flex-direction:column;min-width:0;display:flex}.meta.svelte-1qy4oqc{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;display:flex}.meta-stats.svelte-1qy4oqc{align-items:center;gap:var(--pd-md,12px);--meta-stats-bleed:calc(-1 * var(--pd-xs,4px));min-width:0;clip-path:inset(var(--meta-stats-bleed) 0 var(--meta-stats-bleed) var(--meta-stats-bleed));flex:auto;display:flex}.meta-stats.svelte-1qy4oqc>.stat:where(.svelte-1qy4oqc){flex:0 auto;min-width:0;overflow:hidden}.meta-stats.svelte-1qy4oqc>.stat:where(.svelte-1qy4oqc) .time-since-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.meta-counts.svelte-1qy4oqc{align-items:center;gap:var(--pd-md,12px);flex:none;min-width:max-content;display:flex}.meta-counts.svelte-1qy4oqc>:where(.svelte-1qy4oqc){flex:none;min-width:max-content}.overflow-cell.svelte-1qy4oqc{flex:none;align-items:center;display:flex}.overflow-cell.svelte-1qy4oqc .common-button.more.size-2xs{width:var(--button-height);min-width:var(--button-height);--icon-width:var(--button-icon-size-2xs);--icon-height:var(--button-icon-size-2xs);padding:0}.stat.svelte-1qy4oqc{align-items:center;gap:var(--pd-xs,4px);-webkit-user-select:none;user-select:none;white-space:nowrap;display:inline-flex}.titles.svelte-1qy4oqc{gap:var(--pd-xs,4px);flex-direction:column;min-width:0;display:flex}.title.svelte-1qy4oqc{color:var(--base-print-highlight,#ccd4dc);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.2;text-decoration:none;overflow:hidden}.title.svelte-1qy4oqc:hover{color:var(--base-print-light,#f7feff)}.artist.svelte-1qy4oqc{align-items:center;gap:var(--pd-xs,4px);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:flex;overflow:hidden}.artist-list.svelte-1qy4oqc{color:var(--base-print-subtle,#8691a0);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.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{cursor:pointer;--routing-barcode-width:var(--button-size-2xs,20px);background:0 0;border:0;flex-shrink:0;align-items:center;padding:0;display:flex}.trending-card-barcode.svelte-1qy4oqc:is(:where(.svelte-1qy4oqc):hover,:where(.svelte-1qy4oqc):focus-visible){--routing-barcode-color-mix:100%}
