/* Contact Us modal: status panel (sending / success / error) and phone input */

.contact-status {
	text-align: center;
	padding: 24px 16px;
}
.contact-status-icon {
	width: 56px;
	height: 56px;
	margin: 0 auto 16px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact-status[data-state="sending"] .contact-status-icon {
	border: 4px solid #ffd9cc;
	border-top-color: #ff865a;
	animation: contact-spin 0.9s linear infinite;
}
.contact-status[data-state="success"] .contact-status-icon { background: #e6f4ea; color: #1e7e34; }
.contact-status[data-state="error"] .contact-status-icon { background: #fdecea; color: #c62828; }
.contact-status-title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 8px;
	color: #1f2933;
}
.contact-status-text {
	font-size: 15px;
	line-height: 1.5;
	color: #52606d;
	margin: 0 auto 20px;
	max-width: 340px;
}
.contact-status .default-btn { margin: 0 auto; }

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

.iti {
	width: 100%;
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
}