Simple fade transition for facetwp-template

<?php
add_action( 'facetwp_scripts', function() {
    ?>
    <style>
        .facetwp-template {
            opacity: 1;
            transition: opacity 0.5s linear;
        }
        .facetwp-template.template-loading {
            opacity: 0;
        }
    </style>
    <script>
        document.addEventListener('facetwp-refresh', function() {
            if ( FWP.loaded ) {
                fUtil( '.facetwp-template' ).addClass( 'template-loading' );
            }
        });
        FWP.hooks.addAction('facetwp/loaded', function() { 
            fUtil( '.facetwp-template' ).removeClass( 'template-loading' );
        });
    </script>
    <?php
}, 100 );