/**
 * @# Custom Animations
 **/
.wolf-core-animation-mask {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: white;
}

.wolf-core-font-light {
	.wolf-core-animation-mask {
		background-color: black;
	}
}

.uncoverXLeft,
.uncoverXRight,
.uncoverYTop,
.uncoverYBottom {
	visibility: visible !important;
	&:not(.wolf-core-animation-mask) {
		display: none;
	}
}

.uncoverXLeft {
	transform-origin: 100% 50%;
	animation: uncoverXLeft 1s ease forwards;
}

.uncoverXRight {
	transform-origin: 0 50%;
	animation: uncoverXRight 1s ease forwards;
}

.uncoverYTop {
	transform-origin: 0 0;
	animation: uncoverYTop 1s ease forwards;
}

.uncoverYBottom {
	transform-origin: 100% 0;
	animation: uncoverYBottom 1s ease forwards;
}

@keyframes uncoverXLeft {
	0% {
		transform: scaleX(1);
	}
	100% {
		transform: scaleX(0);
	}
}

@keyframes uncoverXRight {
	0% {
		transform: scaleX(1);
	}
	100% {
		transform: scaleX(0);
	}
}

@keyframes uncoverYTop {
	0% {
		transform: scaleY(1);
	}
	100% {
		transform: scaleY(0);
	}
}

@keyframes uncoverYBottom {
	0% {
		transform: scaleY(1);
	}
	100% {
		transform: scaleY(0);
	}
}