/* =============================================================================
- Cascading Images
============================================================================= */
.gwel-cascading-images {
	position: relative;
	.gwel-item-image {
		&:not(:first-child) {
			position: absolute;
			pointer-events: none;
		}
		.gwel-image-inner {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		img {
			display: block;
			border-radius: inherit;
			width: 100%;
		}
	}
	.gwel-cascading-position-left {
		left: 0;
		&.gwel-cascading-position-top {
			top: 0;
			transform: translate(calc(-1 * var(--cascading-translate-x)),calc(-1 * var(--cascading-translate-y)));
		}
		&.gwel-cascading-position-bottom {
			bottom: 0;
			transform: translate(calc(-1 * var(--cascading-translate-x)),var(--cascading-translate-y));
		}
	}
	.gwel-cascading-position-right {
		right: 0;
		&.gwel-cascading-position-top {
			top: 0;
			transform: translate(var(--cascading-translate-x),calc(-1 * var(--cascading-translate-y)));
		}
		&.gwel-cascading-position-bottom {
			bottom: 0;
			transform: translate(var(--cascading-translate-x),var(--cascading-translate-y));
		}
	}
}