.ax-avatar-control{display:inline-flex;width:100%;height:100%;vertical-align:middle}
.ax-avatar-face{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:#e8f0fe;color:#0052d9;font:inherit;line-height:1;flex-shrink:0}
button.ax-avatar-face{cursor:pointer}button.ax-avatar-face:disabled{cursor:default}
.ax-avatar-face>img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.ax-avatar-face:focus-visible{outline:2px solid #0052d9;outline-offset:4px}
.ax-avatar-pencil{position:absolute;right:-1px;bottom:-1px;display:grid;place-items:center;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:#f0f3f8;color:#465469;font-size:14px;transition:background-color .16s,color .16s}
button.ax-avatar-face:hover .ax-avatar-pencil{background:#0052d9;color:#fff}
.ax-small-avatar.ax-small-avatar{overflow:visible;background:transparent}.ax-profile-avatar.ax-profile-avatar{background:transparent;overflow:visible}
.ax-avatar-dialog{width:520px!important;max-width:calc(100vw - 32px);margin:0!important;border-radius:3px;color:#253449}
.el-dialog__wrapper:has(>.ax-avatar-dialog){display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.ax-avatar-dialog .el-dialog__header{padding:24px 28px 0}.ax-avatar-dialog .el-dialog__title{font-size:18px;font-weight:600;color:#182b46}
.ax-avatar-dialog .el-dialog__body{padding:16px 28px 24px;max-height:calc(100dvh - 180px);overflow:auto;box-sizing:border-box}
.ax-avatar-dialog .el-dialog__footer{padding:16px 28px 24px;background:#f7f9fc;text-align:right}
.ax-avatar-dialog .el-button{height:36px;padding:0 20px;border-radius:2px;font-size:14px}.ax-avatar-dialog .el-button--primary{background:#0052d9;border-color:#0052d9}
.ax-avatar-description{margin:0 0 20px;font-size:14px;line-height:1.6;color:#536177}
.ax-avatar-file{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ax-avatar-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;min-height:260px;background:#f5f7fa;font-size:13px;color:#536177}.ax-avatar-empty>i{font-size:36px;color:#8594a9}
.ax-avatar-crop-area{position:relative;width:280px;max-width:100%;aspect-ratio:1;margin:0 auto;overflow:hidden;background:#edf0f4}
.ax-avatar-crop-area>canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.ax-avatar-crop-area>canvas:active{cursor:grabbing}.ax-avatar-crop-area>canvas:focus-visible{outline:2px solid #0052d9;outline-offset:-2px}
.ax-avatar-crop-mask{position:absolute;inset:0;pointer-events:none;border-radius:50%;box-shadow:0 0 0 100px rgba(18,31,49,.48)}
.ax-avatar-crop-tools{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0;font-size:12px;color:#536177}.ax-avatar-crop-tools input{width:200px;accent-color:#0052d9;cursor:pointer}
.ax-avatar-editor-bottom{display:flex;align-items:center;gap:14px;font-size:12px;color:#536177}.ax-avatar-editor-bottom>button{margin-right:auto}.ax-avatar-editor-bottom>canvas{display:block;width:48px;height:48px;border-radius:50%;background:#f0f3f8}
.ax-avatar-error{margin:16px 0 0;color:#c9353f;font-size:13px;line-height:1.5}
.ax-avatar-dialog{--ax-avatar-enter:180ms}.dialog-fade-enter-active .ax-avatar-dialog,.dialog-fade-leave-active .ax-avatar-dialog{transition:transform 180ms cubic-bezier(.2,.7,.2,1),opacity 180ms}.dialog-fade-enter .ax-avatar-dialog,.dialog-fade-leave-to .ax-avatar-dialog{opacity:0;transform:translateY(8px) scale(.985)}
@media(max-width:700px){.ax-avatar-dialog .el-dialog__header{padding:22px 20px 0}.ax-avatar-dialog .el-dialog__body{padding:14px 20px 20px}.ax-avatar-dialog .el-dialog__footer{padding:16px 20px 20px}.ax-avatar-description{font-size:13px}.ax-avatar-pencil{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.ax-avatar-dialog,.ax-avatar-pencil{transition:none!important;transform:none!important}}