.global-form-is-loading {
	overflow: hidden;
}

.global-form-loading-overlay[hidden] {
	display: none;
}

.global-form-loading-overlay {
	position: fixed;
	inset: 0;
	z-index: 2100;
	display: grid;
	place-items: center;
	padding: 1rem;
	background: rgba(255, 255, 255, 0.72);
	cursor: wait;
}

.global-form-loading-indicator {
	width: 200px;
	padding: 2px;
	color: inherit;
	text-align: center;
}

.global-form-loading-dots {
	position: relative;
	width: 80px;
	height: 15px;
	margin: 1em auto;
}

.global-form-loading-dots > div {
	position: absolute;
	top: 0;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: rgb(13, 110, 253);
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.global-form-loading-dots > div:nth-child(1) {
	left: 8px;
	animation: global-datatables-loader-1 0.6s infinite;
}

.global-form-loading-dots > div:nth-child(2) {
	left: 8px;
	animation: global-datatables-loader-2 0.6s infinite;
}

.global-form-loading-dots > div:nth-child(3) {
	left: 32px;
	animation: global-datatables-loader-2 0.6s infinite;
}

.global-form-loading-dots > div:nth-child(4) {
	left: 56px;
	animation: global-datatables-loader-3 0.6s infinite;
}

@keyframes global-datatables-loader-1 {
	0% { transform: scale(0); }
	100% { transform: scale(1); }
}

@keyframes global-datatables-loader-2 {
	0% { transform: translate(0, 0); }
	100% { transform: translate(24px, 0); }
}

@keyframes global-datatables-loader-3 {
	0% { transform: scale(1); }
	100% { transform: scale(0); }
}

@media (prefers-reduced-motion: reduce) {
	.global-form-loading-dots > div {
		animation-duration: 2s;
	}
}