.avatar_xqCK0 {
    --font-size-xs: 8px;
}

.avatar_xqCK0 {
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
}

.avatar_xqCK0 span {
    /* Visually align the text */
    margin-top: 2px;
}

.image_-aXJJ {
    overflow: hidden;
    border-radius: 50%;
}

.avatar_xqCK0 .image_-aXJJ {
    border-radius: 50%;
    background-color: var(--sp-color-bg-avatar);
}

.squared_ogfGW .image_-aXJJ {
    border-radius: var(--sp-radius-400);
}

.xs_-Zb24 {
    width: var(--sp-size-125); /* 14px */
    height: var(--sp-size-125); /* 14px */

    span {
        font-size: var(--font-size-xs);
    }
}

.sm_W1B0D {
    width: var(--sp-size-300); /* 24px */
    height: var(--sp-size-300); /* 24px */
}

.md_pUKY- {
    width: var(--sp-size-400); /* 32px */
    height: var(--sp-size-400); /* 32px */
}

.lg_B2Htk {
    width: var(--sp-size-500); /* 48px */
    height: var(--sp-size-500); /* 48px */
}