/* [project]/src/app/_components/common/animate/basicAnimation.module.css [app-client] (css) */
.basicAnimation-module__tAROPq__fadeInHidden {
  opacity: 0;
}

.basicAnimation-module__tAROPq__fadeInVisible {
  opacity: 1;
  transition: opacity .7s;
}

.basicAnimation-module__tAROPq__fadeOutHidden {
  opacity: 1;
}

.basicAnimation-module__tAROPq__fadeOutVisible {
  opacity: 0;
  transition: opacity .7s;
}

.basicAnimation-module__tAROPq__slideUpHidden {
  opacity: 0;
  transform: translateY(30px);
}

.basicAnimation-module__tAROPq__slideUpVisible {
  opacity: 1;
  transition: all .7s;
  transform: translateY(0);
}

.basicAnimation-module__tAROPq__slideDownHidden {
  opacity: 0;
  transform: translateY(-30px);
}

.basicAnimation-module__tAROPq__slideDownVisible {
  opacity: 1;
  transition: all .7s;
  transform: translateY(0);
}

.basicAnimation-module__tAROPq__slideLeftHidden {
  opacity: 0;
  transform: translateX(-30px);
}

.basicAnimation-module__tAROPq__slideLeftVisible {
  opacity: 1;
  transition: all .7s;
  transform: translateX(0);
}

.basicAnimation-module__tAROPq__slideRightHidden {
  opacity: 0;
  transform: translateX(30px);
}

.basicAnimation-module__tAROPq__slideRightVisible {
  opacity: 1;
  transition: all .7s;
  transform: translateX(0);
}

.basicAnimation-module__tAROPq__zoomInHidden {
  opacity: 0;
  transform: scale(.8);
}

.basicAnimation-module__tAROPq__zoomInVisible {
  opacity: 1;
  transition: all .7s;
  transform: scale(1);
}

.basicAnimation-module__tAROPq__zoomOutHidden {
  opacity: 1;
  transform: scale(1);
}

.basicAnimation-module__tAROPq__zoomOutVisible {
  opacity: 0;
  transition: all .7s;
  transform: scale(.8);
}

.basicAnimation-module__tAROPq__rotateCwHidden {
  opacity: 0;
  transform: rotate(-90deg);
}

.basicAnimation-module__tAROPq__rotateCwVisible {
  opacity: 1;
  transition: all .7s;
  transform: rotate(0);
}

.basicAnimation-module__tAROPq__rotateCcwHidden {
  opacity: 0;
  transform: rotate(90deg);
}

.basicAnimation-module__tAROPq__rotateCcwVisible {
  opacity: 1;
  transition: all .7s;
  transform: rotate(0);
}

.basicAnimation-module__tAROPq__flipHorizontalHidden {
  opacity: 0;
  transform: perspective(400px)rotateY(180deg);
}

.basicAnimation-module__tAROPq__flipHorizontalVisible {
  opacity: 1;
  transition: all .7s;
  transform: perspective(400px)rotateY(0);
}

.basicAnimation-module__tAROPq__flipVerticalHidden {
  opacity: 0;
  transform: perspective(400px)rotateX(180deg);
}

.basicAnimation-module__tAROPq__flipVerticalVisible {
  opacity: 1;
  transition: all .7s;
  transform: perspective(400px)rotateX(0);
}

@keyframes basicAnimation-module__tAROPq__bounceSubtle {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-6%);
  }
}

.basicAnimation-module__tAROPq__bounceSubtleHidden {
  opacity: 0;
}

.basicAnimation-module__tAROPq__bounceSubtleVisible {
  opacity: 1;
  animation: 1.2s ease-in-out infinite basicAnimation-module__tAROPq__bounceSubtle;
}

@keyframes basicAnimation-module__tAROPq__bounceIntense {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-30%);
  }
}

.basicAnimation-module__tAROPq__bounceIntenseHidden {
  opacity: 0;
}

.basicAnimation-module__tAROPq__bounceIntenseVisible {
  opacity: 1;
  animation: 1.2s ease-in-out infinite basicAnimation-module__tAROPq__bounceIntense;
}

