.loading-bars {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 4px;
   height: 30px;
}


.loading-bars span {
   width: 4px;
   height: 20px;
   background-color: #2d6d3b;
   border-radius: 2px;
   animation: loadingBar 1s ease-in-out infinite;
}


.loading-bars span:nth-child(2) {
   animation-delay: .1s;
}


.loading-bars span:nth-child(3) {
   animation-delay: .2s;
}


.loading-bars span:nth-child(4) {
   animation-delay: .3s;
}


.loading-bars span:nth-child(5) {
   animation-delay: .4s;
}


@keyframes loadingBar {
   0%, 100% {
       height: 10px;
       opacity: .4;
   }


   50% {
       height: 28px;
       opacity: 1;
   }
}