/* Source static/css/styles/keyframes/keyframes.scss */

@keyframes waiting {
  0% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes disappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-31.25rem);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -0.625rem, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -0.25rem, 0);
  }
  90% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rotate_in {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes steps {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(1.75rem);
  }
}
@keyframes show_mouse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(5rem);
  }
}
@keyframes move {
  from {
    transform: translate(0rem, -24.375rem);
  }
  to {
    transform: translate(-65.625rem, 312.5rem);
  }
}
@keyframes move_opacity {
  from {
    opacity: 1;
    transform: translate(0rem, -24.375rem);
  }
  to {
    opacity: 1;
    transform: translate(-65.625rem, 312.5rem);
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes move_flame {
  0% {
    transform: translateY(0rem);
  }
  50% {
    transform: translateY(0.625rem);
  }
  100% {
    transform: translateY(0rem);
  }
}
@keyframes move_button_arm {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(-45deg);
  }
  88% {
    transform: rotate(6deg);
  }
  94% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes move_cloud_one {
  0% {
    transform: translateX(1.25rem);
  }
  50% {
    transform: translateX(6.875rem);
  }
  100% {
    transform: translateX(1.25rem);
  }
}
@keyframes move_cloud_two {
  0% {
    transform: translateX(0rem);
  }
  50% {
    transform: translateX(6.875rem);
  }
  80% {
    transform: translateX(-2.5rem);
  }
  100% {
    transform: translateX(0rem);
  }
}
@keyframes move_search_bar {
  0% {
    transform: rotate(0deg) translateY(1.875rem);
  }
  50% {
    transform: rotate(-5deg) translateY(2.5rem);
  }
  100% {
    transform: rotate(0deg) translateY(1.875rem);
  }
}
@keyframes move_arm_second {
  0% {
    transform: translateX(5rem) translateY(0.625rem);
  }
  50% {
    transform: translateX(5.1875rem) translateY(1.125rem);
  }
  100% {
    transform: translateX(5rem) translateY(0.625rem);
  }
}
@keyframes moving_button_second {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes check_animation {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    fill: #EB6607;
    transform: translate3d(0, -1.25rem, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -0.9375rem, 0);
  }
  90% {
    fill: #2AB225;
    transform: translate3d(0, -0.25rem, 0);
  }
  100% {
    fill: #2AB225;
  }
}
@keyframes highlighted_anchor {
  0% {
    background: transparent;
    box-shadow: none;
  }
  70% {
    background: rgba(247, 165, 44, 0.1);
    box-shadow: 0 0 0 0.625rem rgba(247, 165, 44, 0.1);
  }
  100% {
    background: transparent;
    box-shadow: none;
  }
}
@keyframes image_gallery_spinner {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes image_gallery_bounce_from_right {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -1.875rem;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes image_gallery_bounce_from_left {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 1.875rem;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}