.klyp-StatusDot{justify-content:center;align-items:center;display:inline-flex;position:relative}.klyp-StatusDot__dot{z-index:1;border-radius:var(--radius-full);background:var(--color-fg-subtle);position:relative}.klyp-StatusDot__pulse{border-radius:var(--radius-full);opacity:.6;background:var(--color-fg-subtle);position:absolute}@media (prefers-reduced-motion:no-preference){.klyp-StatusDot__pulse{animation:1s cubic-bezier(0,0,.2,1) infinite klyp-StatusDot-ping}}.klyp-StatusDot--size-xs .klyp-StatusDot__dot,.klyp-StatusDot--size-xs .klyp-StatusDot__pulse{width:var(--space-2);height:var(--space-2)}.klyp-StatusDot--size-sm .klyp-StatusDot__dot,.klyp-StatusDot--size-sm .klyp-StatusDot__pulse{width:var(--space-4);height:var(--space-4)}.klyp-StatusDot--size-md .klyp-StatusDot__dot,.klyp-StatusDot--size-md .klyp-StatusDot__pulse{width:var(--space-6);height:var(--space-6)}.klyp-StatusDot[data-status=idle] .klyp-StatusDot__dot,.klyp-StatusDot[data-status=idle] .klyp-StatusDot__pulse{background:var(--color-fg-subtle)}.klyp-StatusDot[data-status=active] .klyp-StatusDot__dot,.klyp-StatusDot[data-status=active] .klyp-StatusDot__pulse{background:var(--color-status-success-strong)}.klyp-StatusDot[data-status=pending] .klyp-StatusDot__dot,.klyp-StatusDot[data-status=pending] .klyp-StatusDot__pulse{background:var(--color-status-warning-strong)}.klyp-StatusDot[data-status=success] .klyp-StatusDot__dot,.klyp-StatusDot[data-status=success] .klyp-StatusDot__pulse{background:var(--color-status-success-strong)}.klyp-StatusDot[data-status=error] .klyp-StatusDot__dot,.klyp-StatusDot[data-status=error] .klyp-StatusDot__pulse{background:var(--color-status-danger-strong)}.klyp-StatusDot[data-status=muted] .klyp-StatusDot__dot,.klyp-StatusDot[data-status=muted] .klyp-StatusDot__pulse{background:var(--color-fg-subtle);opacity:.5}@keyframes klyp-StatusDot-ping{75%,to{opacity:0;transform:scale(2)}}