.o-header {
	@include z(z-header);
	position: relative;
	padding: space(3) 0;
	background-color: palette(neutral, 900);
}


.o-header__main {
	@include contain;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.o-header__nav {
	width: 100%;
	display: none;

	@include mq($bp-header-switch) {
		display: block;
	}
}


.o-header__logo {
	@include font-size(xxl);
	@include font-weight('bold');
	flex: none;
	margin-right: space(6);
	color: palette(neutral, 0);
	text-decoration: none;
}


.o-header__version {
	@include font-size(s);
	color: palette(neutral, 500);
}


.o-header__toggle {
	margin-left: space(2);

	@include mq($bp-header-switch) {
		display: none;
	}
}