/* Keep native select semantics and mobile pickers, with the same inset chevron everywhere. */
html body select:not([multiple]):is(:not([size]),[size="1"]),
html body :is(dialog,#wSide) select.compact-control:not([multiple]):is(:not([size]),[size="1"]){
 -webkit-appearance:none;appearance:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23899bb2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
 background-position:right 12px center!important;background-size:12px 8px!important;background-repeat:no-repeat!important;
 padding-right:36px!important;box-sizing:border-box;
}
html body select:disabled{opacity:.6}
@media(forced-colors:active){
 html body select:not([multiple]):is(:not([size]),[size="1"]),
 html body :is(dialog,#wSide) select.compact-control:not([multiple]):is(:not([size]),[size="1"]){appearance:auto;background-image:none!important;padding-right:8px!important}
}