/* Фикс авто ввода */
input[type=text]:-webkit-autofill, 
input[type=text]:-webkit-autofill:focus {
    -webkit-transition: background-color 60000s 0s, color 60000s 0s;
    transition: background-color 60000s 0s, color 60000s 0s;
}

input[type=text] {
    outline: none;
}



/* Инпут с переносом placeholder на верх внутри инпута */
.custom-input {
    width: 100%;
    position: relative;
}

/* Инпут в блоке */
.custom-input input {
    width: 100%;
    padding: 30px 12px 5px 12px;

    border: 1px solid transparent;
    border-radius: 10px;
    background-color: #fff;

    /* Текст в инпуте */
    font-size: 18px;
    color: var(--text-darkblue);
}

/* Замена плейсхолдера */
.custom-input label {
    position: absolute;
    top: 19px;
    left: 12px;

    font-size: 18px;
    color: #959393;;
    -webkit-transition: .2s all;;
    -o-transition: .2s all;;
    transition: .2s all;

    /* Отключаем взаимодействие с label */
    pointer-events: none;
}

/* Перемещаем плейсхолдер выше если в инпуте есть значение или инпут активен */
.custom-input input:focus ~ label,
.custom-input input:valid ~ label {
    -webkit-transform: translateY(-16px);
        -ms-transform: translateY(-16px);
            transform: translateY(-16px);
    font-size: 12px;
}