Couldn't hide arrows for number inputs with the jsx parent css prop (using panda patterns)

[kiruushaaa]

The screenshot is from safari, but it actually isn't a reason.
Is it common behaviour or I'm missing something

playground: https://play.panda-css.com/bFO8yqcLqO

[astahmer]

that's because you're scoping things in the & input[type=number] selector, whereas the noArrows.raw() is most likely designed to output CSS without a specific selector scope

[kiruushaaa]

so there is no processing for &, got it

are there any solutions that might fit this case?

[astahmer]

yes ! convert it to a custom utility
https://play.panda-css.com/bFO8yqcLqO/vPY05QI-1q

[kiruushaaa]

don't understand how i didn't manage to find it through the docs 🤓