/* [project]/Documents/GitHub/club-home-v1-fe/src/components/layouts/animated-background.css [app-client] (css) */
@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px)rotate(360deg);
  }
}

.background {
  z-index: 0;
  background: #000;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

.background span {
  backface-visibility: hidden;
  border-radius: 2vmin;
  width: 2vmin;
  height: 2vmin;
  animation: 39s linear infinite move;
  position: absolute;
}

.background span:first-child {
  color: #d93e47;
  transform-origin: 7vw -24vh;
  animation-duration: 32s;
  animation-delay: -30s;
  top: 80%;
  left: 50%;
  box-shadow: -4vmin 0 1.32092vmin;
}

.background span:nth-child(2) {
  color: #54b149;
  transform-origin: -23vw -3vh;
  animation-duration: 71s;
  animation-delay: -43s;
  top: 86%;
  left: 62%;
  box-shadow: -4vmin 0 .796672vmin;
}

.background span:nth-child(3) {
  color: #00a0e9;
  transform-origin: 2vw 5vh;
  animation-duration: 31s;
  animation-delay: -36s;
  top: 34%;
  left: 84%;
  box-shadow: 4vmin 0 1.43408vmin;
}

.background span:nth-child(4) {
  color: #e78d2a;
  transform-origin: -8vw 5vh;
  animation-duration: 6s;
  animation-delay: -37s;
  top: 87%;
  left: 19%;
  box-shadow: 4vmin 0 1.01579vmin;
}

.background span:nth-child(5) {
  color: #d93e47;
  transform-origin: -20vw 25vh;
  animation-duration: 10s;
  animation-delay: -49s;
  top: 83%;
  left: 42%;
  box-shadow: -4vmin 0 .848711vmin;
}

.background span:nth-child(6) {
  color: #54b149;
  transform-origin: 24vw 8vh;
  animation-duration: 44s;
  animation-delay: -103s;
  top: 49%;
  left: 28%;
  box-shadow: -4vmin 0 .869714vmin;
}

.background span:nth-child(7) {
  color: #00a0e9;
  transform-origin: -12vw -11vh;
  animation-duration: 96s;
  animation-delay: -71s;
  top: 89%;
  left: 13%;
  box-shadow: 4vmin 0 .90692vmin;
}

.background span:nth-child(8) {
  color: #e78d2a;
  transform-origin: -6vw 1vh;
  animation-duration: 85s;
  animation-delay: -6s;
  top: 51%;
  left: 89%;
  box-shadow: -4vmin 0 .966351vmin;
}

.background span:nth-child(9) {
  color: #d93e47;
  transform-origin: 16vw 2vh;
  animation-duration: 24s;
  animation-delay: -19s;
  top: 34%;
  left: 76%;
  box-shadow: -4vmin 0 1.14948vmin;
}

.background span:nth-child(10) {
  color: #54b149;
  transform-origin: -15vw -24vh;
  animation-duration: 106s;
  animation-delay: -79s;
  top: 20%;
  left: 10%;
  box-shadow: 4vmin 0 .629709vmin;
}

.background span:nth-child(11) {
  color: #00a0e9;
  transform-origin: -13vw -13vh;
  animation-duration: 71s;
  animation-delay: -62s;
  top: 57%;
  left: 37%;
  box-shadow: -4vmin 0 1.14245vmin;
}

.background span:nth-child(12) {
  color: #e78d2a;
  transform-origin: -13vw 18vh;
  animation-duration: 83s;
  animation-delay: -12s;
  top: 53%;
  left: 9%;
  box-shadow: 4vmin 0 .533236vmin;
}

.background span:nth-child(13) {
  color: #d93e47;
  transform-origin: -19vw -3vh;
  animation-duration: 82s;
  animation-delay: -3s;
  top: 4%;
  left: 40%;
  box-shadow: -4vmin 0 1.29168vmin;
}

.background span:nth-child(14) {
  color: #54b149;
  transform-origin: 14vw 22vh;
  animation-duration: 22s;
  animation-delay: -108s;
  top: 56%;
  left: 9%;
  box-shadow: 4vmin 0 1.45663vmin;
}

.background span:nth-child(15) {
  color: #00a0e9;
  transform-origin: 13vw 7vh;
  animation-duration: 74s;
  animation-delay: -11s;
  top: 70%;
  left: 79%;
  box-shadow: -4vmin 0 1.36992vmin;
}

.background span:nth-child(16) {
  color: #e78d2a;
  transform-origin: 4vw 9vh;
  animation-duration: 58s;
  animation-delay: -80s;
  top: 76%;
  left: 37%;
  box-shadow: 4vmin 0 .975189vmin;
}

.background span:nth-child(17) {
  color: #d93e47;
  transform-origin: 11vw -24vh;
  animation-duration: 34s;
  animation-delay: -10s;
  top: 74%;
  left: 49%;
  box-shadow: 4vmin 0 .999501vmin;
}

.background span:nth-child(18) {
  color: #54b149;
  transform-origin: -10vw 5vh;
  animation-duration: 20s;
  animation-delay: -93s;
  top: 62%;
  left: 35%;
  box-shadow: -4vmin 0 1.10955vmin;
}

.background span:nth-child(19) {
  color: #00a0e9;
  transform-origin: 8vw 6vh;
  animation-duration: 74s;
  animation-delay: -16s;
  top: 87%;
  left: 30%;
  box-shadow: 4vmin 0 .958088vmin;
}

.background span:nth-child(20) {
  color: #e78d2a;
  transform-origin: 15vw -18vh;
  animation-duration: 68s;
  animation-delay: -50s;
  top: 27%;
  left: 69%;
  box-shadow: 4vmin 0 1.39766vmin;
}

.background span:nth-child(21) {
  color: #d93e47;
  transform-origin: 13vw 11vh;
  animation-duration: 115s;
  animation-delay: -35s;
  top: 88%;
  left: 10%;
  box-shadow: -4vmin 0 .712679vmin;
}

.background span:nth-child(22) {
  color: #54b149;
  transform-origin: 8vw -1vh;
  animation-duration: 74s;
  animation-delay: -15s;
  top: 61%;
  left: 2%;
  box-shadow: -4vmin 0 .943597vmin;
}

.background span:nth-child(23) {
  color: #00a0e9;
  transform-origin: 13vw -14vh;
  animation-duration: 25s;
  animation-delay: -95s;
  top: 15%;
  left: 81%;
  box-shadow: 4vmin 0 .573333vmin;
}

.background span:nth-child(24) {
  color: #e78d2a;
  transform-origin: -18vw 6vh;
  animation-duration: 60s;
  animation-delay: -87s;
  top: 47%;
  left: 28%;
  box-shadow: 4vmin 0 .853979vmin;
}

.background span:nth-child(25) {
  color: #d93e47;
  transform-origin: 19vw -10vh;
  animation-duration: 22s;
  animation-delay: -82s;
  top: 23%;
  left: 83%;
  box-shadow: 4vmin 0 .963885vmin;
}

.background span:nth-child(26) {
  color: #54b149;
  transform-origin: -1vw 6vh;
  animation-duration: 113s;
  animation-delay: -84s;
  top: 83%;
  left: 62%;
  box-shadow: -4vmin 0 1.31156vmin;
}

.background span:nth-child(27) {
  color: #00a0e9;
  transform-origin: 20vw 12vh;
  animation-duration: 50s;
  animation-delay: -17s;
  top: 80%;
  left: 14%;
  box-shadow: 4vmin 0 1.05254vmin;
}

.background span:nth-child(28) {
  color: #e78d2a;
  transform-origin: -17vw -3vh;
  animation-duration: 102s;
  animation-delay: -17s;
  top: 14%;
  left: 33%;
  box-shadow: -4vmin 0 1.00073vmin;
}

.background span:nth-child(29) {
  color: #d93e47;
  transform-origin: 15vw -1vh;
  animation-duration: 104s;
  animation-delay: -52s;
  top: 27%;
  left: 83%;
  box-shadow: 4vmin 0 .676475vmin;
}

.background span:nth-child(30) {
  color: #54b149;
  transform-origin: -22vw 25vh;
  animation-duration: 18s;
  animation-delay: -48s;
  top: 80%;
  left: 91%;
  box-shadow: 4vmin 0 .989449vmin;
}

.background span:nth-child(31) {
  color: #00a0e9;
  transform-origin: -5vw 11vh;
  animation-duration: 110s;
  animation-delay: -36s;
  top: 98%;
  left: 22%;
  box-shadow: -4vmin 0 1.24593vmin;
}

.background span:nth-child(32) {
  color: #e78d2a;
  transform-origin: 5vw 25vh;
  animation-duration: 41s;
  animation-delay: -108s;
  top: 62%;
  left: 71%;
  box-shadow: -4vmin 0 .869187vmin;
}

.background span:nth-child(33) {
  color: #d93e47;
  transform-origin: 14vw 7vh;
  animation-duration: 15s;
  animation-delay: -15s;
  top: 19%;
  left: 3%;
  box-shadow: -4vmin 0 .660719vmin;
}

.background span:nth-child(34) {
  color: #54b149;
  transform-origin: 9vw -18vh;
  animation-duration: 60s;
  animation-delay: -69s;
  top: 24%;
  left: 55%;
  box-shadow: -4vmin 0 1.24385vmin;
}

.background span:nth-child(35) {
  color: #00a0e9;
  transform-origin: -5vw -9vh;
  animation-duration: 78s;
  animation-delay: -106s;
  top: 77%;
  left: 4%;
  box-shadow: 4vmin 0 1.02233vmin;
}

.background span:nth-child(36) {
  color: #e78d2a;
  transform-origin: 19vw 16vh;
  animation-duration: 66s;
  animation-delay: -64s;
  top: 68%;
  left: 85%;
  box-shadow: -4vmin 0 .796931vmin;
}

.background span:nth-child(37) {
  color: #d93e47;
  transform-origin: -20vw -2vh;
  animation-duration: 81s;
  animation-delay: -99s;
  top: 44%;
  left: 49%;
  box-shadow: -4vmin 0 1.42526vmin;
}

.background span:nth-child(38) {
  color: #54b149;
  transform-origin: 2vw 14vh;
  animation-duration: 84s;
  animation-delay: -45s;
  top: 91%;
  left: 18%;
  box-shadow: 4vmin 0 .66614vmin;
}

.background span:nth-child(39) {
  color: #00a0e9;
  transform-origin: -23vw 3vh;
  animation-duration: 24s;
  animation-delay: -28s;
  top: 17%;
  left: 26%;
  box-shadow: -4vmin 0 .949289vmin;
}

.background span:nth-child(40) {
  color: #e78d2a;
  transform-origin: 24vw -24vh;
  animation-duration: 99s;
  animation-delay: -47s;
  top: 23%;
  left: 32%;
  box-shadow: 4vmin 0 1.0217vmin;
}

.background span:nth-child(41) {
  color: #d93e47;
  transform-origin: 4vw 24vh;
  animation-duration: 17s;
  animation-delay: -12s;
  top: 6%;
  left: 23%;
  box-shadow: 4vmin 0 .966214vmin;
}

.background span:nth-child(42) {
  color: #54b149;
  transform-origin: 3vw -17vh;
  animation-duration: 58s;
  animation-delay: -80s;
  top: 2%;
  left: 26%;
  box-shadow: 4vmin 0 1.25402vmin;
}

.background span:nth-child(43) {
  color: #00a0e9;
  transform-origin: 3vw -3vh;
  animation-duration: 59s;
  animation-delay: -100s;
  top: 60%;
  left: 71%;
  box-shadow: 4vmin 0 1.13027vmin;
}

.background span:nth-child(44) {
  color: #e78d2a;
  transform-origin: -24vw 15vh;
  animation-duration: 98s;
  animation-delay: -1s;
  top: 98%;
  left: 85%;
  box-shadow: 4vmin 0 1.48482vmin;
}

.background span:nth-child(45) {
  color: #d93e47;
  transform-origin: 13vw 22vh;
  animation-duration: 56s;
  animation-delay: -10s;
  top: 75%;
  left: 80%;
  box-shadow: 4vmin 0 1.15031vmin;
}

.background span:nth-child(46) {
  color: #54b149;
  transform-origin: -17vw -7vh;
  animation-duration: 113s;
  animation-delay: -52s;
  top: 46%;
  left: 8%;
  box-shadow: -4vmin 0 .636835vmin;
}

.background span:nth-child(47) {
  color: #00a0e9;
  transform-origin: 2vw -14vh;
  animation-duration: 81s;
  animation-delay: -1s;
  top: 35%;
  left: 49%;
  box-shadow: 4vmin 0 1.48155vmin;
}

.background span:nth-child(48) {
  color: #e78d2a;
  transform-origin: -1vw -4vh;
  animation-duration: 15s;
  animation-delay: -53s;
  top: 67%;
  left: 38%;
  box-shadow: 4vmin 0 .738851vmin;
}

.background span:nth-child(49) {
  color: #d93e47;
  transform-origin: 21vw -20vh;
  animation-duration: 101s;
  animation-delay: -2s;
  top: 7%;
  left: 5%;
  box-shadow: 4vmin 0 .976531vmin;
}

.background span:nth-child(50) {
  color: #54b149;
  transform-origin: 1vw -5vh;
  animation-duration: 45s;
  animation-delay: -55s;
  top: 38%;
  left: 53%;
  box-shadow: -4vmin 0 1.06563vmin;
}

/* [project]/Documents/GitHub/club-home-v1-fe/src/components/common/login-submit/loading.module.css [app-client] (css) */
.loading-module__Y8c-wW__loader {
  aspect-ratio: 1;
  border: 6px solid #fff;
  border-radius: 50%;
  width: 50px;
  animation: .8s linear infinite alternate loading-module__Y8c-wW__l20-1, 1.6s linear infinite loading-module__Y8c-wW__l20-2;
}

@keyframes loading-module__Y8c-wW__l20-1 {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }

  12.5% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  }

  25% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  }

  50% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }

  62.5% {
    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }

  75% {
    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
  }

  100% {
    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
  }
}

