/* Phone number with Country Picker */
.inputs-container #phone_update,
.inputs-container #phone_request,
.inputs-container #phone {
    flex: 1;
    padding-left: 100px !important;
    letter-spacing: 1.28px;
}

.iti {
    width: 100%;
}

.iti--separate-dial-code .iti__selected-dial-code,
.iti__country-name,
.iti__dial-code {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.iti--separate-dial-code .iti__selected-dial-code,
.iti__selected-dial-code {
    order: 3 !important;
    margin: 0;
    color: var(--color-text);
    margin-top: 1px;
}

.iti__arrow {
    order: 1 !important;
    margin: 0;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="6" height="15" viewBox="0 0 6 15" fill="none"%3E%3Cpath d="M3 0.833L5.5 3.333C5.539 3.372 5.57 3.418 5.591 3.468C5.612 3.519 5.623 3.573 5.623 3.628C5.623 3.738 5.579 3.845 5.5 3.923C5.422 4.002 5.315 4.046 5.205 4.046C5.095 4.046 4.988 4.002 4.91 3.923L3 2.013L1.09 3.923C1.052 3.962 1.005 3.993 0.955 4.014C0.905 4.035 0.85 4.046 0.795 4.046C0.74 4.046 0.685 4.035 0.634 4.014C0.583 3.993 0.537 3.962 0.498 3.923C0.46 3.884 0.429 3.837 0.408 3.787C0.387 3.736 0.376 3.682 0.376 3.628C0.376 3.573 0.387 3.519 0.408 3.468C0.429 3.418 0.46 3.372 0.498 3.333L2.5 1.333L3 0.833Z" fill="%23909090"/%3E%3Cpath d="M3 14.167L0.5 11.667C0.461 11.628 0.43 11.582 0.409 11.532C0.388 11.481 0.377 11.427 0.377 11.372C0.377 11.262 0.421 11.155 0.5 11.077C0.578 10.998 0.685 10.954 0.795 10.954C0.905 10.954 1.012 10.998 1.09 11.077L3 13.013L4.91 11.077C4.948 11.038 4.995 11.007 5.045 10.986C5.095 10.965 5.15 10.954 5.205 10.954C5.26 10.954 5.315 10.965 5.366 10.986C5.417 11.007 5.463 11.038 5.502 11.077C5.54 11.116 5.571 11.163 5.592 11.213C5.613 11.264 5.624 11.318 5.624 11.372C5.624 11.427 5.613 11.481 5.592 11.532C5.571 11.582 5.54 11.628 5.502 11.667L3 14.167Z" fill="%23909090"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 6px;
    height: 15px;
    pointer-events: none;
    border: none;
    margin-top: 1px;
}

.iti__country {
    outline: none;
    color: var(--color-text);
    background-color: var(--color-black);
    height: 43px;
    display: flex;
    align-items: center;
    padding: 10px 16px;
}

/* .iti__country.iti__highlight {
    background-color: var(--color-hover-action);
    color: var(--color-support-alt);
} */

.iti__country.iti__active {
    background-color: var(--color-hover-action);
    color: var(--color-primary);
}

.iti__country.iti__active .iti__dial-code {
    color: var(--color-primary);
}

.iti__country-list {
    border: none;
    border-radius: 6px;
    margin: 6px 0 0 -2px;
    max-height: 260px;
    overflow-y: scroll;
    background-color: var(--color-secondary);
}

.iti__country-name {
    margin-right: 6px;
}

.iti__dial-code {
    color: var(--color-secondary-alt);

}

.iti__divider {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 1px solid white;
}

.iti__flag {
    order: 2 !important;
    margin: 0;
}

.iti__flag-container {
    padding: 0;
    padding-left: 18px;
}

.iti__selected-flag {
    display: flex;
    align-items: center;
    gap: 10px;
    outline: none;
    padding: 0;
}

.iti--separate-dial-code .iti__selected-flag {
    background: transparent !important;
}