@charset "UTF-8";

/* ==========================================================
   7BEE SCROLL ANIMATION
   ========================================================== */

/* ----------------------------------------------------------
   Base
   ---------------------------------------------------------- */

.js-fade,
.js-fade-up,
.js-fade-left,
.js-fade-right {
	opacity: 0;
	transition:
		opacity .8s ease,
		transform .8s ease;
	will-change: opacity, transform;
}


/* ----------------------------------------------------------
   Fade
   ---------------------------------------------------------- */

.js-fade {
	transform: none;
}


/* ----------------------------------------------------------
   Fade Up
   ---------------------------------------------------------- */

.js-fade-up {
	transform: translateY(30px);
}


/* ----------------------------------------------------------
   Fade Left
   ---------------------------------------------------------- */

.js-fade-left {
	transform: translateX(-30px);
}


/* ----------------------------------------------------------
   Fade Right
   ---------------------------------------------------------- */

.js-fade-right {
	transform: translateX(30px);
}


/* ----------------------------------------------------------
   Visible
   ---------------------------------------------------------- */

.js-fade.is-visible,
.js-fade-up.is-visible,
.js-fade-left.is-visible,
.js-fade-right.is-visible {
	opacity: 1;
	transform: translate(0, 0);
	will-change: auto;
}


/* ----------------------------------------------------------
   Delay
   ---------------------------------------------------------- */

.js-delay-1 {
	transition-delay: .1s;
}

.js-delay-2 {
	transition-delay: .2s;
}

.js-delay-3 {
	transition-delay: .3s;
}

.js-delay-4 {
	transition-delay: .4s;
}


/* ----------------------------------------------------------
   Reduced Motion
   ---------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

	.js-fade,
	.js-fade-up,
	.js-fade-left,
	.js-fade-right {
		opacity: 1;
		transform: none;
		transition: none;
	}
}