/* Original NuPoK leaf, decorative and never blocks interaction. */
html.nupok-loading::before,
html.nupok-loading::after {
  content: "";
  position: fixed;
  pointer-events: none;
  transition: opacity 260ms ease-out;
  animation: loader-failsafe 3.2s step-end forwards;
}
html.nupok-loading::before {
  inset: 0;
  background: #12332d;
  z-index: 10000;
}
html.nupok-loading::after {
  width: 64px;
  height: 64px;
  left: calc(50% - 32px);
  top: calc(50% - 32px);
  background: url("../images/loader.png") center / contain no-repeat;
  z-index: 10001;
  animation: leaf-breathe 900ms ease-in-out infinite alternate, loader-failsafe 3.2s step-end forwards;
}
html.nupok-loader-leaving::before,
html.nupok-loader-leaving::after { opacity: 0; }
@keyframes leaf-breathe { from { transform: scale(.92) rotate(-4deg); } to { transform: scale(1.06) rotate(4deg); } }
@keyframes loader-failsafe { to { visibility: hidden; } }
@media (prefers-reduced-motion: reduce) {
  html.nupok-loading::before, html.nupok-loading::after { transition: none; animation: loader-failsafe 3.2s step-end forwards; }
}