// @import '../../../../sass/variables';
/* ====== SET MESSAGES ====== */

.messages {
    border-radius: 8px;
    padding: 0;
    word-wrap: break-word;
    // padding: 14px;
    // padding: 6px 6px 6px 6px;
    // box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    // -webkit-animation: heartbeat 1.5s ease-in-out both;
    // animation: heartbeat 1.5s ease-in-out both;

    p {
        font-size: 1.4em;
        margin: 0;
        padding: 14px;
        font-style: normal;
        letter-spacing: normal;
        font-stretch: normal;
        font-variant: normal;
        font-weight: 300;
        overflow: hidden;
    }
    img {
        border-radius: 8px;
        padding: 3px;
        margin-bottom: 0px;
        max-width: calc(100% - 6px);
        width: auto;
        height: auto;
        object-fit: cover;
    }

    .message_innerhtml {
        margin: 0px;
        // padding: 0px 14px;
        &.marked {
            padding: 8px;
            margin-block-start: -1em !important;
            margin-block-end: -1em !important;
        }

        .text-message {
            padding-top: 14px;
        }
    }
}
// > .button-native
.btn-add-msg-as-canned-response {
    // padding-left: 5px ;
    // padding-right: 5px ;
    border-radius: 50%;
    --padding-end: 7px;
    --padding-start: 7px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 6%);
}

// .emoticon {
//     padding: 35px 0px !important;
// }


