%vlt_animate_icon_left {
	animation: vlt_animate_icon_left calc(var(--vlt-transition-duration) * 1.5) var(--vlt-transition-easing) forwards;
}

%vlt_animate_icon_right {
	animation: vlt_animate_icon_right calc(var(--vlt-transition-duration) * 1.5) var(--vlt-transition-easing) forwards;
}

%vlt_animate_icon_down {
	animation: vlt_animate_icon_down calc(var(--vlt-transition-duration) * 1.5) var(--vlt-transition-easing) forwards;
}

%vlt_animate_image {
	transform: scale(1.05);
}

%vlt_lift {
	transition: transform var(--vlt-transition-duration) var(--vlt-transition-easing);
	transform: translate3d(0, 0, 0);
	will-change: transform;

	&:hover {
		transform: translate3d(0, px2rem(-15px), 0);
	}

}

%vlt_navbar_logo {
	display: inline-flex;
	line-height: 1;
	text-decoration: none;
	align-self: center;

	&:hover {
		color: currentColor;
	}

	h2 {
		font-size: px2rem(20px);
		font-weight: 700;
		line-height: 1;
		color: currentColor;
		letter-spacing: 0;
	}

	img {
		display: block;
		width: auto;

		.vlt-header--dark & {
			display: none;
		}

	}

	img.white {
		display: none;

		.vlt-header--dark & {
			display: block;
		}

	}

}