/* record message popup*/
    
.msg-popup{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75em
}
    
    
/*user profile*/
.message-record .profile-user-wrapper{
    display: block;
    width: 100%;
}
    
.message-record .profile{
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: .75em;
}
    
/*user profile pic */
.message-record .profile .user-picture-container{
    width: 3.7em;
    height: 3.7em;
}
    
.message-record .profile .user-picture-container .picture-object{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: var(--accent-color);
    border-radius: 50%;
    color: white;
    font-size: 2em;
    font-weight: 600;
}
    
/*user data*/
.message-record .profile .user-data{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    line-height: 1.2;
    flex-grow: 1;
}
    
.message-record .profile .user-data .user-email{
    text-transform: lowercase;
    font-size: .85em;
}
    
.message-record .profile .user-data .user-name{
    font-size: 1.2em;
    text-transform: capitalize;
    color: var(--dark-accent-color);
}
    
    
/* record message */
.record-msg{
    width: 100%;
    height: 15em;
    background-color: #ededed;
    border-radius: .5em;
}
    
.record-msg .message{
    width: 100%;
    height: 100%;
    border: none;
    resize: none;
    overflow: auto;
    text-align: justify;
    font-weight: 600;
}