.chevron {
  transition: rotate var(--duration-state) var(--easing-state);
}

[aria-expanded="true"] .chevron,
:has(> select:open) > .chevron {
  rotate: -180deg;
}