@import "@Themes/constants.scss";

.root {
	.content {
		display: flex;
		.sides {
			min-height: calc(100vh - 83px);
			height: fit-content;
			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 {
				height: 0px;
				@media (max-width: $screen-m) {
					display: none;
				}

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