@keyframes sg-chat-message-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.sg-chat-message-enter {
    animation: sg-chat-message-fade-in 500ms ease-out both;
}

.sg-chat-list-enter {
    animation: sg-chat-message-fade-in 300ms ease-out both;
}

@media (prefers-reduced-motion: reduce) {
    .sg-chat-message-enter,
    .sg-chat-list-enter {
        animation: none;
    }
}