/**
 * Contains utilities css for using in these
 * components
 */

@keyframes flicker {
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}

.slow-loading-ring-wrapper {
  position: fixed;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.slow-loading-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: solid 4px #1e88e5;
  animation: flicker 1.4s linear infinite;
}