A music player that connects to your cloud/distributed storage. diffuse.sh
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182@layer base, diffuse;.playlists-list { display: flex; flex-direction: column; gap: var(--space-xs); list-style: none; margin: 0; padding: 0;}.playlists-item { align-items: center; display: flex; gap: var(--space-xs);}.playlists-item__info { display: flex; flex-direction: column; flex: 1; gap: var(--space-3xs); min-width: 0;}.playlists-item__name { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.playlists-item__detail { color: oklch(from var(--text-color) l c h / 0.6); font-size: var(--fs-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.playlists-category { font-size: var(--fs-xs); font-weight: 600; letter-spacing: var(--tracking-wider); opacity: 0.4; padding-block: var(--space-2xs); text-transform: uppercase;}.playlists-category + .playlists-category,.playlists-item + .playlists-category { margin-top: var(--space-xs);}.tracks-section { display: flex; flex-direction: column; gap: var(--space-2xs);}.tracks-section__heading { font-size: var(--fs-xs); font-weight: 600; letter-spacing: var(--tracking-wider); opacity: 0.4; text-transform: uppercase;}.tracks-list { display: flex; flex-direction: column; gap: var(--space-3xs); list-style: none; margin: 0; padding: 0;}.tracks-list__name { font-size: var(--fs-sm); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.tracks-list__artist { color: oklch(from var(--text-color) l c h / 0.6); font-size: var(--fs-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}