.ics-11302-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	user-select: none;
	-webkit-user-select: none;
	touch-action: pan-y;
}

.ics-11302-container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	pointer-events: none;
}

.ics-11302-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ics-11302-img-after {
	position: relative;
}

.ics-11302-img-before {
	z-index: 10;
	border-right: 2px solid transparent; /* Prevents jumping */
}

.ics-11302-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	max-width: none;
}

.ics-11302-img-before img {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 100%;
	max-width: none;
}

.ics-11302-label {
	position: absolute;
	top: 20px;
	padding: 5px 15px;
	border-radius: 0px; /* Angled edges requested by user */
	z-index: 20;
	font-family: sans-serif;
	font-size: 14px;
	pointer-events: none;
}

.ics-11302-label-before {
	left: 20px;
}

.ics-11302-label-after {
	right: 20px;
}

/* Slider Handle */
.ics-11302-slider {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 40px;
	margin-left: -20px; /* Center handle */
	z-index: 30;
	cursor: ew-resize;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ics-11302-divider {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 2px;
	transform: translateX(-50%);
	pointer-events: none;
}

.ics-11302-handle {
	position: absolute;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	pointer-events: none;
}

.ics-11302-handle-arrow {
	width: 0;
	height: 0;
	border-style: solid;
}

.ics-11302-arrow-left {
	border-width: 5px 6px 5px 0;
	border-color: transparent currentColor transparent transparent;
}

.ics-11302-arrow-right {
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent currentColor;
}