/* Shared arrow placement for native single-choice dropdowns. */
:root select:not([multiple]):is(:not([size]), [size="1"]) {
    -webkit-appearance: none;
    appearance: none;
    background-image: url("select-chevron.svg");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px 16px;
    padding-right: 42px;
}

@media (forced-colors: active) {
    :root select:not([multiple]):is(:not([size]), [size="1"]) {
        -webkit-appearance: auto;
        appearance: auto;
        background-image: none;
    }
}