.split-view {
	width: 100%;

	.split-view__wrapper {
		display: flex;
		flex-flow: row nowrap;
		gap: 24px;

		@container (max-width: 640px) {
			flex-flow: column;
		}
	}

	.split-view__half {
		flex-basis: 50%;
		container-type: inline-size;
		box-sizing: border-box;
		display: flex;
		flex-flow: row;
		align-items: center;
		justify-content: center;
	}
}