@use 'exports' as *;

.main {
	@layer mods {
		&:is(.is-notScrollable, .notScrollable) {
			@include notScrollable;
		}
	}
}

.main-content {
	@layer components {
		@include vars;
		@include component;
	}

	@layer mods {
		&.mod-withStickyHeader {
			@include stickyHeader;
		}

		&.mod-withBanner,
		.navSide.mod-withBanner ~ &,
		.mod-withBanner & {
			@include banner;
		}

		.navSide ~ &,
		.mod-withMenu & {
			@include menu;
		}
	}
}