@import "tailwindcss";

@custom-variant hovered {
  @media (hover: hover) {
    &:hover,
    &:focus-visible,
    &:has(:focus-visible) {
      @slot;
    }
  }
}

@custom-variant hovered-action {
  @media (hover: hover) {
    &:has(.action:hover),
    &:has(.action:focus-visible) {
      @slot;
    }
  }
}

@custom-variant pressed {
  @media (hover: hover) {
    &:active {
      @slot;
    }
  }
}
@custom-variant pressed-action {
  @media (hover: hover) {
    &:has(.action:active) {
      @slot;
    }
  }
}