A music player that connects to your cloud/distributed storage. diffuse.sh
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394@layer base, diffuse;.userdata-list { display: flex; flex-direction: column; gap: var(--space-xs); list-style: none; margin: 0; padding: 0;}.userdata-item { align-items: center; border: 1px solid var(--border-color); border-radius: var(--radius-md); display: flex; gap: var(--space-xs); padding: var(--space-2xs) var(--space-xs);}.userdata-item--active { border-color: var(--accent);}.userdata-item__icon { flex-shrink: 0; font-size: var(--fs-md); opacity: 0.6;}.userdata-item__info { display: flex; flex-direction: column; flex: 1; gap: var(--space-3xs); min-width: 0;}.userdata-item__name { align-items: center; display: flex; font-weight: 600; gap: var(--space-2xs);}.userdata-item__detail { align-items: center; color: oklch(from var(--text-color) l c h / 0.6); display: flex; font-size: var(--fs-xs); gap: var(--space-3xs);}.userdata-item .button--small { text-box: trim-both cap alphabetic;}.userdata-item__badge { background: var(--accent); border-radius: 9999px; color: var(--bg-color); font-size: var(--fs-3xs); font-weight: 600; letter-spacing: var(--tracking-wide); line-height: 1; padding: var(--space-3xs); text-box: trim-both cap alphabetic; text-transform: uppercase;}.migrate-heading { font-size: var(--fs-2xs); font-weight: 600; letter-spacing: var(--tracking-wider); margin: 0 0 var(--space-xs); opacity: 0.4; text-transform: uppercase;}.migrate-row { align-items: flex-end; display: flex; flex-wrap: wrap; gap: var(--space-2xs);}.migrate-arrow { align-self: center; opacity: 0.4; padding-right: var(--space-2xs);}.migrate-row label { font-size: var(--fs-xs);}.status { font-size: var(--fs-xs); margin-top: var(--space-2xs);}.status--success { color: var(--accent);}.status--error { color: var(--accent-twist-5);}