.images-compare-container {
	display: inline-block;
	position: relative;
	overflow: hidden
}
.images-compare-before {
	will-change: clip;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	pointer-events: none;
	overflow: hidden
}
.images-compare-after {
	pointer-events: none
}
.images-compare-after img, .images-compare-before img {
	max-width: 100%;
	height: auto;
	display: block
}
.images-compare-separator {
	position: absolute;
	background: #fff;
	height: 100%;
	width: 3px;
	z-index: 4;
	left: 0;
	top: 0
}
.images-compare-handle {
	height: 38px;
	width: 38px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -18px;
	margin-top: -18px;
	border: 3px solid #fff;
	border-radius: 50%;
	z-index: 5;
	background: #FF6B00;
	cursor: pointer;
}

.images-compare-label {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	color: #000;
	background: #fff;
	padding: 10px;
	display: none;
}
.images-compare-container .images-compare-label {
	display: inherit
}
.images-compare-before .images-compare-label {
	left: 10px
}
.images-compare-after .images-compare-label {
	left: auto;
	right: 10px
}