/* Registration phone: intl-tel-input layout + absolute flag sprites */
#hldmkit_reg_billing_phone_field .iti {
	width: 100%;
	display: block;
	--iti-path-flags-1x: url("https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/img/flags.webp");
	--iti-path-flags-2x: url("https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/img/flags@2x.webp");
	--iti-path-globe-1x: url("https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/img/globe.webp");
	--iti-path-globe-2x: url("https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/img/globe@2x.webp");
	--iti-flag-sprite-width: 3904px;
	--iti-flag-sprite-height: 12px;
	--iti-flag-height: 12px;
	--iti-flag-width: 16px;
}

#hldmkit_reg_billing_phone_field .iti__tel-input,
#hldmkit_reg_billing_phone_field input.iti__tel-input {
	width: 100%;
}

#hldmkit_reg_billing_phone_field .iti__flag {
	background-image: var(--iti-path-flags-1x) !important;
	background-repeat: no-repeat !important;
	background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height) !important;
	background-position: var(--iti-flag-offset) 0 !important;
	width: var(--iti-flag-width) !important;
	height: var(--iti-flag-height) !important;
	box-shadow: 0 0 1px 0 #888;
}

@media (min-resolution: 2x) {
	#hldmkit_reg_billing_phone_field .iti__flag {
		background-image: var(--iti-path-flags-2x) !important;
	}
}

#hldmkit_reg_billing_phone_field .iti__globe {
	background-image: var(--iti-path-globe-1x) !important;
	background-size: contain !important;
	background-position: right !important;
}

@media (min-resolution: 2x) {
	#hldmkit_reg_billing_phone_field .iti__globe {
		background-image: var(--iti-path-globe-2x) !important;
	}
}