.mw-header {
	position: fixed;
	z-index: 10;
	top: 0;
	width: 100%;
	height: @header-height;
	display: flex;
	justify-content: space-between;

	&-tools {
		display: inherit;
	}

	ul {
		list-style: none;
	}

	ul,
	li {
		margin: 0;
		display: block;
	}
}

#mw-header {
	&-background {
		position: absolute;
		left: 0;
		right: 0;
		box-shadow: 0 0 50px @header-height @header-background-color-light;
		z-index: -1;
		transition: @transition-box-shadow;
	}
}

// User icon bar
#p-personal-extra {
	ul {
		height: 56px;
		display: flex;
		align-items: center;
	}
}

@media ( prefers-color-scheme: dark ) {
	#mw-header {
		&-background {
			box-shadow: 0 0 50px @header-height @header-background-color-dark !important;
		}
	}
}