html.is-loading, html.is-loading body { overflow: hidden; }

.loading-screen {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  background: #fff;
  opacity: 1;
  visibility: visible;
  transition: opacity .45s ease, visibility .45s ease;
}
.loading-screen.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.pace-loader-wrap { width: min(820px, 84vw); }
.pace-loader-logo { width: 100%; height: auto; display: block; }

.loader-fill { opacity: 0; }
.loader-fill.is-visible { animation: logoFill .5s ease forwards; }

.loader-strokes path {
  fill: none !important;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.loader-strokes.is-finished { animation: strokeFade .35s ease forwards; }

@keyframes logoFill { to { opacity: 1; } }
@keyframes strokeFade { to { opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  .loader-fill { opacity: 1; }
  .loader-strokes { display: none; }
}