.hide {
  display: none !important;
}

.hide-by-pos {
  position: absolute;
  top: -10000px;
  left: -10000px;
}

.invisible {
  visibility: hidden !important;
}

.flip3d {
  @include animation(flip3d 1s linear 0s infinite);
  @include transform-style(perspective-3d);
}

.grayscale {
  @include filter(grayscale(1));
}

@include keyframes(flip3d) {
  from {
    @include transform(rotateY(0));
  }
  to {
    @include transform(rotateY(360deg));
  }
}

@include keyframes(shake) {
  0%, 1%, 100% { @include transform(translate3d(0, 0, 0)); }
  .1%, .9% { @include transform(translate3d(-1px, 0, 0)); }
  .2%, .8% { @include transform(translate3d(2px, 0, 0)); }
  .3%, .5%, .7% { @include transform(translate3d(-3px, 0, 0)); }
  .4%, .6% { @include transform(translate3d(3px, 0, 0)); }
}
