How to prevent PicoCSS from breaking datatables layout?

[Leftium]

I'd like to use PicoCSS with datatables, but it results in broken datatable layouts due to CSS conflicts styling the same elements:

• https://kit-demos-git-datatables-picocss-leftium.vercel.app/
• https://github.com/Leftium/kit-demos/tree/datatables-picocss

Ideally, I'd like to have PicoCSS control the colors (for themes/dark mode), but let datatables control the rest of the CSS (layout).

Is there any way to get PicoCSS and datatables to work together in harmony?

A possible work-around is to use the new conditional styling feature, but I think that would mean:

• Datatables cannot be children of elements styled with PicoCSS
• Datatables cannot take advantage of PicoCSS themes/dark mode.

[Leftium]

It seems PicoCSS conditional styling was enough!

• Datatables layout fixed.
• Yet still gets PicoCSS darkmode.
• (Also I was able to delete the global styles I thought I needed for datatables. I think PicoCSS is handling the font styles, now.)
• Fixed here: https://bangtastic.vercel.app/

Thanks for adding such a great feature!