/* Disable flickering effects in the LoadingOverlay component */
[role="progressbar"] {
  opacity: 0 !important;
}

.chakra-spinner {
  opacity: 0 !important;
}

/* Make loading overlay transparent */
div[style*="opacity: 0"] {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide the semi-transparent overlay */
div[style*="blackAlpha.300"] {
  background-color: transparent !important;
}