﻿.lazy-load-wrapper {
	position: relative;
	overflow: hidden;
}
.lazy-load-custom.custom {
	opacity: 0;
	transition: all ease-out 1s;
}
	.lazy-load-custom.custom.active {
		opacity: 1;
		transform: scale(1.02);
	}
	.lazy-load-custom.custom:hover {
		transform: scale(1.04);
	}

	.lazy-load-loading {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		font: 2rem/2rem var(--icon-font-family);
		color: rgba(0,0,0,.6);
		text-decoration: none;
	}

		.lazy-load-loading::before {
			content: "\f3f4";
			animation: 1.4s linear 0s normal none infinite lazy-load-spin;
			text-decoration: none;
		}

@keyframes lazy-load-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(359deg);
	}
}