.account-avatar{display:inline-block;border-radius:50%;object-fit:cover;vertical-align:middle;background:var(--theme-raised,#e8efeb);flex-shrink:0}
.account summary .account-avatar{margin-right:7px}.customer-avatar{margin-right:10px}.avatar-settings{max-width:720px}.avatar-settings .avatar-current{display:flex;align-items:center;gap:20px;margin:20px 0}.avatar-settings canvas{border-radius:50%;background:var(--theme-raised,#edf3f0);border:1px solid var(--line,#d4e0da)}.avatar-settings input[type=file]{max-width:100%}.avatar-settings [role=status]{font-size:14px;line-height:1.7}.avatar-settings form+form{margin-top:16px}.avatar-settings canvas[hidden]{display:none}
.avatar-settings{scroll-margin-top:100px}.avatar-crop-editor{display:grid;grid-template-columns:minmax(160px,320px) minmax(120px,1fr);gap:24px;align-items:center;margin:24px 0}.avatar-crop-editor[hidden]{display:none}.avatar-crop-editor canvas{width:100%;height:auto;touch-action:none;cursor:grab;display:block}.avatar-crop-editor canvas:active{cursor:grabbing}.avatar-crop-editor input[type=range]{width:100%;padding:0;accent-color:#25844f}.avatar-crop-editor label{display:block;margin:0 0 18px}.avatar-crop-editor p{font-size:13px;line-height:1.7}.avatar-account{overflow-wrap:anywhere}@media(max-width:560px){.avatar-crop-editor{grid-template-columns:1fr}.avatar-crop-editor canvas{max-width:280px;margin:auto}}
.avatar-registration{min-width:0;margin:20px 0;padding:20px;border:1px solid var(--ui-line,#d4e0da);border-radius:12px}
.avatar-registration legend{padding:0 8px;font-weight:700}
.avatar-registration p{margin:0 0 14px;font-size:14px;line-height:1.7}
.avatar-registration input[type=file]{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.avatar-registration .avatar-crop-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:20px 0}
.avatar-registration canvas{max-width:256px;margin:auto;border-radius:50%;border:1px solid var(--ui-line,#d4e0da);background:var(--ui-surface,#fff)}
.avatar-registration [role=status]{margin:12px 0 0;color:var(--ui-muted,#64746d)}
@media(max-width:640px){.avatar-registration{padding:16px}.avatar-registration .avatar-crop-editor{grid-template-columns:1fr}.avatar-registration canvas{max-width:220px}}