@import "../../css/_mixins.scss";
@import "../../css/_trx_addons.vars.scss";
@import "../../css/_trx_addons.colors.scss";

/* Image effects
--------------------------------------------------------------- */
body > [id^="trx_addons_image_effects_canvas_"] {
	@include fixed-cover(0);
}
.trx_addons_image_effects_holder > [id^="trx_addons_image_effects_canvas_"] {
	@include abs-cover(0);
}
[id^="trx_addons_image_effects_canvas_"] {
	opacity: 0;
	transition: opacity 0.5s ease-in;
	pointer-events: none;
}
.trx_addons_image_effects_planes_loaded [id^="trx_addons_image_effects_canvas_"] {
	opacity: 1;
}

.trx_addons_image_effects_holder {
	position: relative;

}

body:not(.elementor-editor-active):not(.no-curtains) [class*="trx_addons_image_effects_on_"] {
	img {
		visibility: hidden;
	}
	img ~ img,
	.trx_addons_image_effect_original_image,
	.trx_addons_secondary_image,
	.post_thumb,
	.mask {
		display: none;
	}
	.icons {
		@include abs-cover;
	}
}

/* If no curtains supported or any other errors occured - display original images */
body.no-curtains {
	[id^="trx_addons_image_effects_canvas_"] {
		display: none;
	}
}