.track-card-full.svelte-u398ay{--track-card-content-size:162px;--track-card-waveform-height:50px;--track-card-waveform-inline-start:var(--pd-sm,6px);--track-card-meta-label-inset-end:var(--pd-xs,4px);--private-asset-opacity:.75;--private-on-profile-print:var(--color-orange-100,#c47634);gap:var(--pd-sm,6px);isolation:isolate;flex-direction:column;display:flex;container:track-card-full/inline-size}.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){grid-template-columns:var(--track-card-content-size) minmax(0, 1fr);cursor:pointer;grid-template-areas:"cover content";align-items:start;column-gap:0;min-width:0;display:grid}.track-card-full.svelte-u398ay .track-card:where(.svelte-u398ay):hover .cover-playback-icon--hover-reveal:where(.svelte-u398ay){opacity:1}.track-card-full.svelte-u398ay .track-cover:where(.svelte-u398ay){isolation:isolate;width:var(--track-card-content-size);height:var(--track-card-content-size);border-radius:var(--radius-xs,2px);background-color:var(--color-gray-50,#1d1e26);grid-area:cover;position:relative;overflow:hidden}.track-card-full.svelte-u398ay .cover-play:where(.svelte-u398ay){appearance:none;cursor:pointer;background:0 0;border:none;width:100%;min-width:0;height:100%;padding:0;display:block}.track-card-full.svelte-u398ay .track-cover:where(.svelte-u398ay) .cover-image{object-fit:cover;width:100%;height:100%}.track-card-full.svelte-u398ay .cover-playback-icon:where(.svelte-u398ay){z-index:1;width:var(--button-size-sm,30px);height:var(--button-size-sm,30px);background-color:var(--base-embed,#121116);pointer-events:none;--icon-width:var(--button-icon-size-sm,16px);--icon-height:var(--button-icon-size-sm,16px);--icon-fill:var(--base-print-light,#f7feff);border-start-start-radius:var(--radius-xs,2px);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-end:0;inset-inline-end:0}.track-card-full.svelte-u398ay .cover-playback-icon:where(.svelte-u398ay) svg{translate:1px}.track-card-full.svelte-u398ay .cover-playback-icon:where(.svelte-u398ay).cover-playback-icon--hover-reveal{opacity:0;transition:opacity var(--transition-fast,.12s ease)}.track-card-full.svelte-u398ay .card-content:where(.svelte-u398ay){row-gap:var(--pd-md,12px);min-width:0;min-height:var(--track-card-content-size);grid-area:content;grid-template-rows:auto 1fr auto;align-content:stretch;padding-inline-start:var(--pd-lg,18px);display:grid}.track-card-full.svelte-u398ay .waveform-block:where(.svelte-u398ay){--waveform-height:var(--track-card-waveform-height);--waveform-min-height:var(--track-card-waveform-height);width:100%;min-width:0;align-self:end;padding-inline-start:var(--track-card-waveform-inline-start);position:relative}.track-card-full.svelte-u398ay .waveform-block:where(.svelte-u398ay) .waveform-container{cursor:pointer;width:100%;min-width:0;overflow:hidden}.track-card-full.svelte-u398ay .waveform-block:where(.svelte-u398ay) .track-card-full-playback-time:where(.svelte-u398ay){pointer-events:none;background:color-mix(in srgb, var(--base-bg,#0f0f12) 82%, transparent);border-start-start-radius:var(--radius-sm,4px);justify-content:flex-end;align-items:flex-end;padding-block-start:var(--pd-2xs,2px);padding-inline-start:var(--pd-xs,4px);line-height:1;display:flex;position:absolute;inset-block-end:0;inset-inline-end:0;overflow:hidden}.track-card-full.svelte-u398ay .waveform-block:where(.svelte-u398ay) .track-card-full-playback-time:where(.svelte-u398ay) .waveform-playback-time{text-box-trim:trim-end;text-box-edge:cap alphabetic;line-height:1}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay){width:100%}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .header-main:where(.svelte-u398ay){column-gap:var(--pd-md,12px);grid-template-columns:minmax(0,1fr) auto;align-items:start;min-width:0;display:grid}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .header-titles:where(.svelte-u398ay){gap:var(--pd-2xs,2px);min-width:0;flex-direction:column;grid-area:1/1;padding-inline-start:var(--track-card-waveform-inline-start);display:flex}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .track-title:where(.svelte-u398ay){width:fit-content;min-width:0;max-width:100%;color:var(--base-print-highlight,#e0ebf4);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;align-self:start;margin:0;line-height:1.2;text-decoration:none;display:-webkit-box;overflow:hidden}.track-card-full.svelte-u398ay .card-header: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){align-items:center;gap:var(--pd-xs,4px);flex-wrap:nowrap;min-width:0;display:flex}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .track-artist:where(.svelte-u398ay) .track-artist-list:where(.svelte-u398ay){text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--base-print-normal,#8691a0);flex:auto;display:block;overflow:hidden}.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-stack:where(.svelte-u398ay){align-items:flex-end;gap:var(--pd-2xs,2px);flex-direction:column;grid-area:1/2;min-width:0;display:flex}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .meta-stack-line:where(.svelte-u398ay):not(.genre-pill-wrap){box-sizing:border-box;padding-inline-end:var(--track-card-meta-label-inset-end)}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .meta-plays-row:where(.svelte-u398ay){justify-content:flex-end;align-items:center;gap:var(--pd-xs,4px);flex-wrap:nowrap;min-width:0;display:flex}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .stat:where(.svelte-u398ay){align-items:center;gap:var(--pd-xs,4px);-webkit-user-select:none;user-select:none;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);display:flex}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .private-on-profile-meta-indicator:where(.svelte-u398ay){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);align-items:center;display:flex}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .genre-pill-wrap:where(.svelte-u398ay){align-items:center;height:18px;display:flex}.track-card-full.svelte-u398ay .track-card-full-actions:where(.svelte-u398ay){justify-content:space-between;align-items:center;gap:var(--pd-md,12px);--track-actions-gap:var(--pd-2xs,2px);width:100%;min-width:0;display:flex}.track-card-full.svelte-u398ay .track-card-full-primary-actions:where(.svelte-u398ay){align-items:center;gap:var(--pd-2xs,2px);flex:1 1 0;min-width:0;display:flex}.track-card-full.svelte-u398ay .track-card-barcode:where(.svelte-u398ay){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}.track-card-full.svelte-u398ay .track-card-barcode:where(.svelte-u398ay):is(:where(.svelte-u398ay):hover,:where(.svelte-u398ay):focus-visible){--routing-barcode-color-mix:100%}.track-card-full.svelte-u398ay .track-card-comments:where(.svelte-u398ay){width:100%;min-width:0}@container track-card-full (width<=500px){.track-card-full.svelte-u398ay .track-cover:where(.svelte-u398ay){--chart-position-badge-inset-inline-start:var(--pd-xs,4px)}.track-card-full.svelte-u398ay .track-cover:where(.svelte-u398ay) .cover-playback-icon:where(.svelte-u398ay) svg{translate:1px 1px}.track-card-full.svelte-u398ay .track-card:where(.svelte-u398ay){--track-card-content-size:96px;--track-card-waveform-height:32px;--track-card-stack-gap:var(--pd-sm,6px);--track-card-waveform-inline-start:0;--track-card-header-line-height:var(--scale-3,18px);grid-template-areas:"cover header""cover wave""actions actions";grid-template-rows:calc(var(--track-card-content-size) - var(--track-card-waveform-height) - var(--track-card-stack-gap)) var(--track-card-waveform-height) auto;column-gap:var(--pd-md,12px);row-gap:var(--track-card-stack-gap);border-radius:var(--radius-sm,4px);min-height:0}.track-card-full.svelte-u398ay .card-content:where(.svelte-u398ay){display:contents}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay){display:contents}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .header-main:where(.svelte-u398ay){grid-area:header;min-width:0;display:flow-root}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .header-titles:where(.svelte-u398ay),.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .meta-stack:where(.svelte-u398ay){display:contents}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .meta-stack-line:where(.svelte-u398ay){float:right;clear:right;margin-inline-start:var(--pd-md,12px)}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .track-artist:where(.svelte-u398ay){overflow:hidden}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .track-artist:where(.svelte-u398ay),.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .stat:where(.svelte-u398ay),.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .private-on-profile-meta-indicator:where(.svelte-u398ay),.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .genre-pill-wrap:where(.svelte-u398ay){height:var(--track-card-header-line-height);line-height:var(--track-card-header-line-height)}.track-card-full.svelte-u398ay .waveform-block:where(.svelte-u398ay){grid-area:wave}.track-card-full.svelte-u398ay .waveform-block:where(.svelte-u398ay) .track-card-full-playback-time:where(.svelte-u398ay){display:none}.track-card-full.svelte-u398ay .track-card-full-actions:where(.svelte-u398ay){grid-area:actions}.track-card-full.svelte-u398ay .track-title.font-web-headline-lg:where(.svelte-u398ay){width:auto;font-size:var(--text-sm,13px);line-height:var(--track-card-header-line-height)}}