:root {
	/* Layout - Navigation Heights */
	--header-height: 68px;
	--bottom-nav-height: 60px;
	--mobile-level-bar-height: 34px;
	--mobile-action-bar-height: 64px;
	--mobile-bottom-nav-total-height: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px));
	--mobile-live-controls-height: 0px;
	--mobile-felt-viewport-offset: calc(
		var(--header-height)
		+ var(--mobile-level-bar-height)
		+ var(--mobile-bottom-nav-total-height)
		+ var(--mobile-action-bar-height)
		+ 54px
	);

	/* Layering for mobile fixed bars */
	--z-mobile-action: 200;
	--z-mobile-nav: 250;
}