/* ============================================== color */
/* hover
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* ============================================================================================ hover */
/* ============================================== common */
@keyframes kiraAnime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.splash--container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.wrapper {
  opacity: 0;
}
.wrapper.isShow {
  opacity: 1;
}

/* -------------------------------------------------- splash */
.splash--logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 338px;
  height: 120px;
  opacity: 0;
  background-image: url(../img/splash/logo.svg?v=1104);
}

.splash {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  /* -------------------------------------------------- mainTitle text */
  /* -------------------------------------------------- splash 1 */
  /* -------------------------------------------------- splash 2 */
  /* -------------------------------------------------- main title */
}
.splash.active--1 .splash__mainText > li {
  transform: scale(1);
}
.splash.active--1 .splash__parts {
  transform: scale(1);
}
.splash.active--1 .mainTitle__text > span {
  transform: translateY(0);
}
.splash.active--2 .splash__star {
  opacity: 1;
}
.splash.active--3 .splash__wrapper {
  transform: scale(1.1);
  opacity: 0;
}
.splash .splash__wrapper {
  position: relative;
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 0.7s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-duration: 0.7s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.splash .splash__mainText > li {
  position: absolute;
  top: 0;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0.34, 1.5, 0.6, 0.95);
}
.splash .splash__mainText > li > span {
  display: block;
  text-indent: -9999px;
  height: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.splash .splash__mainText > li:nth-child(1) {
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
.splash .splash__mainText > li:nth-child(2) {
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}
.splash .splash__mainText > li:nth-child(3) {
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.splash .splash__mainText > li:nth-child(4) {
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.splash .splash__parts {
  position: absolute;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0.34, 1.5, 0.6, 0.95);
  transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
}
.splash .splash__parts > span {
  display: block;
  text-indent: -9999px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.splash .splash__star {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  opacity: 0;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.36, 0.1, 0.16, 1);
  -ms-transition-duration: 0.6s;
  -ms-transition-timing-function: cubic-bezier(0.36, 0.1, 0.16, 1);
  -webkit-transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.36, 0.1, 0.16, 1);
  -moz-transition-duration: 0.6s;
  -moz-transition-timing-function: cubic-bezier(0.36, 0.1, 0.16, 1);
}
.splash .splash__star > li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.splash .splash__star > li:nth-child(1) {
  -webkit-animation: kiraAnime 0.8s 0.1s ease-in-out infinite;
  animation: kiraAnime 0.8s 0.1s ease-in-out infinite;
}
.splash .splash__star > li:nth-child(2) {
  -webkit-animation: kiraAnime 0.8s 0.3s ease-in-out infinite;
  animation: kiraAnime 0.8s 0.3s ease-in-out infinite;
}
.splash .splash__star > li:nth-child(3) {
  -webkit-animation: kiraAnime 0.8s 0.4s ease-in-out infinite;
  animation: kiraAnime 0.8s 0.4s ease-in-out infinite;
}
.splash .splash__star > li:nth-child(4) {
  -webkit-animation: kiraAnime 0.8s 0.6s ease-in-out infinite;
  animation: kiraAnime 0.8s 0.6s ease-in-out infinite;
}
.splash .mainTitle__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.splash .mainTitle__text > span {
  display: block;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left center;
  background-image: url("../img/splash/title__3.svg");
  transform: translateY(120%);
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-duration: 0.3s;
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
}
.splash.splash--1 {
  width: 347px;
}
.splash.splash--1 .splash__wrapper {
  padding-top: 49.2795389049%;
}
.splash.splash--1 .splash__mainText > li:nth-child(1) {
  width: 25.9365994236%;
  left: 0;
}
.splash.splash--1 .splash__mainText > li:nth-child(1) > span {
  padding-top: 190%;
  background-image: url("../img/splash/1__1.svg");
}
.splash.splash--1 .splash__mainText > li:nth-child(1) .splash__parts {
  width: 81.1111111111%;
  top: -32%;
  left: -11%;
}
.splash.splash--1 .splash__mainText > li:nth-child(1) .splash__parts > span {
  padding-top: 82.1917808219%;
  background-image: url("../img/splash/1__1--parts.svg");
}
.splash.splash--1 .splash__mainText > li:nth-child(2) {
  width: 43.8040345821%;
  left: 30.2593659942%;
}
.splash.splash--1 .splash__mainText > li:nth-child(2) > span {
  padding-top: 112.5%;
  background-image: url("../img/splash/1__2.svg");
}
.splash.splash--1 .splash__mainText > li:nth-child(3) {
  width: 25.9365994236%;
  right: 0;
}
.splash.splash--1 .splash__mainText > li:nth-child(3) > span {
  padding-top: 190%;
  background-image: url("../img/splash/1__3.svg");
}
.splash.splash--1 .splash__star {
  width: 161.9596541787%;
  height: 143.2748538012%;
}
.splash.splash--1 .splash__star > li:nth-child(1) {
  background-image: url("../img/splash/1__star--1.svg");
}
.splash.splash--1 .splash__star > li:nth-child(2) {
  background-image: url("../img/splash/1__star--2.svg");
}
.splash.splash--1 .splash__star > li:nth-child(3) {
  background-image: url("../img/splash/1__star--3.svg");
}
.splash.splash--1 .splash__star > li:nth-child(4) {
  background-image: url("../img/splash/1__star--4.svg");
}
.splash.splash--2 {
  width: 603px;
}
.splash.splash--2 .splash__wrapper {
  padding-top: 25.0414593698%;
}
.splash.splash--2 .splash__mainText > li:nth-child(1) {
  width: 26.2023217247%;
  left: 0;
}
.splash.splash--2 .splash__mainText > li:nth-child(1) > span {
  padding-top: 95.5696202532%;
  background-image: url("../img/splash/2__1.svg");
}
.splash.splash--2 .splash__mainText > li:nth-child(1) .splash__parts {
  width: 42.4050632911%;
  top: -21%;
  left: -51%;
}
.splash.splash--2 .splash__mainText > li:nth-child(1) .splash__parts > span {
  padding-top: 119.4029850746%;
  background-image: url("../img/splash/2__1--parts.svg");
}
.splash.splash--2 .splash__mainText > li:nth-child(2) {
  width: 24.8756218905%;
  left: 26.8656716418%;
}
.splash.splash--2 .splash__mainText > li:nth-child(2) > span {
  padding-top: 100.6666666667%;
  background-image: url("../img/splash/2__2.svg");
}
.splash.splash--2 .splash__mainText > li:nth-child(3) {
  width: 18.7396351575%;
  left: 52.736318408%;
}
.splash.splash--2 .splash__mainText > li:nth-child(3) > span {
  padding-top: 133.6283185841%;
  background-image: url("../img/splash/2__3.svg");
}
.splash.splash--2 .splash__mainText > li:nth-child(4) {
  width: 26.368159204%;
  right: 0;
}
.splash.splash--2 .splash__mainText > li:nth-child(4) > span {
  padding-top: 94.9685534591%;
  background-image: url("../img/splash/2__4.svg");
}
.splash.splash--2 .splash__mainText > li:nth-child(4) .splash__parts {
  width: 69.8113207547%;
  bottom: -22%;
  right: -74%;
}
.splash.splash--2 .splash__mainText > li:nth-child(4) .splash__parts > span {
  padding-top: 105.4054054054%;
  background-image: url("../img/splash/2__4--parts.svg");
}
.splash.splash--2 .splash__mainText:nth-child(1) {
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
.splash.splash--2 .splash__mainText:nth-child(2) {
  transition-delay: 0.05s;
  -webkit-transition-delay: 0.05s;
}
.splash.splash--2 .splash__mainText:nth-child(3) {
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}
.splash.splash--2 .splash__mainText:nth-child(4) {
  transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
}
.splash.splash--2 .splash__star {
  width: 100.1658374793%;
  height: 129.1390728477%;
}
.splash.splash--2 .splash__star > li:nth-child(1) {
  background-image: url("../img/splash/2__star--1.svg");
}
.splash.splash--2 .splash__star > li:nth-child(2) {
  background-image: url("../img/splash/2__star--2.svg");
}
.splash.splash--2 .splash__star > li:nth-child(3) {
  background-image: url("../img/splash/2__star--3.svg");
}
.splash.splash--2 .splash__star > li:nth-child(4) {
  background-image: url("../img/splash/2__star--4.svg");
}
.splash.mainTitle {
  width: 687px;
  opacity: 0;
}
.splash.mainTitle .h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  pointer-events: none;
}
@keyframes subPartsAnime {
  0% {
    transform: rotate(-4deg);
  }
  100% {
    transform: rotate(4deg);
  }
}
@keyframes mainPartsAnime {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1080deg);
  }
}
.splash.mainTitle .splash__parts.splash__parts--main {
  transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
}
.splash.mainTitle .splash__parts.splash__parts--main.active > span {
  -webkit-animation: mainPartsAnime 2.2s ease-in-out alternate;
  animation: mainPartsAnime 2.2s ease-in-out alternate;
}
.splash.mainTitle .splash__parts.splash__parts--sub {
  transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
}
.splash.mainTitle .splash__parts.splash__parts--sub.active > span {
  transform-origin: center bottom;
}
.splash.mainTitle .splash__parts.splash__parts--sub.splash__parts--sub--1.active > span {
  -webkit-animation: subPartsAnime 0.5s 0s ease-in-out infinite alternate;
  animation: subPartsAnime 0.5s 0s ease-in-out infinite alternate;
}
.splash.mainTitle .splash__parts.splash__parts--sub.splash__parts--sub--2.active > span {
  -webkit-animation: subPartsAnime 0.5s 0.2s ease-in-out infinite alternate;
  animation: subPartsAnime 0.5s 0.2s ease-in-out infinite alternate;
}
.splash.mainTitle .splash__wrapper {
  padding-top: 22.2606689735%;
}
.splash.mainTitle .splash__mainText > li {
  transition: transform 0.4s cubic-bezier(0.34, 1.3, 0.6, 0.95);
}
.splash.mainTitle .splash__mainText > li:nth-child(1) {
  width: 22.2606689735%;
  left: 14.3021914648%;
}
.splash.mainTitle .splash__mainText > li:nth-child(1) > span {
  padding-top: 59.067357513%;
  background-image: url("../img/splash/title__1.svg");
}
.splash.mainTitle .splash__mainText > li:nth-child(1) .splash__parts.splash__parts--sub {
  width: 29.0155440415%;
  top: 27%;
  left: -37%;
}
.splash.mainTitle .splash__mainText > li:nth-child(1) .splash__parts.splash__parts--sub > span {
  padding-top: 122.8070175439%;
  background-image: url("../img/splash/title__parts--1.svg?v=0609");
}
.splash.mainTitle .splash__mainText > li:nth-child(1) .splash__parts.splash__parts--main {
  width: 26.4248704663%;
  top: 27%;
  right: -28%;
}
.splash.mainTitle .splash__mainText > li:nth-child(1) .splash__parts.splash__parts--main > span {
  padding-top: 100%;
  background-image: url("../img/splash/title__1--parts.png?v=0609");
}
.splash.mainTitle .splash__mainText > li:nth-child(2) {
  width: 42.0991926182%;
  left: 43.4832756632%;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}
