@layer onyx.component{.onyx-avatar{width:var(--onyx-avatar-size);height:var(--onyx-avatar-size);min-width:var(--onyx-avatar-size);border-radius:var(--onyx-radius-full);background-color:var(--onyx-color-base-primary-200);color:var(--onyx-color-text-icons-primary-bold);font-family:var(--onyx-font-family-paragraph);line-height:normal;font-weight:var(--onyx-font-weight-semibold);justify-content:center;align-items:center;display:flex}.onyx-avatar--custom{--onyx-avatar-padding:var(--onyx-spacing-sm);width:max-content;padding:var(--onyx-avatar-padding)}.onyx-avatar__image{border-radius:inherit;object-fit:cover;width:100%;height:100%}.onyx-avatar__icon{--icon-size:1em}.onyx-avatar--16px{--onyx-avatar-size:1rem;--onyx-avatar-padding:var(--onyx-spacing-4xs);font-size:.5rem}.onyx-avatar--24px{--onyx-avatar-size:1.5rem;--onyx-avatar-padding:var(--onyx-spacing-3xs);font-size:.625rem}.onyx-avatar--32px{--onyx-avatar-size:2rem;--onyx-avatar-padding:var(--onyx-spacing-2xs);font-size:.875rem}.onyx-avatar--48px{--onyx-avatar-size:3rem;font-size:1.25rem}.onyx-avatar--64px{--onyx-avatar-size:4rem;font-size:1.75rem}.onyx-avatar--96px{--onyx-avatar-size:6rem;font-size:3rem}}