/** Front + editor styles for Floating Image **/

.mlf-floating-image {
	position: absolute;
	top: var(--mlf-desktop-top);
	right: var(--mlf-desktop-right);
	bottom: var(--mlf-desktop-bottom);
	left: var(--mlf-desktop-left);
	width: var(--mlf-desktop-width);
}

.mlf-floating-image.is-hidden-desktop {
	display: none;
}

@media (max-width: 781px) {
	.mlf-floating-image {
		top: var(--mlf-mobile-top);
		right: var(--mlf-mobile-right);
		bottom: var(--mlf-mobile-bottom);
		left: var(--mlf-mobile-left);
		width: var(--mlf-mobile-width);
	}
	.mlf-floating-image.is-hidden-desktop {
		display: initial;
	}
	.mlf-floating-image.is-hidden-mobile {
		display: none;
	}
}

.mlf-floating-image__img {
	display: block;
	height: auto;
	max-width: 100%;
}