.avatar{aspect-ratio:1;border:2px solid var(--global-border-color,#666);corner-shape:squircle;border-radius:25%;align-items:center;display:flex;position:relative;overflow:hidden}.avatar.can-edit input{opacity:0;z-index:1000;position:absolute;top:0;bottom:0;left:0;right:0}.avatar.can-edit img{transition:all .2s}.avatar.can-edit:hover{cursor:pointer}.avatar.can-edit:hover img{transition:all 2s .25s;scale:1.05}.avatar.can-edit:hover:before{opacity:1;transition:all .2s}.avatar.can-edit:hover:after{transition:all .2s;scale:1}.avatar.can-edit:before{content:"";z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.avatar.can-edit:after{content:"";z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.avatar.can-edit:before{opacity:0;background:rgba(0,0,0,.5) url(/icons/user-pen.svg) 50%/30% no-repeat}.avatar.can-edit:after{background-color:#fff;scale:0;-webkit-mask:url(/icons/user-pen.svg) 50%/30% no-repeat;mask:url(/icons/user-pen.svg) 50%/30% no-repeat}.avatar img{object-fit:cover;width:100%;height:100%}