/* Special case for filled badges within filled variants */
/* TODO is there a way to solve this without explicitly listing the special cases */
:is(vaadin-button, vaadin-menu-bar-button, vaadin-drawer-toggle)[theme~='primary'],
vaadin-tabs[theme~='filled'] > vaadin-tab[selected],
vaadin-side-nav[theme~='filled'] > vaadin-side-nav-item[current],
:is(
    vaadin-combo-box-item,
    vaadin-context-menu-item,
    vaadin-item,
    vaadin-menu-bar-item,
    vaadin-multi-select-combo-box-item,
    vaadin-select-item[role]
  )[theme~='filled']:not([disabled], [aria-disabled='true']):hover {
  > vaadin-badge[theme~='filled']:not(
      .aura-accent-red,
      .aura-accent-orange,
      .aura-accent-yellow,
      .aura-accent-green,
      .aura-accent-blue,
      .aura-accent-purple
    ) {
    border-color: transparent;
    background: var(--aura-accent-contrast-color);
    color: var(--aura-accent-color);
  }
}
vaadin-badge.aura-badge-point::before {
  content: '';
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: currentColor;
}