@charset "UTF-8";

@keyframes fade {
    0%, 100% {filter:opacity(.8)}
    50% {filter:opacity(1)}
}

@keyframes fade-in {
    0% {
        -webkit-filter:opacity(.1);
        filter:opacity(.1)
    }
    100% {
        -webkit-filter:initial;
        filter:initial
    }
}
@keyframes fade-out {
    0% {
        -webkit-filter:initial;
        filter:initial
    }
    100% {
        -webkit-filter:opacity(.1);
        filter:opacity(.1)
    }
}

@keyframes slide-up-fade {
    0% {
        transform:translateY(5%);
        -webkit-filter:opacity(.1);
        filter:opacity(.1)
    }
    100% {
        transform:initial;
        -webkit-filter:initial;
        filter:initial
    }
}
@keyframes slide-down-fade {
    0% {
        transform:initial;
        -webkit-filter:initial;
        filter:initial
    }
    100% {
        transform:translateY(5%);
        -webkit-filter:opacity(.1);
        filter:opacity(.1)
    }
}
@keyframes slide-right-fade {
    0% {
        transform:translateX(-5%);
        -webkit-filter:opacity(.1);
        filter:opacity(.1)
    }
    100% {
        transform:initial;
        -webkit-filter:initial;
        filter:initial
    }
}
@keyframes slide-left-fade {
    100% {
        transform:translateX(-5%);
        -webkit-filter:opacity(.1);
        filter:opacity(.1)
    }
}

@keyframes pulse-whatsapp {
    0% {
        box-shadow:0 0 0 0 rgba(var(--whatsapp-2nd-color),.4);
    }
    70% {
        box-shadow:0 0 0 10px rgba(var(--whatsapp-color), 0);
    }
    100% {
        box-shadow:0 0 0 0 rgba(var(--whatsapp-color), 0);
    }
}

@keyframes shimmer {
    100% {transform:translateX(100%)}
}

@keyframes moving {
    0%, 100% {transform:translateY(8px)}
    50% {transform:translateY(0)}
}

.fading {
    animation-name:fade;
    animation-duration:2s;
    animation-timing-function:linear;
    animation-delay:0ms;
    animation-iteration-count:infinite;
    animation-direction:alternate
}

.fade-in {
    animation-name:fade-in;
    animation-duration:120ms;
    animation-timing-function:linear;
    animation-delay:0ms;
    animation-iteration-count:1;
}
.fade-out {
    animation-name:fade-out;
    animation-duration:120ms;
    animation-timing-function:linear;
    animation-delay:0ms;
    animation-iteration-count:1;
}

.slide-up-fade {
    animation-name:slide-up-fade;
    animation-duration:120ms;
    animation-timing-function:linear;
    animation-delay:0ms;
    animation-iteration-count:1;
    animation-direction:alternate
}
.slide-down-fade {
    animation-name:slide-down-fade;
    animation-duration:120ms;
    animation-timing-function:linear;
    animation-delay:0ms;
    animation-iteration-count:1;
    animation-direction:alternate
}
.slide-left-fade {
    animation-name:slide-left-fade;
    animation-duration:180ms;
    animation-timing-function:linear;
    animation-delay:0ms;
    animation-iteration-count:1;
    animation-direction:alternate
}
.slide-right-fade {
    animation-name:slide-right-fade;
    animation-duration:180ms;
    animation-timing-function:linear;
    animation-delay:0ms;
    animation-iteration-count:1;
    animation-direction:alternate
}
.moving {
    animation-name:moving;
    animation-duration:3s;
    animation-timing-function:linear;
    animation-delay:0ms;
    animation-iteration-count:infinite;
    animation-direction:alternate
}