.PageLoader[data-loading="true"] .PageLoader__loader { display: flex; }
.PageLoader[data-loading="true"] .PageLoader__content { display: none; }

.PageLoader[data-loading="false"] .PageLoader__loader { opacity: 0; pointer-events: none; }
.PageLoader[data-loading="false"] .PageLoader__content { display: block; }

.PageLoader {
  height: 100%;
}

.PageLoader__loader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999999;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 46px;
  color: purple;
  background-color: white;

  transition: opacity 0.4s;
}

.PageLoader__content {
  height: 100%;
}

.PageLoader__loader-content {
  animation: PageLoader__loader-pulse 1.5s infinite;
}

body.__with-menu .PageLoader__loader {
  left: 80px;
}

@keyframes PageLoader__loader-pulse {
  0% {
    transform: scale(1);
  }
  90% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}