.funtion-profile-avatar{--funtion-avatar-size:var(--funtion-avatar-md);width:var(--funtion-avatar-size);height:var(--funtion-avatar-size);flex:0 0 var(--funtion-avatar-size);color:#26343b;font:900 calc(var(--funtion-avatar-size) * .32)/1 var(--funtion-font-body);background:#e7eef2;border:2px solid #121b2d33;border-radius:50%;place-items:center;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 3px 7px #121b2d33}.funtion-profile-avatar.is-xs{--funtion-avatar-size:var(--funtion-avatar-xs)}.funtion-profile-avatar.is-sm{--funtion-avatar-size:var(--funtion-avatar-sm)}.funtion-profile-avatar.is-md{--funtion-avatar-size:var(--funtion-avatar-md)}.funtion-profile-avatar.is-lg{--funtion-avatar-size:var(--funtion-avatar-lg)}.funtion-profile-avatar.is-xl{--funtion-avatar-size:var(--funtion-avatar-xl)}.funtion-profile-avatar.is-hero{--funtion-avatar-size:var(--avatar-hero)}.funtion-profile-avatar-image,.funtion-profile-avatar-fallback{object-fit:cover;place-items:center;width:100%;height:100%;display:grid}.funtion-profile-avatar.is-role-creator{border-color:var(--color-primary)}.funtion-profile-avatar.is-role-freelancer{border-color:var(--color-freelancer)}.funtion-profile-avatar.is-role-supporter{border-color:var(--color-supporter)}.funtion-profile-avatar-status{aspect-ratio:1;background:#8c989e;border:2px solid #fff;border-radius:50%;width:22%;position:absolute;bottom:4%;right:4%}.funtion-profile-avatar.is-status-online .funtion-profile-avatar-status,.funtion-profile-avatar.is-status-active .funtion-profile-avatar-status,.funtion-profile-avatar.is-status-available .funtion-profile-avatar-status{background:var(--color-success)}