.ds-avatar{--avatar-size:36px;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-text);font-size:var(--font-size-xs);font-weight:var(--fw-semibold,600);-webkit-user-select:none;user-select:none;place-items:center;display:grid;overflow:hidden}.ds-avatar:is(button){cursor:pointer;border:none;margin:0;padding:0}.ds-avatar--sm{--avatar-size:28px;font-size:var(--font-size-2xs)}.ds-avatar--md{--avatar-size:36px}.ds-avatar--lg{--avatar-size:48px;font-size:var(--font-size-sm)}.ds-avatar__image{object-fit:cover;width:100%;height:100%}.ds-avatar svg{width:60%;height:60%}