@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;1000&display=swap");

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

/* Alpine only removes the x-cloak attribute once it initialises an element — the hiding is
   ours to declare. Without this the attribute is inert and every x-cloak element flashes
   visible until Alpine boots. */
[x-cloak] {
  display: none !important;
}

[data-bridge-components~="button"]
[data-controller~="bridge--button"] {
  display: none;
}