.account-avatar {display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:2rem;height:2rem;border-radius:50%;overflow:hidden;background:#2f6fd6;color:#fff;font-size:.8rem;font-weight:600;flex-shrink:0}
.account-avatar img {width:100%;height:100%;object-fit:cover}
.account-avatar--large {width:5rem;height:5rem;font-size:1.6rem}
.avatar-editor label {display:block;margin:1rem 0}
.avatar-editor input[type=range] {display:block;width:min(100%,20rem)}
.avatar-editor canvas {display:block;width:256px;height:256px;max-width:100%;border-radius:50%;touch-action:none;cursor:grab;background:#eee}
.avatar-editor button {margin:.3rem .3rem .3rem 0}
.avatar-editor [hidden] {display:none}