@keyframes basicAnimation-module__tAROPq__shakeX {
  0%, 100% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-5%);
  }

  75% {
    transform: translateX(5%);
  }
}

.basicAnimation-module__tAROPq__shakeHorizontalHidden {
  opacity: 0;
}

.basicAnimation-module__tAROPq__shakeHorizontalVisible {
  opacity: 1;
  animation: .6s ease-in-out infinite basicAnimation-module__tAROPq__shakeX;
}

@keyframes basicAnimation-module__tAROPq__shakeY {
  0%, 100% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(-5%);
  }

  75% {
    transform: translateY(5%);
  }
}

.basicAnimation-module__tAROPq__shakeVerticalHidden {
  opacity: 0;
}

.basicAnimation-module__tAROPq__shakeVerticalVisible {
  opacity: 1;
  animation: .6s ease-in-out infinite basicAnimation-module__tAROPq__shakeY;
}

.basicAnimation-module__tAROPq__skewLeftHidden {
  opacity: 0;
  transform: skewX(-20deg);
}

.basicAnimation-module__tAROPq__skewLeftVisible {
  opacity: 1;
  transition: all .7s;
  transform: skewX(0);
}

.basicAnimation-module__tAROPq__skewRightHidden {
  opacity: 0;
  transform: skewX(20deg);
}

.basicAnimation-module__tAROPq__skewRightVisible {
  opacity: 1;
  transition: all .7s;
  transform: skewX(0);
}

.basicAnimation-module__tAROPq__expandHidden {
  opacity: 0;
  max-height: 0;
  transition: all .7s;
  overflow: hidden;
}

.basicAnimation-module__tAROPq__expandVisible {
  opacity: 1;
  max-height: 1000px;
}

.basicAnimation-module__tAROPq__contractHidden {
  opacity: 1;
  max-height: 1000px;
  transition: all .7s;
  overflow: hidden;
}

.basicAnimation-module__tAROPq__contractVisible {
  opacity: 0;
  max-height: 0;
}

.basicAnimation-module__tAROPq__blurInHidden {
  opacity: 0;
  filter: blur(4px);
}

.basicAnimation-module__tAROPq__blurInVisible {
  opacity: 1;
  filter: blur();
  transition: all .7s;
}

.basicAnimation-module__tAROPq__blurOutHidden {
  opacity: 1;
  filter: blur();
}

.basicAnimation-module__tAROPq__blurOutVisible {
  opacity: 0;
  filter: blur(4px);
  transition: all .7s;
}

.basicAnimation-module__tAROPq__growHidden {
  opacity: 0;
  transform: scale(0);
}

.basicAnimation-module__tAROPq__growVisible, .basicAnimation-module__tAROPq__shrinkHidden {
  opacity: 1;
  transition: all .7s;
  transform: scale(1);
}

.basicAnimation-module__tAROPq__shrinkVisible {
  opacity: 0;
  transform: scale(0);
}

@keyframes basicAnimation-module__tAROPq__pulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

.basicAnimation-module__tAROPq__pulseHidden {
  opacity: 0;
}

.basicAnimation-module__tAROPq__pulseVisible {
  opacity: 1;
  animation: 1.5s ease-in-out infinite basicAnimation-module__tAROPq__pulse;
}

