.vx-phone .iti {
    display: block;
    width: 100%;
}

.vx-phone .iti__country-container {
    border-right: 1px solid #dee3df;
    pointer-events: none;
}

.vx-phone .iti__selected-country-primary {
    padding-left: 13px;
    padding-right: 7px;
}

.vx-phone .iti__selected-dial-code {
    color: var(--vx-ink);
    font-size: .95rem;
    margin-left: 2px;
    padding-right: 13px;
    white-space: nowrap;
}

.vx-phone .iti__tel-input {
    min-height: 50px;
}

.vx-input.is-valid {
    background: #edf6f0;
    border-color: #2f7350;
}

.vx-phone:has(.is-valid) {
    background: #edf6f0;
    border-color: #2f7350;
}

.vx-phone:has(.is-invalid) .iti__country-container {
    border-right-color: #e0b6ad;
}

@media (forced-colors: active) {
    .vx-phone .iti__country-container {
        border-right-color: CanvasText;
    }
}