.animation {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    transition: unset;
}

.tgm_filter_line_anim {
    width: 100%;
    height: 32px;
    position: relative;
    float: left;
    z-index: 1;
    margin-top: -28px;
}

/* move over chackbox only*/
.tgm_filter_line_anim {
    width: 28px;
    height: 28px;
    position: absolute;
    margin-left: 180px;
    z-index: 1;
    margin-top: -4px;
    border-radius: 4px;
}



.tgm_filter_line_anim_bg {
    background-color: #f1c798;
    opacity: 1;
    border-radius: 4px;
}

.tgm_filter_line_anim_bg {background-color: #eab57a;opacity:0.5;}

.dark-theme .tgm_filter_line_anim_bg {background-color: #f39934;opacity:0.5;}


@-webkit-keyframes vanishOut {
    0% {
        opacity: 0.64;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        -webkit-filter: blur(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform: scale(2, 2);
        -webkit-filter: blur(20px);
    }
}