.navbar {
	background-color: var(--white);
}
.brand-navbar.puzzle-brand-link {
	position: relative;
	width: 190px;
	height: 44px;
	flex: none;
}
.puzzle-brand-logo {
	display: block;
	width: 100%;
	height: auto;
}
.puzzle-brand-link .puzzle-brand-logo {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.puzzle-footer-brand {
	display: block;
	flex: none;
	width: 190px;
}
.surface-panel .puzzle-editor-mark {
	flex: none;
	width: 32px;
	height: 32px;
}
.surface-panel header h2 {
	flex: 1;
}
@media (max-width: 767px) {
	.brand-navbar.puzzle-brand-link {
		width: 150px;
	}
	.puzzle-footer-brand {
		width: 170px;
	}
}