.ruby-animated-icon-widget {
  display: inline;
}

.ruby-animated-icon {
  display: inline-block;
  width: 33px;
}
@media screen and (min-width: 769px) {
  .ruby-animated-icon {
    width: 54px;
  }
}
.ruby-animated-icon:hover.line-graph, .ruby-animated-icon:hover.checkmark {
  animation-name: stroke-offset;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}
.ruby-animated-icon:hover .heart {
  transform-origin: 50% 50%;
  animation-name: beat;
  animation-duration: 0.75s;
  animation-iteration-count: 2;
  animation-timing-function: ease-in;
}
.ruby-animated-icon:hover.suitcase {
  transform-origin: 50% 50%;
  animation-name: shimmy;
  animation-duration: 1.25s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}

/*# sourceMappingURL=animated-icons.css.map */