.user-avatar[data-v-303e01ba]{--border-width:3px;padding:calc(var(--border-width) * 2);background:var(--avatar-border-outside);aspect-ratio:1;flex-flow:row;justify-content:center;align-items:center;max-height:100%;display:flex;position:relative}.user-avatar.user-avatar-square[data-v-303e01ba],.user-avatar.user-avatar-square[data-v-303e01ba]:before{border-radius:.25rem}.user-avatar[data-v-303e01ba]:not(.user-avatar-square),.user-avatar[data-v-303e01ba]:not(.user-avatar-square):before{border-radius:50%}.user-avatar[data-v-303e01ba]:before{content:"";inset:var(--border-width);background:var(--avatar-border-inside);z-index:1;position:absolute}.user-avatar[data-v-303e01ba]>:not(span.user-is-online-badge){object-fit:cover;object-position:center;z-index:2;border-radius:inherit;background-color:#fff;width:100%;height:100%}.user-avatar>span.user-is-online-badge[data-v-303e01ba]{z-index:3;content:"";background-color:red;border:1px solid #000;border-radius:50%;width:.75rem;height:.75rem;position:absolute;bottom:0;right:0;transform:translate(25%)}.user-avatar>span.user-is-online-badge[data-status="1"][data-v-303e01ba]{background-color:#ff0}.user-avatar>span.user-is-online-badge[data-status="2"][data-v-303e01ba]{background-color:green}