.userAvatar{position:relative;z-index:0;border:solid transparent;border-radius:100%;width:3rem;height:3rem;border-width:.0625rem;padding:.125rem}.userAvatar.isLoaded{border-color:#ccc}.userReflector .userAvatar{background:#ffffff}.userAvatar .userAvatar__body:after{content:"";position:absolute;z-index:2;border:solid rgba(0,0,0,0);border-radius:100%;pointer-events:none}.userAvatar__body{display:block;position:relative;width:100%;height:100%}.userAvatar__image{width:100%;height:100%;border-radius:100%;opacity:0;object-fit:cover}.userAvatar__imageWrap{display:block;position:relative;width:100%;height:100%}.userAvatar__imageWrap:before{content:"";display:block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;transition:border-color .3s cubic-bezier(.25,.46,.45,.94);border:.0625rem solid rgba(136,136,136,0);border-radius:100%}.userAvatar.isLoaded .userAvatar__image{position:relative;transition:opacity .3s cubic-bezier(.25,.46,.45,.94);opacity:1}.userAvatar.isLoaded .userAvatar__imageWrap:before{border-color:#88888829}.userAvatar.noFade .userAvatar__image{transition:none;opacity:1}.userAvatar--plus.isLoaded{border-color:#0000}.userAvatar--plus .userAvatar__body:after{border-color:#ffc200}.userAvatar--online .userAvatar__body{transform:rotate(45deg)}.userAvatar--online .userAvatar__body .userAvatar__image{transform:rotate(-45deg)}.userAvatar--online .userAvatar__body:before{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;margin:auto;border:solid #ffffff;background:#58cc00}.isDark .userAvatar--online .userAvatar__body:before{border-color:#202020}.userAvatar.userAvatar--online .userAvatar__body:before{right:-.625rem;width:.875rem;height:.875rem;border-width:.125rem;border-radius:.875rem}.userAvatar.userAvatar--plus .userAvatar__body:after{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;border-width:.125rem}.userAvatar--tiny{width:2rem;height:2rem;border-width:.0625rem;padding:.0625rem}.userAvatar--tiny.userAvatar--online .userAvatar__body:before{right:-.5rem;width:.75rem;height:.75rem;border-width:.125rem;border-radius:.75rem}.userAvatar--tiny.userAvatar--plus .userAvatar__body:after{top:-.125rem;right:-.125rem;bottom:-.125rem;left:-.125rem;border-width:.0625rem}.userAvatar--small{width:2.5rem;height:2.5rem;border-width:.0625rem;padding:.0625rem}.userAvatar--small .userAvatar__body{padding:.0625rem}.userAvatar--small.userAvatar--online .userAvatar__body:before{right:-.5rem;width:.875rem;height:.875rem;border-width:.125rem;border-radius:.875rem}.userAvatar--small.userAvatar--plus .userAvatar__body:after{top:-.125rem;right:-.125rem;bottom:-.125rem;left:-.125rem;border-width:.0625rem}.userAvatar--extra{width:3.25rem;height:3.25rem;border-width:.0625rem;padding:.125rem}.userAvatar--extra.userAvatar--online .userAvatar__body:before{right:-.625rem;width:.875rem;height:.875rem;border-width:.125rem;border-radius:.875rem}.userAvatar--extra.userAvatar--plus .userAvatar__body:after{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;border-width:.125rem}.userAvatar--bigger{width:4.5rem;height:4.5rem;border-width:.0625rem;padding:.125rem}.userAvatar--bigger .userAvatar__body{padding:.0625rem}.userAvatar--bigger.userAvatar--online .userAvatar__body:before{right:-.625rem;width:1rem;height:1rem;border-width:.125rem;border-radius:1rem}.userAvatar--bigger.userAvatar--plus .userAvatar__body:after{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;border-width:.125rem}.userAvatar--large{width:6rem;height:6rem;border-width:.0625rem;padding:.125rem}.userAvatar--large .userAvatar__body{padding:.0625rem}.userAvatar--large.userAvatar--online .userAvatar__body:before{right:-.75rem;width:1.125rem;height:1.125rem;border-width:.125rem;border-radius:1.125rem}.userAvatar--large.userAvatar--plus .userAvatar__body:after{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;border-width:.125rem}.userAvatar--huge{width:9rem;height:9rem;border-width:.125rem;padding:.25rem}.userAvatar--huge .userAvatar__body{padding:.125rem}.userAvatar--huge.userAvatar--online .userAvatar__body:before{right:-1.125rem;width:1.375rem;height:1.375rem;border-width:.125rem;border-radius:1.375rem}.userAvatar--huge.userAvatar--plus .userAvatar__body:after{top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;border-width:.25rem}