.track-hero.svelte-1x220fi{display:flex;align-items:flex-start;gap:var(--hero-col-gap, var(--pd-xl, 24px));width:100%;min-width:0}.hero-cover.svelte-1x220fi{position:relative;flex-shrink:0}.hero-cover.svelte-1x220fi .chart-badge:where(.svelte-1x220fi){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}.hero-cover.svelte-1x220fi .hidden:where(.svelte-1x220fi){visibility:hidden}.cover-image.svelte-1x220fi{width:var(--hero-cover-size);height:var(--hero-cover-size);min-width:var(--hero-cover-size);min-height:var(--hero-cover-size);object-fit:cover;border-radius:var(--radius-sm, 4px)}.cover-placeholder.svelte-1x220fi{width:var(--hero-cover-size);height:var(--hero-cover-size);background-color:var(--color-gray-50, #1d1e26);border-radius:var(--radius-sm, 4px)}.track-hero-content.svelte-1x220fi{container-name:track-hero;container-type:inline-size;display:flex;flex-direction:column;gap:var(--pd-md, 12px);width:100%;min-width:0;flex:1}.hero-top-row.svelte-1x220fi{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--pd-lg, 18px);row-gap:var(--pd-xs, 4px);width:100%;min-width:0}.hero-play-cell.svelte-1x220fi{flex:0 0 var(--scale-9, 54px);width:var(--scale-9, 54px);display:flex;align-items:center;justify-content:center;min-width:0}.hero-track-info.svelte-1x220fi{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--pd-xs, 4px)}.hero-metrics.svelte-1x220fi{display:flex;flex-wrap:wrap;align-items:center;flex-shrink:0;gap:var(--pd-md, 12px);min-width:0;margin-bottom:14px}.genre-pill-wrap.svelte-1x220fi{display:inline-flex;text-transform:capitalize}.track-title.svelte-1x220fi{align-self:flex-start;margin:0;max-width:100%;color:var(--base-print-highlight, #e0ebf4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist.svelte-1x220fi{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;min-width:0;width:100%;max-width:100%}.track-artist-by.svelte-1x220fi{flex-shrink:0;color:var(--base-print-subtle, #969ca0)}.track-artist-list.svelte-1x220fi{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-1x220fi{color:var(--base-print-normal, #e0ebf4)}.track-artist-link.svelte-1x220fi{color:var(--base-print-normal, #e0ebf4);text-decoration:none;transition:color var(--transition-fast, 50ms cubic-bezier(0, .25, .75, 1))}.track-artist-link.svelte-1x220fi:hover{text-decoration:underline}.stat.svelte-1x220fi{display:flex;align-items:center;gap:var(--pd-xs, 4px);height:auto;min-height:var(--pd-xl, 24px);min-width:0;color:var(--base-print-subtle, #969ca0);--icon-width: var(--icon-xs, 14px);--icon-height: var(--icon-xs, 14px);--icon-fill: var(--base-print-subtle, #969ca0)}.stat.svelte-1x220fi>:first-child{flex-shrink:0}.stat-value.svelte-1x220fi{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value--figures.svelte-1x220fi{flex-shrink:0;font-variant-numeric:tabular-nums}.stat--date.svelte-1x220fi,.stat--plays.svelte-1x220fi{flex:0 0 auto;width:max-content;max-width:100%}.hero-wave-row.svelte-1x220fi{width:100%;min-width:0}.waveform-container.svelte-1x220fi{width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:var(--pd-xs, 4px)}.track-time.svelte-1x220fi{flex-shrink:0;margin:0;text-align:right;white-space:nowrap;color:var(--base-print-subtle, #969ca0)}.track-actions-container.svelte-1x220fi{display:flex;justify-content:flex-start;align-items:center;width:100%;min-width:0}@container track-hero (max-width: 560px){.hero-metrics.svelte-1x220fi .stat:where(.svelte-1x220fi){display:none}}@media (max-width: 768px){.track-hero.svelte-1x220fi{flex-direction:column;align-items:stretch}.hero-cover.svelte-1x220fi{align-self:center}.cover-image.svelte-1x220fi,.cover-placeholder.svelte-1x220fi{min-width:unset;min-height:unset}.track-hero-content.svelte-1x220fi{text-align:start}}