.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; }