.center {
  display: flex;
  position: fixed;
  inset: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 14px;
}

.loading-logo {
  width: min(320px, 70vw);
  height: auto;
  display: block;
}

.loading-bar {
  width: min(320px, 70vw);
  height: 3px;
  background: #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

.loading-bar::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #01304e;
  border-radius: 2px;
  animation: loading-progress 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  transform-origin: left;
}

@keyframes loading-progress {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}

body {
  margin: 0;
  background-color: #ffffff;
}

#loading-screen.dark .loading-bar {
  background: #38342e;
}

#loading-screen.dark .loading-bar::after {
  background: #bf9853;
}

/* Hide Flutter's default loading indicator */
.flutter-loader,
.flutter-loader-splash,
flutter-loader-splash {
  display: none !important;
}

/* Hide the Firebase auth warning for local testing. 
 * Devs should have common sense. 
 */
p.firebase-emulator-warning {
  opacity: 0;
  pointer-events: none;
}