.tlv2-avatar{
    user-select: none;
    -webkit-user-drag: none;
}
.avatarel-creator-card-avatar {
    position: relative;
}

.avatarel-creator-card-avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    user-select: none;
}

.avatarel-creator-card-avatar-edit {
    position: absolute;
    bottom: 10px;
    left: 0;
    border-radius: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    cursor: pointer;
    z-index: 2;
}

.avatarel-creator-card-avatar-edit-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--fw-white-200);
    color: var(--fw-black-300);
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.avatarel-creator-card-avatar-edit-icon:hover {
    color: #000000;
    background-color: var(--fw-white-000);
    cursor: pointer;
}

.avatarel-creator-card-avatar-initials {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    font-weight: bold;
}




.UI-edit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    padding: 5px;
    border-radius: 50%;
    background-color: var(--fw-white-200);
    color: var(--fw-black-300);
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}


.UI-edit:hover {
    color: #000000;
    background-color: var(--fw-white-000);
}