.live-indicator-container{background:#f7f7f8;background:var(--color-background-body)}.avatar-container{padding:2px}.avatar-container [aria-label]{background-color:transparent}.user-avatar-animated__live{bottom:-5px}.user-avatar-animated__halo{background:rgba(0,0,0,.1);background:var(--color-border-base);height:72px;width:72px}.channel-root--live .user-avatar-animated__halo,.tw-root--theme-dark .channel-root--live .user-avatar-animated__halo,.tw-root--theme-light .channel-root--live .user-avatar-animated__halo{background:linear-gradient(180deg,#9147ff 80%,#9147ff);background:linear-gradient(180deg,var(--color-accent) 80%,#9147ff)}.channel-root--live .user-avatar-animated__halo--default,.tw-root--theme-dark .channel-root--live .user-avatar-animated__halo--default,.tw-root--theme-light .channel-root--live .user-avatar-animated__halo--default{background:linear-gradient(180deg,#9147ff 70%,hsla(0,0%,100%,.85))}.user-avatar-animated--automated .user-avatar-animated__live:after{-webkit-animation:twinkle 15s ease-in-out 5s infinite;animation:twinkle 15s ease-in-out 5s infinite;bottom:10px;color:#ffca61;content:"\2726";position:absolute;right:calc(50% - 32px);transform:scale(0)}.user-avatar-animated--automated .user-avatar-animated__halo{-webkit-animation:backgroundAutomatedSpin 10s linear 2s infinite;animation:backgroundAutomatedSpin 10s linear 2s infinite}.user-avatar-animated:hover .user-avatar-animated__halo{-webkit-animation:hoverAvatarSpin 1s linear 0s infinite;animation:hoverAvatarSpin 1s linear 0s infinite}.tw-root--theme-dark .user-avatar-animated:hover .user-avatar-animated__halo--offline,.tw-root--theme-light .user-avatar-animated:hover .user-avatar-animated__halo--offline,.user-avatar-animated:hover .user-avatar-animated__halo--offline{background:#9147ff}@-webkit-keyframes twinkle{0%{transform:scale(0)}12%{transform:scale(0) rotate(10deg)}14%{transform:scale(3) rotate(190deg)}16%{transform:scale(0) rotate(370deg)}to{transform:scale(0) rotate(10deg)}}@keyframes twinkle{0%{transform:scale(0)}12%{transform:scale(0) rotate(10deg)}14%{transform:scale(3) rotate(190deg)}16%{transform:scale(0) rotate(370deg)}to{transform:scale(0) rotate(10deg)}}@-webkit-keyframes backgroundAutomatedSpin{0%{transform:rotate(0deg)}10%{transform:rotate(180deg)}20%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@keyframes backgroundAutomatedSpin{0%{transform:rotate(0deg)}10%{transform:rotate(180deg)}20%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@-webkit-keyframes hoverAvatarSpin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes hoverAvatarSpin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}