/*!
* Components/XFooter
*/

.x-footer {
	--x-footer-container-color: var(--x-comp-footer-container-color, var(--x-sys-color-surface));
	--x-footer-container-elevation-level: var(--x-comp-footer-container-elevation-level, 0);
	--x-footer-container-flex: var(--x-comp-footer-container-flex, 0 0 auto);
	--x-footer-container-outline-color: var(--x-comp-footer-container-outline-color, rgb(var(--x-sys-color-outline-variant)));
	--x-footer-container-outline-style: var(--x-comp-footer-container-outline-style, solid);
	--x-footer-container-outline-width: var(--x-comp-footer-container-outline-width, 0);
	--x-footer-container-shadow-color: var(--x-comp-footer-container-shadow-color, var(--x-sys-color-shadow));
	--x-footer-container-shape: var(--x-comp-footer-container-shape, var(--sys-shape-corner-none, 0));
	--x-footer-rounded-container-shape: var(--x-comp-footer-rounded-container-shape, var(--sys-shape-corner-medium, 1rem));
	--x-footer-spacing: var(--x-comp-footer-spacing, 0.5rem 1rem);
	--x-footer-text-color: var(--x-comp-footer-text-color, var(--x-sys-color-on-surface));
	--x-footer-outlined-container-outline-width: var(--x-comp-footer-outlined-container-outline-width, 0.0625rem);
}

.x-footer {
	--x-elevation-shadow-color: var(--x-footer-container-shadow-color);
	--x-elevation-level: var(--x-footer-container-elevation-level);

	align-items: center;
	display: flex;
	flex: var(--x-footer-container-flex);
	padding: var(--x-footer-spacing);
	position: relative;
	border-color: var(--x-footer-container-outline-color);
	border-style: var(--x-footer-container-outline-style);
	border-width: var(--x-footer-container-outline-width);
	border-radius: var(--x-footer-container-shape);
	background-color: var(--x-footer-container-color);
	color: var(--x-footer-text-color);
}

.x-footer--border {
	border-width: var(--x-footer-outlined-container-outline-width);
}

.x-footer--absolute {
	position: absolute;
}

.x-footer--fixed {
	position: fixed;
}

.x-footer--rounded {
	border-radius: var(--x-footer-rounded-container-shape);
}