.live-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:0;vertical-align:middle}.live-avatar.is-live:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:0 0 0 2px #fff,0 0 0 5px #09f,0 0 10px 5px rgba(0,153,255,.5);animation:live-avatar-pulse 1.8s ease-in-out infinite}.live-avatar__badge{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);background:#09f;color:#fff;font-size:9px;font-weight:800;letter-spacing:.6px;line-height:1;padding:2px 6px;border-radius:999px;border:1.5px solid #fff;text-transform:uppercase;white-space:nowrap;z-index:2;box-shadow:0 1px 3px rgba(0,0,0,.25)}@keyframes live-avatar-pulse{0%{box-shadow:0 0 0 2px #fff,0 0 0 5px #09f,0 0 0 5px rgba(0,153,255,.5)}70%{box-shadow:0 0 0 2px #fff,0 0 0 5px #09f,0 0 0 12px rgba(0,153,255,0)}to{box-shadow:0 0 0 2px #fff,0 0 0 5px #09f,0 0 0 0 rgba(0,153,255,0)}}@media(prefers-reduced-motion:reduce){.live-avatar.is-live:after{animation:none}}