.eis-split {
	--eis-viewport-width: calc(100vw - var(--eis-scrollbar-width, 0px));
	--eis-page-width: min(var(--eis-content-width), var(--eis-viewport-width));
	--eis-content-col-width: max(0px, calc((var(--eis-page-width) - var(--eis-gap)) / 2));
	align-items: stretch;
	box-sizing: border-box;
	display: flex;
	gap: var(--eis-gap);
	min-height: var(--eis-min-height);
	width: var(--eis-viewport-width);
	margin-left: calc(50% - (var(--eis-viewport-width) / 2));
}

.eis-panel {
	box-sizing: border-box;
	flex: 1 1 0;
	min-width: 0;
}

.eis-panel--content {
	align-items: var(--eis-content-align);
	display: flex;
}

.eis-panel__inner {
	width: min(var(--eis-content-col-width), 100%);
}

.eis-panel--image {
	overflow: hidden;
	position: relative;
}

.eis-panel--image img {
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.eis-image-right .eis-panel--content {
	justify-content: flex-end;
}

.eis-image-left .eis-panel--content {
	justify-content: flex-start;
}

.eis-placeholder {
	background: #f5f7fa;
	border: 1px dashed #c5cbd3;
	color: #4b5563;
	font-size: 14px;
	padding: 16px;
}

@media (max-width: 767px) {
	.eis-split.eis-stack-mobile {
		display: flex;
		flex-direction: column;
		margin-left: 0;
		width: 100%;
	}

	.eis-split.eis-stack-mobile .eis-panel--content,
	.eis-split.eis-stack-mobile .eis-panel--image {
		flex: 0 0 auto;
		width: 100%;
	}

	.eis-split.eis-stack-mobile .eis-panel--content {
		justify-content: flex-start;
	}

	.eis-split.eis-stack-mobile .eis-panel__inner {
		width: 100%;
	}

	.eis-split.eis-stack-mobile .eis-panel--image {
		min-height: min(var(--eis-min-height), 50vh);
		position: relative;
	}

	.eis-split.eis-stack-mobile .eis-panel--image img {
		height: 100%;
		position: absolute;
	}
}

@media (min-width: 768px) {
	.eis-panel--image {
		min-height: var(--eis-min-height);
	}
}