/**
 * Contain intl-tel-input base styles inside plugin roots so theme CSS
 * cannot restyle the modal phone field, and global .iti rules do not
 * leak plugin look into the rest of the page unintentionally.
 */
.ppc-form-root .iti,
body > .ppc-form-popup .iti,
.ppc-form-root .iti *,
body > .ppc-form-popup .iti * {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.ppc-form-root .iti__country-list,
body > .ppc-form-popup .iti__country-list,
.ppc-form-root .iti--container .iti__country-list,
body > .ppc-form-popup .iti--container .iti__country-list {
	background-color: #fff !important;
	color: #111827 !important;
	border: 1px solid #e5e7eb !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	max-height: 200px !important;
	overflow-y: auto !important;
	text-align: left !important;
}

.ppc-form-root .iti__country,
body > .ppc-form-popup .iti__country {
	padding: 8px 10px !important;
	outline: none !important;
	background: transparent !important;
	border: 0 !important;
	color: #111827 !important;
}

.ppc-form-root .iti__country:hover,
.ppc-form-root .iti__country.iti__highlight,
body > .ppc-form-popup .iti__country:hover,
body > .ppc-form-popup .iti__country.iti__highlight {
	background-color: #f3f4f6 !important;
}

.ppc-form-root .iti__divider,
body > .ppc-form-popup .iti__divider {
	border-bottom: 1px solid #e5e7eb !important;
	margin: 4px 0 !important;
	padding: 0 !important;
}

.ppc-form-root .iti__dial-code,
body > .ppc-form-popup .iti__dial-code {
	color: #6b7280 !important;
}

.ppc-form-root .iti__arrow,
body > .ppc-form-popup .iti__arrow {
	border-left: 3px solid transparent !important;
	border-right: 3px solid transparent !important;
	border-top: 4px solid #6b7280 !important;
	margin-left: 4px !important;
}