@use 'exports' as *;

.header {
	@layer components {
		@include vars;
		@include component;
	}

	@layer mods {
		&.mod-sticky {
			@include sticky;

			.navSide ~ .main-content &,
			.mod-withMenu .main-content & {
				@include left;
			}
		}

		&.mod-nav {
			@include nav;
		}

		&:is(.is-loading, .loading) {
			@include loading;
		}
	}
}