.ch-intl-phone {
    width: 100%;
}

.ch-intl-phone .iti {
    width: 100%;
    display: block;
    --iti-hover-color: #f1f5f9;
    --iti-border-color: #e2e8f0;
    --iti-dialcode-color: #334155;
}

.ch-intl-phone--auth .iti {
    --iti-height: 48px;
}

.ch-intl-phone--profile .iti {
    --iti-height: 38px;
}

.ch-intl-phone .iti__tel-input {
    width: 100%;
}

.ch-intl-phone--auth .iti__tel-input.auth-input {
    background: #f8fafc;
}

.ch-intl-phone--auth .iti__selected-country {
    border-radius: 0.65rem 0 0 0.65rem;
    padding-inline: 0.55rem 0.35rem;
}

.ch-intl-phone--auth .iti__selected-country:hover,
.ch-intl-phone--auth .iti__selected-country[aria-expanded="true"] {
    background: #eef2f7;
}

.ch-intl-phone--profile .iti__selected-country {
    border-radius: 0.5rem 0 0 0.5rem;
}

.ch-intl-phone .iti__dropdown-content {
    z-index: 40;
    border-radius: 0.65rem;
    border: 1px solid #e2e8f0;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12);
}

.ch-intl-phone .iti__search-input {
    font-size: 16px;
}

@media (min-width: 1200px) {
    .ch-intl-phone--auth .iti {
        --iti-height: 46px;
    }
}