:root {
	--height-top-bar: 40px;
	--width-border: 0px;
	
	--height-content-inlay-middle: calc(100dvh - var(--height-top-bar) - var(--height-bottom-bar) - var(--height-menu-landscape-bar) - 0 * var(--width-border));
	
	--height-content-inlay-middle-sections: calc(100dvh - var(--height-top-bar) - var(--height-bottom-bar) - var(--height-menu-landscape-bar) - 2 * var(--width-border));
}
.landscape:root {
	--height-bottom-bar: 0px;
	--height-menu-landscape-bar: 40px;
}
.portrait:root {
	--height-bottom-bar: 40px;
	--height-menu-landscape-bar: 0px;
}





html, body {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
	
	font-family: Inter;
    font-size: 15px;
    line-height: 18px;
}





div {
	box-sizing: border-box;
	position: relative;
}





.portrait .landscape_only,
.landscape .portrait_only {
	display: none;
}