.container {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.loading-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(-5vh); /* Moves the content up by 10% of the viewport height */
}
.indicator {
    width: 240px;
    height: 240px;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-in {
  animation: fadeIn 400ms ease-in;  /* Increased duration to 2 seconds */
}

/*
TODO remove when this issue fixed: https://github.com/flutter/flutter/issues/152588
*/
html, body {
  overscroll-behavior-x: none;
}