.iti {
    width: 100%;
    --iti-border-color: rgba(255, 255, 255, 0.24);
    --iti-country-selector-bg: #141b22;
    --iti-hover-color: rgba(255, 255, 255, 0.12);
    --iti-icon-color: var(--text-color);
}

.iti__selected-country,
.iti__country-selector,
.iti__country,
.iti__country-name,
.iti__dial-code,
.iti__selected-dial-code,
.iti__search-input {
    color: #ffffff;
}

.iti__search-input {
    background: #141b22;
}

@media (prefers-color-scheme: light) {
    .iti {
        --iti-border-color: rgba(0, 0, 0, 0.2);
        --iti-country-selector-bg: #ffffff;
        --iti-hover-color: rgba(0, 0, 0, 0.08);
        --iti-icon-color: #1c1c1c;
    }

    .iti__selected-country,
    .iti__country-selector,
    .iti__country,
    .iti__country-name,
    .iti__dial-code,
    .iti__selected-dial-code,
    .iti__search-input {
        color: #1c1c1c;
    }

    .iti__search-input {
        background: #ffffff;
    }
}