/* CSS to prevent content flash by hiding elements that will be patched until DOM is fully loaded */
.fade-in {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

body.dom-loaded .fade-in {
  opacity: 1;
}

/* Hide specific elements that show placeholder content */
body:not(.dom-loaded) [class*="text-gray-400"][class*="text-xs"][class*="font-medium"],
body:not(.dom-loaded) .text-gray-500.text-sm.mb-3,
body:not(.dom-loaded) h3.text-xl.font-bold.text-white.mb-4,
body:not(.dom-loaded) .w-10.h-10.rounded-full.bg-gray-800.flex.items-center.justify-center.text-gray-400,
body:not(.dom-loaded) .text-gray-400.text-sm.mb-1,
body:not(.dom-loaded) address.text-white.not-italic > span {
  visibility: hidden !important;
}