@keyframes scroll {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    50% {
        opacity: 1;
        transform: translateY(6px);
    }

    100% {
        opacity: 0;
        transform: translateY(12px);
    }
}

.htmx-indicator {
    opacity: 0;
    pointer-events: none;
    transition: opacity 200ms ease-in;
}

.htmx-request .htmx-indicator {
    opacity: 1;
    pointer-events: auto;
}

.htmx-request.htmx-indicator {
    opacity: 1;
    pointer-events: auto;
}

/* Fallback for partner logos */
#partners img,
.modal-partners img {
    max-height: 96px;
    /* equivalent to h-24 */
    width: auto;
    object-fit: contain;
}