.CROP {
	width: 100%; height: 20vw;
	overflow: hidden;
}
.Carousel {
	margin: auto;
	width: 100%; height: 100%;
}
.Carousel_chunk {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%; height: 100%;
}
.Carousel .currImg {
	cursor: pointer;
}
.chunk_item {
	width: 100%; height: 100%;
	cursor: pointer;
}
.chunk_item img {
	display: inline-block;
	width: 100%; height: 100%;
	object-fit: cover;
}
.Carousel-controls {
	user-select: none;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: absolute; right: 0; left: 0;
	padding: 10px 0;
}
.Carousel-controls .controls {
	display: flex; justify-content: center; align-items: center;
	position: absolute; top: 50%; right: 15px; transform: translateY(-50%);
}
@media (max-width: 1024px) {
	.CROP { height: 85vw; }
	.Carousel-controls { position: relative; margin-bottom: 10px; }
}
.Carousel-controls .controls > svg { width: 15px; height: auto; }
.Carousel-controls .controls > svg:first-child { margin-right: 30px; }
.Carousel-controls_dot,
.Carousel-controls svg {
	cursor: pointer;
}
.Carousel-controls svg:hover {
	fill: var(--red);
}
.Carousel-controls_dot {
	width: 10px; height: 10px;
	background-color: white;
	border: 1px solid black;
	margin: 0 2.5px;
}
.Carousel-controls_dot:hover {
	transform: scale(1.4, 1.4);
}
.Carousel-controls_dot.CURR {
	cursor: none;
	background-color: black;
	color: #000;
	font-weight: bold;
	transform: scale(1.4, 1.4);
}
.slide_next-enter-active,
.slide_prev-enter-active {
	transition: transform 0.3s;
}
.slide_next-enter {
	transform: translateX(100%);
}
.slide_prev-enter {
	transform: translateX(-100%);
}
.lightbox {
	cursor: pointer;
	user-select: none;
	position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999;
	width: 100vw; height: 100vh; min-width: 100vw; min-height: 100vh;
	background: white url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 10 10' fill='none' stroke-linecap='round' stroke-linejoin='round' stroke='black'><line x1='4' y1='4' x2='6' y2='6' /><line x1='6' y1='4' x2='4' y2='6' /></svg>") top right no-repeat;
	background-size: 10% 10%;
	display: flex;
}
.lightbox img {
	cursor: default;
	margin: auto;
	/* max-width: 85%; */
	max-height: 85%;
	min-width: 50%;
	/* min-height: 50%; */
}
.lightbox .prev,
.lightbox .next {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 60px;
	margin: -30px 4% 0;
	background: white url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke-linecap='round' stroke-linejoin='round'><path stroke='black' d='M6,2 L4,5 L6,8'/></svg>") center/cover no-repeat;
}
.lightbox .prev:hover,
.lightbox .next:hover {
	background-color: #f2f2f2;
}
.lightbox .next {
	right: 0;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke-linecap='round' stroke-linejoin='round'><path stroke='black' d='M4,2 L6,5 L4,8'/></svg>");
}

.prev, .next { cursor: pointer; }

.Carousel-controls .prev { transform: rotate(90deg) }
.Carousel-controls .next { transform: rotate(-90deg); }

.slide_prev-enter-active,
.slide_prev-leave-active,
.slide_next-enter-active,
.slide_next-leave-active {
  transition: all 0.25s ease-in-out;
}

.slide_prev-enter-from,
.slide_prev-leave-to,
.slide_next-enter-from,
.slide_next-leave-to {
  opacity: 0;
  /* transform: translateX(-100%); */
}

.fs {
	background: rgba(255, 255, 255, 0.7) url("https://logements.eiffage-immobilier.fr/0_common/public/images/fscreen.svg") no-repeat;
	position: absolute; top: 15px; right: 15px;
	width: 30px; height: 30px; cursor: pointer;
}