kadi-layout {
	display: flex;
	flex: 1 1 auto;
	width: 100%;
	max-width: 100%;
	min-width: 0;

	// Fixes IOS X+ Notch Overlap
	margin-left: env(safe-area-inset-left);
	margin-right: env(safe-area-inset-right);
	margin-top: env(safe-area-inset-top);
	margin-bottom: env(safe-area-inset-bottom);

	/* Base styles for individual layouts */
	> * {
		position: relative;
		display: flex;
		flex: 1 1 auto;
		width: 100%;
	}

	/* Base styles for components that load as a route */
	router-outlet {
		+ * {
			position: relative;
			display: flex;
			flex: 1 1 auto;
			width: 100%;
		}
	}
}