.page-loader{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:#0a0a0a;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease;
}
.page-loader.is-on{
  opacity:1;visibility:visible;pointer-events:auto;
  transition:none;
}
.page-loader.is-leaving{
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease;
}
.page-loader-inner{
  position:relative;
  width:72px;height:72px;
  display:flex;align-items:center;justify-content:center;
}
.page-loader-ring{
  position:absolute;inset:0;
  border-radius:50%;
  border:2px solid rgba(137,207,240,.18);
  border-top-color:#89cff0;
  animation:pageLoaderSpin .7s linear infinite;
}
.page-loader-inner img{
  width:28px;height:28px;
  display:block;
}
@keyframes pageLoaderSpin{
  to{transform:rotate(360deg)}
}
@media(prefers-reduced-motion:reduce){
  .page-loader{transition:none}
  .page-loader-ring{animation:none;border-color:#89cff0}
}