/*!
* Utilities/Placement
*/

.inset-0 {
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
}

.inset-x-0 {
	left: 0 !important;
	right: 0 !important;
}

.inset-y-0 {
	bottom: 0 !important;
	top: 0 !important;
}

.bottom-0 {
	bottom: 0 !important;
}

.left-0 {
	left: 0 !important;
}

.right-0 {
	right: 0 !important;
}

.top-0 {
	top: 0 !important;
}

.inset-auto {
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
}

.inset-x-auto {
	left: auto !important;
	right: auto !important;
}

.inset-y-auto {
	bottom: auto !important;
	top: auto !important;
}

.bottom-auto {
	bottom: auto !important;
}

.left-auto {
	left: auto !important;
}

.right-auto {
	right: auto !important;
}

.top-auto {
	top: auto !important;
}

.inset-full {
	bottom: 100% !important;
	left: 100% !important;
	right: 100% !important;
	top: 100% !important;
}

.inset-x-full {
	left: 100% !important;
	right: 100% !important;
}

.inset-y-full {
	bottom: 100% !important;
	top: 100% !important;
}

.bottom-full {
	bottom: 100% !important;
}

.left-full {
	left: 100% !important;
}

.right-full {
	right: 100% !important;
}

.top-full {
	top: 100% !important;
}

/* START: Custom, xs breakpoint */
.inset-\[-50\%\] {
	inset: -50%
}

.left-1\/2 {
	left: 50%;
}

.top-1\/2 {
	top: 50%;
}

/* END: Custom, xs breakpoint */

@media (min-width: 37.5em) {
	.sm\:inset-0 {
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
	}

	.sm\:inset-x-0 {
		left: 0 !important;
		right: 0 !important;
	}

	.sm\:inset-y-0 {
		bottom: 0 !important;
		top: 0 !important;
	}

	.sm\:bottom-0 {
		bottom: 0 !important;
	}

	.sm\:left-0 {
		left: 0 !important;
	}

	.sm\:right-0 {
		right: 0 !important;
	}

	.sm\:top-0 {
		top: 0 !important;
	}

	.sm\:inset-auto {
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
	}

	.sm\:inset-x-auto {
		left: auto !important;
		right: auto !important;
	}

	.sm\:inset-y-auto {
		bottom: auto !important;
		top: auto !important;
	}

	.sm\:bottom-auto {
		bottom: auto !important;
	}

	.sm\:left-auto {
		left: auto !important;
	}

	.sm\:right-auto {
		right: auto !important;
	}

	.sm\:top-auto {
		top: auto !important;
	}

	.sm\:inset-full {
		bottom: 100% !important;
		left: 100% !important;
		right: 100% !important;
		top: 100% !important;
	}

	.sm\:inset-x-full {
		left: 100% !important;
		right: 100% !important;
	}

	.sm\:inset-y-full {
		bottom: 100% !important;
		top: 100% !important;
	}

	.sm\:bottom-full {
		bottom: 100% !important;
	}

	.sm\:left-full {
		left: 100% !important;
	}

	.sm\:right-full {
		right: 100% !important;
	}

	.sm\:top-full {
		top: 100% !important;
	}
}

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

@media (min-width: 52.5em) {
	.md\:inset-0 {
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
	}

	.md\:inset-x-0 {
		left: 0 !important;
		right: 0 !important;
	}

	.md\:inset-y-0 {
		bottom: 0 !important;
		top: 0 !important;
	}

	.md\:bottom-0 {
		bottom: 0 !important;
	}

	.md\:left-0 {
		left: 0 !important;
	}

	.md\:right-0 {
		right: 0 !important;
	}

	.md\:top-0 {
		top: 0 !important;
	}

	.md\:inset-auto {
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
	}

	.md\:inset-x-auto {
		left: auto !important;
		right: auto !important;
	}

	.md\:inset-y-auto {
		bottom: auto !important;
		top: auto !important;
	}

	.md\:bottom-auto {
		bottom: auto !important;
	}

	.md\:left-auto {
		left: auto !important;
	}

	.md\:right-auto {
		right: auto !important;
	}

	.md\:top-auto {
		top: auto !important;
	}

	.md\:inset-full {
		bottom: 100% !important;
		left: 100% !important;
		right: 100% !important;
		top: 100% !important;
	}

	.md\:inset-x-full {
		left: 100% !important;
		right: 100% !important;
	}

	.md\:inset-y-full {
		bottom: 100% !important;
		top: 100% !important;
	}

	.md\:bottom-full {
		bottom: 100% !important;
	}

	.md\:left-full {
		left: 100% !important;
	}

	.md\:right-full {
		right: 100% !important;
	}

	.md\:top-full {
		top: 100% !important;
	}
}

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

@media (min-width: 80em) {
	.lg\:inset-0 {
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
	}

	.lg\:inset-x-0 {
		left: 0 !important;
		right: 0 !important;
	}

	.lg\:inset-y-0 {
		bottom: 0 !important;
		top: 0 !important;
	}

	.lg\:bottom-0 {
		bottom: 0 !important;
	}

	.lg\:left-0 {
		left: 0 !important;
	}

	.lg\:right-0 {
		right: 0 !important;
	}

	.lg\:top-0 {
		top: 0 !important;
	}

	.lg\:inset-auto {
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
	}

	.lg\:inset-x-auto {
		left: auto !important;
		right: auto !important;
	}

	.lg\:inset-y-auto {
		bottom: auto !important;
		top: auto !important;
	}

	.lg\:bottom-auto {
		bottom: auto !important;
	}

	.lg\:left-auto {
		left: auto !important;
	}

	.lg\:right-auto {
		right: auto !important;
	}

	.lg\:top-auto {
		top: auto !important;
	}

	.lg\:inset-full {
		bottom: 100% !important;
		left: 100% !important;
		right: 100% !important;
		top: 100% !important;
	}

	.lg\:inset-x-full {
		left: 100% !important;
		right: 100% !important;
	}

	.lg\:inset-y-full {
		bottom: 100% !important;
		top: 100% !important;
	}

	.lg\:bottom-full {
		bottom: 100% !important;
	}

	.lg\:left-full {
		left: 100% !important;
	}

	.lg\:right-full {
		right: 100% !important;
	}

	.lg\:top-full {
		top: 100% !important;
	}
}

/* START: Custom, lg breakpoint */

@media (min-width: 80em) {
	.lg\:top-1\/2 {
		top: 50%;
	}
}

/* END: Custom, lg breakpoint */