I want to fill in a Stripe Card Element using Playwright.

The regular locators don't seem to work. The following for example does nothing:

await page.fill('iframe input[name="cardnumber"]', '4242424242424242')

How can I fill the card inputs (number, CVC, expiry date, postal code) with Playwright?