/*!
* Components/XLayout
*/

.x-layout {
	--x-scrollbar-offset: 0rem;

	display: flex;
	flex: 1 1 auto;
	position: relative;
}

.x-layout--full-height {
	--x-scrollbar-offset: inherit;

	height: 100%;
}

.x-layout-item {
	--x-layout-item-motion-duration: var(--x-comp-layout-item-motion-duration,
			var(--x-sys-motion-duration-short4, 200ms));
	--x-layout-item-motion-easing: var(--x-comp-layout-item-motion-easing,
			var(--x-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)));
}

.x-layout-item {
	position: fixed;
	transition-duration: var(--x-layout-item-motion-duration);
	transition-timing-function: var(--x-layout-item-motion-easing);
}

.x-layout-item--absolute {
	position: absolute;
}