@keyframes basicAnimation-module__tAROPq__breathing {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .95;
    transform: scale(1.05);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.basicAnimation-module__tAROPq__breathingHidden {
  opacity: 0;
}

.basicAnimation-module__tAROPq__breathingVisible {
  opacity: 1;
  animation: 2s ease-in-out infinite basicAnimation-module__tAROPq__breathing;
}

@keyframes basicAnimation-module__tAROPq__swing {
  20% {
    transform: rotate(15deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  60% {
    transform: rotate(5deg);
  }

  80% {
    transform: rotate(-5deg);
  }

  100% {
    transform: rotate(0);
  }
}

.basicAnimation-module__tAROPq__swingHidden {
  opacity: 0;
}

.basicAnimation-module__tAROPq__swingVisible {
  opacity: 1;
  animation: 1s ease-in-out both basicAnimation-module__tAROPq__swing;
}

@keyframes basicAnimation-module__tAROPq__wobble {
  0% {
    transform: translateX(0);
  }

  15% {
    transform: translateX(-25%)rotate(-5deg);
  }

  30% {
    transform: translateX(20%)rotate(3deg);
  }

  45% {
    transform: translateX(-15%)rotate(-3deg);
  }

  60% {
    transform: translateX(10%)rotate(2deg);
  }

  75% {
    transform: translateX(-5%)rotate(-1deg);
  }

  100% {
    transform: translateX(0)rotate(0);
  }
}

.basicAnimation-module__tAROPq__wobbleHidden {
  opacity: 0;
}

.basicAnimation-module__tAROPq__wobbleVisible {
  opacity: 1;
  animation: 1s ease-in-out both basicAnimation-module__tAROPq__wobble;
}

.basicAnimation-module__tAROPq__rollingInHidden {
  opacity: 0;
  transform: translateX(-100%)rotate(-120deg);
}

.basicAnimation-module__tAROPq__rollingInVisible, .basicAnimation-module__tAROPq__rollingOutHidden {
  opacity: 1;
  transition: all .7s;
  transform: translateX(0)rotate(0);
}

.basicAnimation-module__tAROPq__rollingOutVisible {
  opacity: 0;
  transform: translateX(100%)rotate(120deg);
}

.basicAnimation-module__tAROPq__staggerListHidden {
  opacity: 0;
  transform: translateY(20px);
}

.basicAnimation-module__tAROPq__staggerListVisible {
  opacity: 1;
  transition: all .7s;
  transform: translateY(0);
}

@keyframes basicAnimation-module__tAROPq__typing {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.basicAnimation-module__tAROPq__typingHidden {
  white-space: nowrap;
  opacity: 0;
  border-right: 2px solid #000;
  width: 0;
  overflow: hidden;
}

.basicAnimation-module__tAROPq__typingVisible {
  opacity: 1;
  animation: 2s steps(20, end) forwards basicAnimation-module__tAROPq__typing;
}

@keyframes basicAnimation-module__tAROPq__rotate3D {
  from {
    opacity: 0;
    transform: perspective(600px)rotateX(90deg)translateY(50px);
  }

  to {
    opacity: 1;
    transform: perspective(600px)rotateX(0)translateY(0);
  }
}

.basicAnimation-module__tAROPq__rotate3dHidden {
  opacity: 0;
  transform: perspective(600px)rotateX(90deg);
}

.basicAnimation-module__tAROPq__rotate3dVisible {
  animation: 1s forwards basicAnimation-module__tAROPq__rotate3D;
}

.basicAnimation-module__tAROPq__opScaleHidden {
  opacity: 0;
  transform: scale(.5);
}

.basicAnimation-module__tAROPq__opScaleVisible {
  opacity: 1;
  transition: all .7s;
  transform: scale(1);
}

@keyframes basicAnimation-module__tAROPq__elasticScale {
  0% {
    transform: scale(.7);
  }

  40% {
    transform: scale(1.1);
  }

  60% {
    transform: scale(.95);
  }

  80% {
    transform: scale(1.02);
  }

  100% {
    transform: scale(1);
  }
}

.basicAnimation-module__tAROPq__elasticHidden {
  opacity: 0;
}

.basicAnimation-module__tAROPq__elasticVisible {
  opacity: 1;
  animation: .8s ease-out forwards basicAnimation-module__tAROPq__elasticScale;
}

@keyframes basicAnimation-module__tAROPq__gradientBG {
  0% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }

  100% {
    background-position: 0%;
  }
}

.basicAnimation-module__tAROPq__gradientBgHidden {
  opacity: 0;
  background: linear-gradient(270deg, #ff7e5f, #feb47b) 0 0 / 200% 200%;
}

.basicAnimation-module__tAROPq__gradientBgVisible {
  opacity: 1;
  animation: 3s infinite basicAnimation-module__tAROPq__gradientBG;
}

/*# sourceMappingURL=src_app__components_common_animate_basicAnimation_module_c31f048b.css.map*/