.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar span{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.avatar.small{width:20px;height:20px}.avatar.small span{font-size:.675rem;font-weight:600}.avatar.medium{outline:2px solid var(--back-color);width:24px;height:24px}.avatar.medium span{font-size:.75rem;font-weight:600}.avatar.big{width:32px;height:32px}.avatar.big span{font-size:1rem;font-weight:400}