/* Flex Microform: match container & iframe height to regular inputs (p-2.5 + text-sm ≈ 42px) */
#number-container,
#securityCode-container {
	display: flex;
	align-items: center;
	width: 100%;
	height: 42px;
	padding-left: 0.625rem;
}
#number-container iframe,
#securityCode-container iframe {
	display: block;
	width: 100%;
	height: 100% !important;
	border: none;
}

/* Validation: highlight invalid fields from server */
.field-invalid,
#number-container.field-invalid,
#securityCode-container.field-invalid {
	border-color: #f05252 !important;
	box-shadow: 0 0 0 2px rgba(240, 82, 82, 0.25);
}
.field-invalid-message {
	font-size: 0.875rem;
	color: #f05252;
	margin-top: 0.25rem;
}
label.error {
	color: #f05252;
	font-size: 0.875rem;
}
input.error{border:1px solid #f05252;}
.loader{display: none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 999999999;background: rgba(0, 0, 0, 0.5);}
.loader img{position: absolute;top: 50%;left: 50%;margin-top: -9px;margin-left: 13px;width: 32px;height: 32px;background-color: #DDD;border-radius: 100%;display: inline-block;}