.user-query {
    width: 70%;
    max-width: none;
    min-width: 0;
}

.user-query input[type="text"] {
    font-family: var(--font-base);
    font-weight: 200;
    font-size: 14px;
    color: var(--grey-dark);

    flex: 1;
    min-width: 0;
    height: 35px;
    border-radius: 20px;
    border: none;
    outline: none;
    background-color: transparent;
    transition: border 0.3s, box-shadow 0.3s;
}

#query::placeholder {
    font-family: var(--font-base);
    font-weight: 200;
    font-size: 14px;
    color: var(--grey-dark);
}