&.loading {

	&:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 3;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 60px;
		background-image: url('../images/svg/loader-ani-black.svg');
		background-color: @white-1;
	}

	&:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 2;
	}

	&.fixed {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
	}

	&.white {

		&:before {
			background-image: url('../images/svg/loader-ani-black.svg');
			background-color: @white;
		}
	}

	&.black {

		&:before {
			background-image: url('../images/svg/loader-ani.svg');
			background-color: @black;
		}
	}

	&.grey {

		&:before {
			background-image: url('../images/svg/loader-ani-black.svg');
			background-color: @white-1;
		}
	}

	&.transparent-black {

		&:before {
			background-image: url('../images/svg/loader-ani-black.svg');
			background-color: transparent;
		}
	}

	&.transparent-white {

		&:before {
			background-image: url('../images/svg/loader-ani.svg');
			background-color: transparent;
		}
	}

	&.noise-white {
		
		&:after {
			content: "";
			background-image: url(../images/gif/noise-animated-dark.gif);
			background-repeat: repeat;
			background-size: 400px;
			background-position: center center;
		}

		&:before {
			background-image: url('../images/svg/loader-ani.svg');
			background-color: transparent;
		}
	}

	&.noise-black {
		
		&:after {
			content: "";
			background-image: url(../images/gif/noise-animated-dark.gif);
			background-repeat: repeat;
			background-size: 400px;
			background-position: center center;
		}

		&:before {
			background-image: url('../images/svg/loader-ani.svg');
			background-color: transparent;
		}
	}

	&.inline-black {
		width: 100%;
		height: 100%;
		min-height: 60px;
		background-color: transparent;

		&:before {
			background-position: center;
			background-repeat: no-repeat;
			background-size: 60px;
			background-image: url('../images/svg/loader-ani-black.svg');
		}
	}

	&.inline-white {
		width: 100%;
		height: 100%;
		min-height: 60px;
		background-color: transparent;

		&:before {
			background-position: center;
			background-repeat: no-repeat;
			background-size: 60px;
			background-image: url('../images/svg/loader-ani.svg');
		}
	}

	&.relative {
		position: relative;
	}

	&.overflow-hidden {
		overflow: hidden;
	}
}