/* Spinner Modal Styles */
#spinnerModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: hidden; /* Prevent scroll */
  background: rgba(0,0,0,0.5); /* Black background with opacity */
  justify-content: center;
  align-items: center;
}

.bar-loader {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bar {
  width: 10px;
  height: 50px;
  background-color: #fff;
  margin: 0 5px;
  animation: bar-loader 1.2s infinite ease-in-out;
}

.bar:nth-child(2) {
  animation-delay: -1.1s;
}

.bar:nth-child(3) {
  animation-delay: -1s;
}

.bar:nth-child(4) {
  animation-delay: -0.9s;
}

.bar:nth-child(5) {
  animation-delay: -0.8s;
}

@keyframes bar-loader {
  0%, 100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.3);
  }
}