div[z-profile]{background:var(--z-profile--bg, var(--z-bg-primary))!important;color:var(--z-profile--color, var(--z-ct-clickable--inv))!important;width:var(--z-profile--size, var(--_size));height:var(--z-profile--size, var(--_size));border-radius:50%;position:relative;display:grid;justify-content:center;align-items:center;text-transform:uppercase;box-sizing:border-box}:where(div[z-profile],*[z-theme=light] div[z-profile],div[z-profile][z-theme=light]){--_img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M14.36 11.4a5 5 0 1 0-4.72 0A7 7 0 0 0 5 18v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3a7 7 0 0 0-4.64-6.6ZM16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-4 5a6 6 0 0 1 6 6v3H6v-3a6 6 0 0 1 6-6Z'/%3E%3C/svg%3E");--_img--outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232167AE' d='M14.36 11.4a5 5 0 1 0-4.72 0A7 7 0 0 0 5 18v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3a7 7 0 0 0-4.64-6.6ZM16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-4 5a6 6 0 0 1 6 6v3H6v-3a6 6 0 0 1 6-6Z'/%3E%3C/svg%3E");--_size: 3.5rem;--_bg--1: var(--z-bg-primary);--_bg--2: var(--z-bg-peach);--_bg--3: var(--z-bg-azure);--_bg--4: var(--z-bg-moss);--_bg--5: var(--z-bg-teal);--_bg--6: var(--z-bg-lilac)}:where(*[z-theme=dark] div[z-profile],div[z-profile][z-theme=dark]){--_img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%232167AE' d='M14.36 11.4a5 5 0 1 0-4.72 0A7 7 0 0 0 5 18v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3a7 7 0 0 0-4.64-6.6ZM16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-4 5a6 6 0 0 1 6 6v3H6v-3a6 6 0 0 1 6-6Z'/%3E%3C/svg%3E");--_img--outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M14.36 11.4a5 5 0 1 0-4.72 0A7 7 0 0 0 5 18v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3a7 7 0 0 0-4.64-6.6ZM16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-4 5a6 6 0 0 1 6 6v3H6v-3a6 6 0 0 1 6-6Z'/%3E%3C/svg%3E")}div[z-profile][z-profile*="1"]{background-color:var(--_bg--1)!important}div[z-profile][z-profile*="2"]{background-color:var(--_bg--2)!important}div[z-profile][z-profile*="3"]{background-color:var(--_bg--3)!important}div[z-profile][z-profile*="4"]{background-color:var(--_bg--4)!important}div[z-profile][z-profile*="5"]{background-color:var(--_bg--5)!important}div[z-profile][z-profile*="6"]{background-color:var(--_bg--6)!important}div[z-profile][status]:after{content:"";display:inline-block;position:absolute;width:1em;height:1em;border-radius:50%;border:2px solid var(--z-bg);bottom:1px;right:1px;box-sizing:border-box;z-index:2}div[z-profile][z-profile*=outline]{background:transparent!important;border:2px solid currentColor;color:var(--z-profile--color, var(--z-profile--border-color, var(--z-br-primary)))!important}div[z-profile]>img{border-radius:50%;width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover}div[status=online]:after{background-color:var(--z-bg-positive)}div[status=absent]:after{background-color:var(--z-bg-alert)}div[status=occupied]:after{background-color:var(--z-bg-negative)}div[status=offline]:after{background-color:var(--z-bg-negative)}div[z-avatar-list=s]>[z-profile],div[z-profile^=s]{--_size: var(--zs-250) !important;font:var(--zf-body-14--300)}div[z-avatar-list=s]>[z-profile]:after,div[z-profile^=s]:after{font-size:.875rem}div[z-avatar-list=m]>[z-profile],div[z-profile^=m]{--_size: 3.5rem !important;font:var(--zf-h-20)}div[z-avatar-list=m]>[z-profile]:after,div[z-profile^=m]:after{font-size:1.125rem}div[z-avatar-list=l]>[z-profile],div[z-profile^=l]{--_size: 5rem !important;font:var(--zf-h-28)}div[z-avatar-list=l]>[z-profile]:after,div[z-profile^=l]:after{font-size:1.375rem}div[z-profile]:is(:empty,:has(>img)){background-image:var(--_img)!important;background-size:1.4em!important;background-repeat:no-repeat!important;background-position:center center!important}div[z-profile]:is(:empty,:has(>img))[z-profile*=outline]{background-image:var(--_img--outline)!important}*[z-badge]:has(>div[z-profile]){--z-badge--top: 0}*[z-badge]:has(>div[z-profile]):before,*[z-badge]:has(>div[z-profile]):after{right:0;transform:translate(50%)}*[z-badge]:has(>div[z-profile]):before{outline:2px solid var(--z-badge--border-color, var(--z-br-placeholder))}