.sync-chip.svelte-15e08h8{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:var(--size-caption);font-weight:500;color:var(--muted);background:var(--surface);border:1px solid var(--border);transition:color var(--duration-base) var(--ease-out-quart),border-color var(--duration-base) var(--ease-out-quart),background var(--duration-base) var(--ease-out-quart);max-width:100%}.sync-chip.svelte-15e08h8:hover{color:var(--ink);border-color:var(--border-strong)}.sync-chip.compact.svelte-15e08h8{padding:5px 7px}.dot.svelte-15e08h8{width:7px;height:7px;border-radius:999px;background:var(--warning);flex:none;transition:background var(--duration-base) var(--ease-out-quart)}.sync-chip.ok.svelte-15e08h8 .dot:where(.svelte-15e08h8){background:var(--success);box-shadow:0 0 6px color-mix(in oklab,var(--success) 55%,transparent)}.sync-chip.offline.svelte-15e08h8 .dot:where(.svelte-15e08h8){background:var(--faint);box-shadow:none}.label.svelte-15e08h8{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.refresh.svelte-15e08h8{display:grid;place-items:center;color:var(--faint)}.sync-chip.svelte-15e08h8:hover .refresh:where(.svelte-15e08h8){color:var(--accent)}.refresh.spinning.svelte-15e08h8 svg{animation:svelte-15e08h8-sync-spin .9s linear infinite}@keyframes svelte-15e08h8-sync-spin{to{transform:rotate(360deg)}}