<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
	padding: 0;
	margin: 0;
	box-sizing: border-box !important;
}

html, body, .lo-wrap {
	height: 100%;
}

header {
	width: 100%;
	height: 60px;
	z-index: 1030;
}

.lo-wrap {
	padding: 0;
}

.lo-box {
	min-height: 100%;
}

.lo-sidebar {
	/*position: -webkit-sticky;
    position: sticky;
    top: 0;*/
	z-index: 40;
}

.lo-toc {
	display: none;
}

main {

}

nav {
	display: none;
}

nav.show {
	display: block;
}

.lo-search {
	height: 70px;
	padding-left: 15px;
	padding-right: 15px;
	align-items: center;
}

.lo-search&gt;form {
	flex: 1;
}

.lo-search&gt;a.btn-nav {
	margin-left: 15px;
}

#sec_nav {
	position: absolute;
	top: 70px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
}

.nicescroll-rails {
	z-index: 50 !important;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media ( min-width : 768px) {
	body {
		padding-top: 60px;
	}
	header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	nav {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		overflow-y: auto;
		top: 0;
	}
	.lo-sidebar {
		width: 25%;
		position: fixed;
		top: 60px;
		bottom: 0;
		left: 0;
	}
	main.doc {
		margin-left: 25%;
	}
	.nicescroll-rails {
		z-index: auto;
	}
}

@media ( min-width : 1200px) {
	.lo-sidebar {
		width: 16.666667%
	}
	.lo-toc {
		display: block;
		width: 16.666667%;
		position: fixed;
		top: 60px;
		bottom: 0;
		right: 0;
	}
	main.doc {
		margin-left: 16.666667%;
		margin-right: 16.666667%;
	}
}
</pre></body></html>