.avatar{width:var(--avatarSize);height:var(--avatarSize);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar .avatarInner{background:var(--avatarBg);border:1px solid color-mix(in srgb,var(--text)15%,transparent);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.avatar .avatarInner:before{content:"";filter:invert();opacity:.1;pointer-events:none;background-image:url(/images/ui/pattern/01.webp);background-repeat:no-repeat;background-size:200% 200%;position:absolute;inset:0;rotate:-30deg;-webkit-mask-image:linear-gradient(270deg,#0000 20%,#000 140%);mask-image:linear-gradient(270deg,#0000 20%,#000 140%)}.avatar .avatarInner:after{content:"";z-index:2;mix-blend-mode:screen;opacity:.2;pointer-events:none;background-image:url(/images/ui/gradient_noise/01.webp);background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.avatar .avatarImage{object-fit:cover;width:100%;height:100%}.avatar .avatarInitials{font-weight:300;font-size:calc(var(--avatarSize)*.4);color:color-mix(in srgb,var(--text)50%,transparent);-webkit-user-select:none;user-select:none;line-height:100%;position:relative}.avatar .avatarIcon{color:color-mix(in srgb,var(--text)50%,transparent);justify-content:center;align-items:center;display:flex;position:relative}.avatar .avatarEditBtn{z-index:3;width:calc(var(--avatarSize)*.33);height:calc(var(--avatarSize)*.33);background:var(--surface);border:1.5px solid color-mix(in srgb,var(--text)12%,transparent);color:color-mix(in srgb,var(--text)60%,transparent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;bottom:0;right:0}.avatar .avatarEditBtn:hover{background:var(--surface-hover);color:var(--primary)}