.track-hero.svelte-1x220fi{--waveform-played-fill: var(--hero-waveform-played-fill);--waveform-unplayed-fill: var(--hero-waveform-unplayed-fill);display:grid;grid-template-columns:var(--resource-page-hero-cover-size) minmax(0,1fr);column-gap:var(--hero-col-gap, var(--pd-xl, 24px));align-items:start}.hero-body.svelte-1x220fi{display:flex;flex-direction:column;gap:var(--pd-md, 12px);min-height:var(--resource-page-hero-cover-size);min-width:0}.hero-header.svelte-1x220fi{flex-shrink:0}.hero-metric-wrap--plays.svelte-1x220fi{order:1}.hero-metric-wrap--date.svelte-1x220fi{order:2}.hero-metric-wrap--genre.svelte-1x220fi{order:3}.hero-playback-stack.svelte-1x220fi{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--pd-xs, 4px);width:100%;min-height:0;min-width:0}.hero-wave-slot.svelte-1x220fi{width:100%;min-width:0;margin-top:auto;padding-inline-start:var(--pd-xs, 4px)}.hero-track-time-row.svelte-1x220fi{display:flex;flex-shrink:0;justify-content:flex-end;padding-inline-end:var(--pd-xs, 4px)}.track-time.svelte-1x220fi{margin:0;text-align:right;white-space:nowrap;color:var(--base-print-normal, #8691a0);pointer-events:none}@media (max-width: 768px){.track-hero.svelte-1x220fi{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "cover" "playback";row-gap:var(--pd-lg, 18px)}.hero-body.svelte-1x220fi{display:contents;min-height:unset}.hero-header.svelte-1x220fi{grid-area:header;gap:var(--hero-col-gap, var(--pd-xl, 24px))}.hero-cover.svelte-1x220fi{grid-area:cover;justify-self:center}.hero-playback-stack.svelte-1x220fi{grid-area:playback;flex:unset;padding-top:var(--pd-md, 12px);padding-inline:var(--pd-xs, 4px)}.hero-wave-slot.svelte-1x220fi{margin-top:unset;padding-inline-start:unset}.hero-track-time-row.svelte-1x220fi{padding-inline-end:unset}.hero-metric-wrap--genre.svelte-1x220fi{order:1}.hero-metric-wrap--date.svelte-1x220fi{order:2}.hero-metric-wrap--plays.svelte-1x220fi{order:3}}