body:has(#fullscreen-loading.display-none):has(.loading.display-none) h1.dirty > i::before, body:has(#fullscreen-loading.display-none):has(.loading.display-none) h1.dirty > i::after,
body:has(#fullscreen-loading.display-none):has(.loading.display-none) main:has(.dirty) h1 > i::before,
body:has(#fullscreen-loading.display-none):has(.loading.display-none) main:has(.dirty) h1 > i::after {
  content: '\f06d';
  animation-duration: 1s;
  animation-iteration-count: infinite; }

body:has(#fullscreen-loading.display-none):has(.loading.display-none) h1.dirty > i::before,
body:has(#fullscreen-loading.display-none):has(.loading.display-none) main:has(.dirty) h1 > i::before {
  animation-name: fire-1; }

body:has(#fullscreen-loading.display-none):has(.loading.display-none) h1.dirty > i::after,
body:has(#fullscreen-loading.display-none):has(.loading.display-none) main:has(.dirty) h1 > i::after {
  animation-name: fire-2;
  color: #ff00; }

main {
  display: flex;
  flex-direction: column;
  height: 100vh; }
  main .pages {
    overflow: hidden auto;
    flex: 1;
    padding: 1rem 1rem 3rem; }
  main .menu-wrapper {
    flex: 0; }