/*!
 * Utilities/Z-index
 */

.-z-2 {
	z-index: -2 !important;
}

.-z-1 {
	z-index: -1 !important;
}

.z-0 {
	z-index: 0 !important;
}

.z-1 {
	z-index: 1 !important;
}

.z-2 {
	z-index: 2 !important;
}

.z-auto {
	z-index: auto !important;
}

/* START: Custom, xs breakpoint */
/* END: Custom, xs breakpoint */

@media (min-width: 37.5em) {
	.sm\:-z-2 {
		z-index: -2 !important;
	}

	.sm\:-z-1 {
		z-index: -1 !important;
	}

	.sm\:z-0 {
		z-index: 0 !important;
	}

	.sm\:z-1 {
		z-index: 1 !important;
	}

	.sm\:z-2 {
		z-index: 2 !important;
	}

	.sm\:z-auto {
		z-index: auto !important;
	}
}

/* START: Custom, sm breakpoint */
/* END: Custom, sm breakpoint */

@media (min-width: 52.5em) {
	.md\:-z-2 {
		z-index: -2 !important;
	}

	.md\:-z-1 {
		z-index: -1 !important;
	}

	.md\:z-0 {
		z-index: 0 !important;
	}

	.md\:z-1 {
		z-index: 1 !important;
	}

	.md\:z-2 {
		z-index: 2 !important;
	}

	.md\:z-auto {
		z-index: auto !important;
	}
}

/* START: Custom, md breakpoint */
/* END: Custom, md breakpoint */

@media (min-width: 80em) {
	.lg\:-z-2 {
		z-index: -2 !important;
	}

	.lg\:-z-1 {
		z-index: -1 !important;
	}

	.lg\:z-0 {
		z-index: 0 !important;
	}

	.lg\:z-1 {
		z-index: 1 !important;
	}

	.lg\:z-2 {
		z-index: 2 !important;
	}

	.lg\:z-auto {
		z-index: auto !important;
	}
}

/* START: Custom, lg breakpoint */
/* END: Custom, lg breakpoint */

@media (min-width: 100em) {
	.xl\:-z-2 {
		z-index: -2 !important;
	}

	.xl\:-z-1 {
		z-index: -1 !important;
	}

	.xl\:z-0 {
		z-index: 0 !important;
	}

	.xl\:z-1 {
		z-index: 1 !important;
	}

	.xl\:z-2 {
		z-index: 2 !important;
	}

	.xl\:z-auto {
		z-index: auto !important;
	}
}

/* START: Custom, xl breakpoint */
/* END: Custom, xl breakpoint */