.splash.mainTitle .splash__mainText > li:nth-child(2) > span {
  padding-top: 31.2328767123%;
  background-image: url("../img/splash/title__2.svg");
}
.splash.mainTitle .splash__mainText > li:nth-child(2) .splash__parts.splash__parts--sub {
  width: 27.397260274%;
  top: 0%;
  right: -31.5%;
}
.splash.mainTitle .splash__mainText > li:nth-child(2) .splash__parts.splash__parts--sub > span {
  padding-top: 105%;
  background-image: url("../img/splash/title__parts--2.svg");
}
.splash.mainTitle .splash__star {
  width: 109.3425605536%;
  height: 153.3678756477%;
}
.splash.mainTitle .splash__star > li:nth-child(1) {
  background-image: url("../img/splash/title__star--1.svg");
}
.splash.mainTitle .splash__star > li:nth-child(2) {
  background-image: url("../img/splash/title__star--2.svg");
}
.splash.mainTitle .splash__star > li:nth-child(3) {
  background-image: url("../img/splash/title__star--3.svg");
}
.splash.mainTitle .splash__star > li:nth-child(4) {
  background-image: url("../img/splash/title__star--4.svg");
}
.splash.mainTitle .splash__star > li:nth-child(1) {
  -webkit-animation: kiraAnime 1.5s 0.1s ease-in-out infinite;
  animation: kiraAnime 1.5s 0.1s ease-in-out infinite;
}
.splash.mainTitle .splash__star > li:nth-child(2) {
  -webkit-animation: kiraAnime 1.5s 0.4s ease-in-out infinite;
  animation: kiraAnime 1.5s 0.4s ease-in-out infinite;
}
.splash.mainTitle .splash__star > li:nth-child(3) {
  -webkit-animation: kiraAnime 1.5s 0.5s ease-in-out infinite;
  animation: kiraAnime 1.5s 0.5s ease-in-out infinite;
}
.splash.mainTitle .splash__star > li:nth-child(4) {
  -webkit-animation: kiraAnime 1.5s 0.8s ease-in-out infinite;
  animation: kiraAnime 1.5s 0.8s ease-in-out infinite;
}

