on-background-color: var(
      --maui-color-interaction-interaction-inverted
    );
  }

  .sn.selectable.inverted:not([disabled]).selected:hover {
    --maui-icon-button-background-color: var(
      --maui-color-interaction-interaction-invertedhover
    );
  }

  .sn.selectable.inverted:not([disabled], .selected) .icon maui-icon,
  .sn.selectable.inverted:not([disabled], .selected)
    .icon
    ::slotted(maui-icon) {
    --maui-icon-color-override: var(--maui-color-brand-light);
  }

  .sn.selectable.inverted.selected:not([disabled]) .icon maui-icon,
  .sn.selectable.inverted.selected:not([disabled]) .icon ::slotted(maui-icon) {
    --maui-icon-color-override: var(--maui-color-interaction-buttonsecondary);
  }

  .sn.selectable.inverted:hover:not([disabled]) .icon maui-icon,
  .sn.selectable.inverted:hover:not([disabled]) .icon ::slotted(maui-icon) {
    --maui-icon-color-override: var(--maui-color-interaction-buttonsecondary);
  }

  .sn.inverted.transparent:not([disabled]) .icon maui-icon,
  .sn.inverted.transparent:not([disabled]) .icon ::slotted(maui-icon) {
    --maui-icon-color-override: var(
      --maui-color-interaction-interaction-inverted
    );
  }

  .sn.inverted.transparent:not([disabled]).icon-button:hover .icon maui-icon,
  .sn.inverted.transparent:not([disabled]).icon-button:hover
    .icon
    ::slotted(maui-icon) {
    --maui-icon-color-override: var(
      --maui-color-interaction-interaction-invertedhover
    );
  }
·