tatuka-components/dist/style/styles.css

this is a readme text

.symbol {
  opacity: 0;
  color: white;
  transition: 1s;
  scale: 0;
  transform: rotate(0);
  text-transform: capitalize;

  animation-name: showAnimation;
  animation-fill-mode: forwards;
}

.circle {
  animation-name: circleAnimation;
  animation-fill-mode: forwards;
}

.dance {
  opacity: 1;
  scale: 1;
  animation-name: danceAnimation;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.55, 0.85, 0.68, 0.53);
  opacity: 0.5;
}

.loading {
  opacity: 1;
  scale: 1;

  animation-name: loadingAnimation;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes loadingAnimation {
  0% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-20px);
  }
  40%,
  100% {
    transform: translateY(0px);
  }
}

@keyframes danceAnimation {
  0% {
    margin-top: 10px;
    opacity: 0.5;
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(20deg);
  }
  50% {
    margin-top: 0px;
    opacity: 1;
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-20deg);
  }
  100% {
    margin-top: 10px;
    opacity: 0.5;
    transform: rotate(0deg);
  }
}

@keyframes circleAnimation {
  from {
    opacity: 0;
    scale: 0;
    transform: rotate(0);
  }
  to {
    opacity: 1;
    scale: 1;
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRBbmltYXRpb24vY29tcG9uZW50cy9zdHlsZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6InN0eWxlcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuc3ltYm9sIHtcclxuICBvcGFjaXR5OiAwO1xyXG4gIGNvbG9yOiB3aGl0ZTtcclxuICB0cmFuc2l0aW9uOiAxcztcclxuICBzY2FsZTogMDtcclxuICB0cmFuc2Zvcm06IHJvdGF0ZSgwKTtcclxuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcclxuXHJcbiAgYW5pbWF0aW9uLW5hbWU6IHNob3dBbmltYXRpb247XHJcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XHJcbn1cclxuXHJcbi5jaXJjbGUge1xyXG4gIGFuaW1hdGlvbi1uYW1lOiBjaXJjbGVBbmltYXRpb247XHJcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XHJcbn1cclxuXHJcbi5kYW5jZSB7XHJcbiAgb3BhY2l0eTogMTtcclxuICBzY2FsZTogMTtcclxuICBhbmltYXRpb24tbmFtZTogZGFuY2VBbmltYXRpb247XHJcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XHJcbiAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogaW5maW5pdGU7XHJcbiAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogY3ViaWMtYmV6aWVyKDAuNTUsIDAuODUsIDAuNjgsIDAuNTMpO1xyXG4gIG9wYWNpdHk6IDAuNTtcclxufVxyXG5cclxuLmxvYWRpbmcge1xyXG4gIG9wYWNpdHk6IDE7XHJcbiAgc2NhbGU6IDE7XHJcblxyXG4gIGFuaW1hdGlvbi1uYW1lOiBsb2FkaW5nQW5pbWF0aW9uO1xyXG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xyXG4gIGFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xyXG4gIGFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xyXG59XHJcblxyXG5Aa2V5ZnJhbWVzIGxvYWRpbmdBbmltYXRpb24ge1xyXG4gIDAlIHtcclxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwcHgpO1xyXG4gIH1cclxuICAyMCUge1xyXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0yMHB4KTtcclxuICB9XHJcbiAgNDAlLFxyXG4gIDEwMCUge1xyXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDBweCk7XHJcbiAgfVxyXG59XHJcblxyXG5Aa2V5ZnJhbWVzIGRhbmNlQW5pbWF0aW9uIHtcclxuICAwJSB7XHJcbiAgICBtYXJnaW4tdG9wOiAxMHB4O1xyXG4gICAgb3BhY2l0eTogMC41O1xyXG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XHJcbiAgfVxyXG4gIDI1JSB7XHJcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgyMGRlZyk7XHJcbiAgfVxyXG4gIDUwJSB7XHJcbiAgICBtYXJnaW4tdG9wOiAwcHg7XHJcbiAgICBvcGFjaXR5OiAxO1xyXG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XHJcbiAgfVxyXG4gIDc1JSB7XHJcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtMjBkZWcpO1xyXG4gIH1cclxuICAxMDAlIHtcclxuICAgIG1hcmdpbi10b3A6IDEwcHg7XHJcbiAgICBvcGFjaXR5OiAwLjU7XHJcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcclxuICB9XHJcbn1cclxuXHJcbkBrZXlmcmFtZXMgY2lyY2xlQW5pbWF0aW9uIHtcclxuICBmcm9tIHtcclxuICAgIG9wYWNpdHk6IDA7XHJcbiAgICBzY2FsZTogMDtcclxuICAgIHRyYW5zZm9ybTogcm90YXRlKDApO1xyXG4gIH1cclxuICB0byB7XHJcbiAgICBvcGFjaXR5OiAxO1xyXG4gICAgc2NhbGU6IDE7XHJcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xyXG4gIH1cclxufVxyXG4iXX0= */