:root {
	--iti-hover-color: rgba(0, 0, 0, .05);
	--iti-border-color: #ccc;
	--iti-dropdown-bg: white;
	--iti-icon-color: #555;
	--iti-spacer-horizontal: 8px;
	--iti-flag-width: 20px;
	--iti-flag-height: 15px;
	--iti-flag-count: 244;
	--iti-globe-icon-size: 17px;
	--iti-clear-icon-size: 15px;
	--iti-border-width: 1px;
	--iti-arrow-size: 5px;
	--iti-arrow-width: 1.5px;
	--iti-arrow-padding: 6px;
	--iti-mobile-popup-margin: 30px;
	--iti-strict-reject-flash-color: rgba(255, 0, 0, .12);
}

body, div.wpforms-container .wpforms-form, div.wpforms-container-full .wpforms-form, #wpforms-conversational-form-page {
	--iti-path-flags-1x: url("/wp-content/plugins/wpforms/assets/pro/css/fields/phone/../../../images/vendor/flags.webp");
	--iti-path-flags-2x: url("/wp-content/plugins/wpforms/assets/pro/css/fields/phone/../../../images/vendor/flags@2x.webp");
}

body :root, div.wpforms-container .wpforms-form :root, div.wpforms-container-full .wpforms-form :root, #wpforms-conversational-form-page :root {
	--iti-hover-color: rgba(0, 0, 0, .05);
	--iti-border-color: #ccc;
	--iti-dropdown-bg: white;
	--iti-icon-color: #555;
	--iti-spacer-horizontal: 10px;
	--iti-flag-height: calc(var(--iti-flag-width) * 3 / 4);
	--iti-globe-icon-size: 17px;
	--iti-clear-icon-size: 15px;
	--iti-border-width: 1px;
	--iti-arrow-size: 5px;
	--iti-arrow-width: 1.5px;
	--iti-arrow-padding: 7px;
	--iti-mobile-popup-margin: 30px;
	--iti-strict-reject-flash-color: rgba(255, 0, 0, .12);
}

@keyframes iti-spinner {
	to {
		transform: rotate(360deg);
	}
}

@keyframes iti-strict-reject-shake {
	10%, 90% {
		transform: translateX(-1px);
	}
	
	20%, 80% {
		transform: translateX(2px);
	}
	
	30%, 50%, 70% {
		transform: translateX(-3px);
	}
	
	40%, 60% {
		transform: translateX(3px);
	}
}

@keyframes iti-strict-reject-flash {
	40% {
		background-color: var(--iti-strict-reject-flash-color);
	}
}

body :root, div.wpforms-container .wpforms-form :root, div.wpforms-container-full .wpforms-form :root, #wpforms-conversational-form-page :root {
	--iti-path-flags-1x: url("/wp-content/plugins/wpforms/assets/pro/css/fields/phone/../img/flags.webp");
	--iti-path-flags-2x: url("/wp-content/plugins/wpforms/assets/pro/css/fields/phone/../img/flags@2x.webp");
}

:root {
	--iti-mobile-popup-margin: 30px;
}