@keyframes velaUp {
  0% {
    opacity: 0;
    transform: translateY(8px)
  }

}

@keyframes velaPop {
  0% {
    opacity: 0;
    transform: translateY(6px)scale(.98)
  }

}

@keyframes velaFade {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes velaSpin {
  to {
    transform: rotate(360deg)
  }
}

@keyframes velaPulse {

  0%,
  to {
    opacity: .35;
    transform: scale(.8)
  }

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

@keyframes velaShimmer {

  0%,
  to {
    opacity: .4
  }

  50% {
    opacity: .9
  }
}

@keyframes velaRise {
  0% {
    opacity: 0;
    transform: translateY(12px)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes velaDraw {
  to {
    stroke-dashoffset: 0
  }
}

@keyframes velaGrowY {
  0% {
    transform: scaleY(0)
  }

  to {
    transform: scaleY(1)
  }
}

@keyframes velaReveal {
  0% {
    clip-path: inset(0 100% 0 0)
  }

  to {
    clip-path: inset(0)
  }
}