main>header
{
 position:sticky;
 top:0;
 padding:0.25em 0.5em;
 margin:0;
 background-color:var(--grey3);
 border-bottom:1px solid var(--grey5);
 z-index:20
}

main>header>form
{
 margin:0;
 display:flex;
 flex-direction:row;
 flex-wrap:wrap
}

main>header>form>div
{
 display:flex;
 flex-direction:row;
 padding:0.25em 0;
 align-items:center
}

main>header>form>div>*
{
 line-height:1;
 padding:0;
 margin:0 0.25em
}

main>header>form>div.searchFormRendering
{
 order:0
}

main>header>form>div.searchForm
{
 order:2;
 flex:1
}

main>header>form>div.searchForm>:last-child
{
 margin-right:0
}

main>header>form>div.searchForm>:is(select, input)
{
 padding:0;
 margin:0;
 line-height:1
}

main>header>form>div.searchFormReset
{
 order:1;
 flex:1;
 justify-content:end
}

main>header>form>div.searchFormReset>:last-child
{
 margin-right:0
}

#search
{
 flex:0
}

main>header>form>div.searchForm>select:not(#search),
main>header>form>div.searchForm>input[type=text]
{
 flex:1
}

.VLButton :is(img[src*=".svg"], svg)
{
 width:20px;
 height:20px
}

@media (min-width:480px)
{
 main>header>form>div.searchForm
 {
  order:1;
  flex:1
 }

 main>header>form>div.searchFormReset
 {
  order:2;
  flex:0
 }
}