.fade-in {
	animation: fadeIn 300ms ease-out;
}

.fade-in-up {
	animation: fadeInUp 500ms ease-out;
}

.fade-in-down {
	animation: fadeInDown 500ms ease-out;
}

[animate] {
	opacity: 0;
}

.pulse {
	animation: pulse 2s infinite 100ms;
}

.blick {
    cursor: pointer!important;
    overflow: hidden!important;
    position: relative!important;
}
.blick:after {
    content: " ";
    background: linear-gradient(90deg,
            rgba(255, 255, 255, 0.1),
            rgba(255, 255, 255, 0.6) 100%);
    height: 110%;
    width: 15%;
    top: -5%;
    position: absolute;
    transform: skewX(-22deg);
    animation: blick 2.7s ease-in-out infinite;
    pointer-events: none;
}

.blick:disabled {
	background:none;
}

.blick.disabled::after {
	background:none;
}

@keyframes blick {
    0% {
        left: -25%;
    }

    50% {
        left: 110%;
    }

    100% {
        left: 140%;
    }
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0px var(--theme-accent), 0 0 0 0 var(--theme-accent), 0 0 0 0 var(--theme-accent);
	}
	100% {
		box-shadow: 0 0 0 10px transparent, 0 0 0 30px transparent, 0 0 0 50px transparent;
	}

	120% {
		box-shadow: 0 0 0 10px transparent, 0 0 0 30px transparent, 0 0 0 50px transparent;
	}
}


@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-100px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}