.album-preview.svelte-10wgxmu{--album-preview-cover-size: 188px;--album-preview-waveform-height: 56px;--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:album-preview;container-type:inline-size;width:100%;min-width:0}.album-preview.svelte-10wgxmu.album-preview--hidden-on-profile{opacity:var(--private-asset-opacity, .75)}.album-preview.svelte-10wgxmu .album-preview-card:where(.svelte-10wgxmu){display:grid;grid-template-columns:var(--album-preview-cover-size, 188px) minmax(0,1fr);grid-template-areas:"cover content" "cover tracks" "footer footer";column-gap:var(--pd-lg, 18px);row-gap:var(--pd-md, 12px);align-items:start;border-radius:var(--radius-xs, 4px);width:100%;min-width:0}.album-preview.svelte-10wgxmu .album-preview-comments:where(.svelte-10wgxmu){width:100%;min-width:0}.album-preview.svelte-10wgxmu .cover-link:where(.svelte-10wgxmu){grid-area:cover;display:block;width:var(--album-preview-cover-size, 188px);height:var(--album-preview-cover-size, 188px);text-decoration:none;color:inherit}.album-preview.svelte-10wgxmu .cover-link:where(.svelte-10wgxmu) .cover{display:block;width:100%;height:100%;object-fit:cover;background-color:var(--color-gray-50, #1d1e26);border-radius:var(--radius-xs, 4px)}.album-preview.svelte-10wgxmu .content:where(.svelte-10wgxmu){grid-area:content;display:flex;flex-direction:column;gap:var(--pd-md, 12px);min-width:0}.album-preview.svelte-10wgxmu .hero:where(.svelte-10wgxmu){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%;min-width:0}.album-preview.svelte-10wgxmu .play-wrap:where(.svelte-10wgxmu){grid-row:1 / -1;align-self:center;flex-shrink:0}.album-preview.svelte-10wgxmu .hero-main:where(.svelte-10wgxmu){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:var(--pd-md, 12px);row-gap:var(--pd-2xs, 2px);align-items:center;min-width:0}.album-preview.svelte-10wgxmu .album-title:where(.svelte-10wgxmu){grid-column:1;grid-row:1;justify-self:start;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;white-space:nowrap}.album-preview.svelte-10wgxmu .album-title:where(.svelte-10wgxmu):hover{text-decoration:underline}.album-preview.svelte-10wgxmu .byline:where(.svelte-10wgxmu){grid-column:1;grid-row:2;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--pd-xs, 4px);min-width:0}.album-preview.svelte-10wgxmu .byline:where(.svelte-10wgxmu) .byline-list:where(.svelte-10wgxmu){display:block;min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--base-print-normal, #8691a0)}.album-preview.svelte-10wgxmu .byline:where(.svelte-10wgxmu) .byline-link:where(.svelte-10wgxmu){color:var(--base-print-normal, #e0ebf4);text-decoration:none}.album-preview.svelte-10wgxmu .byline:where(.svelte-10wgxmu) .byline-link:where(.svelte-10wgxmu):hover{text-decoration:underline}.album-preview.svelte-10wgxmu .hero-meta:where(.svelte-10wgxmu),.album-preview.svelte-10wgxmu .hero-tag-row:where(.svelte-10wgxmu){display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:var(--pd-lg, 18px);min-width:0}.album-preview.svelte-10wgxmu .hero-meta:where(.svelte-10wgxmu){grid-column:2;grid-row:1;padding-inline-end:var(--pd-xs, 4px)}.album-preview.svelte-10wgxmu .hero-tag-row:where(.svelte-10wgxmu){grid-column:2;grid-row:2}.album-preview.svelte-10wgxmu .stat:where(.svelte-10wgxmu){display:flex;align-items:center;gap:var(--pd-xs, 4px);height:18px;cursor:default;-webkit-user-select:none;user-select:none;color:var(--base-print-subtle, #969ca0);white-space:nowrap;--icon-width: var(--icon-2xs, 12px);--icon-height: var(--icon-2xs, 12px);--icon-fill: var(--base-print-subtle, #969ca0)}.album-preview.svelte-10wgxmu .private-on-profile-meta-indicator:where(.svelte-10wgxmu){display:flex;align-items:center;height:18px;color:var(--private-on-profile-print, #c47634);--icon-width: var(--icon-2xs, 12px);--icon-height: var(--icon-2xs, 12px);--icon-fill: var(--private-on-profile-print, #c47634)}.album-preview.svelte-10wgxmu .tag-pill-wrap:where(.svelte-10wgxmu){display:flex;align-items:center;height:18px}.album-preview.svelte-10wgxmu .waveform-block:where(.svelte-10wgxmu){--waveform-height: var(--album-preview-waveform-height, 56px);--waveform-min-height: var(--album-preview-waveform-height, 56px);position:relative;min-width:0;width:100%;margin-top:calc(var(--scale-9, 54px) - var(--scale-8, 48px));padding-left:var(--pd-sm, 6px)}.album-preview.svelte-10wgxmu .waveform-block:where(.svelte-10wgxmu) .waveform-container{min-width:0;width:100%;overflow:hidden;cursor:pointer}.album-preview.svelte-10wgxmu .waveform-block:where(.svelte-10wgxmu) .playback-time:where(.svelte-10wgxmu){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)}.album-preview.svelte-10wgxmu .waveform-block:where(.svelte-10wgxmu) .playback-time:where(.svelte-10wgxmu) .waveform-playback-time{line-height:1;text-box-trim:trim-end;text-box-edge:cap alphabetic}.album-preview.svelte-10wgxmu .tracks:where(.svelte-10wgxmu){grid-area:tracks;display:flex;flex-direction:column;min-width:0}.album-preview.svelte-10wgxmu .footer-row:where(.svelte-10wgxmu){grid-area:footer;display:flex;align-items:center;justify-content:space-between;gap:var(--pd-md, 12px);width:100%;border-top:1px solid var(--base-border-subtle, var(--color-gray-40, #313847));padding-top:var(--pd-md, 12px);min-width:0}.album-preview.svelte-10wgxmu .view-all-link:where(.svelte-10wgxmu){flex-shrink:0;margin-inline-start:auto;color:var(--base-print-highlight, #e0ebf4);text-decoration:none}.album-preview.svelte-10wgxmu .view-all-link:where(.svelte-10wgxmu):hover{text-decoration:underline}.album-preview.svelte-10wgxmu .album-actions:where(.svelte-10wgxmu){display:flex;flex:1 1 auto;min-width:0;--track-actions-gap: var(--pd-2xs, 2px)}.album-preview.svelte-10wgxmu .album-actions:where(.svelte-10wgxmu) .album-actions{width:auto}.album-preview.svelte-10wgxmu .loading:where(.svelte-10wgxmu){display:flex;align-items:center;justify-content:center;padding:var(--pd-2xl, 36px)}@container album-preview (max-width: 640px){.album-preview.svelte-10wgxmu .album-preview-card:where(.svelte-10wgxmu){grid-template-areas:"cover content" "tracks tracks" "footer footer"}}@container album-preview (max-width: 500px){.album-preview.svelte-10wgxmu .album-preview-card:where(.svelte-10wgxmu){--album-preview-cover-size: 96px;--album-preview-waveform-height: 32px;grid-template-areas:"cover hero" "cover wave" "tracks tracks" "footer footer";column-gap:var(--pd-md, 12px);row-gap:var(--pd-sm, 6px);min-height:0}.album-preview.svelte-10wgxmu .content:where(.svelte-10wgxmu){display:contents}.album-preview.svelte-10wgxmu .hero:where(.svelte-10wgxmu){grid-area:hero;padding:var(--pd-xs, 4px) 0 0;min-width:0}.album-preview.svelte-10wgxmu .hero:where(.svelte-10wgxmu) .hero-meta:where(.svelte-10wgxmu){gap:var(--pd-md, 12px)}.album-preview.svelte-10wgxmu .waveform-block:where(.svelte-10wgxmu){grid-area:wave;margin-top:0;padding-left:0}.album-preview.svelte-10wgxmu .playback-time:where(.svelte-10wgxmu){display:none}.album-preview.svelte-10wgxmu .album-title.font-web-headline-lg:where(.svelte-10wgxmu){font-size:var(--text-sm, 13px)}.album-preview.svelte-10wgxmu .play-wrap:where(.svelte-10wgxmu){--play-button-override-size: var(--play-size-sm, 36px);--play-button-override-icon: var(--play-icon-size-sm, 16px);--play-button-override-radius: var(--play-radius-sm, 36px)}}