/* WIDGET: SHAPE
-------------------------------------------- */

.vlt-shape {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	pointer-events: none;

	&:not(.vlt-shape--visible) {

		@include media-breakpoint-down(xxl) {
			display: none;
		}

	}

	svg,
	img {
		height: max-content;
		transition: transform var(--vlt-transition-duration) var(--vlt-transition-easing);
		z-index: -1;
	}

}

.vlt-shape-parent,
.has-shape-parent {
	position: relative;
	z-index: 0;

	.elementor-widget-vlt-shape {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}