/* For some reason toolbar icons work as classes ? */
.mm-chat-bubble {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: cover;
    cursor: pointer;
    image-rendering: pixelated;
    background-image: url("/modules/the-mills-messages/assets/chat_bubble.webp");
}

/*
 * Override Foundry's `.application .scrollable`, whose right margin does not work
 * with ProseMirror's editor internal divs which need a 0 right margin.
 */
.mm-send-dialog .scrollable {
    margin-right: 0 !important;
    padding-right: 0.2rem !important;
}

/* Prevent the message window from getting too big. */
.mm-dialog {
    max-width: 60%;
}

/* Separator between messages from the same sender */
.mm-separator {

}