@import "@Themes/constants.scss";

.root {
	position: relative;
	.content {
		display: flex;
		justify-content: flex-start;
		min-height: calc(100vh - var(--header-height));
		height: calc(100vh - var(--header-height));
		.right-side {
			min-width: calc(100% - 336px);
			flex: 1;
			display: flex;
			justify-content: space-between;
			flex-direction: column;
			.right-side-content {
				overflow-y: auto;
				padding: var(--spacing-lg, 24px);
				height: calc(100% - var(--footer-height));
			}

			&[data-no-padding="true"] {
				.right-side-content {
					padding: 0;
				}
			}
		}

		@media (max-width: $screen-m) {
			width: 100%;
			flex-direction: column;

			.right-side {
				min-width: 100%;
			}
		}
	}
}