.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);display:flex;flex-direction:column;gap:var(--pd-sm, 6px);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;min-width:0;cursor:pointer}.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){grid-area:cover;position:relative;isolation:isolate;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-play:where(.svelte-u398ay){display:block;width:100%;height:100%;min-width:0;padding:0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer}.track-card-full.svelte-u398ay .track-cover:where(.svelte-u398ay) .cover-image{width:100%;height:100%;object-fit:cover}.track-card-full.svelte-u398ay .cover-playback-icon:where(.svelte-u398ay){position:absolute;inset-inline-end:0;inset-block-end:0;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--button-size-sm, 30px);height:var(--button-size-sm, 30px);border-start-start-radius:var(--radius-xs, 2px);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)}.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){grid-area:content;display:grid;grid-template-rows:auto 1fr auto;row-gap:var(--pd-md, 12px);align-content:stretch;min-width:0;min-height:var(--track-card-content-size);padding-inline-start:var(--pd-lg, 18px)}.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);position:relative;min-width:0;width:100%;align-self:end;padding-inline-start:var(--track-card-waveform-inline-start)}.track-card-full.svelte-u398ay .waveform-block:where(.svelte-u398ay) .waveform-container{min-width:0;width:100%;overflow:hidden;cursor:pointer}.track-card-full.svelte-u398ay .waveform-block:where(.svelte-u398ay) .track-card-full-playback-time:where(.svelte-u398ay){position:absolute;inset-inline-end:0;inset-block-end:0;display:flex;align-items:flex-end;justify-content:flex-end;padding-inline-start:var(--pd-xs, 4px);padding-block-start:var(--pd-2xs, 2px);overflow:hidden;border-start-start-radius:var(--radius-sm, 4px);line-height:1;pointer-events:none;background:color-mix(in srgb,var(--base-bg, #0f0f12) 82%,transparent)}.track-card-full.svelte-u398ay .waveform-block:where(.svelte-u398ay) .track-card-full-playback-time:where(.svelte-u398ay) .waveform-playback-time{line-height:1;text-box-trim:trim-end;text-box-edge:cap alphabetic}.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){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--pd-md, 12px);align-items:start;min-width:0}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .header-titles:where(.svelte-u398ay){display:flex;flex-direction:column;grid-column:1;grid-row:1;gap:var(--pd-2xs, 2px);min-width:0;padding-inline-start:var(--track-card-waveform-inline-start)}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .track-title:where(.svelte-u398ay){align-self:start;width:fit-content;margin:0;line-height:1.2;min-width:0;max-width:100%;color:var(--base-print-highlight, #e0ebf4);text-decoration:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.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){display:flex;flex-wrap:nowrap;align-items:center;gap:var(--pd-xs, 4px);min-width:0}.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-stack:where(.svelte-u398ay){display:flex;flex-direction:column;grid-column:2;grid-row:1;align-items:flex-end;gap:var(--pd-2xs, 2px);min-width:0}.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){display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:var(--pd-xs, 4px);min-width:0}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .stat:where(.svelte-u398ay){display:flex;align-items:center;gap:var(--pd-xs, 4px);height:18px;-webkit-user-select:none;user-select:none;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) .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 .card-header:where(.svelte-u398ay) .genre-pill-wrap:where(.svelte-u398ay){display:flex;align-items:center;height:18px}.track-card-full.svelte-u398ay .track-card-full-actions:where(.svelte-u398ay){display:flex;align-items:center;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-primary-actions:where(.svelte-u398ay){display:flex;flex:1 1 0;align-items:center;gap:var(--pd-2xs, 2px);min-width:0}.track-card-full.svelte-u398ay .track-card-barcode:where(.svelte-u398ay){display:flex;flex-shrink:0;align-items:center;padding:0;border:0;background:transparent;cursor:pointer;--routing-barcode-width: var(--button-size-2xs, 20px)}.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 (max-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);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 .card-header:where(.svelte-u398ay){display:contents}.track-card-full.svelte-u398ay .card-header:where(.svelte-u398ay) .header-main:where(.svelte-u398ay){display:flow-root;grid-area:header;min-width:0}.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){font-size:var(--text-sm, 13px);line-height:var(--track-card-header-line-height)}}