.confetti_wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.confetti_wrap .confetti {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* confetti ======================================= */
.confetti_wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.confetti_wrap .confetti {
  position: absolute;
  width: 100%;
  height: 100%;
}
.confetti_wrap .confetti span {
  position: absolute;
  z-index: 0;
  top: -10%;
  left: 0;
  width: 1.5vw;
  height: 1vw;
  background: #fff;
}
.confetti_wrap .confetti span:nth-child(2n+1) {
  -webkit-animation: confetti-anim-1-sp 0s 0s linear infinite;
          animation: confetti-anim-1-sp 0s 0s linear infinite;
}
@media screen and (max-width: 767px) {
  .confetti_wrap .confetti span:nth-child(2n+1) {
    -webkit-animation: confetti-anim-1-sp-new 10s 0s linear infinite;
            animation: confetti-anim-1-sp-new 10s 0s linear infinite;
  }
}
.confetti_wrap .confetti span:nth-child(2n+2) {
  -webkit-animation: confetti-anim-2-sp 0s 0s linear infinite;
          animation: confetti-anim-2-sp 0s 0s linear infinite;
}
@media screen and (max-width: 767px) {
  .confetti_wrap .confetti span:nth-child(2n+2) {
    -webkit-animation: confetti-anim-2-sp-new 10s 0s linear infinite;
            animation: confetti-anim-2-sp-new 10s 0s linear infinite;
  }
}
.confetti_wrap .confetti span:nth-child(1) {
  left: 0%;
}
.confetti_wrap .confetti span:nth-child(2) {
  left: 2%;
}
.confetti_wrap .confetti span:nth-child(3) {
  left: 4%;
}
.confetti_wrap .confetti span:nth-child(4) {
  left: 6%;
}
.confetti_wrap .confetti span:nth-child(5) {
  left: 8%;
}
.confetti_wrap .confetti span:nth-child(6) {
  left: 10%;
}
.confetti_wrap .confetti span:nth-child(7) {
  left: 12%;
}
.confetti_wrap .confetti span:nth-child(8) {
  left: 14%;
}
.confetti_wrap .confetti span:nth-child(9) {
  left: 16%;
}
.confetti_wrap .confetti span:nth-child(10) {
  left: 18%;
}
.confetti_wrap .confetti span:nth-child(11) {
  left: 20%;
}
.confetti_wrap .confetti span:nth-child(12) {
  left: 22%;
}
.confetti_wrap .confetti span:nth-child(13) {
  left: 24%;
}
.confetti_wrap .confetti span:nth-child(14) {
  left: 26%;
}
.confetti_wrap .confetti span:nth-child(15) {
  left: 28%;
}
.confetti_wrap .confetti span:nth-child(16) {
  left: 30%;
}
.confetti_wrap .confetti span:nth-child(17) {
  left: 32%;
}
.confetti_wrap .confetti span:nth-child(18) {
  left: 34%;
}
.confetti_wrap .confetti span:nth-child(19) {
  left: 36%;
}
.confetti_wrap .confetti span:nth-child(20) {
  left: 38%;
}
.confetti_wrap .confetti span:nth-child(21) {
  left: 40%;
}
.confetti_wrap .confetti span:nth-child(22) {
  left: 42%;
}
.confetti_wrap .confetti span:nth-child(23) {
  left: 44%;
}
.confetti_wrap .confetti span:nth-child(24) {
  left: 46%;
}
.confetti_wrap .confetti span:nth-child(25) {
  left: 48%;
}
.confetti_wrap .confetti span:nth-child(26) {
  left: 50%;
}
.confetti_wrap .confetti span:nth-child(27) {
  left: 52%;
}
.confetti_wrap .confetti span:nth-child(28) {
  left: 54%;
}
.confetti_wrap .confetti span:nth-child(29) {
  left: 56%;
}
.confetti_wrap .confetti span:nth-child(30) {
  left: 58%;
}
.confetti_wrap .confetti span:nth-child(31) {
  left: 60%;
}
.confetti_wrap .confetti span:nth-child(32) {
  left: 62%;
}
.confetti_wrap .confetti span:nth-child(33) {
  left: 64%;
}
.confetti_wrap .confetti span:nth-child(34) {
  left: 66%;
}
.confetti_wrap .confetti span:nth-child(35) {
  left: 68%;
}
.confetti_wrap .confetti span:nth-child(36) {
  left: 70%;
}
.confetti_wrap .confetti span:nth-child(37) {
  left: 72%;
}
.confetti_wrap .confetti span:nth-child(38) {
  left: 74%;
}
.confetti_wrap .confetti span:nth-child(39) {
  left: 76%;
}
.confetti_wrap .confetti span:nth-child(40) {
  left: 78%;
}
.confetti_wrap .confetti span:nth-child(41) {
  left: 80%;
}
.confetti_wrap .confetti span:nth-child(42) {
  left: 82%;
}
.confetti_wrap .confetti span:nth-child(43) {
  left: 84%;
}
.confetti_wrap .confetti span:nth-child(44) {
  left: 86%;
}
.confetti_wrap .confetti span:nth-child(45) {
  left: 88%;
}
.confetti_wrap .confetti span:nth-child(46) {
  left: 90%;
}
.confetti_wrap .confetti span:nth-child(47) {
  left: 92%;
}
.confetti_wrap .confetti span:nth-child(48) {
  left: 94%;
}
.confetti_wrap .confetti span:nth-child(49) {
  left: 96%;
}
.confetti_wrap .confetti span:nth-child(50) {
  left: 98%;
}
.confetti_wrap .confetti span:nth-child(3n+1) {
  width: 1.25vw;
  height: 0.8vw;
}
@media screen and (max-width: 767px) {
  .confetti_wrap .confetti span:nth-child(3n+1) {
    width: 1.75vw;
    height: 1.2vw;
  }
}
.confetti_wrap .confetti span:nth-child(3n+2) {
  width: 1.5vw;
  height: 1vw;
}
@media screen and (max-width: 767px) {
  .confetti_wrap .confetti span:nth-child(3n+2) {
    width: 2vw;
    height: 1.4vw;
  }
}
.confetti_wrap .confetti span:nth-child(3n+3) {
  width: 1.75vw;
  height: 1.2vw;
}
@media screen and (max-width: 767px) {
  .confetti_wrap .confetti span:nth-child(3n+3) {
    width: 2.25vw;
    height: 1.6vw;
  }
}
.confetti_wrap .confetti span:nth-child(7n+1) {
  background: #fedc5e;
}
.confetti_wrap .confetti span:nth-child(7n+2) {
  background: #0054a7;
}
.confetti_wrap .confetti span:nth-child(7n+3) {
  background: #50c3ec;
}
.confetti_wrap .confetti span:nth-child(7n+4) {
  background: #fff;
}
.confetti_wrap .confetti span:nth-child(7n+5) {
  background: #85e0f7;
}
.confetti_wrap .confetti span:nth-child(7n+6) {
  background: #e8f6fc;
}
.confetti_wrap .confetti span:nth-child(7n+7) {
  background: #fedc5e;
}
.confetti_wrap .confetti span:nth-child(4n+1) {
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-duration: 18s;
  animation-duration: 18s;
  -webkit-animation-duration: 28s;
  animation-duration: 28s;
}
@media screen and (max-width: 767px) {
  .confetti_wrap .confetti span:nth-child(4n+1) {
    -webkit-animation-duration: 31s;
    animation-duration: 31s;
    -webkit-animation-duration: 41s;
    animation-duration: 41s;
  }
}
.confetti_wrap .confetti span:nth-child(4n+2) {
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
  -webkit-animation-duration: 25s;
  animation-duration: 25s;
  -webkit-animation-duration: 35s;
  animation-duration: 35s;
}
@media screen and (max-width: 767px) {
  .confetti_wrap .confetti span:nth-child(4n+2) {
    -webkit-animation-duration: 39s;
    animation-duration: 39s;
    -webkit-animation-duration: 49s;
    animation-duration: 49s;
  }
}
.confetti_wrap .confetti span:nth-child(4n+3) {
  -webkit-animation-duration: 11s;
  animation-duration: 11s;
  -webkit-animation-duration: 21s;
  animation-duration: 21s;
  -webkit-animation-duration: 31s;
  animation-duration: 31s;
}
@media screen and (max-width: 767px) {
  .confetti_wrap .confetti span:nth-child(4n+3) {
    -webkit-animation-duration: 35s;
    animation-duration: 35s;
    -webkit-animation-duration: 45s;
    animation-duration: 45s;
  }
}
.confetti_wrap .confetti span:nth-child(4n+4) {
  -webkit-animation-duration: 9s;
  animation-duration: 9s;
  -webkit-animation-duration: 19s;
  animation-duration: 19s;
  -webkit-animation-duration: 29s;
  animation-duration: 29s;
}
@media screen and (max-width: 767px) {
  .confetti_wrap .confetti span:nth-child(4n+4) {
    -webkit-animation-duration: 33s;
    animation-duration: 33s;
    -webkit-animation-duration: 43s;
    animation-duration: 43s;
  }
}
.confetti_wrap .confetti span:nth-child(11n+1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.confetti_wrap .confetti span:nth-child(11n+2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.confetti_wrap .confetti span:nth-child(11n+3) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.confetti_wrap .confetti span:nth-child(11n+4) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.confetti_wrap .confetti span:nth-child(11n+5) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.confetti_wrap .confetti span:nth-child(11n+6) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.confetti_wrap .confetti span:nth-child(11n+7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.confetti_wrap .confetti span:nth-child(11n+8) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.confetti_wrap .confetti span:nth-child(11n+9) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.confetti_wrap .confetti span:nth-child(11n+10) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.confetti_wrap .confetti span:nth-child(11n+11) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
.confetti_wrap.kv .confetti span:nth-child(2n+1) {
  -webkit-animation: confetti-anim-1 10s 0s linear infinite;
  animation: confetti-anim-1 10s 0s linear infinite;
}
.confetti_wrap.kv .confetti span:nth-child(2n+2) {
  -webkit-animation: confetti-anim-2 10s 0s linear infinite;
  animation: confetti-anim-2 10s 0s linear infinite;
}
.confetti_wrap.kv .confetti span:nth-child(4n+1) {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
}
@media screen and (max-width: 767px) {
  .confetti_wrap.kv .confetti span:nth-child(4n+1) {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
  }
}
.confetti_wrap.kv .confetti span:nth-child(4n+2) {
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
}
@media screen and (max-width: 767px) {
  .confetti_wrap.kv .confetti span:nth-child(4n+2) {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
  }
}
.confetti_wrap.kv .confetti span:nth-child(4n+3) {
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
}
@media screen and (max-width: 767px) {
  .confetti_wrap.kv .confetti span:nth-child(4n+3) {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
  }
}
.confetti_wrap.kv .confetti span:nth-child(4n+4) {
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
}
@media screen and (max-width: 767px) {
  .confetti_wrap.kv .confetti span:nth-child(4n+4) {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
  }
}
.confetti_wrap.kv .confetti span:nth-child(11n+1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.confetti_wrap.kv .confetti span:nth-child(11n+2) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
  -webkit-animation-delay: 11s;
  animation-delay: 11s;
}
.confetti_wrap.kv .confetti span:nth-child(11n+3) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.confetti_wrap.kv .confetti span:nth-child(11n+4) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}
.confetti_wrap.kv .confetti span:nth-child(11n+5) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}
.confetti_wrap.kv .confetti span:nth-child(11n+6) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}
.confetti_wrap.kv .confetti span:nth-child(11n+7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.confetti_wrap.kv .confetti span:nth-child(11n+8) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.confetti_wrap.kv .confetti span:nth-child(11n+9) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.confetti_wrap.kv .confetti span:nth-child(11n+10) {
  -webkit-animation-delay: 11s;
  animation-delay: 11s;
  -webkit-animation-delay: 13s;
  animation-delay: 13s;
}
.confetti_wrap.kv .confetti span:nth-child(11n+11) {
  nimation-delay: 10s;
  nimation-delay: 12s;
}
.confetti_wrap.big .confetti span:nth-child(2n+1) {
  -webkit-animation: confetti-anim-1 10s 0s linear infinite;
  animation: confetti-anim-1 10s 0s linear infinite;
}
.confetti_wrap.big .confetti span:nth-child(2n+2) {
  -webkit-animation: confetti-anim-2 10s 0s linear infinite;
  animation: confetti-anim-2 10s 0s linear infinite;
}
.confetti_wrap.big .confetti span:nth-child(3n+1) {
  width: 1.75vw;
  height: 1.2vw;
}
@media screen and (max-width: 767px) {
  .confetti_wrap.big .confetti span:nth-child(3n+1) {
    width: 2.25vw;
    height: 1.6vw;
  }
}
.confetti_wrap.big .confetti span:nth-child(3n+2) {
  width: 2vw;
  height: 1.4vw;
}
@media screen and (max-width: 767px) {
  .confetti_wrap.big .confetti span:nth-child(3n+2) {
    width: 2.5vw;
    height: 1.8vw;
  }
}
.confetti_wrap.big .confetti span:nth-child(3n+3) {
  width: 2.25vw;
  height: 1.6vw;
}
@media screen and (max-width: 767px) {
  .confetti_wrap.big .confetti span:nth-child(3n+3) {
    width: 2.75vw;
    height: 2vw;
  }
}
.confetti_wrap.big .confetti span:nth-child(4n+1) {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@media screen and (max-width: 767px) {
  .confetti_wrap.big .confetti span:nth-child(4n+1) {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
  }
}
.confetti_wrap.big .confetti span:nth-child(4n+2) {
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
  -webkit-animation-duration: 11s;
  animation-duration: 11s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}
@media screen and (max-width: 767px) {
  .confetti_wrap.big .confetti span:nth-child(4n+2) {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
  }
}
.confetti_wrap.big .confetti span:nth-child(4n+3) {
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
}
@media screen and (max-width: 767px) {
  .confetti_wrap.big .confetti span:nth-child(4n+3) {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
  }
}
.confetti_wrap.big .confetti span:nth-child(4n+4) {
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
}
@media screen and (max-width: 767px) {
  .confetti_wrap.big .confetti span:nth-child(4n+4) {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
  }
}
.confetti_wrap.big .confetti span:nth-child(11n+1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.confetti_wrap.big .confetti span:nth-child(11n+2) {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
  -webkit-animation-delay: 11s;
  animation-delay: 11s;
}
.confetti_wrap.big .confetti span:nth-child(11n+3) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.confetti_wrap.big .confetti span:nth-child(11n+4) {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}
.confetti_wrap.big .confetti span:nth-child(11n+5) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}
.confetti_wrap.big .confetti span:nth-child(11n+6) {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}
.confetti_wrap.big .confetti span:nth-child(11n+7) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.confetti_wrap.big .confetti span:nth-child(11n+8) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.confetti_wrap.big .confetti span:nth-child(11n+9) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.confetti_wrap.big .confetti span:nth-child(11n+10) {
  -webkit-animation-delay: 11s;
  animation-delay: 11s;
  -webkit-animation-delay: 13s;
  animation-delay: 13s;
}
.confetti_wrap.big .confetti span:nth-child(11n+11) {
  nimation-delay: 10s;
  nimation-delay: 12s;
}
@-webkit-keyframes confetti-anim-1 {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(20vw) rotateX(180deg) rotateY(360deg);
    transform: translateX(20vw) rotateX(180deg) rotateY(360deg);
  }
}
@-webkit-keyframes confetti-anim-2 {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(-20vw) rotateX(180deg) rotateY(360deg);
    transform: translateX(-20vw) rotateX(180deg) rotateY(360deg);
  }
}
@-webkit-keyframes confetti-anim-1-sp {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  50% {
    top: 50%;
    -webkit-transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
}
@-webkit-keyframes confetti-anim-2-sp {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  50% {
    top: 50%;
    -webkit-transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
}
@-webkit-keyframes confetti-anim-1-sp-new {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  25% {
    top: 25%;
    -webkit-transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
  }
  50% {
    top: 50%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  75% {
    top: 75%;
    -webkit-transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
}
@-webkit-keyframes confetti-anim-2-sp-new {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  25% {
    top: 25%;
    -webkit-transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
  }
  50% {
    top: 50%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  75% {
    top: 75%;
    -webkit-transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
}
@-webkit-keyframes confetti-anim-1 {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(20vw) rotateX(180deg) rotateY(360deg);
    transform: translateX(20vw) rotateX(180deg) rotateY(360deg);
  }
}
@keyframes confetti-anim-1 {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(20vw) rotateX(180deg) rotateY(360deg);
    transform: translateX(20vw) rotateX(180deg) rotateY(360deg);
  }
}
@-webkit-keyframes confetti-anim-2 {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(-20vw) rotateX(180deg) rotateY(360deg);
    transform: translateX(-20vw) rotateX(180deg) rotateY(360deg);
  }
}
@keyframes confetti-anim-2 {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(-20vw) rotateX(180deg) rotateY(360deg);
    transform: translateX(-20vw) rotateX(180deg) rotateY(360deg);
  }
}
@-webkit-keyframes confetti-anim-1-sp {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  50% {
    top: 50%;
    -webkit-transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
}
@keyframes confetti-anim-1-sp {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  50% {
    top: 50%;
    -webkit-transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
}
@-webkit-keyframes confetti-anim-2-sp {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  50% {
    top: 50%;
    -webkit-transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
}
@keyframes confetti-anim-2-sp {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  50% {
    top: 50%;
    -webkit-transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
}
@-webkit-keyframes confetti-anim-1-sp-new {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  25% {
    top: 25%;
    -webkit-transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
  }
  50% {
    top: 50%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  75% {
    top: 75%;
    -webkit-transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
}
@keyframes confetti-anim-1-sp-new {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  25% {
    top: 25%;
    -webkit-transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
  }
  50% {
    top: 50%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  75% {
    top: 75%;
    -webkit-transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(50vw) rotateX(120deg) rotateY(300deg);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
}
@-webkit-keyframes confetti-anim-2-sp-new {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  25% {
    top: 25%;
    -webkit-transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
  }
  50% {
    top: 50%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  75% {
    top: 75%;
    -webkit-transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
}
@keyframes confetti-anim-2-sp-new {
  0% {
    top: -10%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  25% {
    top: 25%;
    -webkit-transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
  }
  50% {
    top: 50%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
  75% {
    top: 75%;
    -webkit-transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
    transform: translateX(-50vw) rotateX(120deg) rotateY(300deg);
  }
  100% {
    top: 105%;
    -webkit-transform: translateX(0) rotateX(0) rotateY(0);
    transform: translateX(0) rotateX(0) rotateY(0);
  }
}