.profile-avatar{--avatar-size:5.625rem;position:relative;display:inline-flex;width:5.625rem;width:var(--avatar-size);height:5.625rem;height:var(--avatar-size);flex-shrink:0}.profile-avatar--md{--avatar-size:4rem}.profile-avatar--sm{--avatar-size:2rem}.profile-avatar--editable{padding:0;border:none;background:transparent;cursor:pointer}.profile-avatar--editable:focus-visible{outline:2px solid var(--brand-orange);outline-offset:4px;border-radius:var(--home-radius-full)}.profile-avatar--editable:hover .profile-avatar__edit{background:rgba(255,255,255,.7)}.profile-avatar__circle{display:inline-flex;align-items:center;justify-content:center;padding:10%;width:100%;height:100%;overflow:hidden;border-radius:var(--home-radius-full);background:var(--avatar-bg,var(--gray-400));color:var(--home-text-inverse);font-size:calc(var(--avatar-size) * .36);font-weight:var(--font-semibold);letter-spacing:.02em}.profile-avatar__circle--neutral{--avatar-bg:var(--avatar-neutral)}.profile-avatar__circle--brick{--avatar-bg:var(--avatar-brick)}.profile-avatar__circle--orange{--avatar-bg:var(--avatar-orange)}.profile-avatar__circle--magenta{--avatar-bg:var(--avatar-magenta)}.profile-avatar__circle--violet{--avatar-bg:var(--avatar-violet)}.profile-avatar__circle--blue{--avatar-bg:var(--avatar-blue)}.profile-avatar__circle--graphite{--avatar-bg:var(--avatar-graphite)}.profile-avatar__circle--green{--avatar-bg:var(--avatar-green)}.profile-avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-avatar__edit{position:absolute;right:-.25rem;bottom:-.25rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.8);border-radius:var(--home-radius-full);background:rgba(255,255,255,.55);backdrop-filter:blur(6px);box-shadow:0 .25rem .75rem rgba(0,0,0,.15);color:var(--home-text)}.profile-avatar__edit svg{width:1rem;height:1rem}.profile-avatar__badge{--badge-size:calc(var(--avatar-size) * 0.45);position:absolute;right:0;top:0;display:inline-flex;min-width:var(--badge-size);height:var(--badge-size);align-items:center;justify-content:center;padding:0 .25em;transform:translate(25%,-25%);border-radius:var(--home-radius-full);background:var(--brand-orange);color:var(--home-text-inverse);font-size:calc(var(--avatar-size) * .28);font-weight:var(--font-semibold);line-height:1}