@custom-variant interact {
  &:hover,
  &:focus-visible,
  &:active,
  &.selected,
  &.checked,
  &[aria-current],
  &[aria-selected='true'],
  &[aria-pressed='true'],
  &[aria-expanded='true'] {
    @slot;
  }
}

@custom-variant interact-within {
  &:hover,
  &:focus-within,
  &:has(
    .selected,
    .checked,
    [aria-current],
    [aria-selected='true'],
    [aria-pressed='true'],
    [aria-expanded='true']
  ) {
    @slot;
  }
}