.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);container-name:track-list-card;container-type:inline-size;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);text-decoration:none;color:inherit;cursor:pointer;transition:background-color .15s ease}.track-list-card.svelte-1204lt7:hover .cover-playback-icon--hover-reveal:where(.svelte-1204lt7),.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,.track-list-card.svelte-1204lt7.current{background-color:var(--color-gray-30, #21232c)}.track-list-card.svelte-1204lt7.current:hover,.track-list-card.svelte-1204lt7.playing,.track-list-card.svelte-1204lt7.playing:hover{background-color:var(--color-gray-35, #2a2c32)}.track-list-card-row.svelte-1204lt7{display:flex;align-items:center;flex-wrap:nowrap;column-gap:var(--track-list-leading-trailing-gap, var(--pd-lg, 18px));row-gap:var(--pd-xs, 4px);width:100%;min-width:0}.track-trailing.svelte-1204lt7{display:flex;align-items:center;flex-shrink:0;gap:var(--track-list-trailing-gap, var(--pd-lg, 18px));min-width:0}.track-leading.svelte-1204lt7{display:flex;align-items:center;flex:1 1 0;min-width:0;gap:var(--track-list-leading-gap, var(--pd-lg, 18px))}.cover-wrap.svelte-1204lt7{position:relative;flex:0 0 48px;width:48px;height:48px;min-width:0}.track-info.svelte-1204lt7{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--pd-xs, 4px)}.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);display:flex;align-items:center;justify-content:flex-start;min-width:0;overflow:hidden}.likes-cell.svelte-1204lt7 .like-button--stat,.likes-cell.svelte-1204lt7 .like-button-readonly--stat{display:grid;grid-template-columns:var(--icon-2xs) minmax(0,1fr);align-items:center;justify-items:start;column-gap:var(--pd-xs, 4px);width:100%;min-width:0;text-align:start}.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{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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);display:flex;align-items:center;justify-content:center;min-width:0}.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);padding:0;--button-height: var(--track-list-overflow-col)}.track-number.svelte-1204lt7{flex:0 0 auto;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}.track-cover.svelte-1204lt7{display:block;width:100%;height:100%;padding:0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-sm, 4px);overflow:hidden;background-color:var(--color-gray-50, #1d1e26);color:inherit;cursor:pointer}.track-cover.svelte-1204lt7 .cover-image{display:block;width:100%;height:100%;object-fit:cover}.cover-playback-icon.svelte-1204lt7{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:var(--size-2xs, 24px);height:var(--size-2xs, 24px);margin:auto;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)}.cover-playback-icon.svelte-1204lt7.cover-playback-icon--hover-reveal{opacity:0;transition:opacity var(--transition-fast, .12s ease)}.track-title.svelte-1204lt7{align-self:flex-start;display:inline-block;max-width:100%;margin:0;color:var(--base-print-highlight, #e0ebf4);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title.svelte-1204lt7:hover{text-decoration:underline}.track-artist.svelte-1204lt7{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;width:100%;max-width:100%}.track-artist-list.svelte-1204lt7{display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--base-print-normal, #8691a0)}.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{display:grid;grid-template-columns:var(--icon-2xs) minmax(0,1fr);align-items:center;column-gap:var(--pd-xs, 4px);height:18px;min-width:0;cursor:default;-webkit-user-select:none;user-select:none;color:var(--base-print-subtle, #969ca0);--icon-width: var(--icon-2xs);--icon-height: var(--icon-2xs);--icon-fill: var(--base-print-subtle, #969ca0)}.stat.svelte-1204lt7>:first-child{grid-column:1;justify-self:start}.stat-value.svelte-1204lt7{grid-column:2;min-width:0;cursor:default;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value--figures.svelte-1204lt7{font-variant-numeric:tabular-nums}@container track-list-card (max-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 (max-width: 560px){.track-trailing.svelte-1204lt7{--track-list-trailing-gap: var(--pd-2xs, 2px)}.stat--comments.svelte-1204lt7{display:none}}@container track-list-card (max-width: 460px){.stat--plays.svelte-1204lt7{display:none}}@container track-list-card (max-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);justify-content:center;justify-items:center;width:100%;height:var(--size-sm, 30px)}.likes-cell.svelte-1204lt7 .like-button__label,.likes-cell.svelte-1204lt7 .like-button-readonly__label{display:none}}