.hex-avatar{background-color:var(--hex-color-background-ultra-light);border-radius:var(--hex-border-radius-lg);display:inline-block;overflow:hidden}.hex-avatar__img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;outline:none;transition:all .3s ease-in-out;width:100%}.hex-avatar--rounded{border-radius:50%}.hex-avatar--xs{height:24px;width:24px}.hex-avatar--sm .hex-avatar__img{height:32px;width:32px}.hex-avatar--md .hex-avatar__img{height:48px;width:48px}.hex-avatar--lg .hex-avatar__img{height:64px;width:64px}.hex-avatar--xl .hex-avatar__img{height:72px;width:72px}