.avatar{display:flex;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.avatar,.avatar .image-wrapper{position:relative;overflow:hidden}.avatar .image-wrapper{background-color:var(--color-neutral-100);width:calc(100% - 6px);height:calc(100% - 6px)}.avatar .image-wrapper img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.avatar.hexagon,.avatar.hexagon .image-wrapper{clip-path:polygon(47.5% 5.67%,48.29% 5.3%,49.13% 5.08%,50% 5%,50.87% 5.08%,51.71% 5.3%,52.5% 5.67%,87.14% 25.67%,87.86% 26.17%,88.47% 26.79%,88.97% 27.5%,89.34% 28.29%,89.57% 29.13%,89.64% 30%,89.64% 70%,89.57% 70.87%,89.34% 71.71%,88.97% 72.5%,88.47% 73.21%,87.86% 73.83%,87.14% 74.33%,52.5% 94.33%,51.71% 94.7%,50.87% 94.92%,50% 95%,49.13% 94.92%,48.29% 94.7%,47.5% 94.33%,12.86% 74.33%,12.15% 73.83%,11.53% 73.21%,11.03% 72.5%,10.66% 71.71%,10.43% 70.87%,10.36% 70%,10.36% 30%,10.43% 29.13%,10.66% 28.29%,11.03% 27.5%,11.53% 26.79%,12.15% 26.17%,12.86% 25.67%)}.avatar.circle,.avatar.circle .image-wrapper{clip-path:circle(50% at center)}.avatar.square,.avatar.square .image-wrapper{clip-path:inset(0 round 4%)}