.blockBaSlider {
	display: grid;
	width: 100%;
	position: relative;
	--thumb-size: .75rem;
}
.baSlider-img {
	grid-row: 1;
	grid-column: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.baSlider-imgAfter {
	clip-path: inset(0 calc(100% - var(--baVal)) 0 0);
}

.baSlider-range {
	appearance: none;
	position: absolute;
	inset: 0 calc(var(--thumb-size) * -1);
	margin: 0;
	background: transparent;
	z-index: 1;
}
.baSlider-range:focus {
	outline: none;
}

.baSlider-range::-webkit-slider-thumb {
	border: none;
	width: calc(var(--thumb-size) * 2);
	height: calc(var(--thumb-size) * 2);
	background-color: #fff;
	display: block;
	align-items: center;
	justify-content: center;
	border-radius: 2rem;
	appearance: none;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23444444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-direction-horizontal"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 9l-3 3l3 3"></path><path d="M14 9l3 3l-3 3"></path></svg>');
	background-size: 110%;
	background-position: center;
	cursor: pointer;
}

.baSlider-range::-moz-range-thumb {
	border: none;
	width: calc(var(--thumb-size) * 2);
	height: calc(var(--thumb-size) * 2);
	background-color: #fff;
	display: block;
	align-items: center;
	justify-content: center;
	border-radius: 2rem;
	appearance: none;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23444444" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-direction-horizontal"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 9l-3 3l3 3"></path><path d="M14 9l3 3l-3 3"></path></svg>');
	background-size: 110%;
	background-position: center;
	cursor: pointer;
}

.blockBaSlider::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2px;
	left: calc(var(--baVal) - 1px);
	background: #fff;
}

@media only screen and (min-width: 700px) {
	.blockBaSlider {
		--thumb-size: 1rem;
	}
}


.directoryListItem {
	--s1-accentDark: #000;
	--s1-componentBg: #fff;
}
.floxTextAccordion {
	--s1-componentBg: #fff;
	color: #000;
}
.galleryBg {
	background: #fff;
	padding: 1rem 1rem .5rem;
}
.galleryBg .galleryItemTitle {
	color: #000;
}
