.avatar{--avatar-size:var(--size-6);--avatar-border:1px solid var(--color-border-emphasis);height:var(--avatar-size);width:var(--avatar-size);position:relative}.avatar[data-editable=true]{cursor:pointer}.avatar[data-size=sm]{--avatar-size:var(--size-4)}.avatar[data-size=lg]{--avatar-size:var(--size-8)}.avatar[data-size=xl]{--avatar-size:var(--size-13)}.avatar-image{box-sizing:border-box;border-radius:var(--radius-full);border:var(--avatar-border);transition:all var(--duration-short) var(--ease-in-out);height:var(--avatar-size);width:var(--avatar-size);justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-icon{width:var(--size-3);height:var(--size-3);background-color:var(--color-interactive-primary);border-radius:var(--radius-full);color:var(--color-interactive-primary-contrast);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-end:-2px;inset-inline-end:-1px}