.vertical-list.svelte-8u59b8{display:flex;flex-direction:column;gap:var(--spacing-8);background:linear-gradient(180deg,#0000 30%,#0003);padding:var(--spacing-20)}.playlist-hero.svelte-12vvvfk{display:flex;flex-direction:column;align-items:center}h1.svelte-12vvvfk,h2.svelte-12vvvfk{font-family:var(--font-family-primary);font-weight:var(--theme-heading-weight);font-size:calc(var(--font-size-40) * var(--theme-heading-size-multiplier));color:var(--color-interface-dark);line-height:1;margin:0;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;text-transform:var(--theme-heading-transform)}h1.svelte-12vvvfk{text-align:center;margin-bottom:var(--spacing-4);font-family:var(--font-family-secondary)}.description.svelte-12vvvfk{font-family:var(--font-family-primary);font-weight:var(--theme-regular-weight);font-size:var(--font-size-16);color:var(--color-interface-dark-60);padding:0 var(--spacing-16);text-align:center}figure.svelte-12vvvfk{background:var(--playlist-hero-bg);padding:var(--spacing-8);border-radius:var(--playlist-hero-radius);margin:0;width:19.375rem;margin-top:var(--spacing-14);border:var(--theme-border)}figure.svelte-12vvvfk .twic-i{border-radius:100%}figure.svelte-12vvvfk figcaption:where(.svelte-12vvvfk){display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-16) var(--spacing-20)}.audio-controls.svelte-1w917sl{display:flex;flex-direction:column;gap:var(--spacing-12)}.controls.svelte-1w917sl{display:flex;justify-content:center;align-items:center;gap:var(--spacing-12)}.controls.svelte-1w917sl button:where(.svelte-1w917sl){background:none;border:none;padding:var(--spacing-12);cursor:pointer}.controls.svelte-1w917sl button:where(.svelte-1w917sl) svg{width:var(--icon-size-md);height:var(--icon-size-md);color:var(--color-interface-dark);fill:var(--color-interface-dark)}.controls.svelte-1w917sl button.play:where(.svelte-1w917sl) svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.controls.svelte-1w917sl button.rewind:where(.svelte-1w917sl) svg,.controls.svelte-1w917sl button.forward:where(.svelte-1w917sl) svg{width:1.875rem;height:1.875rem}.controls.svelte-1w917sl button:where(.svelte-1w917sl):disabled{cursor:default;color:var(--color-interface-dark-60);opacity:.5}.progress.svelte-1w917sl{display:flex;flex-direction:column;gap:var(--spacing-12);position:relative;font-family:var(--font-family-secondary)}.progress.svelte-1w917sl button:where(.svelte-1w917sl){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;height:1.5rem;position:absolute;top:-1rem;width:100%;cursor:pointer}.progress.svelte-1w917sl progress:where(.svelte-1w917sl){width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:var(--radius-8);height:.5rem;margin-top:-8px;position:relative}.progress.svelte-1w917sl progress:where(.svelte-1w917sl),.progress.svelte-1w917sl progress:where(.svelte-1w917sl)::-webkit-progress-bar{border-radius:var(--radius-8);background-color:var(--color-interface-dark-20)}.progress.svelte-1w917sl progress:where(.svelte-1w917sl)::-moz-progress-bar{border-radius:var(--radius-8);background-color:var(--color-interface-dark)}.progress.svelte-1w917sl progress[value]:where(.svelte-1w917sl)::-webkit-progress-value{border-radius:var(--radius-8);background-color:var(--color-interface-dark)}.progress.svelte-1w917sl progress.disabled:where(.svelte-1w917sl){opacity:.5;cursor:default}.time.svelte-1w917sl{display:flex;justify-content:space-between;font-family:var(--font-family-secondary);font-size:var(--font-size-12);line-height:1;color:var(--color-interface-dark-60)}