@supports (appearance:base-select){select{appearance:base-select}select::picker(select){appearance:base-select;background-color:var(--color-gray-100)}select::picker-icon{transition:150ms ease}select:open::picker-icon{rotate:180deg}select optgroup{display:flex;flex-flow:row wrap;gap:.5rem;padding:.5rem}select optgroup legend{width:100%}select option{background-color:var(--color-button-secondary-bg);color:var(--color-button-secondary-text);display:inline-block;padding:.25rem;border-radius:.25rem;align-content:center;cursor:pointer}select option::checkmark{display:none}select option:checked{background-color:var(--color-button-bg);color:var(--color-white)}select option:checked::checkmark{display:inline-block;color:var(--color-button-text)}}