.ui-live{gap:8px}.ui-live-dot{background:var(--ui-g);border-radius:50%;flex:none;width:8px;height:8px;animation:1.6s ease-in-out infinite ui-live-blink;position:relative}.ui-live-dot:after{content:"";background:var(--ui-g);border-radius:50%;animation:1.6s ease-out infinite ui-live-ping;position:absolute;inset:0}.ui-live.ui-badge--r{animation:1.6s ease-in-out infinite ui-live-glow}.ui-badge--r .ui-live-dot,.ui-badge--r .ui-live-dot:after{background:var(--ui-red)}.ui-live.ui-badge--solid{animation-name:ui-live-ring}.ui-badge--solid .ui-live-dot,.ui-badge--solid .ui-live-dot:after{background:currentColor}@keyframes ui-live-ring{50%{box-shadow:0 0 0 4px rgba(var(--tone), .22)}}@keyframes ui-live-glow{50%{background:rgba(var(--tone), .2)}}@keyframes ui-live-ping{0%{opacity:.6;transform:scale(1)}80%,to{opacity:0;transform:scale(2.8)}}@keyframes ui-live-blink{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.ui-live.ui-badge--r,.ui-live-dot,.ui-live-dot:after{animation:none}.ui-live-dot:after{opacity:0}}