.dx-form__panel[hidden] {
	display: none !important;
}

.dx-form--submitting {
	pointer-events: none;
}

.dx-form button.is-submitting,
.dx-form input[type="submit"].is-submitting {
	position: relative;
	pointer-events: none;
}

.dx-form button.is-submitting {
	color: transparent !important;
}

.dx-form button.is-submitting > :not(.dx-form__spinner) {
	visibility: hidden;
}

.dx-form input[type="submit"].is-submitting {
	color: transparent;
	text-shadow: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1.25rem 1.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%233C3C3B' stroke-opacity='0.25' stroke-width='3'/%3E%3Cpath d='M21 12a9 9 0 0 0-9-9' stroke='%233C3C3B' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='0.65s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
}

.dx-form__spinner {
	position: absolute;
	z-index: 20;
	top: 50%;
	left: 50%;
	width: 1.25rem;
	height: 1.25rem;
	margin: -0.625rem 0 0 -0.625rem;
	border: 2px solid rgba(0, 0, 0, 0.15);
	border-top-color: rgba(0, 0, 0, 0.55);
	border-radius: 50%;
	animation: dx-form-spin 0.65s linear infinite;
	pointer-events: none;
}

@keyframes dx-form-spin {
	to {
		transform: rotate(360deg);
	}
}