#app-loading-screen {
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
  background: white;
}
#app-loading-screen .app-loading-screen__logo-spinner {
  transform-origin: center;
  -webkit-animation:spin 2s linear infinite;
  -moz-animation:spin 2s linear infinite;
  animation:spin 2s linear infinite;
}
:not(:empty) + #app-loading-screen.app-loading-screen--fade-out {
  opacity: 0;
}
:not(:empty) + #app-loading-screen.app-loading-screen--hidden {
  display: none;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }