.text_input
{
    border-radius: 28px;
    background-color: white;
    height:48px;
    font-size: 16px;
    padding: 0px 31px;
    outline:none!important;
    border: 1px solid lightgray;
}

.text_input_icon
{
    border-radius: 28px;
    background-color: white;
    height:48px;
    font-size: 16px;
    padding: 0px 31px 0px 65px;
    outline:none!important;
    border: 1px solid lightgray;
}

.text_input:not(:placeholder-shown),
.text_input_icon:not(:placeholder-shown)
{
    border: 1px solid gray;
}



.text_input:hover,
.text_input:focus,
.text_input:focus-visible,
.text_input:active
{
    border: 1px solid blue;
}



.wrapper
{
    position:relative;
}

.wrapper_icon{
    position: absolute;
    top:13px;
    left: 30px;
    z-index: 1;
}