.iti {
    width: 100%;
    position: relative;
}

input[type=phone] {
    width: 100%;
    position: relative;
}

.iti__flag {
    background-image: url("/static/phone-mask/img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("/static/phone-mask/img/flags.png");
    }
}

.tel-error {
    border-color: rgba(140,0,20,0.7);
    background-color: rgba(255, 0, 32, 0.1);
    transition: all .3s ease-in;
}

.tel-success {
    border-color: rgba(0, 140, 18, 0.7);
    transition: all .3s ease-in;
}