.fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.2s;
}


@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



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

@keyframes fade-out {
    to {
        opacity: 0;
    }
}

@keyframes slide-from-right {
    from {
        transform: translateX(90px);
    }
}

@keyframes slide-to-left {
    to {
        transform: translateX(-90px);
    }
}


table {
    width: 100%;
    max-width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

.htmx-indicator{
    display: none !important;;
}
.htmx-request .htmx-indicator{
    display: inline !important;;
}
.htmx-request.htmx-indicator{
    display: inline !important;;
}

/* Fix message text padding in chat_mini - force messages to have padding */
#msg-container article .bg-white.border.border-gray-200.rounded-lg {
    padding: 12px !important; /* Ensure p-3 equivalent padding */
}

/* Specifically for markdown output content */
#msg-container .markdown-content-output {
    /* Remove any default margins/padding that prose adds */
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure first and last children don't push against container edges */
#msg-container .markdown-content-output > :first-child {
    margin-top: 0 !important;
}

#msg-container .markdown-content-output > :last-child {
    margin-bottom: 0 !important;
}

/* Add spacing between prose elements */
#msg-container .markdown-content-output > * + * {
    margin-top: 0.5rem !important;
}