.message-bot.htmx-added {
    opacity: 0;
}

.message-bot {
    opacity: 1;
    transition: opacity 500ms ease-out;
}

.message-user.htmx-added {
    opacity: 0;
}

.message-user {
    opacity: 1;
    transition: opacity 500ms ease-out;
}

.message-content.htmx-added {
    opacity: 0;
}

.message-content {
    opacity: 1;
    transition: opacity 500ms ease-out;
}

.message-button.htmx-added {
    opacity: 0;
}

.message-button {
    opacity: 1;
    transition: opacity 500ms ease-out;
}

.message-icon.htmx-added {
    opacity: 0;
}

.message-icon {
    opacity: 1;
    transition: opacity 500ms ease-out;
}