/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 05 2026 | 09:21:08 */
.ba-slider {
	position: relative;
	width: 100%;
	aspect-ratio: 14.4 / 10.8;
	overflow: hidden;
	border-radius: 12px;
}

.ba-slider img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ba-before-wrap {
	position: absolute;
	inset: 0;
}

.ba-slider input[type="range"] {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	cursor: ew-resize;
	z-index: 6;
}

.ba-slider input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 0;
	height: 100%;
}

.ba-slider input[type="range"]::-moz-range-thumb {
	width: 0;
	height: 100%;
	border: none;
}

.ba-slider input[type="range"]::-moz-range-track {
	background: transparent;
}

.ba-line {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background: #E2D9CE;
	z-index: 4;
	transform: translateX(-.5px);
}

.ba-handle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 38px;
	height: 38px;
	margin: -19px 0 0 -19px;
	border-radius: 50%;
	background: #E2D9CE;
	z-index: 5;
	box-shadow: 0 4px 14px rgba(0,0,0,.25);
	display: flex;
	align-items: center;
	justify-content: center;
}

.ba-handle svg {
	width: 16px;
	height: 16px;
}

.ba-tag {
	position: absolute;
	bottom: 14px;
	z-index: 3;
	font-size: 12px;
	letter-spacing: .03em;
	padding: 5px 12px;
	border-radius: 2px;
	font-family: inherit;
}

.ba-tag.before {
	left: 14px;
	background: rgba(226,217,206,.9);
	color: #354448;
}

.ba-tag.after {
	right: 14px;
	background: rgba(53,68,72,.85);
	color: #E2D9CE;
}