.flow-mix{align-items:center;gap:var(--space-sm);box-sizing:border-box;width:100%;margin-top:var(--space-lg);padding:var(--space-sm) var(--space);border-radius:var(--radius);display:flex}.flow-mix-thumb{flex:0 0 var(--hit);width:var(--hit);height:var(--hit);border:var(--border);border-radius:var(--radius-sm);background:var(--black-5);color:var(--content);position:relative;overflow:hidden}.flow-mix-thumb img{object-fit:cover;width:100%;height:100%;display:block}.flow-mix-thumb-empty{place-items:center;width:100%;height:100%;display:grid}.flow-mix-thumb-empty .icon{width:22px;height:22px}.flow-mix-thumb-music{background:color-mix(in srgb, var(--title) 88%, black);place-items:center;padding:5px;display:grid}.flow-mix-thumb-music .vinyl{width:100%;height:100%;box-shadow:none}.flow-mix-center{align-items:center;gap:var(--space-xs);flex:auto;min-width:0;display:flex}.flow-mix-mute{flex:0 0 var(--hit);width:var(--hit);height:var(--hit);border-radius:var(--radius-full);background:var(--black-5);color:var(--title);border:0;place-items:center;margin:0;padding:0;display:grid}.flow-mix-mute[aria-pressed=true]{background:var(--title);color:var(--page)}.flow-mix-mute .icon{width:22px;height:22px}.flow-mix[data-muted=true] .flow-mix-thumb{opacity:.55;filter:grayscale(.35)}.flow-mix[data-muted=true] .flow-fader{opacity:.45;pointer-events:none}
.flow-shortcuts{gap:var(--space-sm);width:100%;margin-top:var(--space-lg);flex-direction:column;display:flex}.flow-shortcuts-label{color:var(--content);font-size:var(--text-sm);letter-spacing:.02em;margin:0;font-weight:600}.flow-shortcuts-list{gap:var(--space-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.flow-shortcut{max-width:100%;min-height:var(--hit);border:var(--border);border-radius:var(--radius-full);background:var(--black-5);color:var(--title);cursor:var(--cursor);align-items:center;gap:8px;padding:0 14px 0 10px;display:inline-flex}.flow-shortcut:hover{background:var(--black-12)}.flow-shortcut-favicon{border-radius:4px;flex:none;width:20px;height:20px}.flow-shortcut-name{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;font-size:var(--text-sm);font-weight:600;overflow:hidden}