: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)}:root,:host{--avatar-name-background: transparent;--avatar-name-foreground: var(--text-color);--avatar-name-border: none;--avatar-name-border-radius: 0;--avatar-name-box-shadow: none;--avatar-name-padding: 0;--avatar-name-gap: var(--spacing-medium);--avatar-name-flex-direction: row;--avatar-name-align-items: center;--avatar-name-justify-content: flex-start}.avatar-name{--background: var(--avatar-name-background, transparent);--foreground: var(--avatar-name-foreground, inherit);--border: var(--avatar-name-border, none);--border-radius: var(--avatar-name-border-radius, 9999px);--padding: var(--avatar-name-padding, 0);--gap: var(--avatar-name-gap, var(--spacing-small));display:inline-flex;flex-direction:var(--avatar-name-flex-direction, row);flex-wrap:wrap;position:relative;align-items:var(--avatar-name-align-items, center);justify-content:var(--avatar-name-justify-content, flex-start);gap:var(--gap);width:fit-content;height:fit-content;background:var(--background);color:var(--foreground);border:var(--border);border-radius:var(--border-radius);padding:var(--padding)}.avatar-name .avatar{flex-shrink:0}.avatar-name__body{--p-margin-bottom-mobile: 0;--p-margin-bottom-desktop: 0;--p-margin-top-desktop: 0;--p-margin-top-mobile: 0}