:root {
	--breakpoint-xs: 599px;
	--breakpoint-s: 904px;
	--breakpoint-m: 1239px;
	--breakpoint-l: 1439px;

	--scale8-1 : 8px;
	--scale8-2 : 16px;
	--scale8-3 : 24px;
	--scale8-4 : 32px;
	--scale8-5 : 40px;
	--scale8-6 : 48px;
	--scale8-7 : 56px;
	--scale8-8 : 64px;
	--scale8-9 : 72px;
	--scale8-10: 80px;
	--scale8-11: 88px;
	--scale8-12: 96px;
	--scale8-13: 104px;
	--scale8-14: 112px;
	--scale8-15: 120px;
	--scale8-16: 128px;
	--scale8-17: 136px;
	--scale8-18: 144px;
	--scale8-19: 152px;
	--scale8-20: 160px;

	--gutter-margin-2xs: 8px;
	--gutter-margin-xs: 16px;
	--gutter-margin-s : 32px;
	--gutter-margin   : 64px;
	--gutter-margin-l : 128px;

	--topnav-height: 84px;
	--ml-toc-width: 275px;

	/*--content-view-width: 812px;*/
	--content-view-width: 660px;
	--content-view-width-m: 660px;
	--content-view-width-s: 600px;

	--exercise-side-menu-space: 64px;
}

.position-relative {
	position: relative;
}

/* This selector doesn't make much sense but it is meant to target our PGFTikz images */
.center .floatnone img {
	margin: 24px auto;
	max-width: 275px;
}

/* Disable wiki image link, will trigger modal instead */
a.image {
	pointer-events: none;
}

ml-article-content img {
	margin-top: 12px;
	margin-bottom: 12px;
}

.explanation-box-drawer-open img:hover {
	opacity: 0.8;
	cursor: grab;
}

/* hide google recaptcha badge bottom right corner */
.grecaptcha-badge { 
	opacity: 0;
	pointer-events: none;
}