.carousel {
	--carousel-items-gap: 1.875rem;
	--gallery-number: 1;
	overflow: hidden;
	margin: -1rem -.875rem;
	padding: 1rem .875rem;
}
@media (min-width: 576px) {
.carousel {
		--gallery-number: 2
}
	}
@media (min-width: 992px) {
.carousel {
		--gallery-number: 3
}
	}
@media (min-width: 1200px) {
.carousel {
		--gallery-number: 4
}
	}
.carousel__slides {
		display: flex;
		height: 100%;
		position: relative;
		transition: left .33s ease;
		/*left: calc(-1 * var(--index) * var(--shift) + var(--delta) * 1px);*/
		left: calc(-1 * var(--gallery-index) * var(--gallery-shift) + var(--gallery-delta) * 1px - var(--carousel-items-gap) * var(--gallery-index));
		align-items: stretch;
	}
.carousel[data-state="locked"] .carousel__slides {
			transition: none;
		}
.carousel__slide {
		display: flex;
		flex-shrink: 0;
		width: calc( 100% / var(--gallery-number) - (var(--carousel-items-gap) * (var(--gallery-number) - 1)) / var(--gallery-number) );
		margin-right: var(--carousel-items-gap);
	}
.carousel__navs {
		justify-content: center;
		margin-top: 1.5rem;
	}
/*# sourceMappingURL=carousel.css.map */