/* Shared native single-select paint. Keep the browser picker and keyboard behavior. */
:is(#tic-places, #tic-spaces, #tic-account) select:where(:not([multiple])):where(:not([size]), [size="0"], [size="1"]),
select.tic-native-select:where(:not([multiple])):where(:not([size]), [size="0"], [size="1"]) {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    padding-inline-end: 40px;
    background-image: url('../assets/select-chevron.svg');
    background-position: right 12px center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    text-overflow: ellipsis;
}

@media (forced-colors: active) {
    :is(#tic-places, #tic-spaces, #tic-account) select:where(:not([multiple])):where(:not([size]), [size="0"], [size="1"]),
    select.tic-native-select:where(:not([multiple])):where(:not([size]), [size="0"], [size="1"]) {
        -webkit-appearance: auto;
        appearance: auto;
        background-image: none;
    }
}