.iti {
    --iti-border-color: #d6d3d1;
    --iti-hover-color: #fef3c7;
    --iti-spacer-horizontal: 12px;
    width: 100%;
    font-family: inherit;
}
.iti .iti__tel-input {
    width: 100%;
    min-width: 0;
}
.iti .iti__country-container {
    border-radius: 1rem 0 0 1rem;
}
.iti .iti__selected-country {
    padding-right: 10px;
    border-right: 1px solid #d6d3d1;
    border-radius: 1rem 0 0 1rem;
}
.iti .iti__selected-country-primary {
    border-radius: 1rem 0 0 1rem;
}
.iti .iti__selected-country:focus-visible {
    outline: 2px solid #f59e0b;
    outline-offset: -3px;
}
.iti .iti__country-selector {
    overflow: hidden;
    border-radius: 1rem;
    color: #1c1917;
    box-shadow: 0 12px 32px rgb(0 0 0 / 12%);
}
.iti .iti__search-input {
    min-height: 44px;
}
.iti .iti__country {
    min-height: 44px;
}
.iti .iti__country-name {
    white-space: normal;
}
.phone-input-error {
    margin-top: .5rem;
    font-size: .875rem;
    color: #b91c1c;
}
.iti:has([aria-invalid="true"]) .iti__tel-input {
    border-color: #dc2626;
}