.editorial-gallery {
	--text-color: var(--editorial-gallery-text-color, var(--sw-text-color));
	--index-text-color: var(--editorial-gallery-index-text-color, var(--sw-body-bg));
	--index-bg-color: var(--editorial-gallery-index-bg-color, var(--sw-icon-color));

	padding: 0 var(--space-5);
	max-width: var(--width-base);
	margin: 0 auto var(--space-12);
}

.editorial-gallery .content-section {
	border-bottom: 1px solid var(--gray-500);
}

.editorial-gallery .content-section p {
	font-size: var(--text-sm);
	color: var(--text-color);
}

@media (min-width: 64em) {
	.editorial-gallery .content-section p {
		font-size: var(--text-lg);
	}
}

.editorial-gallery .slides {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	margin-bottom: var(--space-2);
}

.editorial-gallery .slides .slide {
	width: 100%;
}

.editorial-gallery .slides .slide .img-cont {
	width: 100%;
	height: 100%;
	position: relative;
}

.editorial-gallery .slides .slide .img-cont img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.editorial-gallery .slides .slide .img-cont .index {
	position: absolute;
	bottom: 0;
	z-index: 1;
	padding: var(--space-px) var(--space-2);
	font-size: var(--text-sm);
	font-weight: 600;
	background: var(--index-bg-color);
	color: var(--index-text-color);
}

.editorial-gallery .slides[data-slides='3'] .slide:last-child {
	grid-column-start: 2;
	grid-row-start: 1;
	grid-row-end: span 2;
}

.editorial-gallery .slides[data-slides='5'] {
	grid-template-columns: minmax(0, 1fr) repeat(2, minmax(0, 0.5fr));
	grid-template-rows: minmax(0, 1fr) minmax(0, 0.25fr) minmax(0, 1fr);
}

.editorial-gallery .slides[data-slides='5'] .slide:nth-child(1) {
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}

.editorial-gallery .slides[data-slides='5'] .slide:nth-child(2) {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}

.editorial-gallery .slides[data-slides='5'] .slide:nth-child(5) {
	grid-column: 2 / 4;
	grid-row: 2 / 4;
}

.editorial-gallery .slides[data-slides='6'] {
	grid-template-columns: repeat(4, minmax(0, 0.5fr));
	grid-template-rows: minmax(0, 1fr) minmax(0, 0.25fr) minmax(0, 1fr);
}

.editorial-gallery .slides[data-slides='6'] .slide:nth-child(1) {
	grid-column: span 2;
	grid-row: 1 / 3;
}

.editorial-gallery .slides[data-slides='6'] .slide:nth-child(4) {
	grid-column: 3 / 4;
	grid-row-start: 1;
}

.editorial-gallery .slides[data-slides='6'] .slide:nth-child(5) {
	grid-column: 4 / 5;
	grid-row-start: 1;
}

.editorial-gallery .slides[data-slides='6'] .slide:nth-child(6) {
	grid-column: 3 / 5;
	grid-row: 2 / 4;
}

@media (min-width: 64em) {
	.editorial-gallery .slides {
		gap: var(--space-4);
	}
}
