/* PHONE-FIELD-F2 (N28): intl-tel-input on the onboarding pages (<x-phone-input>), in both wizards' styles. */
.phone-field .iti{display:block;width:100%}
.phone-field .iti input.iti__tel-input{width:100%}
/* The new wizard spaces a field's input from its label with the input's margin, which the library resets. */
.field > .phone-field{margin-top:8px}
/* Its rule for every input also reaches the country search box. */
.phone-field .iti__search-input{display:block;width:100%;margin:0;min-height:0;border:0;border-bottom:1px solid #d7e2dc;border-radius:10px 10px 0 0;padding:10px 12px;background:#fff}
.phone-field .iti__dropdown-content{border-radius:10px;box-shadow:0 18px 50px rgba(8,26,22,.16);z-index:40}
.phone-field .iti__country.iti__highlight{background:#eef4f1}
.phone-field .iti__selected-country{border-radius:8px 0 0 8px}
/* The library pads the input by the country button's measured width; a margin inside it keeps "+44" off the number. */
.phone-field .iti__selected-dial-code{margin-right:6px}
.phone-field .iti input[aria-invalid="true"]{border-color:#ba543c}
.phone-field-hint{margin:8px 0 0;font-size:14px;line-height:1.5;color:#843b1f}