.splashSvg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.splashSvg .border {
  fill: rgb(255, 255, 255);
}
.splashSvg .explosion {
  transform-origin: 250px 250px;
  transform: scale(0.02);
  stroke: rgb(221, 70, 136);
  fill: none;
  opacity: 0;
  stroke-width: 1;
  transform-origin: 250px 250px;
}
.splashSvg .particleLayer {
  opacity: 0;
}
.splashSvg .particleLayer circle {
  opacity: 0;
  transform-origin: 250px 250px;
}
.splashSvg .heart {
  fill: rgba(6, 6, 6, 0.24);
  transform: scale(0.8);
  transform-origin: 250px 250px;
}
.splashSvg.clicked .explosion {
  animation: explosionAnime 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .heart {
  animation: heartAnime 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer {
  animation: particleLayerAnime 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(1) {
  animation: particleAnimate1 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(2) {
  animation: particleAnimate2 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(3) {
  animation: particleAnimate3 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(4) {
  animation: particleAnimate4 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(5) {
  animation: particleAnimate5 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(6) {
  animation: particleAnimate6 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(7) {
  animation: particleAnimate7 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(8) {
  animation: particleAnimate8 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(9) {
  animation: particleAnimate9 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(10) {
  animation: particleAnimate10 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(11) {
  animation: particleAnimate11 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(12) {
  animation: particleAnimate12 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(13) {
  animation: particleAnimate13 1200ms;
  animation-fill-mode: forwards;
}
.splashSvg.clicked .particleLayer circle:nth-child(14) {
  animation: particleAnimate14 1200ms;
  animation-fill-mode: forwards;
}

@keyframes explosionAnime {
  0% {
    opacity: 0;
    transform: scale(0.01);
  }
  1% {
    opacity: 1;
    transform: scale(0.01);
  }
  5% {
    stroke-width: 200;
  }
  20% {
    stroke-width: 300;
  }
  50% {
    stroke: rgb(204, 142, 245);
    transform: scale(1.1);
    stroke-width: 1;
  }
  50.1% {
    stroke-width: 0;
  }
  100% {
    stroke: rgb(204, 142, 245);
    transform: scale(1.1);
    stroke-width: 0;
  }
}
@keyframes particleLayerAnime {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  31% {
    opacity: 1;
  }
  60% {
    transform: translate(0, 0);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(0, -20px);
  }
}
@keyframes particleAnimate1 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-16px, -59px);
  }
  90% {
    transform: translate(-16px, -59px);
  }
  100% {
    opacity: 1;
    transform: translate(-16px, -59px);
  }
}
@keyframes particleAnimate2 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(41px, 43px);
  }
  90% {
    transform: translate(41px, 43px);
  }
  100% {
    opacity: 1;
    transform: translate(41px, 43px);
  }
}
@keyframes particleAnimate3 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(50px, -48px);
  }
  90% {
    transform: translate(50px, -48px);
  }
  100% {
    opacity: 1;
    transform: translate(50px, -48px);
  }
}
@keyframes particleAnimate4 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-39px, 36px);
  }
  90% {
    transform: translate(-39px, 36px);
  }
  100% {
    opacity: 1;
    transform: translate(-39px, 36px);
  }
}
@keyframes particleAnimate5 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-39px, 32px);
  }
  90% {
    transform: translate(-39px, 32px);
  }
  100% {
    opacity: 1;
    transform: translate(-39px, 32px);
  }
}
@keyframes particleAnimate6 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(48px, 6px);
  }
  90% {
    transform: translate(48px, 6px);
  }
  100% {
    opacity: 1;
    transform: translate(48px, 6px);
  }
}
@keyframes particleAnimate7 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-69px, -36px);
  }
  90% {
    transform: translate(-69px, -36px);
  }
  100% {
    opacity: 1;
    transform: translate(-69px, -36px);
  }
}
@keyframes particleAnimate8 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-12px, -52px);
  }
  90% {
    transform: translate(-12px, -52px);
  }
  100% {
    opacity: 1;
    transform: translate(-12px, -52px);
  }
}
@keyframes particleAnimate9 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-43px, -21px);
  }
  90% {
    transform: translate(-43px, -21px);
  }
  100% {
    opacity: 1;
    transform: translate(-43px, -21px);
  }
}
@keyframes particleAnimate10 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-10px, 47px);
  }
  90% {
    transform: translate(-10px, 47px);
  }
  100% {
    opacity: 1;
    transform: translate(-10px, 47px);
  }
}
@keyframes particleAnimate11 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(66px, -9px);
  }
  90% {
    transform: translate(66px, -9px);
  }
  100% {
    opacity: 1;
    transform: translate(66px, -9px);
  }
}
@keyframes particleAnimate12 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(40px, -45px);
  }
  90% {
    transform: translate(40px, -45px);
  }
  100% {
    opacity: 1;
    transform: translate(40px, -45px);
  }
}
@keyframes particleAnimate13 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(29px, 24px);
  }
  90% {
    transform: translate(29px, 24px);
  }
  100% {
    opacity: 1;
    transform: translate(29px, 24px);
  }
}
@keyframes particleAnimate14 {
  0% {
    transform: translate(0, 0);
  }
  30% {
    opacity: 1;
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-10px, 50px);
  }
  90% {
    transform: translate(-10px, 50px);
  }
  100% {
    opacity: 1;
    transform: translate(-10px, 50px);
  }
}
@keyframes heartAnime {
  0% {
    transform: scale(0);
    fill: #E2264D;
  }
  39% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.2, 1.2);
  }
  70% {
    transform: scale(1, 1) translate(0%, -10%);
  }
  75% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  80% {
    transform: scale(0.95, 1.05) translate(0%, -3%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
    fill: #E2264D;
  }
}/*# sourceMappingURL=splash.css.map */