.settings-avatar.svelte-8je9fp{display:flex;flex-direction:column;align-items:center;gap:.75rem}.avatar-circle.svelte-8je9fp{position:relative;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-circle.sm.svelte-8je9fp{width:3rem;height:3rem}.avatar-circle.md.svelte-8je9fp{width:5rem;height:5rem}.avatar-circle.lg.svelte-8je9fp{width:7.5rem;height:7.5rem}.avatar-image.svelte-8je9fp{width:100%;height:100%;border-radius:50%;object-fit:cover;border:.1875rem solid var(--color-grey-25)}.avatar-placeholder.svelte-8je9fp{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--color-font-secondary);border-radius:50%;-webkit-mask-size:40%;mask-size:40%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.avatar-circle.svelte-8je9fp:not(.editable) .avatar-placeholder:where(.svelte-8je9fp){background:var(--color-grey-20)}.avatar-circle.svelte-8je9fp:not(.editable) .avatar-placeholder:where(.svelte-8je9fp){background-color:var(--color-font-secondary)}button.avatar-circle.svelte-8je9fp{all:unset;position:relative;border-radius:50%;overflow:hidden;flex-shrink:0;cursor:pointer;box-sizing:border-box}.avatar-edit-overlay.svelte-8je9fp{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .2s ease;border-radius:50%}.avatar-circle.editable.svelte-8je9fp:hover .avatar-edit-overlay:where(.svelte-8je9fp),.avatar-circle.editable.svelte-8je9fp:focus-visible .avatar-edit-overlay:where(.svelte-8je9fp){opacity:1}.avatar-circle.editable.svelte-8je9fp:focus-visible{outline:.125rem solid var(--color-primary-start);outline-offset:.125rem}.edit-icon.svelte-8je9fp{width:1.5rem;height:1.5rem;background-color:#fff}