.iti { width: 100%; }
.iti input[type="tel"] { width: 100%; padding-left: 54px !important; }
.iti__country-list {
    max-width: min(360px, calc(100vw - 40px));
    white-space: normal;
    background: #0d1117;
    border: 1px solid rgba(255,255,255,.15);
    color: #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,.5);
    z-index: 10001;
}
.iti__country:hover, .iti__country.iti__highlight { background: rgba(255,255,255,.08); }
.iti__selected-flag {
    background: rgba(255,255,255,.03);
    border-right: 1px solid rgba(255,255,255,.15);
    border-radius: 8px 0 0 8px;
}
.iti__selected-flag:hover { background: rgba(255,255,255,.08); }
.iti__country-name { color: #e2e8f0; }
.iti__dial-code { color: #94a3b8; }
.iti__arrow { border-top-color: #94a3b8; }
.iti__arrow--up { border-bottom-color: #94a3b8; }