@import "@Themes/constants.scss";

.root {
	max-height: 100vh;
	min-height: 100vh;
	overflow: hidden;

	.content {
		display: flex;
		height: calc(100vh - 83px);

		.side-left {
			max-height: 100vh;
			overflow: auto;
		}
		.sides {
			width: 50%;
			@media (max-width: $screen-m) {
				width: 100%;
			}
			&.image-container {
				display: flex;
				align-items: center;
				justify-content: center;
				@media (max-width: $screen-m) {
					display: none;
				}
				background: var(--grey-soft);
				.image {
					width: 100%;
					object-fit: contain;
				}
			}

			&.background-image-container {
				display: flex;
				align-items: center;
				justify-content: center;

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