.nmc4j-info-gallery {
	position: relative;
}

.nmc4j-info-gallery__track:not(.slick-initialized) {
	display: flex;
	gap: 0.75rem;
	overflow: hidden;
}

.nmc4j-info-gallery__track:not(.slick-initialized) .nmc4j-info-gallery__slide {
	flex: 0 0 100%;
}

.nmc4j-info-gallery[data-slides-per-view='2'] .nmc4j-info-gallery__track:not(.slick-initialized) .nmc4j-info-gallery__slide {
	flex: 0 0 calc(50% - 0.375rem);
}

.nmc4j-info-gallery[data-slides-per-view='3'] .nmc4j-info-gallery__track:not(.slick-initialized) .nmc4j-info-gallery__slide {
	flex: 0 0 calc(33.333% - 0.5rem);
}

.nmc4j-info-gallery[data-slides-per-view='4'] .nmc4j-info-gallery__track:not(.slick-initialized) .nmc4j-info-gallery__slide,
.nmc4j-info-gallery[data-slides-per-view='5'] .nmc4j-info-gallery__track:not(.slick-initialized) .nmc4j-info-gallery__slide {
	flex: 0 0 calc(25% - 0.5625rem);
}

.nmc4j-info-gallery[data-slides-per-view]:not([data-slides-per-view='1']) .slick-slide {
	padding-left: 0.375rem;
	padding-right: 0.375rem;
}

.nmc4j-info-gallery[data-slides-per-view]:not([data-slides-per-view='1']) .slick-list {
	margin-left: -0.375rem;
	margin-right: -0.375rem;
}

.nmc4j-info-gallery__figure {
	margin: 0;
	border-radius: 0.5rem;
	overflow: hidden;
	border: 1px solid var(--border);
	background: var(--muted);
}

.nmc4j-info-gallery__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: contain;
}

.nmc4j-info-gallery__caption {
	padding: 0.75rem 1rem;
	font-size: 0.875rem;
	color: var(--muted-foreground);
	border-top: 1px solid var(--border);
	background: var(--background);
}

.nmc4j-info-gallery .slick-prev,
.nmc4j-info-gallery .slick-next {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 1px solid var(--border);
	border-radius: 9999px;
	background: var(--background);
	color: var(--foreground);
	cursor: pointer;
	transform: translateY(-50%);
	transition: background-color 0.2s ease;
}

.nmc4j-info-gallery .slick-prev:hover,
.nmc4j-info-gallery .slick-next:hover {
	background: var(--muted);
}

.nmc4j-info-gallery .slick-prev {
	left: -0.25rem;
}

.nmc4j-info-gallery .slick-next {
	right: -0.25rem;
}

.nmc4j-info-gallery .slick-prev.slick-disabled,
.nmc4j-info-gallery .slick-next.slick-disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.nmc4j-info-gallery .slick-dots {
	display: flex !important;
	justify-content: center;
	gap: 0.5rem;
	margin: 1.25rem 0 0;
	padding: 0;
	list-style: none;
}

.nmc4j-info-gallery .slick-dots li {
	margin: 0;
	line-height: 0;
}

.nmc4j-info-gallery .slick-dots li button {
	width: 0.625rem;
	height: 0.625rem;
	padding: 0;
	border: 0;
	border-radius: 9999px;
	background: color-mix(in oklab, var(--secondary) 30%, transparent);
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.2s ease;
}

.nmc4j-info-gallery .slick-dots li button::before {
	display: none;
}

.nmc4j-info-gallery .slick-dots li.slick-active button {
	background: var(--secondary);
	transform: scale(1.15);
}

@media (min-width: 48rem) {
	.nmc4j-info-gallery .slick-prev {
		left: -1.25rem;
	}

	.nmc4j-info-gallery .slick-next {
		right: -1.25rem;
	}
}

@media (max-width: 47.99rem) {
	.nmc4j-info-gallery .slick-prev,
	.nmc4j-info-gallery .slick-next {
		top: auto;
		bottom: -3.25rem;
		transform: none;
	}

	.nmc4j-info-gallery .slick-prev {
		left: calc(50% - 3rem);
	}

	.nmc4j-info-gallery .slick-next {
		right: calc(50% - 3rem);
	}

	.nmc4j-info-gallery .slick-dots {
		margin-bottom: 2.75rem;
	}
}