.track-list-card.svelte-1204lt7{--track-list-num-col:2rem;--track-list-metric-date:6rem;--track-list-metric-plays:3rem;--track-list-metric-comments:3rem;--track-list-metric-likes:2.85rem;--track-list-overflow-col:var(--size-sm,30px);width:100%;min-width:0;padding:var(--pd-2xs,2px) var(--pd-sm,6px) var(--pd-2xs,2px) var(--pd-2xs,2px);border-radius:var(--radius-md,6px);color:inherit;cursor:pointer;text-decoration:none;transition:background-color .15s;container:track-list-card/inline-size}.track-list-card.svelte-1204lt7:hover .cover-playback-icon--hover-reveal:where(.svelte-1204lt7){opacity:1}.track-list-card.svelte-1204lt7:has(.track-cover:where(.svelte-1204lt7):focus-visible) .cover-playback-icon--hover-reveal:where(.svelte-1204lt7){opacity:1}.track-list-card.svelte-1204lt7:hover{background-color:var(--color-gray-30,#21232c)}.track-list-card.svelte-1204lt7.current{background-color:var(--color-gray-30,#21232c)}.track-list-card.svelte-1204lt7.current:hover{background-color:var(--color-gray-35,#2a2c32)}.track-list-card.svelte-1204lt7.playing{background-color:var(--color-gray-35,#2a2c32)}.track-list-card.svelte-1204lt7.playing:hover{background-color:var(--color-gray-35,#2a2c32)}.track-list-card-row.svelte-1204lt7{align-items:center;column-gap:var(--track-list-leading-trailing-gap,var(--pd-lg,18px));row-gap:var(--pd-xs,4px);flex-wrap:nowrap;width:100%;min-width:0;display:flex}.track-trailing.svelte-1204lt7{align-items:center;gap:var(--track-list-trailing-gap,var(--pd-lg,18px));flex-shrink:0;min-width:0;display:flex}.track-leading.svelte-1204lt7{align-items:center;gap:var(--track-list-leading-gap,var(--pd-lg,18px));flex:1 1 0;min-width:0;display:flex}.cover-wrap.svelte-1204lt7{flex:0 0 48px;width:48px;min-width:0;height:48px;position:relative}.track-info.svelte-1204lt7{gap:var(--pd-xs,4px);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.stat--date.svelte-1204lt7{flex:0 0 var(--track-list-metric-date);width:var(--track-list-metric-date);min-width:0;overflow:hidden}.likes-cell.svelte-1204lt7{flex:0 0 var(--track-list-metric-likes);width:var(--track-list-metric-likes);justify-content:flex-start;align-items:center;min-width:0;display:flex;overflow:hidden}.likes-cell.svelte-1204lt7 .like-button--stat,.likes-cell.svelte-1204lt7 .like-button-readonly--stat{grid-template-columns:var(--icon-2xs) minmax(0, 1fr);place-items:center start;column-gap:var(--pd-xs,4px);text-align:start;width:100%;min-width:0;display:grid}.likes-cell.svelte-1204lt7 .like-button-readonly--stat .like-button-readonly__inner{display:contents}.likes-cell.svelte-1204lt7 .like-button__icon{grid-column:1;justify-self:start}.likes-cell.svelte-1204lt7 .like-button__label,.likes-cell.svelte-1204lt7 .like-button-readonly__label{text-overflow:ellipsis;white-space:nowrap;grid-column:2;min-width:0;overflow:hidden}.stat--plays.svelte-1204lt7{flex:0 0 var(--track-list-metric-plays);width:var(--track-list-metric-plays);min-width:0;overflow:hidden}.stat--comments.svelte-1204lt7{flex:0 0 var(--track-list-metric-comments);width:var(--track-list-metric-comments);min-width:0;overflow:hidden}.overflow-cell.svelte-1204lt7{flex:0 0 var(--track-list-overflow-col);width:var(--track-list-overflow-col);justify-content:center;align-items:center;min-width:0;display:flex}.overflow-cell.svelte-1204lt7 .common-button.more.size-sm{box-sizing:border-box;width:var(--track-list-overflow-col);height:var(--track-list-overflow-col);--button-height:var(--track-list-overflow-col);padding:0}.track-number.svelte-1204lt7{min-width:var(--track-list-num-col);width:auto;padding-inline:var(--pd-2xs,2px);color:var(--base-print-highlight,#e0ebf4);text-align:center;font-variant-numeric:tabular-nums;flex:none}.track-cover.svelte-1204lt7{appearance:none;border-radius:var(--radius-sm,4px);background-color:var(--color-gray-50,#1d1e26);width:100%;height:100%;color:inherit;cursor:pointer;border:none;padding:0;display:block;overflow:hidden}.track-cover.svelte-1204lt7 .cover-image{object-fit:cover;width:100%;height:100%;display:block}.cover-playback-icon.svelte-1204lt7{width:var(--size-2xs,24px);height:var(--size-2xs,24px);border-radius:var(--radius-xs,2px);background-color:var(--base-embed,#121116);pointer-events:none;--icon-width:var(--icon-sm,16px);--icon-height:var(--icon-sm,16px);--icon-fill:var(--base-print-light,#f7feff);justify-content:center;align-items:center;margin:auto;display:flex;position:absolute;inset:0}.cover-playback-icon.svelte-1204lt7.cover-playback-icon--hover-reveal{opacity:0;transition:opacity var(--transition-fast,.12s ease)}.track-title.svelte-1204lt7{max-width:100%;color:var(--base-print-highlight,#e0ebf4);text-overflow:ellipsis;white-space:nowrap;align-self:flex-start;margin:0;text-decoration:none;display:inline-block;overflow:hidden}.track-title.svelte-1204lt7:hover{text-decoration:underline}.track-artist.svelte-1204lt7{flex-wrap:nowrap;align-items:center;gap:4px;width:100%;min-width:0;max-width:100%;display:flex}.track-artist-list.svelte-1204lt7{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--base-print-normal,#8691a0);flex:auto;display:block;overflow:hidden}.track-artist-sep.svelte-1204lt7{color:var(--base-print-normal,#e0ebf4)}.track-artist-link.svelte-1204lt7{color:var(--base-print-normal,#e0ebf4);text-decoration:none}.track-artist-link.svelte-1204lt7:hover{text-decoration:underline}.stat.svelte-1204lt7{grid-template-columns:var(--icon-2xs) minmax(0, 1fr);align-items:center;column-gap:var(--pd-xs,4px);cursor:default;-webkit-user-select:none;user-select:none;min-width:0;height:18px;color:var(--base-print-subtle,#969ca0);--icon-width:var(--icon-2xs);--icon-height:var(--icon-2xs);--icon-fill:var(--base-print-subtle,#969ca0);display:grid}.stat.svelte-1204lt7>:first-child{grid-column:1;justify-self:start}.stat-value.svelte-1204lt7{cursor:default;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;grid-column:2;min-width:0;overflow:hidden}.stat-value--figures.svelte-1204lt7{font-variant-numeric:tabular-nums}@container track-list-card (width<=720px){.track-list-card-row.svelte-1204lt7{--track-list-leading-trailing-gap:var(--pd-md,12px)}.track-trailing.svelte-1204lt7{--track-list-trailing-gap:var(--pd-sm,6px)}.track-leading.svelte-1204lt7{--track-list-leading-gap:var(--pd-md,12px)}.stat--date.svelte-1204lt7{display:none}}@container track-list-card (width<=560px){.track-trailing.svelte-1204lt7{--track-list-trailing-gap:var(--pd-2xs,2px)}.stat--comments.svelte-1204lt7{display:none}}@container track-list-card (width<=460px){.stat--plays.svelte-1204lt7{display:none}}@container track-list-card (width<=380px){.likes-cell.svelte-1204lt7{flex:0 0 var(--size-sm,30px);width:var(--size-sm,30px);justify-content:center;overflow:visible}.likes-cell.svelte-1204lt7 .like-button-tooltip-wrap{width:100%;height:var(--size-sm,30px)}.likes-cell.svelte-1204lt7 .like-button--stat,.likes-cell.svelte-1204lt7 .like-button-readonly--stat{box-sizing:border-box;grid-template-columns:var(--icon-2xs,12px);width:100%;height:var(--size-sm,30px);justify-content:center;justify-items:center}.likes-cell.svelte-1204lt7 .like-button__label,.likes-cell.svelte-1204lt7 .like-button-readonly__label{display:none}}