.naraya-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;background-color:rgb(var(--color-secondary));color:rgb(var(--color-secondary-content));font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}.naraya-avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.naraya-avatar__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}.naraya-avatar--xs{width:1.25rem;height:1.25rem;font-size:.5rem}.naraya-avatar--sm{width:1.5rem;height:1.5rem;font-size:.625rem}.naraya-avatar--md{width:2.25rem;height:2.25rem;font-size:.875rem}.naraya-avatar--lg{width:3rem;height:3rem;font-size:1.125rem}.naraya-avatar--xl{width:4rem;height:4rem;font-size:1.5rem}.naraya-avatar--square{border-radius:.5rem}.naraya-avatar-group{display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end}.naraya-avatar-group .naraya-avatar{box-shadow:0 0 0 2px rgb(var(--bg-surface))}.naraya-avatar-group .naraya-avatar:not(:last-child){margin-left:-.5rem}.naraya-avatar-group__count{display:inline-flex;align-items:center;justify-content:center;margin-left:-.5rem;border-radius:50%;background-color:rgb(var(--color-secondary));color:rgb(var(--text-muted));font-size:.6875rem;font-weight:600;box-shadow:0 0 0 2px rgb(var(--bg-surface))}