#top{

    .facetwp-hidden{
        display: none;
    }

    .facetwp-template{
        position: relative;
        &:after{
            content: '';
            width: 50px;
            height: 50px;
            background-image: url(../img/svg/loading.svg);
            background-repeat: no-repeat;
            background-position: center center;
            position: absolute;
            top: 100px;
            left: 50%;
            opacity: 0;
            transform: translateX(-50%);
            pointer-events: none;
            transition: opacity ease 0.3s;
        }

        & > div{
            transition: filter ease 0.2s, opacity ease 0.2s;
        }
        &.fwp-loading{
            &:after{
                opacity: 1;
            }
            & > div{
                filter: blur(8px) grayscale(50%);
                opacity: 0.1;
            }
        }
    }
}