.track-card-full.svelte-u398ay{--track-card-content-size: 162px;container-name:track-card-full;container-type:inline-size;isolation:isolate}.track-card-full.svelte-u398ay.track-card-full--hidden-on-profile{opacity:.5}.track-card-full.svelte-u398ay .track-card:where(.svelte-u398ay){display:flex;align-items:flex-start;gap:0;border-radius:var(--radius-sm, 4px) 0 0 var(--radius-sm, 4px);overflow:hidden}.track-card-full.svelte-u398ay .cover-link:where(.svelte-u398ay){flex-shrink:0;display:block;text-decoration:none}.track-card-full.svelte-u398ay .track-cover:where(.svelte-u398ay){position:relative;width:var(--track-card-content-size);height:var(--track-card-content-size);border-radius:var(--radius-sm, 4px);overflow:hidden;background-color:var(--color-gray-50, #1d1e26);flex-shrink:0}.track-card-full.svelte-u398ay .track-cover:where(.svelte-u398ay) .chart-badge:where(.svelte-u398ay){position:absolute;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;background-color:#000000b3;color:var(--base-print-highlight, #ccd4dc);top:4px;left:4px;-webkit-user-select:none;user-select:none}.track-card-full.svelte-u398ay .track-cover:where(.svelte-u398ay) .chart-badge:where(.svelte-u398ay).hidden{visibility:hidden}.track-card-full.svelte-u398ay .cover-image:where(.svelte-u398ay){width:100%;height:100%;object-fit:cover}.track-card-full.svelte-u398ay .card-content:where(.svelte-u398ay){flex:1 1 0;display:flex;flex-direction:column;gap:var(--pd-md, 12px);align-items:stretch;min-width:0;min-height:var(--track-card-content-size);padding:var(--pd-xs, 4px) 0 0 var(--pd-xl, 24px)}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--pd-md, 12px);row-gap:4px;align-items:start;width:100%}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .play-wrap:where(.svelte-u398ay){grid-row:1 / -1;align-self:center}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .header-main:where(.svelte-u398ay){display:flex;flex-direction:column;gap:4px;min-width:0}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .title-meta-row:where(.svelte-u398ay){display:flex;align-items:center;justify-content:space-between;gap:var(--pd-md, 12px);min-width:0}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .title-meta-row:where(.svelte-u398ay) .track-title:where(.svelte-u398ay){flex:1 1 0;margin:0;min-width:0;color:var(--base-print-highlight, #e0ebf4);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .title-meta-row:where(.svelte-u398ay) .track-title:where(.svelte-u398ay):hover{text-decoration:underline}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .track-artist:where(.svelte-u398ay){display:flex;flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;width:100%}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .track-artist:where(.svelte-u398ay) .track-artist-by:where(.svelte-u398ay){flex-shrink:0;color:var(--base-print-subtle, #969ca0)}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .track-artist:where(.svelte-u398ay) .track-artist-list:where(.svelte-u398ay){display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--base-print-normal, #8691a0)}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .track-artist:where(.svelte-u398ay) .track-artist-sep:where(.svelte-u398ay){color:var(--base-print-normal, #e0ebf4)}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .track-artist:where(.svelte-u398ay) .track-artist-link:where(.svelte-u398ay){color:var(--base-print-normal, #e0ebf4);text-decoration:none}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .track-artist:where(.svelte-u398ay) .track-artist-link:where(.svelte-u398ay):hover{text-decoration:underline}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .meta-section:where(.svelte-u398ay){flex-shrink:0}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .meta-section:where(.svelte-u398ay) .meta-row:where(.svelte-u398ay){display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--pd-lg, 18px)}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .meta-section:where(.svelte-u398ay) .meta-row:where(.svelte-u398ay) .stat:where(.svelte-u398ay){display:flex;align-items:center;gap:var(--pd-xs, 4px);height:18px;color:var(--base-print-subtle, #969ca0);white-space:nowrap;--icon-width: var(--icon-2xs);--icon-height: var(--icon-2xs);--icon-fill: var(--base-print-subtle, #969ca0)}.track-card-full.svelte-u398ay .body-col:where(.svelte-u398ay){display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}.track-card-full.svelte-u398ay .waveform-stack:where(.svelte-u398ay){--waveform-height: 50px;--waveform-min-height: var(--waveform-height);position:relative;display:flex;flex-direction:column;flex:0 0 auto;align-items:flex-end;min-width:0;min-height:var(--waveform-min-height);width:100%;padding-left:var(--pd-sm, 6px);overflow:visible;cursor:pointer}.track-card-full.svelte-u398ay .waveform-stack:where(.svelte-u398ay) .waveform-stack-wave:where(.svelte-u398ay){width:100%;min-width:0;overflow:hidden}.track-card-full.svelte-u398ay .waveform-stack:where(.svelte-u398ay) .waveform-time:where(.svelte-u398ay){position:absolute;top:calc(var(--waveform-height) + var(--pd-md));right:0;width:90px;margin:0;text-align:right;color:var(--base-print-subtle, #969ca0);pointer-events:none}.track-card-full.svelte-u398ay .track-card-full-actions:where(.svelte-u398ay){display:flex;width:100%;min-width:0}@container track-card-full (max-width: 500px){.track-card-full.svelte-u398ay .track-card:where(.svelte-u398ay){gap:var(--pd-md, 12px);min-height:0;border-radius:var(--radius-sm, 4px);--track-card-content-size: 150px}.track-card-full.svelte-u398ay .card-content:where(.svelte-u398ay){padding:0;padding-top:var(--pd-xs, 4px)}.track-card-full.svelte-u398ay .track-title.font-web-headline-lg:where(.svelte-u398ay){font-size:var(--text-sm, 13px);font-weight:600;line-height:120%}.track-card-full.svelte-u398ay .meta-section:where(.svelte-u398ay) .meta-row:where(.svelte-u398ay) .stat:where(.svelte-u398ay){display:none}.track-card-full.svelte-u398ay .meta-section:where(.svelte-u398ay) .meta-row:where(.svelte-u398ay) .genre-pill-wrap:where(.svelte-u398ay){display:none}.track-card-full.svelte-u398ay .play-wrap:where(.svelte-u398ay){--play-button-override-size: var(--play-size-md);--play-button-override-icon: var(--play-icon-size-md);--play-button-override-radius: var(--play-radius-md)}.track-card-full.svelte-u398ay .track-card-full-actions:where(.svelte-u398ay){--track-actions-gap: 2px}.track-card-full.svelte-u398ay .body-col:where(.svelte-u398ay){flex:0 0 auto;min-height:auto}.track-card-full.svelte-u398ay .waveform-stack:where(.svelte-u398ay){padding-left:0;flex:0 0 auto;min-height:auto}.track-card-full.svelte-u398ay .waveform-stack:where(.svelte-u398ay) .waveform-time:where(.svelte-u398ay){display:none}}