.common-avatar{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-light);color:var(--text-primary);font-family:var(--font-inter),system-ui,sans-serif;font-weight:500;overflow:hidden;transition:all .2s ease}.common-avatar--small{width:2rem;height:2rem;font-size:.75rem}.common-avatar--medium{width:2.5rem;height:2.5rem;font-size:.875rem}.common-avatar--large{width:3rem;height:3rem;font-size:1rem}.common-avatar--xl{width:4rem;height:4rem;font-size:1.25rem}.common-avatar--xxl{width:6rem;height:6rem;font-size:1.5rem}.common-avatar--circle{border-radius:50%}.common-avatar--square{border-radius:8px}.common-avatar--rounded{border-radius:12px}.common-avatar--clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.common-avatar--clickable:hover{transform:scale(1.05);box-shadow:var(--shadow)}.common-avatar--clickable:active{transform:scale(1)}.common-avatar--clickable:focus{outline:2px solid var(--primary-color);outline-offset:2px}.common-avatar__image{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.common-avatar__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:inherit}@media(max-width:768px){.common-avatar--xxl{width:4rem;height:4rem;font-size:1.25rem}.common-avatar--xl{width:3rem;height:3rem;font-size:1rem}}