@keyframes spinAround {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

.loading-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    display: none;
    justify-content: center;
    overflow: hidden;
    position: fixed;
    z-index: 999
}

.loading-overlay.is-active {
    display: flex
}

.loading-overlay .loading-background {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 70px;
  max-height: 70px;
  z-index: -999999;
  background-size:100% 100%;
  background-image: url('../img/app-load-icon.png');
  opacity: .9;
}

.loading-overlay .loading-icon {
    position: relative
}

.loading-overlay .loading-icon:after {
    animation: spinAround .5s infinite linear;
    border: 2px solid #e2231a;
    border-radius: 290486px;
    border-right-color: transparent;
    border-top-color: transparent;
    content: "";
    display: block;
    height: 7em;
    left: calc(50% - 3.5em);
    top: 0;
    width: 7em
}