.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--blue-200), var(--blue-400));flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar__fallback{font-family:var(--font-bold);color:var(--white);letter-spacing:.5px;-webkit-user-select:none;user-select:none}.avatar__fallback--hidden{display:none}