<commit_before>body{
    padding: 70px 0px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
}
.chat_wrapper{
    display: flex;
    min-height: 500px;
    width: 1080px;
    margin: auto;
}
.page-wrapper{
    display: flex;
}
.chat_wrapper .left_wrapper{
    background-color: #1c232b;
    color: #fff;
    text-align: center;
    width: 70px;
    min-height: 500px;
}
.chat_wrapper .right_wrapper{
    flex: 1;
}
.chat_wrapper .contacts-wrapper{
    background-color: #fff;
}
.avatar{
    margin-top: 20px;
    margin-bottom: 20px;
}
.avatar .image{
    width: 44px;
    height: 44px;
    border-radius: 100%;
}
.avatar .name{
    font-size: 15px;
    color: #eee;
}
.links{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.links .link-item{
    text-align: center;
    padding: 10px 0px;
}
.links .link-item a{
    color: #4d5d6c;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
}
.links .link-item.active a{
    color: #fff;
    background-color: #171e26;
}

.icon-chat{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("imgs/chat.png");
    background-position: 0px 0px;
    background-size: contain;
    margin: 5px;
}
.icon-contacts{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("imgs/contacts.png");
    background-position: 0px 0px;
    background-size: contain;
    margin: 5px;
}
.icon-settings{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("imgs/settings.png");
    background-position: 0px 0px;
    background-size: contain;
    margin: 5px;
}
.icon-search{
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("imgs/search.png");
    background-position: 0px 0px;
    background-size: contain;
    margin: 12px 5px 12px 10px;
    float: left;
}

.icon-send{
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("imgs/send.png");
    background-position: 0px 0px;
    background-size: contain;
}


.links .link-item.active .icon-chat{
    background-image: url("imgs/chat_active.png");
}
.links .link-item.active .icon-contacts{
    background-image: url("imgs/contacts_active.png");
}
.links .link-item.active .icon-settings{
    background-image: url("imgs/settings_active.png");
}
.title-wrapper{
    border-bottom: 1px solid #ebf6fb;
    color: #2d4049;
    padding: 25px 15px;
    font-weight: bold;
    font-size: 15px;
}

.contact-items{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.contact-item{
    position: relative;
    padding: 15px 10px 15px 60px;
    border-bottom: 1px solid #ebf6fb;
    border-left: 3px solid #fff;
    cursor: pointer;
}

.contact-item .avatar-wrapper{
    position: absolute;
    display: inline-block;
    width: 44px;
    height: 44px;
    left: 10px;
    top: 10px;

}
.contact-item .avatar-wrapper .image{
    width: 44px;
    height: 44px;
    border-radius: 100%;
}
.contact-item .name{
    color: #37464E;
    font-size: 15px;
}
.contact-item .message{
    color: #B3C1C6;
    font-size: 13px;
    padding: 4px 0px;
    display: inline-block;
}
.contact-item .time{
    color: #B3C1C6;
    font-size: 11px;
    float: right;
    margin: 8px 0px;
}
.contact-item.active{
    background-color: #EFF4F8;
    border-left: 3px solid #3D98D1;
}
.search-wrapper{
    border-bottom: 1px solid #ebf6fb;
}
.search-input{
    border: none;
    box-shadow: none;
    outline: none;
    padding: 15px 0px;
    font-size: 14px;
}

.message-title{
    background-color: #fff;
    padding: 0px 20px 0px 60px;
    position: relative;
    height: 68px;
}
.message-title .image{
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    left: 20px;
    top: 12px;
}
.message-title .name{
    padding: 10px;
    line-height: 50px;
    font-weight: bold;
    font-size: 14px;
}
.message-footer{
    position: relative;
}
.message-footer .message-input{
    width: 96%;
    padding: 10px 2%;<commit_msg>fixed bug<commit_after>body{
    padding: 70px 0px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
}
.chat_wrapper{
    display: flex;
    min-height: 500px;
    width: 1080px;
    margin: auto;
}
.page-wrapper{
    display: flex;
}
.chat_wrapper .left_wrapper{
    background-color: #1c232b;
    color: #fff;
    text-align: center;
    width: 70px;
    min-height: 500px;
}
.chat_wrapper .right_wrapper{
    flex: 1;
}
.chat_wrapper .contacts-wrapper{
    background-color: #fff;
}
.avatar{
    margin-top: 20px;
    margin-bottom: 20px;
}
.avatar .image{
    width: 44px;
    height: 44px;
    border-radius: 100%;
}
.avatar .name{
    font-size: 15px;
    color: #eee;
}
.links{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.links .link-item{
    text-align: center;
    padding: 10px 0px;
}
.links .link-item a{
    color: #4d5d6c;
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
}
.links .link-item.active a{
    color: #fff;
    background-color: #171e26;
}

.icon-chat{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("imgs/chat.png");
    background-position: 0px 0px;
    background-size: contain;
    margin: 5px;
}
.icon-contacts{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("imgs/contacts.png");
    background-position: 0px 0px;
    background-size: contain;
    margin: 5px;
}
.icon-settings{
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("imgs/settings.png");
    background-position: 0px 0px;
    background-size: contain;
    margin: 5px;
}
.icon-search{
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("imgs/search.png");
    background-position: 0px 0px;
    background-size: contain;
    margin: 12px 5px 12px 10px;
    float: left;
}

.icon-send{
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("imgs/send.png");
    background-position: 0px 0px;
    background-size: contain;
}


.links .link-item.active .icon-chat{
    background-image: url("imgs/chat_active.png");
}
.links .link-item.active .icon-contacts{
    background-image: url("imgs/contacts_active.png");
}
.links .link-item.active .icon-settings{
    background-image: url("imgs/settings_active.png");
}
.title-wrapper{
    border-bottom: 1px solid #ebf6fb;
    color: #2d4049;
    padding: 20px 15px;
    font-weight: normal;
    font-size: 15px;
}

.contact-items{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.contact-item{
    position: relative;
    padding: 15px 10px 15px 60px;
    border-bottom: 1px solid #ebf6fb;
    border-left: 3px solid #fff;
    cursor: pointer;
}

.contact-item .avatar-wrapper{
    position: absolute;
    display: inline-block;
    width: 44px;
    height: 44px;
    left: 10px;
    top: 10px;

}
.contact-item .avatar-wrapper .image{
    width: 44px;
    height: 44px;
    border-radius: 100%;
}
.contact-item .name{
    color: #37464E;
    font-size: 15px;
}
.contact-item .message{
    color: #B3C1C6;
    font-size: 13px;
    padding: 4px 0px;
    display: inline-block;
}
.contact-item .time{
    color: #B3C1C6;
    font-size: 11px;
    float: right;
    margin: 8px 0px;
}
.contact-item.active{
    background-color: #EFF4F8;
    border-left: 3px solid #3D98D1;
}
.search-wrapper{
    border-bottom: 1px solid #ebf6fb;
}
.search-input{
    border: none;
    box-shadow: none;
    outline: none;
    padding: 15px 0px;
    font-size: 14px;
}

.message-title{
    background-color: #fff;
    padding: 0px 20px 0px 60px;
    position: relative;
    height: 58px;
}
.message-title .image{
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    left: 15px;
    top: 6px;
}
.message-title .name{
    padding: 10px;
    line-height: 50px;
    font-weight: bold;
    font-size: 14px;
}
.message-footer{
    position: relative;
}
.message-footer .message-input{
    width: 96%;
    padding: 10px 2%;
{'fraction_non_alphanumeric': 0.14156378600823044, 'fraction_numerical': 0.04950029394473839, 'mean_word_length': 2.7905525846702317, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4588187', 'n_tokens_mistral': 3583, 'n_tokens_neox': 3213, 'n_words': 750}