.eulercore-loading {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 4rem;
  background-color: #F2F4F2;
}
.eulercore-loading > i {
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, right top, from(#2D9564), to(#35aa73));
  background-image: linear-gradient(to right, #2D9564, #35aa73);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-animation-name: spinn;
          animation-name: spinn;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.01, 0.28, 0.99);
          animation-timing-function: cubic-bezier(0.6, 0.01, 0.28, 0.99);
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes spinn {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinn {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}