.dnetor-image-wrapper {
  --dnetor-image-duration: 2000ms;
  --dnetor-image-jump-top: 3%;
  --dnetor-image-jump-left: 3%;
}
.dnetor-image-wrapper .dnetor-image-spin {
  animation-name: imageSpin;
  animation-duration: var(--dnetor-image-duration);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.dnetor-image-wrapper .dnetor-image-spin {
  animation-name: imageSpin;
  animation-duration: var(--dnetor-image-duration);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.dnetor-image-wrapper .dnetor-jump-postion-top {
  animation: imageJumpTop var(--dnetor-image-duration) infinite ease-in-out alternate;
}
.dnetor-image-wrapper .dnetor-jump-postion-left {
  animation: imageJumpLeft var(--dnetor-image-duration) infinite ease-in-out alternate;
}

@keyframes imageJumpLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(var(--dnetor-image-jump-left));
    -moz-transform: translateX(var(--dnetor-image-jump-left));
    -o-transform: translateX(var(--dnetor-image-jump-left));
    -ms-transform: translateX(var(--dnetor-image-jump-left));
    transform: translateX(var(--dnetor-image-jump-left));
  }
}
@keyframes imageJumpTop {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(var(--dnetor-image-jump-top));
    -moz-transform: translateY(var(--dnetor-image-jump-top));
    -o-transform: translateY(var(--dnetor-image-jump-top));
    -ms-transform: translateY(var(--dnetor-image-jump-top));
    transform: translateY(var(--dnetor-image-jump-top));
  }
}
@keyframes imageSpin {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

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