@import "@Themes/constants.scss";

.root {
	position: relative;
	.content {
		display: flex;
		.sides {
			min-height: calc(100vh - var(--header-height));
			width: 50%;
			@media (max-width: $screen-m) {
				width: 100%;
			}
		}
	}

	.image-container {
		@media (max-width: $screen-m) {
			display: none;
		}

		background: var(--color-neutral-50);

		.image {
			width: 100%;
			object-fit: contain;
		}
	}

	.background-image-container {
		position: fixed;
		width: 50vw;
		top: 83px;
		right: 0;
		height: calc(100vh - var(--header-height));
		@media (max-width: $screen-m) {
			display: none;
		}

		.background-image {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
}