.option {
    padding: 0.3em;
}

.select :global(.factory-select__multi-value) {
    --fixed-item-bg: #ccc;
}

@media (prefers-color-scheme: dark) {
    .select :global(.factory-select__control) {
        background-color: #222;
    }

    .select :global(.factory-select__multi-value),
    .select :global(.factory-select__menu) {
        background-color: #444;

        --fixed-item-bg: #666;
    }

    .option:is(:hover, :focus-visible) {
        background-color: black;
    }

    .select :global(.factory-select__multi-value__label) {
        color: #ddd;
    }
}