.track-card-full.svelte-u398ay{--track-card-content-size: 162px;--track-card-waveform-height: 50px;--private-asset-opacity: .75;--private-on-profile-print: var(--color-orange-100, #c47634);container-name:track-card-full;container-type:inline-size;isolation:isolate}.track-card-full.svelte-u398ay.track-card-full--hidden-on-profile{opacity:var(--private-asset-opacity, .75)}.track-card-full.svelte-u398ay .track-card:where(.svelte-u398ay){display:grid;grid-template-columns:var(--track-card-content-size) minmax(0,1fr);grid-template-areas:"cover content";column-gap:0;align-items:start;overflow:hidden}.track-card-full.svelte-u398ay .track-cover:where(.svelte-u398ay){grid-area:cover;position:relative;width:var(--track-card-content-size);height:var(--track-card-content-size);border-radius:var(--radius-xs, 2px);overflow:hidden;background-color:var(--color-gray-50, #1d1e26)}.track-card-full.svelte-u398ay .cover-link:where(.svelte-u398ay){display:block;width:100%;height:100%;min-width:0;text-decoration:none}.track-card-full.svelte-u398ay .track-cover:where(.svelte-u398ay) .cover-image{width:100%;height:100%;object-fit:cover}.track-card-full.svelte-u398ay .card-content:where(.svelte-u398ay){grid-area:content;display:grid;grid-template-rows:auto auto auto;row-gap:var(--pd-md);align-content:start;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-content:where(.svelte-u398ay)>.waveform-container{--waveform-height: var(--track-card-waveform-height);--waveform-min-height: var(--track-card-waveform-height);min-width:0;width:100%;padding-left:var(--pd-sm, 6px);overflow:hidden;cursor:pointer}.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:var(--pd-xs, 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:var(--pd-xs, 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:var(--pd-xs, 4px);min-width:0;width:100%}.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 .card-header:where(.svelte-u398ay) .meta-section:where(.svelte-u398ay) .meta-row:where(.svelte-u398ay) .private-on-profile-meta-indicator:where(.svelte-u398ay){display:flex;align-items:center;height:18px;color:var(--private-on-profile-print);--icon-width: var(--icon-2xs);--icon-height: var(--icon-2xs);--icon-fill: var(--private-on-profile-print)}.track-card-full.svelte-u398ay .track-card-full-actions:where(.svelte-u398ay){display:flex;flex:1 1 0;align-items:flex-start;justify-content:space-between;gap:var(--pd-md, 12px);width:100%;min-width:0;--track-actions-gap: var(--pd-2xs, 2px)}.track-card-full.svelte-u398ay .track-card-full-playback-time:where(.svelte-u398ay){flex-shrink:0}.track-card-full.svelte-u398ay .track-card-comments:where(.svelte-u398ay){grid-column:1 / -1;min-width:0}@container track-card-full (max-width: 720px){.track-card-full.svelte-u398ay .meta-section:where(.svelte-u398ay) .meta-row:where(.svelte-u398ay) .genre-pill-wrap:where(.svelte-u398ay){display:none}}@container track-card-full (max-width: 500px){.track-card-full.svelte-u398ay .track-card:where(.svelte-u398ay){--track-card-content-size: 96px;--track-card-waveform-height: 32px;grid-template-areas:"cover header" "cover wave" "actions actions";column-gap:var(--pd-md, 12px);row-gap:var(--pd-sm, 6px);min-height:0;border-radius:var(--radius-sm, 4px)}.track-card-full.svelte-u398ay .card-content:where(.svelte-u398ay){display:contents}.track-card-full.svelte-u398ay .cover-link:where(.svelte-u398ay){grid-area:cover}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay){grid-area:header;padding:var(--pd-xs, 4px) 0 0;min-width:0}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .header-main:where(.svelte-u398ay){gap:0}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .meta-section:where(.svelte-u398ay) .meta-row:where(.svelte-u398ay){gap:var(--pd-md, 12px)}.track-card-full.svelte-u398ay .card-content:where(.svelte-u398ay)>.waveform-container{grid-area:wave;padding-left:0}.track-card-full.svelte-u398ay .track-card-full-actions:where(.svelte-u398ay){grid-area:actions}.track-card-full.svelte-u398ay .track-card-full-playback-time:where(.svelte-u398ay){display:none}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .meta-section:where(.svelte-u398ay) .meta-row:where(.svelte-u398ay) .stat--date:where(.svelte-u398ay){display:none}.track-card-full.svelte-u398ay .track-title.font-web-headline-lg:where(.svelte-u398ay){font-size:var(--text-sm, 13px)}.track-card-full.svelte-u398ay .play-wrap:where(.svelte-u398ay){--play-button-override-size: var(--play-size-sm);--play-button-override-icon: var(--play-icon-size-sm);--play-button-override-radius: var(--play-radius-sm)}}