.live-badge{white-space:nowrap;-webkit-user-select:none;user-select:none;color:inherit;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.78rem;font-weight:500;line-height:1;display:inline-flex}.live-badge--compact{gap:0;padding:4px}.live-badge__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.live-badge__label{color:inherit}.live-badge--connected{color:var(--bs-success,#10b981)}.live-badge--connected .live-badge__label{color:var(--live-badge-label-color,inherit)}.live-badge--reconnecting{color:var(--bs-warning,#f59e0b);background:var(--bs-warning-bg-subtle,#fef3c7)}.live-badge--reconnecting.live-badge--compact{background:0 0}.live-badge--disconnected{color:var(--bs-danger,#ef4444);background:var(--bs-danger-bg-subtle,#fee2e2);cursor:pointer;justify-content:center;min-width:32px;min-height:32px}.live-badge--disconnected.live-badge--compact{background:0 0;min-width:0;min-height:0;padding:4px}@media (hover:hover){.live-badge--disconnected:hover{filter:brightness(.95)}}button.live-badge:focus-visible{outline-offset:2px;outline:2px solid}@media (prefers-reduced-motion:no-preference){.live-badge--connected .live-badge__dot:before{content:"";opacity:.55;background:currentColor;border-radius:50%;animation:2.4s cubic-bezier(0,0,.2,1) infinite live-badge-idle;position:absolute;inset:0}.live-badge--reconnecting .live-badge__dot:before{content:"";opacity:.4;background:currentColor;border-radius:50%;animation:3.6s cubic-bezier(0,0,.2,1) infinite live-badge-idle;position:absolute;inset:0}.live-badge--connected .live-badge__dot.live-badge--flash:after{content:"";opacity:.7;background:currentColor;border-radius:50%;animation:.75s cubic-bezier(0,.55,.2,1) forwards live-badge-burst;position:absolute;inset:0}.live-badge--connected .live-badge__dot.live-badge--flash{animation:.45s ease-out live-badge-pop}}@keyframes live-badge-idle{0%{opacity:.55;transform:scale(1)}80%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}@keyframes live-badge-burst{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}@keyframes live-badge-pop{0%,to{transform:scale(1)}40%{transform:scale(1.4)}}