:root {
	--scalar-sidebar-width: 320px;
	--scalar-custom-header-height: 50px;
	--scalar-link-color: #0073A2;
}
html .dark-mode {
	--scalar-link-color: var(--scalar-color-blue, #0073A2);
}
html .light-mode {
	--scalar-link-color: var(--scalar-color-blue, #0073A2);
}

.top-nav {
	background-color: #e5f1fa;
	position: sticky;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 5px 10px;
	z-index: 1000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: var(--scalar-paragraph);
}
.top-nav .logo {
	display: block;
	height: 40px;
	width: auto;
}
.top-nav .grow {
	flex-grow: 1;
}

.top-nav ul {
	margin: 0;
	display: grid;
	grid-auto-flow: column;
	gap: 10px;
}
	.top-nav ul li {
		list-style: none;
	}

	.top-nav .btn {
		display: block;
		font-size: 8pt;
		text-decoration: none;
		border-radius: var(--scalar-radius);
		background-color: #336699;
		padding: 5px 15px;
		color: white;
		text-transform: uppercase;
		line-height: 1.5;
		border: 1px solid #336699;
	}
[role="dialog"] button.app-exit-button {
	position: absolute;
	color: var(--scalar-text-color);
	background-color: var(--scalar-background-2);
}
	[role="dialog"] button.app-exit-button:hover {
		background-color: var(--scalar-border-color);
	}