.site-loader {
  position: fixed;
  z-index: 2147483647;
  inset: 0;
  display: grid;
  place-content: center;
  background: var(--background, #dedee2);
  opacity: 1;
  transition: opacity 220ms steps(4, end);
}
.dark .site-loader { background: var(--background, #0c0d11); }
.site-loader-pixels { display: grid; grid-template-columns: repeat(2, 14px); gap: 5px; padding: 9px; border: 3px solid #000; background: #191b22; box-shadow: 6px 6px 0 #000; }
.site-loader-pixels i { width: 14px; height: 14px; background: #343741; animation: site-loader-pulse 800ms steps(1, end) infinite; }
.site-loader-pixels i:nth-child(2) { animation-delay: 200ms; }
.site-loader-pixels i:nth-child(3) { animation-delay: 600ms; }
.site-loader-pixels i:nth-child(4) { animation-delay: 400ms; }
.site-loader.is-done { pointer-events: none; opacity: 0; }
.site-revealing :is(.menubar, .system-panel, .system-tile, .desktop-preview, .blog-site-hero, .blog-paper-stack, .recipe-list-head, .recipe-search, .recipe-card, .mewmory-profile, .mewmory-divider, .mewmory-grid, .mewmory-grid button) { animation: site-module-render 240ms steps(1, end) both; }
.site-revealing :is(.system-panel:nth-child(even), .system-tile:nth-child(even), .recipe-card:nth-child(even), .mewmory-grid button:nth-child(even)) { animation-name: site-module-render-alt; }
@keyframes site-loader-pulse { 0%, 24% { background: #ed1c24; } 25%, 100% { background: #343741; } }
@keyframes site-module-render { 0% { opacity: .08; filter: brightness(2); } 18% { opacity: .82; filter: none; } 34% { opacity: .24; } 52% { opacity: 1; } 68% { opacity: .62; } 100% { opacity: 1; filter: none; } }
@keyframes site-module-render-alt { 0% { opacity: .55; } 16% { opacity: .12; filter: brightness(1.8); } 38% { opacity: .9; } 56% { opacity: .35; } 76%, 100% { opacity: 1; filter: none; } }
@media (prefers-reduced-motion: reduce) {
  .site-loader, .site-loader-pixels i, .site-revealing :is(.menubar, .system-panel, .system-tile, .desktop-preview, .blog-site-hero, .blog-paper-stack, .recipe-list-head, .recipe-search, .recipe-card, .mewmory-profile, .mewmory-divider, .mewmory-grid, .mewmory-grid button) { transition: none; animation: none; }
  .site-loader-pixels i:first-child { background: #ed1c24; }
}