/* Keep the native select interaction, with one consistent inset for its arrow. */
select:not([multiple]):not([size]),select:not([multiple])[size="0"],select:not([multiple])[size="1"]{
 -webkit-appearance:none;
 appearance:none;
 background-image:url("select-chevron.svg?v=7b5ed208b7");
 background-repeat:no-repeat;
 background-position:right 12px center;
 background-size:12px 12px;
 /* Some existing forms set inline padding; reserve the arrow space there too. */
 padding-right:34px!important;
 text-overflow:ellipsis;
}
@media(forced-colors:active){
 select:not([multiple]):not([size]),select:not([multiple])[size="0"],select:not([multiple])[size="1"]{appearance:auto;background-image:none}
}