.avatar{border-radius:var(--r-sm);color:var(--av-c,#fff);background:var(--av-bg,var(--g-primary));flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;overflow:hidden}.avatar__image{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;display:block}.avatar--36{width:36px;height:36px;font-size:14px}.avatar--34{width:34px;height:34px}.avatar--32{width:32px;height:32px}.avatar--30{width:30px;height:30px}.avatar--26{width:26px;height:26px}