/*!
* Components/XImg
*/

.x-img {
	--x-img-preload-filter: var(--x-comp-img-preload-filter, blur(0.25rem));
}

.x-img {
	--x-sys-overlay-multiplier: 3;
	z-index: 0;
}

.x-img--booting > .x-responsive__sizer {
	transition: none;
}

.x-img__img,
.x-img__picture,
.x-img__gradient,
.x-img__placeholder,
.x-img__error {
	z-index: -1;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.x-img__img--preload {
	filter: var(--x-img-preload-filter);
}

.x-img__img--contain {
	object-fit: contain;
}

.x-img__img--cover {
	object-fit: cover;
}

.x-img__gradient {
	background-repeat: no-repeat;
}