A music player that connects to your cloud/distributed storage. diffuse.sh
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119body { display: flex; align-items: center; justify-content: center; height: 100dvh;}main { width: min(var(--container-lg), 90vw);}#command-menu { padding: 0; overflow: hidden;}#breadcrumbs { display: flex; align-items: center; gap: var(--space-sm); padding: var(--space-xs) var(--space-sm); font-size: var(--fs-xs); font-weight: 600; text-transform: uppercase; letter-spacing: var(--tracking-wider); color: oklch(from var(--text-color) l c h / 0.5); border-bottom: 2px solid var(--form-color);}#breadcrumbs:empty { display: none;}.crumb-home { background: oklch(from var(--text-color) l c h / 0.075); border: none; border-radius: var(--radius-sm); cursor: pointer; padding: 0; font-size: inherit; font-weight: inherit; line-height: 0.75; padding: var(--space-2xs); letter-spacing: inherit; text-box: trim-both cap alphabetic; text-transform: inherit; &:hover { text-decoration: underline; }}#search-wrapper { display: flex; align-items: center; gap: var(--space-xs); padding: var(--space-sm); border-bottom: 2px solid var(--form-color);}#search-wrapper i { flex-shrink: 0; color: oklch(from var(--text-color) l c h / 0.5); pointer-events: none;}#search { border: none; padding: 0; font-size: var(--fs-sm); background: transparent; flex: 1; width: 100%;}#kmenu-listbox { list-style: none; margin: 0; padding: var(--space-2xs) 0; max-height: 340px; overflow-y: auto;}.group-label { color: oklch(from var(--text-color) l c h / 0.45); font-size: var(--fs-2xs); font-weight: 600; letter-spacing: calc(var(--tracking-widest) * 2); padding: var(--space-2xs) var(--space-sm); pointer-events: none; text-transform: uppercase;}.option { display: flex; align-items: center; gap: var(--space-xs); padding: var(--space-xs) var(--space-sm); cursor: pointer; user-select: none; font-size: var(--fs-sm);}.option[aria-selected="true"] { background-color: var(--accent); color: var(--bg-color);}.option[aria-disabled="true"] { opacity: 0.35; cursor: not-allowed; pointer-events: none;}.option-label { flex: 1;}.option .option-chevron { flex-shrink: 0; font-size: var(--fs-xs); opacity: 0.6;}.panel { gap: 0;}.empty-message { padding: var(--space-md); text-align: center; color: oklch(from var(--text-color) l c h / 0.45); font-size: var(--fs-sm); pointer-events: none;}