.persona-name-avatar-input-wrapper {
    display: flex;
}


.persona-name-avatar-input-wrapper .left {
    flex: 1;
    margin-right: 10px;
}


.persona-name-avatar-input-wrapper .right {
    width: var(--input-height);
    height: var(--input-height);
    border-radius: 50%;
    /*background: #CD4A20;*/
    background: linear-gradient(135deg, #CF6B36 0%, transparent 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.persona-name-avatar-input-wrapper .right .edit-icon {
    background: var(--popup-bg);
    position: absolute;
    right: 0;
    bottom: 0;
    /*width: 20px;*/
    /*height: 20px;*/
    padding: 4px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.persona-name-avatar-input-wrapper .right .edit-icon i {
    font-size: 10px;
}


.persona-name-avatar-input-wrapper .right input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}


.persona-name-avatar-input-wrapper .avatar-uploaded .persona-avatar-text{
    display: none;
}



.persona-item {
    /*--persona-item-height: 65px;*/
    display: flex;

    /*height: var(--persona-item-height);*/

    align-items: center;
    justify-content: space-between;
    padding: 15px var(--popup-padding);

    border-bottom: 1px solid var(--text-color-1);

    --avatar-height: 65px;
}

.persona-item .persona-item-checkbox {
    background: var(--text-color-1);
    width: 15px;
    height: 15px;
    border-radius: 5px;
flex-shrink: 0;
}

.persona-item .persona-item-checkbox i {
    display: none;
}

.persona-item .info-wrapper {
    flex: 1;
    padding: 0 20px;
    display: flex;
    align-items: center;

}


.persona-item .info-wrapper .avatar {
    width: var(--avatar-height);
    height: var(--avatar-height);
    border-radius: 50%;
    background: var(--text-color-1);

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-right: 10px;
}

.persona-item .info-wrapper .info {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    /*height: var(--avatar-height);*/

}

.persona-item .info-wrapper .info .nickname-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}


.persona-item .info-wrapper .info .nickname-wrapper .nickname {
    font-weight: bold;
    margin-right: 8px;
    max-width: 100px;
}


.default-persona-tag {
    background: var(--text-color-1);
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 10px;

}

.persona-item .info-wrapper .info .intro {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    font-size: 12px;
    opacity: 0.5;
}


.persona-item-checked .persona-item-checkbox {
    background: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.persona-item-checked .persona-item-checkbox i {
    font-size: 10px;
    display: block;
}

.persona-item-edit-btn {
    height: var(--avatar-height);
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.persona-item-edit-btn i {
    font-size: 12px;
    opacity: 0.8;

}