.el-avatar{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;color:#fff;background:rgb(var(--color-fill-5));font-size:var(--font-size-body-3);width:64px;height:64px;font-size:var(--font-size-title-3)}.el-avatar [class*=" el-icon-"],.el-avatar [class^=el-icon-]{font-size:32px}.el-avatar>img{display:block;height:100%;width:100%}.el-avatar .el-avatar--text-wrap{line-height:22px;white-space:nowrap;padding:0 6px}.el-avatar--circle{border-radius:var(--border-radius-circle)}.el-avatar--square,.el-avatar--square.el-avatar--large{border-radius:var(--border-radius-medium)}.el-avatar--square.el-avatar--medium,.el-avatar--square.el-avatar--mini,.el-avatar--square.el-avatar--small{border-radius:var(--border-radius-small)}.el-avatar--icon{font-size:20px}.el-avatar--large{-webkit-transform:scale(1);transform:scale(1);line-height:64px}.el-avatar--large.el-avatar--icon,.el-avatar--large.el-avatar--icon [class*=" el-icon-"],.el-avatar--large.el-avatar--icon [class^=el-icon-]{font-size:32px}.el-avatar--medium{-webkit-transform:scale(.625);transform:scale(.625);line-height:40px}.el-avatar--small{-webkit-transform:scale(.5);transform:scale(.5);line-height:32px}.el-avatar--small.el-avatar--icon{font-size:var(--font-size-title-1)}.el-avatar--mini{-webkit-transform:scale(.375);transform:scale(.375);line-height:24px}.el-avatar--mini.el-avatar--icon{font-size:var(--font-size-body-1)}.el-avatar .el-avatar--edit-icon{display:none}.el-avatar.is-interactive{position:relative;cursor:pointer}.el-avatar.is-interactive:before{pointer-events:none;content:"";position:absolute;z-index:1;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background:rgba(29,33,41,.6)}.el-avatar.is-interactive .el-avatar--edit-icon{position:absolute;z-index:1;display:block;left:calc(50% - 7px);top:calc(50% - 7px);color:#fff;font-size:var(--font-size-body-3)}.el-avatar.is-login{background:rgb(var(--primary-6))}