input-generator input,input-generator textarea{
background-color: transparent;
border:none;outline:none;
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

   input-generator[data-message]:not(.error)::after{
        content: attr(data-message);
        position: absolute;
        top : 0;
        left:0;
        height:100%;
        translate : 5px calc(100% + 2px);
   
        font-weight: 550;
        
        font-size: 14px;
        
        /* border-top: 2px solid #C01F20; */
        
    } 


    @media (max-width:720px)
    {
        input[type=number]::-webkit-inner-spin-button, 
        input[type=number]::-webkit-outer-spin-button { 
          -webkit-appearance: none; 
          margin: 0; 
        }
  
     
    }