:root,:host{--avatar-background: #f0f0f0;--avatar-foreground: #000000;--avatar-border: 1px solid #ccc;--avatar-border-radius: 9999px;--avatar-aspect-ratio: 1/1;--avatar-size-xxs: 24px;--avatar-size-xs: 32px;--avatar-size-sm: 40px;--avatar-size-md: 64px;--avatar-size-lg: 80px;--avatar-size-xl: 96px;--avatar-size-xxl: 128px;--avatar-button-size-xxs: 16px;--avatar-button-size-xs: 20px;--avatar-button-size-sm: 24px;--avatar-button-size-md: 28px;--avatar-button-size-lg: 32px;--avatar-button-size-xl: 48px;--avatar-button-size-xxl: 64px;--avatar-font-size-xxs: 12px;--avatar-font-size-xs: 14px;--avatar-font-size-sm: 16px;--avatar-font-size-md: 18px;--avatar-font-size-lg: 28px;--avatar-font-size-xl: 38px;--avatar-font-size-xxl: 67px}.avatar{--background: var(--avatar-background);--foreground: var(--avatar-foreground);--border: var(--avatar-border);--border-radius: var(--avatar-border-radius, 9999px);display:grid;position:relative;aspect-ratio:var(--avatar-aspect-ratio, 1/1);font-size:var(--avatar-font-size);height:max-content}.avatar>span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;align-self:center;justify-self:center;border-radius:var(--border-radius);background:var(--background);font-size:inherit}.avatar>span>svg{width:var(--avatar-font-size);height:var(--avatar-font-size)}.avatar .button{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;right:0;width:var(--avatar-button-size);height:var(--avatar-button-size)}.avatar .button>svg{width:var(--avatar-button-size);height:var(--avatar-button-size)}.avatar>picture{display:block;width:100%;height:100%;border-radius:var(--border-radius);overflow:hidden}.avatar>picture img{width:100%;height:100%;object-fit:cover}.avatar.clickable{cursor:pointer}.avatar.xxs{width:var(--avatar-size-xxs);--avatar-button-size: var(--avatar-button-size-xxs);--avatar-font-size: var(--avatar-font-size-xxs)}.avatar.xs{width:var(--avatar-size-xs);--avatar-button-size: var(--avatar-button-size-xs);--avatar-font-size: var(--avatar-font-size-xs)}.avatar.sm{width:var(--avatar-size-sm);--avatar-button-size: var(--avatar-button-size-sm);--avatar-font-size: var(--avatar-font-size-sm)}.avatar.md{width:var(--avatar-size-md);--avatar-button-size: var(--avatar-button-size-md);--avatar-font-size: var(--avatar-font-size-md)}.avatar.lg{width:var(--avatar-size-lg);--avatar-button-size: var(--avatar-button-size-lg);--avatar-font-size: var(--avatar-font-size-lg)}.avatar.xl{width:var(--avatar-size-xl);--avatar-button-size: var(--avatar-button-size-xl);--avatar-font-size: var(--avatar-font-size-xl)}.avatar.xxl{width:var(--avatar-size-xxl);--avatar-button-size: var(--avatar-button-size-xxl);--avatar-font-size: var(--avatar-font-size-xxl)}