Tailwind utilities conflict with default layout

[kevinschweikert]

I am using a fresh Elixir Phoenix project with a default Tailwind and Esbuild setup. Esbuild and Tailwind are running as standalone binaries. The styles get correctly imported, but there seems to be an issue/conflict with the tailwind utilities.

Current Behavior:

Expected Behavior:

Steps To Reproduce:

1. Import Default Layout styles in app.js like in https://www.vidstack.io/docs/player/getting-started/installation/javascript?provider=hls&styling=default-layout&install=npm
2. To get the correct styles, remove @tailwind utilities; in app.css

Environment:

• Framework: Phoenix / JavaScript
• Meta Framework: esbuild
• Node: v22.3.0
• Device: MacBook
• OS: macOS 14.5 (23F79)
• Browser: Arc Version 1.49.0 (51346)