/* Loaded before either application module. Only opacity is animated. */
html[data-transition-page] { background:#070d14; }
html::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:2147483646;
  background:#000;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity var(--page-transition-duration,350ms) ease;
}
html:is([data-page-transition="pending"],[data-page-transition="covering"],[data-page-transition="holding"],[data-page-transition="uncovering"])::before {
  visibility:visible;
  pointer-events:auto;
}
html:is([data-page-transition="covering"],[data-page-transition="holding"])::before { opacity:1; }
@media(prefers-reduced-motion:reduce) { html::before { transition-duration:0ms; } }

html:is([data-page-transition="covering"],[data-page-transition="holding"])::after{
 content:attr(data-loading-label);position:fixed;inset:0;z-index:2147483647;display:flex;
 align-items:center;justify-content:center;color:#e9d3a2;font:18px/1.6 serif;pointer-events:none;
}