/* [project]/src/packages/web/client-tier/modal/welcome-tier.style.css [app-client] (css) */
@keyframes borderSlide {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }

  1% {
    opacity: 1;
  }

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

@keyframes borderSlideVertical {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  1% {
    opacity: 1;
  }

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

@keyframes borderSlideReverse {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  1% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: translateX(-100%);
  }
}

@keyframes borderSlideVerticalReverse {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  1% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: translateY(-100%);
  }
}

@keyframes scaleBounce {
  0%, 100% {
    transform: scale(1);
  }

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

@keyframes iconPulse {
  0%, 100% {
    filter: drop-shadow(0 0 12px #ffffffe6) drop-shadow(0 0 24px #fff9);
  }

  50% {
    filter: drop-shadow(0 0 16px #fff) drop-shadow(0 0 32px #fffc);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes borderFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate-border-slide {
  animation: 3s linear infinite borderSlide;
}

.animate-border-slide-vertical {
  animation: 3s linear infinite borderSlideVertical;
}

.animate-border-slide-reverse {
  animation: 3s linear infinite borderSlideReverse;
}

.animate-border-slide-vertical-reverse {
  animation: 3s linear infinite borderSlideVerticalReverse;
}

.animate-scale-bounce {
  animation: 1s ease-in-out scaleBounce;
}

.animate-fade-in-up {
  opacity: 0;
  animation: .6s ease-out forwards fadeInUp;
}

/*# sourceMappingURL=src_packages_web_client-tier_modal_welcome-tier_style_3d514599.css.map*/