.conversation-history-container{width:95%}.conversation-history-container .conversation-history-header{display:flex;padding:.3rem}.conversation-history-container .conversation-history-header .back-button-container,.conversation-history-container .conversation-history-header .options-button-container{display:flex;align-items:center;margin:.3rem}.conversation-history-container .conversation-history-header .options-button-container{margin-left:auto}.conversation-history-container .conversation-history-header .img-container{margin-right:1rem;height:60px}.conversation-history-container .conversation-history-header .img-container img{height:100%;border-radius:50%}.conversation-history-container .conversation-history-header .item-container{padding:.3rem}.conversation-history-container .conversation-history-header .item-container .title{height:50%;font-weight:600;font-size:1.2rem}.conversation-history-container .conversation-history-header .item-container .partner{height:50%;font-size:1.2rem}.conversation-history-container .conversation-history-body{height:400px;border:solid 1px red;border-radius:5px 5px 0 0;overflow-y:auto;display:flex;flex-direction:column-reverse}.conversation-history-container .conversation-history-body .message-container{padding:.5rem;max-width:80%;display:flex;flex-direction:column}.conversation-history-container .conversation-history-body .message-container.right{align-self:flex-end}.conversation-history-container .conversation-history-body .message-container.left{align-self:flex-start}.conversation-history-container .conversation-history-body .message-container .message-text-right{border:solid 1px blue;padding:.4rem .5rem;align-self:flex-end;width:fit-content;border-radius:10px 10px 0}.conversation-history-container .conversation-history-body .message-container .message-text-left{border:solid 1px blue;padding:.4rem .6rem;align-self:flex-start;width:fit-content;border-radius:10px 10px 10px 0}.conversation-history-container .conversation-history-body .message-container .right-date{text-align:end}.conversation-history-container .conversation-history-form{height:auto;border:solid 1px green;padding:1rem}.conversation-history-container .conversation-history-form input{width:calc(80% - 30px)}.conversation-history-container .conversation-history-form button{width:30px;height:30px;border-radius:50%;background-color:#f0f0f0;border:none;margin-left:1rem}