@keyframes loading-module__Y8c-wW__l20-2 {
  0% {
    transform: scaleY(1)rotate(0);
  }

  49.99% {
    transform: scaleY(1)rotate(135deg);
  }

  50% {
    transform: scaleY(-1)rotate(0);
  }

  100% {
    transform: scaleY(-1)rotate(-135deg);
  }
}

/* [project]/Documents/GitHub/club-home-v1-fe/src/components/lobby/notice/banner.module.css [app-client] (css) */
@keyframes banner-module__pi3L1G__slideInHorizontal {
  from {
    opacity: 0;
    transform: translateX(-20px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateX(0)scale(1);
  }
}

@keyframes banner-module__pi3L1G__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.banner-module__pi3L1G__animateFadeIn {
  animation: .3s ease-out banner-module__pi3L1G__fadeIn;
}

.banner-module__pi3L1G__scrollContainer::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}

.banner-module__pi3L1G__scrollContainer {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.banner-module__pi3L1G__scrollContainer::-webkit-scrollbar-track {
  background: #0000004d;
  border-radius: 10px;
  margin: 0 8px;
}

.banner-module__pi3L1G__scrollContainer::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, gold 0%, orange 100%);
  border-radius: 10px;
  transition: all .3s;
}

.banner-module__pi3L1G__scrollContainer::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(90deg, #ffed4e 0%, #ffb84d 100%);
  transform: scaleY(1.2);
  box-shadow: 0 0 8px #ffa50099;
}

/*# sourceMappingURL=Documents_GitHub_club-home-v1-fe_src_components_09zvy0n._.css.map*/