body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans",
  "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ele-hidden {
  visibility: hidden !important;
}

/* Initial styles for the element */
.fade-element {
  opacity: 0; /* Initially set opacity to 0 */
  visibility: hidden; /* Initially set visibility to hidden */
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* Styles for when the element is visible */
.fade-element.visible {
  opacity: 1; /* Set opacity to 1 (fully visible) */
  visibility: visible;
}