body { }

@-webkit-keyframes pulse-button {
 0% {
  @include transform(scale(1));
 }

 70% {
  @include transform(scale(1));
  box-shadow: 0px 0px 3px 5px var(--pulse-shadow-color);
 }

 100% {
  @include transform(scale(0.9));
  box-shadow: 0px 0px 0px 0px var(--pulse-shadow-color);
 }
}

/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/

@-webkit-keyframes theme-pulse {
 0% {
  @include transform(scale(1));
 }

 70% {
  @include transform(scale(1));
  box-shadow: 0px 0px 2px 6px rgb(var(--theme-color-rgb), 0.4);
 }

 100% {
  @include transform(scale(.9));
  box-shadow: 0px 0px 0px 0px rgb(var(--theme-color-rgb), 0);
 }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@-webkit-keyframes clockwise {
 0% { -webkit-transform: rotate(0); transform: rotate(0); }
 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@keyframes clockwise {
 0% { -webkit-transform: rotate(0); transform: rotate(0); }
 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@-webkit-keyframes donut-rotate {
 0% { -webkit-transform: rotate(0); transform: rotate(0); }
 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); }
 100% { -webkit-transform: rotate(0); transform: rotate(0); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@keyframes donut-rotate {
 0% { -webkit-transform: rotate(0); transform: rotate(0); }
 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); }
 100% { -webkit-transform: rotate(0); transform: rotate(0); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@keyframes fadeInAnimation {
 0% { opacity: 0; transform: translate3d(0, -100%, 0); }
 to { opacity: 1; transform: translate3d(0, 0, 0); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@keyframes fadeOutAnimation {
 0% { opacity: 1; transform: translate3d(0, 0, 0); }
 to { opacity: 0; transform: translate3d(0, -100%, 0); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@keyframes fadeInLeft {
 0% { opacity: 0; transform: translate3d(-100%, 0, 0); }
 to { opacity: 1; transform: translateZ(0); }
}
/*------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------*/
@keyframes spin {
 from { transform: rotate(0deg); }
 to { transform: rotate(360deg); }
}