/*Shimmer for links*/
@-webkit-keyframes glowingShimmer {
  0% {
    background-position: -4rem top;
    /*50px*/
  }
  70% {
    background-position: 12.5rem top;
    /*200px*/
  }
  100% {
    background-position: 12.5rem top;
    /*200px*/
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes toastify-notification-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes toast-notification-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.9;
    visibility: visible;
  }
}

@mixin animation-breathe($b1, $b2, $f1, $f2) {
  @keyframes breathe {
    0% {
      background-color: $b1;
      color: $f1;
    }
    50% {
      background-color: $b2;
      color: $f2;
    }
    100% {
      background-color: $b1;
      color: $f1;
    }
  }
}
@mixin animation-bounce($f1, $f2) {
  @keyframes bounce {
    0% {
      color: $f1;
    }

    50% {
      color: $f2;
    }
    100% {
      color: $f1;
    }
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes file-watcher-fade {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
    visibility: hidden;
  }
  80% {
    background: $successColor;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes upload-dialog-expand {
  0% {
    height: 50px;
  }

  100% {
    height: 100%;
  }
}

@keyframes upload-dialog-minimize {
  0% {
    height: 50%;
  }

  100% {
    height: 50px;
  }
}