@tailwind base;
@tailwind components;
@tailwind utilities;

/* Alpine.js elements with x-cloak stay hidden until Alpine hydrates and
   takes over their visibility (x-show, x-if, etc). Without this rule
   x-cloak has no effect and such elements flash visible on every page
   load/navigation, since this app re-parses the DOM from scratch on every
   request (server-rendered Blade, not an SPA). */
[x-cloak] {
    display: none !important;
}