/* One indicator definition; native pickers and listboxes retain their behavior. */
:root{--lm-select-indicator:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2339718d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
body select:not([multiple]):is(:not([size]),[size="0"],[size="1"]){
    -webkit-appearance:none!important;
    appearance:none!important;
    box-sizing:border-box;
    padding-inline-start:14px!important;
    padding-inline-end:40px!important;
    background-image:var(--lm-select-indicator)!important;
    background-repeat:no-repeat!important;
    background-size:18px 18px!important;
    background-position:right 12px center!important;
}
body select:not([multiple]):is(:not([size]),[size="0"],[size="1"]):dir(rtl){background-position:left 12px center!important}
body select[multiple],body select[size]:not([size="0"]):not([size="1"]){background-image:none!important}
@media(forced-colors:active){
    body select:not([multiple]):is(:not([size]),[size="0"],[size="1"]){
        -webkit-appearance:auto!important;
        appearance:auto!important;
        background-image:none!important;
        padding-inline-end:14px!important;
    }
}