#searchContainer{
    position: fixed;
    top:0.8rem;
    right:0.3rem;
    margin-bottom:1rem;
    z-index: 90;
}

#searchContainer input{
    z-index:2;
}

#searchContainer i{
    z-index:3;
}

#searchContainer button{
    position: absolute;
    top:8px;
    right:10px;
    z-index: 1;
    margin:0;
    transform:translateY(0);
    transition:0.3s;
    border-radius: 0 0 5px 5px;
    padding-top:0.4rem;
}

#searchContainer button[data-state=open]{
    transform: translateY(95%);
}

@media only screen and (max-width:767px){
    #searchContainer{
        display: none;
        top:0.25rem;
    }
    #searchContainer input{
        font-size: 0.6rem;
    }
    #searchContainer i{
        font-size: 0.8rem;
        width:26px;
        height:26px;
        top:0;
        left:0;
    }
    #searchContainer button{
        padding-top:0.2rem;
    }
    #searchContainer button[data-state=open]{
        transform: translateY(110%);
    }
}