.cover-card.svelte-1vrg1x4{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:cover-card/inline-size}.cover-card.svelte-1vrg1x4 .cover:where(.svelte-1vrg1x4){isolation:isolate;aspect-ratio:1;border-radius:var(--radius-sm,4px);background:var(--base-bg,#0f1013);position:relative;overflow:hidden}.cover-card.svelte-1vrg1x4 .cover-play:where(.svelte-1vrg1x4){appearance:none;width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:block}.cover-card.svelte-1vrg1x4 .cover-play:where(.svelte-1vrg1x4):focus-visible{outline:2px solid var(--color-brand-110,#6ad0e5);outline-offset:-2px}.cover-card.svelte-1vrg1x4 .cover-play:where(.svelte-1vrg1x4) .cover-image{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.cover-card.svelte-1vrg1x4:hover .cover-play:where(.svelte-1vrg1x4) .cover-image{transform:scale(1.04)}.cover-card.svelte-1vrg1x4 .cover-playback-icon:where(.svelte-1vrg1x4){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}.cover-card.svelte-1vrg1x4 .cover-playback-icon:where(.svelte-1vrg1x4) svg{translate:1px}.cover-card.svelte-1vrg1x4 .cover-playback-icon:where(.svelte-1vrg1x4).cover-playback-icon--hover-reveal{opacity:0;transition:opacity var(--transition-fast,.12s ease)}.cover-card.svelte-1vrg1x4:hover .cover-playback-icon.cover-playback-icon--hover-reveal:where(.svelte-1vrg1x4){opacity:1}.cover-card.svelte-1vrg1x4:has(.cover-play:where(.svelte-1vrg1x4):focus-visible) .cover-playback-icon.cover-playback-icon--hover-reveal:where(.svelte-1vrg1x4){opacity:1}@container cover-card (width>=280px){.cover-card.svelte-1vrg1x4 .cover-playback-icon:where(.svelte-1vrg1x4){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-1vrg1x4{gap:var(--pd-md,12px);padding-inline:var(--pd-sm,6px);flex-direction:column;min-width:0;display:flex}.meta.svelte-1vrg1x4{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-1vrg1x4{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-1vrg1x4>.stat:where(.svelte-1vrg1x4){flex:0 auto;min-width:0;overflow:hidden}.meta-stats.svelte-1vrg1x4>.stat:where(.svelte-1vrg1x4) .time-since-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.meta-counts.svelte-1vrg1x4{align-items:center;gap:var(--pd-md,12px);flex:none;min-width:max-content;display:flex}.meta-counts.svelte-1vrg1x4>:where(.svelte-1vrg1x4){flex:none;min-width:max-content}.overflow-cell.svelte-1vrg1x4{flex:none;align-items:center;display:flex}.overflow-cell.svelte-1vrg1x4 .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-1vrg1x4{align-items:center;gap:var(--pd-xs,4px);-webkit-user-select:none;user-select:none;white-space:nowrap;display:inline-flex}.titles.svelte-1vrg1x4{gap:var(--pd-xs,4px);flex-direction:column;min-width:0;display:flex}.title.svelte-1vrg1x4{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-1vrg1x4:hover{color:var(--base-print-light,#f7feff)}.artist.svelte-1vrg1x4{align-items:center;gap:var(--pd-xs,4px);text-overflow:ellipsis;white-space:nowrap;min-width:0;display:flex;overflow:hidden}.artist-list.svelte-1vrg1x4{color:var(--base-print-subtle,#8691a0);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.artist-link.svelte-1vrg1x4{color:inherit;text-decoration:none}.artist-link.svelte-1vrg1x4:hover{color:var(--base-print-highlight,#e0ebf4)}.cover-card-barcode.svelte-1vrg1x4{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}.cover-card-barcode.svelte-1vrg1x4:is(:where(.svelte-1vrg1x4):hover,:where(.svelte-1vrg1x4):focus-visible){--routing-barcode-color-mix:100%}
