/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../../../../../usr/lib/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!../../../../../../../usr/lib/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/components/pages/SplashGate/SplashScreen/SplashLoadingBar/SplashLoadingBar.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SplashLoadingBar_bubble__r_izU {
  position: absolute;
  bottom: -7px;
  border-radius: 9999px;
  background: rgb(255 255 255 / 48%);
  box-shadow: inset 0 0 2px rgb(255 255 255 / 72%);
  opacity: 0;
  animation: SplashLoadingBar_splash-loading-bubble__5bTfC 1.8s ease-in-out infinite;
}

.SplashLoadingBar_bubble__r_izU:nth-child(1) {
  left: 8%;
  width: 4px;
  height: 4px;
  animation-delay: 0s;
}

.SplashLoadingBar_bubble__r_izU:nth-child(2) {
  left: 18%;
  width: 3px;
  height: 3px;
  animation-delay: 0.35s;
}

.SplashLoadingBar_bubble__r_izU:nth-child(3) {
  left: 28%;
  width: 5px;
  height: 5px;
  animation-delay: 0.75s;
}

.SplashLoadingBar_bubble__r_izU:nth-child(4) {
  left: 40%;
  width: 3px;
  height: 3px;
  animation-delay: 1.1s;
}

.SplashLoadingBar_bubble__r_izU:nth-child(5) {
  left: 52%;
  width: 4px;
  height: 4px;
  animation-delay: 0.2s;
}

.SplashLoadingBar_bubble__r_izU:nth-child(6) {
  left: 63%;
  width: 6px;
  height: 6px;
  animation-delay: 0.95s;
}

.SplashLoadingBar_bubble__r_izU:nth-child(7) {
  left: 74%;
  width: 3px;
  height: 3px;
  animation-delay: 0.55s;
}

.SplashLoadingBar_bubble__r_izU:nth-child(8) {
  left: 84%;
  width: 5px;
  height: 5px;
  animation-delay: 1.35s;
}

.SplashLoadingBar_bubble__r_izU:nth-child(9) {
  left: 93%;
  width: 4px;
  height: 4px;
  animation-delay: 0.15s;
}

@keyframes SplashLoadingBar_splash-loading-bubble__5bTfC {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0.7);
  }

  18% {
    opacity: 0.75;
  }

  70% {
    opacity: 0.55;
  }

  100% {
    opacity: 0;
    transform: translate3d(3px, -18px, 0) scale(1.15);
  }
}