css='''
<style>
.chat-message{
    padding: 1.5rem; border-radius: 0.5rem; margin-bottom: 1rem; display: flex
}
.chat-message.user{
    background-color: #2b313e
}
.chat-message.bot{
    background-color: #475063
}
.chat-message .avatar{
    width: 20%
}
.chat-message .avatar img{
    max-width: 78px;
    max-height:78px;
    border-radius: 50%;
    object-fit: cover
}
.chat-message .message{
    width: 80%;
    padding:0 1.5rem;
    color:#fff
}
'''

bot_template ='''
<div class="chat-message bot">
    <div class="avatar">
        <img src="https://i.ibb.co/1shjLH8/chat-bot.jpg">
    </div>
   <div class="message">{{MSG}}</div>
</div>
'''

user_template='''
<div class="chat-message user">
    <div class="avatar">
        <img src="https://i.ibb.co/D8gZPkX/f1624829-f27e-4d21-b691-43cff60c0539.jpg">
    </div>
    <div class="message">{{MSG}}</div>
</div>
'''