/* Перебиваем настройки Webpack версии 18/19 и возвращаем классику версии 17 */
.iti {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 18px;            
}

.iti--allow-dropdown .iti__flag-container{
    left: 0;
}

.iti--allow-dropdown input[type=tel]{
    padding-left: 72px;
}


.iti__flag {
    width: 20px !important; /* Стандартная ширина флага v17 */
    height: 13px !important;
    
    /* Указываем прямой путь к спрайту (используйте CDN, чтобы не зависеть от локальных путей) */
    background-image: url("https://cdn.jsdelivr.net/npm/intl-tel-input@17/build/img/flags.png") !important;
    background-size: inherit !important; 	
    background-repeat: no-repeat !important;
    background-color: #dbdbdb !important;
    box-shadow: 0 0 1px 0 #888 !important;
}

.edit-custom .iti{ margin-bottom: 0; }

/* Фикс для 2x разрешений (Retina) */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("https://cdn.jsdelivr.net/npm/intl-tel-input@17/build/img/flags@2x.png") !important;
    }
}