:root {
	--sn-doc-font-size: 100%;
	--sn-layout-max-width: 100rem;
	--sn-left-sidebar-width: 20rem;
	--sn-right-sidebar-width: 20rem;
	--sn-content-gap: 1.4rem;
}

html {
	font-size: var(--sn-doc-font-size);
}

@media screen and (min-width: 100em) {
	html {
		font-size: var(--sn-doc-font-size);
	}
}

@media screen and (min-width: 125em) {
	html {
		font-size: var(--sn-doc-font-size);
	}
}

.md-grid {
	max-width: var(--sn-layout-max-width);
}

.md-typeset pre {
	font-size: 0.72rem;
}

@media screen and (min-width: 76.25em) {
	.md-sidebar--primary {
		width: var(--sn-left-sidebar-width);
	}

	.md-sidebar--secondary {
		width: var(--sn-right-sidebar-width);
	}

	[dir="ltr"] .md-sidebar--primary:not([hidden]) ~ .md-content > .md-content__inner {
		margin-left: var(--sn-content-gap);
	}

	[dir="ltr"] .md-sidebar--secondary:not([hidden]) ~ .md-content > .md-content__inner {
		margin-right: var(--sn-content-gap);
	}

	[dir="rtl"] .md-sidebar--primary:not([hidden]) ~ .md-content > .md-content__inner {
		margin-right: var(--sn-content-gap);
	}

	[dir="rtl"] .md-sidebar--secondary:not([hidden]) ~ .md-content > .md-content__inner {
		margin-left: var(--sn-content-gap);
	}
}

@supports selector(::-webkit-scrollbar) {
	[dir="ltr"] .md-sidebar__inner {
		padding-right: 0.6rem;
	}

	[dir="rtl"] .md-sidebar__inner {
		padding-left: 0.6rem;
	}
}