.ConnectionPill-module__CO0nuq__pill{border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.ConnectionPill-module__CO0nuq__icon{flex-shrink:0}.ConnectionPill-module__CO0nuq__label{letter-spacing:.01em}.ConnectionPill-module__CO0nuq__live{color:var(--color-green-500);border-color:color-mix(in srgb, var(--color-green-500) 40%, transparent);background:color-mix(in srgb, var(--color-green-500) 15%, var(--color-zinc-900))}.ConnectionPill-module__CO0nuq__stale{color:var(--color-zinc-400);border-color:color-mix(in srgb, var(--color-zinc-400) 35%, transparent);background:color-mix(in srgb, var(--color-zinc-400) 12%, var(--color-zinc-900))}.ConnectionPill-module__CO0nuq__reconnecting{color:var(--color-red-400);border-color:color-mix(in srgb, var(--color-red-400) 40%, transparent);background:color-mix(in srgb, var(--color-red-400) 15%, var(--color-zinc-900))}.ConnectionPill-module__CO0nuq__spin{animation:.9s linear infinite ConnectionPill-module__CO0nuq__pill-spin}@keyframes ConnectionPill-module__CO0nuq__pill-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ConnectionPill-module__CO0nuq__spin{animation:none}}