Схема ввода css

Question

У меня есть некоторые проблемы с моим дизайном. Я пытаюсь удалить контур из моего ввода, но ничего не работает, как ожидалось. Я использую antd, и вот как мой код выглядит для ввода:

& .ant-input {
    width:100%;
    height:100%;
    color: rgba(255,255,255, 0.4);
    padding-top:10px;
    border:none;
    font-size: 16px;
    outline: none;
    background-color: transparent;
    border-bottom: 2px solid;
    border-color: rgba(44, 52, 64, 0.1);
    border-radius: 0px;
    transition: 2s border-color;
    outline: none;


    &:focus{
      outline: none;
      background: transparent;
      &::placeholder{
        color: rgba(255,255,255,0.91);
        transition: 2s border-color;
        border-color: rgba(44, 126, 250, 1);
      }
    }
    &:hover {
      background: transparent;
    }

    &:-webkit-autofill,
    &:-webkit-autofill:hover, 
    &:-webkit-autofill:focus {
      border-bottom: 2px solid;
      border-color: rgba(44, 52, 64, 0.4);
      -webkit-text-fill-color: #fff;
      transition: background-color 5000s ease-in-out 0s;
    }

У меня есть живая демоверсия, могу ли я разместить ее здесь?